add:首页编辑

src/assets/icons/svg/camera.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1745973633597" class="icon" viewBox="0 0 1170 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14574" xmlns:xlink="http://www.w3.org/1999/xlink" width="228.515625" height="200"><path d="M1156.620197 396.640944l-6.624288 7.54974c-8.76744 10.326096-45.688105 55.819369-78.322466 96.100887-22.941469 28.250641-42.765625 52.458517-46.175185 56.744821-5.406588 6.33204-17.486172 4.481136-23.769504 0.779328-1.802196-1.168992-4.286304-2.727648-7.062661-4.724676 10.764468-20.262529 18.606456-36.238753 19.288369-39.843145 1.168992-6.137208 5.991084-96.393134 8.718732-149.38744 65.901926 3.312144 127.079175 6.33204 140.668708 6.916536 3.068604 1.753488 5.016924 3.40956 5.309172 4.8708a6.478164 6.478164 0 0 1 0.340956 2.094445c0 4.286304-3.312144 8.475192-12.371833 18.898704z m-412.702894-10.179972c-4.481136 5.552712-89.574014 107.498559-107.985639 132.096099-12.030876 12.469248-18.02196 9.157104-25.474284 4.8708l-4.529845-2.386692C594.578571 515.634591 33.024025 229.81604 28.640305 227.526764l-5.065632-2.484108C12.177 219.538652 2.532816 214.862683 2.532816 198.058423c0-4.822092 0.828036-10.764468 2.727648-17.973252C12.66408 150.421998 33.462397 39.319047 37.553869 25.534683c7.3062-24.646249 28.104517-27.471313 71.698178-24.694957 14.174028 0.876744 78.22505 4.188888 134.775039 7.06266l97.123755 4.968216c10.033848 0.584496 50.753737 8.718732 59.667301 11.641213 34.533973 11.20284 67.75283 26.740693 99.948819 41.742757 15.489144 7.3062 72.672338 34.436557 88.794686 41.304385 35.751673 15.58656 71.795594 32.293405 106.767939 48.561877l72.964586 33.559813c40.037977 18.02196 80.611742 36.677125 119.821683 54.796501l67.168333 30.832165 34.680097 15.781392 112.271943 51.581774 19.190953 8.816148c-76.228022-3.701808-227.953446-11.348964-273.446719-13.735656-64.684226-3.360852-102.384219 45.152317-105.063159 48.708001z m-691.410078 448.600691l1.509948 9.205812 288.497492-102.773882v-26.984233h111.541323v26.740693c-11.20284 3.750516-399.503026 169.649968-399.503027 169.649968l-0.828036 5.163048c-0.194832 1.266408-18.655164 84.703214-22.16214 107.449851H0v-342.514665h26.302321c2.337984 11.68992 16.706844 98.925951 26.204904 154.063408z m418.158191-81.439778v-39.112525h75.010322v48.902833s-274.713127 144.175684-278.414935 146.22142a21.187981 21.187981 0 0 0-10.569636 13.930488c-0.48708 1.558656-7.79328 43.106581-18.557749 88.940811-2.67894 11.251548-16.365888 11.008008-16.365888 11.008008h-161.223484s17.924544-78.906962 21.723768-104.088999c9.400644-3.16602 388.397602-165.802036 388.397602-165.802036z m-33.852061-148.949068c2.094444-3.360852 3.89664-6.916536 5.747544-10.569636l103.114839 54.358129v25.620409H342.514665v-37.602577c9.887724 6.33204 20.749609 9.7416 31.952449 9.7416 23.866921 0 45.882937-14.807232 62.346241-41.547925z m-131.609019-82.949726c37.407745 19.629324 80.319494 42.278545 122.500623 64.489394a98.390163 98.390163 0 0 1-5.065632 9.25452c-13.199868 21.675061-30.198961 33.462397-48.172213 33.462397-35.995213 0-65.707094-47.051929-69.262778-107.206311z m-85.726082 160.931236c3.117312 0.438372 7.111368 0.73062 9.49806 11.982169 1.899612 9.546768 17.437464 60.251798 17.437464 60.251797s-161.515732 55.380997-169.990924 57.76769c-5.552712-33.218857-24.207877-131.511603-24.207877-131.511604l166.435241 1.509948h0.828036zM31.124413 272.484249c18.50904 9.400644 103.017423 54.552961 129.611991 68.191202 0.146124 7.988112 0.194832 19.970281 0.194832 37.505161v13.345992c0 3.701808 0 7.257492 0.24354 10.71576C141.545452 391.13694 48.074797 339.749999 38.868985 334.245994 32.147281 330.251938 30.832165 317.587858 30.832165 311.499358c0-0.535788 0-1.120284 0.097416-1.558656v-0.194832l0.194832-37.261621z m169.162888 175.153972c-7.988112-3.312144-22.697929-9.595476-22.697928-56.111617v-13.63824c0-11.93346 0-21.334105-0.097416-28.542889a99710.149339 99710.149339 0 0 0 408.319174 208.275413l3.214728 1.802196c2.386692 1.363824 5.552712 3.16602 9.157104 4.38372l-2.240568 87.625695c0 1.46124 0 2.971188 0.097416 4.237596-50.656321-26.740693-385.231582-203.502029-395.75251-208.031874z m414.505091 116.801787a45.103609 45.103609 0 0 0 19.824156-13.199868l0.340956-0.340956 0.24354-0.438372a15322.56303 15322.56303 0 0 1 121.526463-153.04054l0.194832-0.24354c0.292248-0.438372 34.485265-45.201025 91.132671-42.132421 27.471313 1.509948 93.275822 4.675968 157.960048 7.890696-3.263436 64.051022-7.3062 139.15876-8.329069 146.611084-4.14018 11.251548-72.964586 139.256176-86.602826 155.768188-11.44638 13.88178-21.675061 14.953356-34.777513 15.196896-15.781392 0.24354-224.105514-5.991084-237.207966-7.06266-21.918601-1.70478-26.545861-8.475192-26.54586-20.408652l0.097416-1.2177s1.412532-54.650377 2.143152-87.382155z m95.27285 9.400645c2.19186 5.60142 12.517956 8.03682 17.437465 8.03682 4.773384 0.146124 58.887973 2.4354 81.244946 3.16602l40.622473 1.753488s13.833072 1.363824 20.94444-3.799224c7.257492-4.724676 10.22868-19.385784 10.22868-19.385785s23.282425-83.631638 28.689013-100.582022c5.35788-17.096508 7.452324-31.319245-10.423512-32.293405l-20.018989-1.071576c-22.162141-1.022868-44.372989-2.094444-66.486421-2.873772-10.47222-0.340956-21.041857-0.48708-31.514077-0.681912-10.910592-0.194832-22.113433-1.266408-31.075705 6.721704-8.572608 7.354908-9.351936 17.486172-12.225708 27.520021-6.0885 20.262529-11.68992 40.476349-17.340049 60.836293-2.630232 9.7416-5.552712 19.385784-8.231652 29.078677-1.899612 7.257492-4.675968 16.268472-1.850904 23.574673z" p-id="14575" ></path></svg>
\ No newline at end of file

src/views/AlarmCenter/alarmreminder.vue

@@ -55,7 +55,6 @@
           :body-style="{ padding: '20px', height: 'calc(100vh - 200px)' }"
         >
           <p slot="header"><b>提醒语音管理</b></p>
-
           <el-table
             :data="tableData"
             style="width: 100%"

src/views/index.vue

@@ -2,11 +2,25 @@
   <div class="app-container">
     <el-row :gutter="15" type="flex">
       <el-col :span="5">
-        <el-card
-          shadow="hover"
-          :body-style="{ padding: '20px', height: 'calc(100vh - 200px)' }"
-        >
-        </el-card>
+        <div class="status-container">
+          <h3 class="status-title">定位状态</h3>
+          <div class="status-group">
+            <div class="status-item">
+              <span class="count online">18</span>
+              <div class="label"><svg-icon icon-class="camera" />在线数量</div>
+            </div>
+            <div class="status-item">
+              <span class="count offline">18</span>
+              <div class="label"><svg-icon icon-class="camera" />离线数量</div>
+            </div>
+          </div>
+        </div>
+        <div class="status-container">
+          <h3 class="status-title">视频分析任务启动状态</h3>
+          <div class="status-group">
+            <div class="status-item">
+            </div>
+          </div>
       </el-col>
       <el-col :span="13">
         <el-card
@@ -40,5 +54,64 @@ export default {
 <style lang="scss" scoped>
 .app-container {
   padding-right: 0;
+  .fs30 {
+    font-size: 38px;
+  }
+  .ac {
+    text-align: center;
+  }
+  .status-container {
+    padding: 20px;
+    background: #f8f9fa;
+    border-radius: 5px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+
+    .status-title {
+      margin: 0 0 20px 0;
+      font-size: 16px;
+      color: #333;
+
+      .title-icon {
+        margin-right: 8px;
+        font-size: 20px;
+        color: #409eff;
+      }
+    }
+
+    .status-group {
+      display: flex;
+      gap: 20px;
+
+      .status-item {
+        flex: 1;
+        text-align: center;
+
+        .count {
+          font-size: 32px;
+          font-weight: bold;
+          display: block;
+          margin-bottom: 8px;
+
+          &.online {
+            color: #67c23a;
+          }
+          &.offline {
+            color: #f56c6c;
+          }
+        }
+
+        .label {
+          font-size: 14px;
+          color: #666;
+
+          .svg-icon {
+            vertical-align: middle;
+            margin-right: 5px;
+            font-size: 18px;
+          }
+        }
+      }
+    }
+  }
 }
 </style>