From a30e295478c98f3e988ea049296a7d22c21a2e7a Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期二, 30 七月 2024 16:34:49 +0800
Subject: [PATCH] 大屏颜色小调，样式

---
 src/views/system/data-manage/data-detail/list.js                            | 2517 +++++++++++++++++++++++++++++++++++++++----------------
 src/views/system/data-manage/index.vue                                      |   32 
 src/views/screen/newPage/index.vue                                          |   25 
 src/views/screen/components/screen-map-three/experience/world/enviroment.js |    4 
 src/views/system/data-manage/equipment/index.vue                            |    2 
 src/views/screen/components/screen-wrapper/index.vue                        |    2 
 src/views/system/monitor/face/index.vue                                     |    2 
 src/views/system/data-manage/vehicle-data-monitor/index.vue                 |    2 
 src/views/system/monitor/car/index.vue                                      |    2 
 src/views/system/monitor/platform/index.vue                                 |    2 
 src/views/system/monitor/recovery/index.vue                                 |    2 
 src/views/system/monitor/video/index.vue                                    |    2 
 src/views/system/data-manage/data-detail/index.vue                          |   87 -
 13 files changed, 1,874 insertions(+), 807 deletions(-)

diff --git a/src/views/screen/components/screen-map-three/experience/world/enviroment.js b/src/views/screen/components/screen-map-three/experience/world/enviroment.js
index 2f1177c..56a8fcf 100644
--- a/src/views/screen/components/screen-map-three/experience/world/enviroment.js
+++ b/src/views/screen/components/screen-map-three/experience/world/enviroment.js
@@ -15,7 +15,7 @@
     this.setSunLight();
     // this.setRotateHola();
     // this.setBackground();
-    this.setCirclePoint();
+    // this.setCirclePoint();
 
     // this.debuger();
   }
@@ -174,4 +174,4 @@
 
     folder3.add(this.ambientLight, 'intensity').min(0).max(1).step(0.1).name("寮哄害");
   }
-}
\ No newline at end of file
+}
diff --git a/src/views/screen/components/screen-wrapper/index.vue b/src/views/screen/components/screen-wrapper/index.vue
index 0257f2d..e68695b 100644
--- a/src/views/screen/components/screen-wrapper/index.vue
+++ b/src/views/screen/components/screen-wrapper/index.vue
@@ -194,4 +194,4 @@
     transform: translateY(0);
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/screen/newPage/index.vue b/src/views/screen/newPage/index.vue
index f278dd9..ecd6b0a 100644
--- a/src/views/screen/newPage/index.vue
+++ b/src/views/screen/newPage/index.vue
@@ -221,7 +221,7 @@
   }
   .return-button {
     position: absolute;
-    right: 20px;
+    right: -5px;
     top: 20px;
     background: url("../../../assets/images/screen/backBt.png");
     background-size: 100% 100%;
@@ -230,28 +230,29 @@
     color: #4481dd;
     padding: 15px 25px;
     cursor: pointer;
+    font-size: 20px;
   }
 }
 ::v-deep .tabs-box {
   margin-top: 5px;
   .el-tabs__item {
     color: #ffffff !important;
-    font-size: 24px;
+    font-size: 26px;
   }
   .is-active {
-    color: #66b5ff !important;
+    color: #00b8ff !important;
     // background: url("../../../assets/images/screen/button1.png");
     // background-size: cover !important;
     // background-repeat: no-repeat !important;
     // background-position: center center !important;
-    background: linear-gradient(#66b5ff, #66b5ff) left top,
-      linear-gradient(#66b5ff, #66b5ff) left top,
-      linear-gradient(#66b5ff, #66b5ff) right top,
-      linear-gradient(#66b5ff, #66b5ff) right top,
-      linear-gradient(#66b5ff, #66b5ff) left bottom,
-      linear-gradient(#66b5ff, #66b5ff) left bottom,
-      linear-gradient(#66b5ff, #66b5ff) right bottom,
-      linear-gradient(#66b5ff, #66b5ff) right bottom;
+    background: linear-gradient(#00b8ff, #00b8ff) left top,
+      linear-gradient(#00b8ff, #00b8ff) left top,
+      linear-gradient(#00b8ff, #00b8ff) right top,
+      linear-gradient(#00b8ff, #00b8ff) right top,
+      linear-gradient(#00b8ff, #00b8ff) left bottom,
+      linear-gradient(#00b8ff, #00b8ff) left bottom,
+      linear-gradient(#00b8ff, #00b8ff) right bottom,
+      linear-gradient(#00b8ff, #00b8ff) right bottom;
     background-repeat: no-repeat;
     background-size: 0.1vw 0.5vw, 0.5vw 0.1vw;
   }
@@ -313,7 +314,7 @@
     // background-size: 100% 100%;
     // background-repeat: no-repeat !important;
     // background-position: center center !important;
-    font-size: 36px;
+    font-size: 40px;
     font-weight: bold;
     position: absolute;
     top: -60px;
diff --git a/src/views/system/data-manage/data-detail/index.vue b/src/views/system/data-manage/data-detail/index.vue
index ca05018..b2d4cc6 100644
--- a/src/views/system/data-manage/data-detail/index.vue
+++ b/src/views/system/data-manage/data-detail/index.vue
@@ -1,48 +1,23 @@
 <template>
   <div class="app-container">
     <el-card class="box-card">
-      <el-row type="flex" align="middle" justify="space-between">
-        <el-col :span="2">
-          <div class="icon-container">
-            <i class="el-icon-wind-power"></i>
-          </div>
-        </el-col>
-        <el-col :span="2">
-          <div>
-            <div class="dashboard-item">
-              <h3 style="color: #5C9BF8">{{ totalKiosks }}</h3>
-              <p>鍗″彛鎬绘暟</p>
+      <el-row style="display: flex; flex-direction: row; align-items: center" justify="space-between">
+          <div v-for="card in cardList" style="display: flex;flex-direction: row; ">
+            <div>
+              <div class="icon-container">
+                <i :class="card.icon"></i>
+              </div>
+            </div>
+            <div v-for="data in card.dataList" class="dashboard-item">
+              <div style="color: #5C9BF8">{{ data.value }}</div>
+              <div>{{data.label}}</div>
             </div>
           </div>
-        </el-col>
-        <el-col :span="2">
-          <div class="dashboard-item">
-            <h3>{{ uniqueKiosks }}</h3>
-            <p>涓嶅敮涓�鍗″彛鏁�</p>
-          </div>
-        </el-col>
-        <el-col :span="1">
-          <div class="dashboard-item">
-            <div style="width: 1px;height: 55px;border: 1px solid #D7EBFA;margin: 20px;"></div>
-          </div>
-        </el-col>
-        <el-col :span="2">
-          <div class="icon-container">
-            <i class="el-icon-truck"></i>
-          </div>
-        </el-col>
-        <el-col :span="2">
-          <div class="dashboard-item">
-            <h3 style="color: #5C9BF8">{{ totalCarData }}</h3>
-            <p>杩囪溅鏁版嵁鎬婚噺</p>
-          </div>
-        </el-col>
-        <el-col :span="2">
-          <div class="dashboard-item">
-            <h3>{{ uniqueCarData }}</h3>
-            <p>涓嶅敮涓�鏁版嵁閲�</p>
-          </div>
-        </el-col>
+<!--        <el-col :span="1">-->
+<!--          <div class="dashboard-item">-->
+<!--            <div style="width: 1px;height: 55px;border: 1px solid #D7EBFA;margin: 20px;"></div>-->
+<!--          </div>-->
+<!--        </el-col>-->
         <el-col :span="8"></el-col>
       </el-row>
     </el-card>
@@ -177,7 +152,8 @@
           { required: true, message: "鍗″彛缂栧彿涓嶈兘涓虹┖", trigger: "blur" }
         ],
       },
-      tableHead: []
+      tableHead: [],
+      cardList: []
     };
   },
   beforeRouteEnter(to, from, next) {
@@ -185,9 +161,23 @@
     next();
   },
   created() {
-    if (this.$route.query.type === '1') this.tableHead = videoData[this.$route.query.index].columns;
-    if (this.$route.query.type === '2') this.tableHead = carData[this.$route.query.index].columns;
-    if (this.$route.query.type === '3') this.tableHead = faceData[this.$route.query.index].columns;
+    if (this.$route.query.type === '1') {
+      let data = videoData.table.filter(item => item.index === this.$route.query.index)[0]
+      this.tableHead = data.columns;
+      this.cardList = data.card;
+      console.log(data, "aaa")
+      console.log(this.cardList, "ddd")
+    };
+    if (this.$route.query.type === '2') {
+      let data = carData.table.filter(item => item.index === this.$route.query.index)[0]
+      this.tableHead = data.columns;
+      this.cardList = data.card;
+    }
+    if (this.$route.query.type === '3') {
+      let data = faceData.table.filter(item => item.index === this.$route.query.index)[0]
+      this.tableHead = data.columns;
+      this.cardList = data.card;
+    }
     if (this.$route.query.type === '4') this.tableHead = equipment[this.$route.query.index].columns;
     this.getList();
   },
@@ -303,9 +293,10 @@
 
 .icon-container {
   display: flex;
+  flex-direction: row;
   justify-content: center;
   align-items: center;
-  border-radius: 20px;
+  border-radius: 10px;
   width: 20%;
   height: 80px;
   margin-left: 5%;
@@ -321,6 +312,10 @@
 }
 
 .dashboard-item {
-  text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 200px;
 }
 </style>
diff --git a/src/views/system/data-manage/data-detail/list.js b/src/views/system/data-manage/data-detail/list.js
index 3648368..e1ecde8 100644
--- a/src/views/system/data-manage/data-detail/list.js
+++ b/src/views/system/data-manage/data-detail/list.js
@@ -1,732 +1,1791 @@
-export const videoData = [
-  {
-    title: '骞冲彴鍦ㄧ嚎',
-    columns: [
-      {
-        label: '鍗″彛鍚嶇О',
-        align: 'center',
-        prop: 'bayonetName',
-      },
-      {
-        label: '鍗″彛缂栧彿',
-        align: 'center',
-        prop: 'bayonetNumber'
-      },
-      {
-        label: '杩囪溅鏁版嵁閲�',
-        align: 'center',
-        prop: 'vehicleDataNumber'
-      },
-      {
-        label: '涓嶅敮涓�鏁版嵁',
-        align: 'center',
-        prop: 'notUniqueData'
-      },
-      {
-        label: '涓嶅敮涓�鏁版嵁閲�',
-        align: 'center',
-        prop: 'notUniqueDataNumber'
-      },
-    ]
-  },
-  {
-    title: '涓�鏈轰竴妗�',
-    columns: [
-      {
-        label: '鍗″彛鍚嶇О',
-        align: 'center',
-        prop: 'bayonetName',
-      },
-      {
-        label: '鍗″彛缂栧彿',
-        align: 'center',
-        prop: 'bayonetNumber'
-      },
-      {
-        label: '杩囪溅鏁版嵁閲�',
-        align: 'center',
-        prop: 'vehicleDataNumber'
-      },
-      {
-        label: '涓嶅敮涓�鏁版嵁',
-        align: 'center',
-        prop: 'notUniqueData'
-      },
-      {
-        label: '涓嶅敮涓�鏁版嵁閲�',
-        align: 'center',
-        prop: 'notUniqueDataNumber'
-      },
-    ]
-  },
-  {
-    title: "鐐逛綅鍦ㄧ嚎",
-    columns: [
-      {
-        label: "琛屾斂鍖哄垝缂栫爜",
-        align: "center",
-        prop: "arealayernoCode"
-      },
-      {
-        label: "琛屾斂鍖哄垝鍚嶇О",
-        align: "center",
-        prop: "arealayernoName"
-      },
-      {
-        label: "璇婃柇鏃ユ湡",
-        align: "center",
-        prop: "diagDate"
-      },
-      {
-        label: "缁熻绾害",
-        align: "center",
-        prop: "dim"
-      },
-      {
-        label: "icmp绂荤嚎鏁�",
-        align: "center",
-        prop: "icmpOfflineNum"
-      },
-      {
-        label: "icmp鍦ㄧ嚎鏁�",
-        align: "center",
-        prop: "icmpOnlineNum"
-      },
-      {
-        label: "icmp鍦ㄧ嚎鐜�",
-        align: "center",
-        prop: "icmpOnlineRate"
-      },
-      {
-        label: "icmp璇婃柇鎬绘暟",
-        align: "center",
-        prop: "icmpTotalNum"
-      },
-      {
-        label: "绂荤嚎鏁�",
-        align: "center",
-        prop: "offlineNum"
-      },
-      {
-        label: "鍦ㄧ嚎鏁�",
-        align: "center",
-        prop: "onlineNum"
-      },
-      {
-        label: "鍦ㄧ嚎鐜�",
-        align: "center",
-        prop: "onlineRate"
-      }
-    ]
-  },
-  {
-    title: "褰曞儚鍙敤",
-    columns: [
-      {
-        label: "琛屾斂鍖哄煙鍚嶇О",
-        align: "center",
-        prop: "arealayername"
-      },
-      {
-        label: "琛屾斂鍖哄煙ID",
-        align: "center",
-        prop: "arealayerno"
-      },
-      {
-        label: "鍒涘缓鏃堕棿",
-        align: "center",
-        prop: "createTime"
-      },
-      {
-        label: "鎽勫儚鏈篒D",
-        align: "center",
-        prop: "deviceId"
-      },
-      {
-        label: "鎽勫儚鏈哄悕绉�",
-        align: "center",
-        prop: "deviceName"
-      },
-      {
-        label: "涓婚敭ID",
-        align: "center",
-        prop: "id"
-      },
-      {
-        label: "缂哄け鏃堕暱",
-        align: "center",
-        prop: "missDuration"
-      },
-      {
-        label: "鍥芥爣骞冲彴ID",
-        align: "center",
-        prop: "platId"
-      },
-      {
-        label: "褰曞儚鏃堕暱",
-        align: "center",
-        prop: "recordDuration"
-      },
-      {
-        label: "褰曞儚瀹屾暣鐘舵��",
-        align: "center",
-        prop: "recordStatus"
-      },
-      {
-        label: "缁熻鏃堕棿",
-        align: "center",
-        prop: "statTime"
-      },
-      {
-        label: "绉熸埛ID",
-        align: "center",
-        prop: "tenantId"
-      }
-    ]
-  },
-  {
-    title: "瑙嗛鏍囨敞",
-    columns: [
-      {
-        label: "鍖哄煙璺緞淇℃伅",
-        align: "center",
-        prop: "arealayerPath"
-      },
-      {
-        label: "鍖哄煙鍚嶇О",
-        align: "center",
-        prop: "arealayername"
-      },
-      {
-        label: "鍖哄煙缂栫爜",
-        align: "center",
-        prop: "arealayerno"
-      },
-      {
-        label: "璁惧 ID",
-        align: "center",
-        prop: "deviceId"
-      },
-      {
-        label: "璁惧鍚嶇О",
-        align: "center",
-        prop: "deviceName"
-      },
-      {
-        label: "鏄惁澶т簬鏈�澶у��",
-        align: "center",
-        prop: "diff"
-      },
-      {
-        label: "鎷夌爜娴佹椂闂村樊",
-        align: "center",
-        prop: "diffTime"
-      },
-      {
-        label: "IP 鍦板潃",
-        align: "center",
-        prop: "ip"
-      },
-      {
-        label: "鍥剧墖 ocr 璇嗗埆缁撴灉",
-        align: "center",
-        prop: "ocrResult"
-      },
-      {
-        label: "鍥剧墖鍦板潃",
-        align: "center",
-        prop: "imgPath"
-      },
-      {
-        label: "鐘舵�佺爜",
-        align: "center",
-        prop: "statusCode"
-      },
-      {
-        label: "鎷夌爜娴佹椂闂存牸寮�",
-        align: "center",
-        prop: "osdFormat"
-      },
-      {
-        label: "OSD 淇℃伅",
-        align: "center",
-        prop: "osdInfo"
-      },
-      {
-        label: "鍥剧墖涓婄殑瀛楀箷鏃堕棿",
-        align: "center",
-        prop: "osdTime"
-      },
-      {
-        label: "鎽勫儚鏈烘爣绛�",
-        align: "center",
-        prop: "tags"
-      },
-      {
-        label: "鏇存柊鏃堕棿",
-        align: "center",
-        prop: "updateTime"
-      },
-      {
-        label: "瑙嗛鐮佹祦鑾峰彇鏃堕棿",
-        align: "center",
-        prop: "videoGetTime"
-      }
-    ]
-  },
-  {
-    title: '閲嶇偣鎸囨尌鍥惧儚鍦ㄧ嚎鐜�',
-    columns: [
-      {
-        label: "鍖哄煙璺緞淇℃伅",
-        align: "center",
-        prop: "arealayerPath"
-      },
-      {
-        label: "琛屾斂鍖哄垝缂栫爜",
-        align: "center",
-        prop: "arealayernoCode"
-      },
-      {
-        label: "琛屾斂鍖哄垝鍚嶇О",
-        align: "center",
-        prop: "arealayernoName"
-      },
-      {
-        label: "浜岃繘鍒剁鎴稩D",
-        align: "center",
-        prop: "binaryTenantId"
-      },
-      {
-        label: "妯＄硦",
-        align: "center",
-        prop: "blur"
-      },
-      {
-        label: "妯＄硦鍘熷鍒嗗��",
-        align: "center",
-        prop: "blurRaw"
-      },
-      {
-        label: "妯＄硦闃堝��",
-        align: "center",
-        prop: "blurThreshold"
-      },
-      {
-        label: "棰滆壊",
-        align: "center",
-        prop: "color"
-      },
-      {
-        label: "棰滆壊鍘熷鍒嗗��",
-        align: "center",
-        prop: "colorRaw"
-      },
-      {
-        label: "棰滆壊闃堝��",
-        align: "center",
-        prop: "colorThreshold"
-      },
-      {
-        label: "瑙ｇ爜淇℃伅",
-        align: "center",
-        prop: "decodeInfo"
-      },
-      {
-        label: "璁惧鍥芥爣ID",
-        align: "center",
-        prop: "deviceId"
-      },
-      {
-        label: "璁惧IP",
-        align: "center",
-        prop: "deviceIp"
-      },
-      {
-        label: "璁惧鍚嶇О",
-        align: "center",
-        prop: "deviceName"
-      },
-      {
-        label: "鎵╁睍JSON",
-        align: "center",
-        prop: "extJson"
-      },
-      {
-        label: "涓㈠抚鐜�",
-        align: "center",
-        prop: "frameLostRate"
-      },
-      {
-        label: "缁処D",
-        align: "center",
-        prop: "groupId"
-      },
-      {
-        label: "涓婚敭ID",
-        align: "center",
-        prop: "id"
-      },
-      {
-        label: "IFM寤惰繜",
-        align: "center",
-        prop: "ifmDelay"
-      },
-      {
-        label: "鍥惧儚璺緞",
-        align: "center",
-        prop: "imagePath"
-      },
-      {
-        label: "鍥惧儚鐘舵��",
-        align: "center",
-        prop: "imgStatus"
-      },
-      {
-        label: "鍏ョ綉鏃堕棿",
-        align: "center",
-        prop: "inTime"
-      },
-      {
-        label: "绾害",
-        align: "center",
-        prop: "latitude"
-      },
-      {
-        label: "浜害",
-        align: "center",
-        prop: "light"
-      },
-      {
-        label: "浜害鍘熷鍒嗗��",
-        align: "center",
-        prop: "lightRaw"
-      },
-      {
-        label: "浜害闃堝��",
-        align: "center",
-        prop: "lightThreshold"
-      },
-      {
-        label: "缁忓害",
-        align: "center",
-        prop: "longitude"
-      },
-      {
-        label: "鍦ㄧ嚎鐘舵��",
-        align: "center",
-        prop: "onlineStatus"
-      },
-      {
-        label: "鍘熷骞冲彴ID",
-        align: "center",
-        prop: "originalPlatId"
-      },
-      {
-        label: "璐熻浇绫诲瀷",
-        align: "center",
-        prop: "payloadType"
-      },
-      {
-        label: "鍍忕礌淇℃伅",
-        align: "center",
-        prop: "pixelInfo"
-      },
-      {
-        label: "骞冲彴ID",
-        align: "center",
-        prop: "platId"
-      },
-      {
-        label: "閬尅",
-        align: "center",
-        prop: "shade"
-      },
-      {
-        label: "閬尅鍘熷鍒嗗��",
-        align: "center",
-        prop: "shadeRaw"
-      },
-      {
-        label: "閬尅闃堝��",
-        align: "center",
-        prop: "shadeThreshold"
-      },
-      {
-        label: "鎶栧姩",
-        align: "center",
-        prop: "shake"
-      },
-      {
-        label: "鎶栧姩鍘熷鍒嗗��",
-        align: "center",
-        prop: "shakeRaw"
-      },
-      {
-        label: "鎶栧姩闃堝��",
-        align: "center",
-        prop: "shakeThreshold"
-      },
-      {
-        label: "鏃犱俊鍙�",
-        align: "center",
-        prop: "signa1"
-      },
-      {
-        label: "鏃犱俊鍙峰師濮嬪垎鍊�",
-        align: "center",
-        prop: "signa1Raw"
-      },
-      {
-        label: "鏃犱俊鍙风姸鎬�",
-        align: "center",
-        prop: "signa1Status"
-      },
-      {
-        label: "鏃犱俊鍙烽槇鍊�",
-        align: "center",
-        prop: "signa1Threshold"
-      },
-      {
-        label: "SIP寤惰繜",
-        align: "center",
-        prop: "sipDelay"
-      },
-      {
-        label: "闆姳",
-        align: "center",
-        prop: "snow"
-      },
-      {
-        label: "闆姳鍘熷鍒嗗��",
-        align: "center",
-        prop: "snowRaw"
-      },
-      {
-        label: "闆姳闃堝��",
-        align: "center",
-        prop: "snowThreshold"
-      },
-      {
-        label: "鏉＄汗",
-        align: "center",
-        prop: "stripe"
-      },
-      {
-        label: "鏉＄汗鍘熷鍒嗗��",
-        align: "center",
-        prop: "stripeRaw"
-      },
-      {
-        label: "鏉＄汗闃堝��",
-        align: "center",
-        prop: "stripeThreshold"
-      },
-      {
-        label: "鎽勫儚鏈烘爣绛�",
-        align: "center",
-        prop: "tags"
-      },
-      {
-        label: "浠诲姟鍒涘缓鏃堕棿",
-        align: "center",
-        prop: "taskCreateTime"
-      },
-      {
-        label: "浠诲姟澶嶆鏃堕棿",
-        align: "center",
-        prop: "taskRecheckTime"
-      },
-      {
-        label: "绉熸埛ID",
-        align: "center",
-        prop: "tenantId"
-      },
-      {
-        label: "瑙嗛寤惰繜",
-        align: "center",
-        prop: "videoDelay"
-      },
-      {
-        label: "瑙嗛璇婃柇鐘舵��",
-        align: "center",
-        prop: "videoDiagStatus"
-      },
-      {
-        label: "瑙嗛璇婃柇鏃堕棿",
-        align: "center",
-        prop: "videoDiagTime"
-      },
-      {
-        label: "瑙嗛鑾峰彇鐘舵��",
-        align: "center",
-        prop: "videoGetStatus"
-      },
-      {
-        label: "瑙嗛鑾峰彇鏃堕棿",
-        align: "center",
-        prop: "videoGetTime"
-      },
-      {
-        label: "澶滈棿VQD",
-        align: "center",
-        prop: "vqdAtNight"
-      }
-    ]
-  },
-  {
-    title: '瑙嗛鍥惧儚璧勬簮瀹夊叏绠＄悊',
-    columns: []
-  },
-  {
-    title: "瑙嗛鍥惧儚璐ㄩ噺妫�娴嬫姤鍛�",
-    columns: [
-      {
-        label: "琛屾斂鍖哄垝缂栫爜",
-        align: "center",
-        prop: "arealayernoCode"
-      },
-      {
-        label: "琛屾斂鍖哄垝鍚嶇О",
-        align: "center",
-        prop: "arealayernoName"
-      },
-      {
-        label: "妯＄硦",
-        align: "center",
-        prop: "blur"
-      },
-      {
-        label: "妯＄硦鍘熷鍒嗗��",
-        align: "center",
-        prop: "blurRaw"
-      },
-      {
-        label: "棰滆壊",
-        align: "center",
-        prop: "color"
-      },
-      {
-        label: "棰滆壊鍘熷鍒嗗��",
-        align: "center",
-        prop: "colorRaw"
-      },
-      {
-        label: "鎽勫儚鏈�-鍥芥爣id",
-        align: "center",
-        prop: "deviceId"
-      },
-      {
-        label: "鎽勫儚鏈篿p",
-        align: "center",
-        prop: "deviceIp"
-      },
-      {
-        label: "鎽勫儚鏈鸿澶囧悕绉�",
-        align: "center",
-        prop: "deviceName"
-      },
-      {
-        label: "缁熻绾害",
-        align: "center",
-        prop: "dim"
-      },
-      {
-        label: "鍥惧儚鏄惁姝ｅ父",
-        align: "center",
-        prop: "isImgAbnormal"
-      },
-      {
-        label: "淇″彿鏄惁涓㈠け",
-        align: "center",
-        prop: "isSignalMiss"
-      },
-      {
-        label: "浜害",
-        align: "center",
-        prop: "light"
-      },
-      {
-        label: "浜害鍘熷鍒嗗��",
-        align: "center",
-        prop: "lightRaw"
-      },
-      {
-        label: "閬尅",
-        align: "center",
-        prop: "shade"
-      },
-      {
-        label: "閬尅鍘熷鍒嗗��",
-        align: "center",
-        prop: "shadeRaw"
-      },
-      {
-        label: "鎶栧姩",
-        align: "center",
-        prop: "shake"
-      },
-      {
-        label: "鎶栧姩鍘熷鍒嗗��",
-        align: "center",
-        prop: "shakeRaw"
-      },
-      {
-        label: "鏃犱俊鍙�",
-        align: "center",
-        prop: "signa1"
-      },
-      {
-        label: "鏃犱俊鍙峰師濮嬪垎鍊�",
-        align: "center",
-        prop: "signa1Raw"
-      },
-      {
-        label: "闆姳",
-        align: "center",
-        prop: "snow"
-      },
-      {
-        label: "闆姳鍘熷鍒嗗��",
-        align: "center",
-        prop: "snowRaw"
-      },
-      {
-        label: "鎺掑簭灞炴��",
-        align: "center",
-        prop: "sortFiled"
-      },
-      {
-        label: "璇婃柇鐘舵�佺紪鐮�",
-        align: "center",
-        prop: "status"
-      },
-      {
-        label: "璇婃柇鐘舵�佸悕绉�",
-        align: "center",
-        prop: "statusName"
-      },
-      {
-        label: "鏉＄汗",
-        align: "center",
-        prop: "stripe"
-      },
-      {
-        label: "鏉＄汗鍘熷鍒嗗��",
-        align: "center",
-        prop: "stripeRaw"
-      },
-      {
-        label: "璇婃柇鏃堕棿",
-        align: "center",
-        prop: "vqdTime"
-      }
-    ]
-  }
-];
+export const videoData = {
+  table: [
+    {
+      title: '骞冲彴鍦ㄧ嚎鐜�',
+      index: 'platform_online',
+      columns: [
+        {
+          label: '鍗″彛鍚嶇О',
+          align: 'center',
+          prop: 'bayonetName',
+        },
+        {
+          label: '鍗″彛缂栧彿',
+          align: 'center',
+          prop: 'bayonetNumber'
+        },
+        {
+          label: '杩囪溅鏁版嵁閲�',
+          align: 'center',
+          prop: 'vehicleDataNumber'
+        },
+        {
+          label: '涓嶅敮涓�鏁版嵁',
+          align: 'center',
+          prop: 'notUniqueData'
+        },
+        {
+          label: '涓嶅敮涓�鏁版嵁閲�',
+          align: 'center',
+          prop: 'notUniqueDataNumber'
+        },
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '涓�鏈轰竴妗ｅ悎鏍肩巼',
+      index: 'monitor_qualification',
+      columns: [
+        {
+          label: '鍗″彛鍚嶇О',
+          align: 'center',
+          prop: 'bayonetName',
+        },
+        {
+          label: '鍗″彛缂栧彿',
+          align: 'center',
+          prop: 'bayonetNumber'
+        },
+        {
+          label: '杩囪溅鏁版嵁閲�',
+          align: 'center',
+          prop: 'vehicleDataNumber'
+        },
+        {
+          label: '涓嶅敮涓�鏁版嵁',
+          align: 'center',
+          prop: 'notUniqueData'
+        },
+        {
+          label: '涓嶅敮涓�鏁版嵁閲�',
+          align: 'center',
+          prop: 'notUniqueDataNumber'
+        },
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '涓�鏈轰竴妗ｆ敞鍐岀巼',
+      index: 'monitor_registration',
+      columns: [
+        {
+          label: '鍗″彛鍚嶇О',
+          align: 'center',
+          prop: 'bayonetName',
+        },
+        {
+          label: '鍗″彛缂栧彿',
+          align: 'center',
+          prop: 'bayonetNumber'
+        },
+        {
+          label: '杩囪溅鏁版嵁閲�',
+          align: 'center',
+          prop: 'vehicleDataNumber'
+        },
+        {
+          label: '涓嶅敮涓�鏁版嵁',
+          align: 'center',
+          prop: 'notUniqueData'
+        },
+        {
+          label: '涓嶅敮涓�鏁版嵁閲�',
+          align: 'center',
+          prop: 'notUniqueDataNumber'
+        },
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '鑰冩牳妗ｆ姣�',
+      index: 'archives_rate',
+      columns: [
+        {
+          label: '鍗″彛鍚嶇О',
+          align: 'center',
+          prop: 'bayonetName',
+        },
+        {
+          label: '鍗″彛缂栧彿',
+          align: 'center',
+          prop: 'bayonetNumber'
+        },
+        {
+          label: '杩囪溅鏁版嵁閲�',
+          align: 'center',
+          prop: 'vehicleDataNumber'
+        },
+        {
+          label: '涓嶅敮涓�鏁版嵁',
+          align: 'center',
+          prop: 'notUniqueData'
+        },
+        {
+          label: '涓嶅敮涓�鏁版嵁閲�',
+          align: 'center',
+          prop: 'notUniqueDataNumber'
+        },
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: "鐐逛綅鍦ㄧ嚎鐜�",
+      index: 'site_online',
+      columns: [
+        {
+          label: "琛屾斂鍖哄垝缂栫爜",
+          align: "center",
+          prop: "arealayernoCode"
+        },
+        {
+          label: "琛屾斂鍖哄垝鍚嶇О",
+          align: "center",
+          prop: "arealayernoName"
+        },
+        {
+          label: "璇婃柇鏃ユ湡",
+          align: "center",
+          prop: "diagDate"
+        },
+        {
+          label: "缁熻绾害",
+          align: "center",
+          prop: "dim"
+        },
+        {
+          label: "icmp绂荤嚎鏁�",
+          align: "center",
+          prop: "icmpOfflineNum"
+        },
+        {
+          label: "icmp鍦ㄧ嚎鏁�",
+          align: "center",
+          prop: "icmpOnlineNum"
+        },
+        {
+          label: "icmp鍦ㄧ嚎鐜�",
+          align: "center",
+          prop: "icmpOnlineRate"
+        },
+        {
+          label: "icmp璇婃柇鎬绘暟",
+          align: "center",
+          prop: "icmpTotalNum"
+        },
+        {
+          label: "绂荤嚎鏁�",
+          align: "center",
+          prop: "offlineNum"
+        },
+        {
+          label: "鍦ㄧ嚎鏁�",
+          align: "center",
+          prop: "onlineNum"
+        },
+        {
+          label: "鍦ㄧ嚎鐜�",
+          align: "center",
+          prop: "onlineRate"
+        }
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: "褰曞儚鍙敤鐜�",
+      index: 'video_available',
+      columns: [
+        {
+          label: "琛屾斂鍖哄煙鍚嶇О",
+          align: "center",
+          prop: "arealayername"
+        },
+        {
+          label: "琛屾斂鍖哄煙ID",
+          align: "center",
+          prop: "arealayerno"
+        },
+        {
+          label: "鍒涘缓鏃堕棿",
+          align: "center",
+          prop: "createTime"
+        },
+        {
+          label: "鎽勫儚鏈篒D",
+          align: "center",
+          prop: "deviceId"
+        },
+        {
+          label: "鎽勫儚鏈哄悕绉�",
+          align: "center",
+          prop: "deviceName"
+        },
+        {
+          label: "涓婚敭ID",
+          align: "center",
+          prop: "id"
+        },
+        {
+          label: "缂哄け鏃堕暱",
+          align: "center",
+          prop: "missDuration"
+        },
+        {
+          label: "鍥芥爣骞冲彴ID",
+          align: "center",
+          prop: "platId"
+        },
+        {
+          label: "褰曞儚鏃堕暱",
+          align: "center",
+          prop: "recordDuration"
+        },
+        {
+          label: "褰曞儚瀹屾暣鐘舵��",
+          align: "center",
+          prop: "recordStatus"
+        },
+        {
+          label: "缁熻鏃堕棿",
+          align: "center",
+          prop: "statTime"
+        },
+        {
+          label: "绉熸埛ID",
+          align: "center",
+          prop: "tenantId"
+        }
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: "鏍囨敞姝ｇ‘鐜�",
+      index: 'annotation_accuracy',
+      columns: [
+        {
+          label: "鍖哄煙璺緞淇℃伅",
+          align: "center",
+          prop: "arealayerPath"
+        },
+        {
+          label: "鍖哄煙鍚嶇О",
+          align: "center",
+          prop: "arealayername"
+        },
+        {
+          label: "鍖哄煙缂栫爜",
+          align: "center",
+          prop: "arealayerno"
+        },
+        {
+          label: "璁惧 ID",
+          align: "center",
+          prop: "deviceId"
+        },
+        {
+          label: "璁惧鍚嶇О",
+          align: "center",
+          prop: "deviceName"
+        },
+        {
+          label: "鏄惁澶т簬鏈�澶у��",
+          align: "center",
+          prop: "diff"
+        },
+        {
+          label: "鎷夌爜娴佹椂闂村樊",
+          align: "center",
+          prop: "diffTime"
+        },
+        {
+          label: "IP 鍦板潃",
+          align: "center",
+          prop: "ip"
+        },
+        {
+          label: "鍥剧墖 ocr 璇嗗埆缁撴灉",
+          align: "center",
+          prop: "ocrResult"
+        },
+        {
+          label: "鍥剧墖鍦板潃",
+          align: "center",
+          prop: "imgPath"
+        },
+        {
+          label: "鐘舵�佺爜",
+          align: "center",
+          prop: "statusCode"
+        },
+        {
+          label: "鎷夌爜娴佹椂闂存牸寮�",
+          align: "center",
+          prop: "osdFormat"
+        },
+        {
+          label: "OSD 淇℃伅",
+          align: "center",
+          prop: "osdInfo"
+        },
+        {
+          label: "鍥剧墖涓婄殑瀛楀箷鏃堕棿",
+          align: "center",
+          prop: "osdTime"
+        },
+        {
+          label: "鎽勫儚鏈烘爣绛�",
+          align: "center",
+          prop: "tags"
+        },
+        {
+          label: "鏇存柊鏃堕棿",
+          align: "center",
+          prop: "updateTime"
+        },
+        {
+          label: "瑙嗛鐮佹祦鑾峰彇鏃堕棿",
+          align: "center",
+          prop: "videoGetTime"
+        }
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: "鏍℃椂姝ｇ‘鐜�",
+      index: 'timing_accuracy',
+      columns: [
+        {
+          label: "鍖哄煙璺緞淇℃伅",
+          align: "center",
+          prop: "arealayerPath"
+        },
+        {
+          label: "鍖哄煙鍚嶇О",
+          align: "center",
+          prop: "arealayername"
+        },
+        {
+          label: "鍖哄煙缂栫爜",
+          align: "center",
+          prop: "arealayerno"
+        },
+        {
+          label: "璁惧 ID",
+          align: "center",
+          prop: "deviceId"
+        },
+        {
+          label: "璁惧鍚嶇О",
+          align: "center",
+          prop: "deviceName"
+        },
+        {
+          label: "鏄惁澶т簬鏈�澶у��",
+          align: "center",
+          prop: "diff"
+        },
+        {
+          label: "鎷夌爜娴佹椂闂村樊",
+          align: "center",
+          prop: "diffTime"
+        },
+        {
+          label: "IP 鍦板潃",
+          align: "center",
+          prop: "ip"
+        },
+        {
+          label: "鍥剧墖 ocr 璇嗗埆缁撴灉",
+          align: "center",
+          prop: "ocrResult"
+        },
+        {
+          label: "鍥剧墖鍦板潃",
+          align: "center",
+          prop: "imgPath"
+        },
+        {
+          label: "鐘舵�佺爜",
+          align: "center",
+          prop: "statusCode"
+        },
+        {
+          label: "鎷夌爜娴佹椂闂存牸寮�",
+          align: "center",
+          prop: "osdFormat"
+        },
+        {
+          label: "OSD 淇℃伅",
+          align: "center",
+          prop: "osdInfo"
+        },
+        {
+          label: "鍥剧墖涓婄殑瀛楀箷鏃堕棿",
+          align: "center",
+          prop: "osdTime"
+        },
+        {
+          label: "鎽勫儚鏈烘爣绛�",
+          align: "center",
+          prop: "tags"
+        },
+        {
+          label: "鏇存柊鏃堕棿",
+          align: "center",
+          prop: "updateTime"
+        },
+        {
+          label: "瑙嗛鐮佹祦鑾峰彇鏃堕棿",
+          align: "center",
+          prop: "videoGetTime"
+        }
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '閲嶇偣鎸囨尌鍥惧儚鍦ㄧ嚎鐜�',
+      columns: [
+        {
+          label: "鍖哄煙璺緞淇℃伅",
+          align: "center",
+          prop: "arealayerPath"
+        },
+        {
+          label: "琛屾斂鍖哄垝缂栫爜",
+          align: "center",
+          prop: "arealayernoCode"
+        },
+        {
+          label: "琛屾斂鍖哄垝鍚嶇О",
+          align: "center",
+          prop: "arealayernoName"
+        },
+        {
+          label: "浜岃繘鍒剁鎴稩D",
+          align: "center",
+          prop: "binaryTenantId"
+        },
+        {
+          label: "妯＄硦",
+          align: "center",
+          prop: "blur"
+        },
+        {
+          label: "妯＄硦鍘熷鍒嗗��",
+          align: "center",
+          prop: "blurRaw"
+        },
+        {
+          label: "妯＄硦闃堝��",
+          align: "center",
+          prop: "blurThreshold"
+        },
+        {
+          label: "棰滆壊",
+          align: "center",
+          prop: "color"
+        },
+        {
+          label: "棰滆壊鍘熷鍒嗗��",
+          align: "center",
+          prop: "colorRaw"
+        },
+        {
+          label: "棰滆壊闃堝��",
+          align: "center",
+          prop: "colorThreshold"
+        },
+        {
+          label: "瑙ｇ爜淇℃伅",
+          align: "center",
+          prop: "decodeInfo"
+        },
+        {
+          label: "璁惧鍥芥爣ID",
+          align: "center",
+          prop: "deviceId"
+        },
+        {
+          label: "璁惧IP",
+          align: "center",
+          prop: "deviceIp"
+        },
+        {
+          label: "璁惧鍚嶇О",
+          align: "center",
+          prop: "deviceName"
+        },
+        {
+          label: "鎵╁睍JSON",
+          align: "center",
+          prop: "extJson"
+        },
+        {
+          label: "涓㈠抚鐜�",
+          align: "center",
+          prop: "frameLostRate"
+        },
+        {
+          label: "缁処D",
+          align: "center",
+          prop: "groupId"
+        },
+        {
+          label: "涓婚敭ID",
+          align: "center",
+          prop: "id"
+        },
+        {
+          label: "IFM寤惰繜",
+          align: "center",
+          prop: "ifmDelay"
+        },
+        {
+          label: "鍥惧儚璺緞",
+          align: "center",
+          prop: "imagePath"
+        },
+        {
+          label: "鍥惧儚鐘舵��",
+          align: "center",
+          prop: "imgStatus"
+        },
+        {
+          label: "鍏ョ綉鏃堕棿",
+          align: "center",
+          prop: "inTime"
+        },
+        {
+          label: "绾害",
+          align: "center",
+          prop: "latitude"
+        },
+        {
+          label: "浜害",
+          align: "center",
+          prop: "light"
+        },
+        {
+          label: "浜害鍘熷鍒嗗��",
+          align: "center",
+          prop: "lightRaw"
+        },
+        {
+          label: "浜害闃堝��",
+          align: "center",
+          prop: "lightThreshold"
+        },
+        {
+          label: "缁忓害",
+          align: "center",
+          prop: "longitude"
+        },
+        {
+          label: "鍦ㄧ嚎鐘舵��",
+          align: "center",
+          prop: "onlineStatus"
+        },
+        {
+          label: "鍘熷骞冲彴ID",
+          align: "center",
+          prop: "originalPlatId"
+        },
+        {
+          label: "璐熻浇绫诲瀷",
+          align: "center",
+          prop: "payloadType"
+        },
+        {
+          label: "鍍忕礌淇℃伅",
+          align: "center",
+          prop: "pixelInfo"
+        },
+        {
+          label: "骞冲彴ID",
+          align: "center",
+          prop: "platId"
+        },
+        {
+          label: "閬尅",
+          align: "center",
+          prop: "shade"
+        },
+        {
+          label: "閬尅鍘熷鍒嗗��",
+          align: "center",
+          prop: "shadeRaw"
+        },
+        {
+          label: "閬尅闃堝��",
+          align: "center",
+          prop: "shadeThreshold"
+        },
+        {
+          label: "鎶栧姩",
+          align: "center",
+          prop: "shake"
+        },
+        {
+          label: "鎶栧姩鍘熷鍒嗗��",
+          align: "center",
+          prop: "shakeRaw"
+        },
+        {
+          label: "鎶栧姩闃堝��",
+          align: "center",
+          prop: "shakeThreshold"
+        },
+        {
+          label: "鏃犱俊鍙�",
+          align: "center",
+          prop: "signa1"
+        },
+        {
+          label: "鏃犱俊鍙峰師濮嬪垎鍊�",
+          align: "center",
+          prop: "signa1Raw"
+        },
+        {
+          label: "鏃犱俊鍙风姸鎬�",
+          align: "center",
+          prop: "signa1Status"
+        },
+        {
+          label: "鏃犱俊鍙烽槇鍊�",
+          align: "center",
+          prop: "signa1Threshold"
+        },
+        {
+          label: "SIP寤惰繜",
+          align: "center",
+          prop: "sipDelay"
+        },
+        {
+          label: "闆姳",
+          align: "center",
+          prop: "snow"
+        },
+        {
+          label: "闆姳鍘熷鍒嗗��",
+          align: "center",
+          prop: "snowRaw"
+        },
+        {
+          label: "闆姳闃堝��",
+          align: "center",
+          prop: "snowThreshold"
+        },
+        {
+          label: "鏉＄汗",
+          align: "center",
+          prop: "stripe"
+        },
+        {
+          label: "鏉＄汗鍘熷鍒嗗��",
+          align: "center",
+          prop: "stripeRaw"
+        },
+        {
+          label: "鏉＄汗闃堝��",
+          align: "center",
+          prop: "stripeThreshold"
+        },
+        {
+          label: "鎽勫儚鏈烘爣绛�",
+          align: "center",
+          prop: "tags"
+        },
+        {
+          label: "浠诲姟鍒涘缓鏃堕棿",
+          align: "center",
+          prop: "taskCreateTime"
+        },
+        {
+          label: "浠诲姟澶嶆鏃堕棿",
+          align: "center",
+          prop: "taskRecheckTime"
+        },
+        {
+          label: "绉熸埛ID",
+          align: "center",
+          prop: "tenantId"
+        },
+        {
+          label: "瑙嗛寤惰繜",
+          align: "center",
+          prop: "videoDelay"
+        },
+        {
+          label: "瑙嗛璇婃柇鐘舵��",
+          align: "center",
+          prop: "videoDiagStatus"
+        },
+        {
+          label: "瑙嗛璇婃柇鏃堕棿",
+          align: "center",
+          prop: "videoDiagTime"
+        },
+        {
+          label: "瑙嗛鑾峰彇鐘舵��",
+          align: "center",
+          prop: "videoGetStatus"
+        },
+        {
+          label: "瑙嗛鑾峰彇鏃堕棿",
+          align: "center",
+          prop: "videoGetTime"
+        },
+        {
+          label: "澶滈棿VQD",
+          align: "center",
+          prop: "vqdAtNight"
+        }
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '閲嶇偣鐐逛綅鍦ㄧ嚎鐜�',
+      index: 'key_site_online',
+      columns: [
+        {
+          label: "鍖哄煙璺緞淇℃伅",
+          align: "center",
+          prop: "arealayerPath"
+        },
+        {
+          label: "琛屾斂鍖哄垝缂栫爜",
+          align: "center",
+          prop: "arealayernoCode"
+        },
+        {
+          label: "琛屾斂鍖哄垝鍚嶇О",
+          align: "center",
+          prop: "arealayernoName"
+        },
+        {
+          label: "浜岃繘鍒剁鎴稩D",
+          align: "center",
+          prop: "binaryTenantId"
+        },
+        {
+          label: "妯＄硦",
+          align: "center",
+          prop: "blur"
+        },
+        {
+          label: "妯＄硦鍘熷鍒嗗��",
+          align: "center",
+          prop: "blurRaw"
+        },
+        {
+          label: "妯＄硦闃堝��",
+          align: "center",
+          prop: "blurThreshold"
+        },
+        {
+          label: "棰滆壊",
+          align: "center",
+          prop: "color"
+        },
+        {
+          label: "棰滆壊鍘熷鍒嗗��",
+          align: "center",
+          prop: "colorRaw"
+        },
+        {
+          label: "棰滆壊闃堝��",
+          align: "center",
+          prop: "colorThreshold"
+        },
+        {
+          label: "瑙ｇ爜淇℃伅",
+          align: "center",
+          prop: "decodeInfo"
+        },
+        {
+          label: "璁惧鍥芥爣ID",
+          align: "center",
+          prop: "deviceId"
+        },
+        {
+          label: "璁惧IP",
+          align: "center",
+          prop: "deviceIp"
+        },
+        {
+          label: "璁惧鍚嶇О",
+          align: "center",
+          prop: "deviceName"
+        },
+        {
+          label: "鎵╁睍JSON",
+          align: "center",
+          prop: "extJson"
+        },
+        {
+          label: "涓㈠抚鐜�",
+          align: "center",
+          prop: "frameLostRate"
+        },
+        {
+          label: "缁処D",
+          align: "center",
+          prop: "groupId"
+        },
+        {
+          label: "涓婚敭ID",
+          align: "center",
+          prop: "id"
+        },
+        {
+          label: "IFM寤惰繜",
+          align: "center",
+          prop: "ifmDelay"
+        },
+        {
+          label: "鍥惧儚璺緞",
+          align: "center",
+          prop: "imagePath"
+        },
+        {
+          label: "鍥惧儚鐘舵��",
+          align: "center",
+          prop: "imgStatus"
+        },
+        {
+          label: "鍏ョ綉鏃堕棿",
+          align: "center",
+          prop: "inTime"
+        },
+        {
+          label: "绾害",
+          align: "center",
+          prop: "latitude"
+        },
+        {
+          label: "浜害",
+          align: "center",
+          prop: "light"
+        },
+        {
+          label: "浜害鍘熷鍒嗗��",
+          align: "center",
+          prop: "lightRaw"
+        },
+        {
+          label: "浜害闃堝��",
+          align: "center",
+          prop: "lightThreshold"
+        },
+        {
+          label: "缁忓害",
+          align: "center",
+          prop: "longitude"
+        },
+        {
+          label: "鍦ㄧ嚎鐘舵��",
+          align: "center",
+          prop: "onlineStatus"
+        },
+        {
+          label: "鍘熷骞冲彴ID",
+          align: "center",
+          prop: "originalPlatId"
+        },
+        {
+          label: "璐熻浇绫诲瀷",
+          align: "center",
+          prop: "payloadType"
+        },
+        {
+          label: "鍍忕礌淇℃伅",
+          align: "center",
+          prop: "pixelInfo"
+        },
+        {
+          label: "骞冲彴ID",
+          align: "center",
+          prop: "platId"
+        },
+        {
+          label: "閬尅",
+          align: "center",
+          prop: "shade"
+        },
+        {
+          label: "閬尅鍘熷鍒嗗��",
+          align: "center",
+          prop: "shadeRaw"
+        },
+        {
+          label: "閬尅闃堝��",
+          align: "center",
+          prop: "shadeThreshold"
+        },
+        {
+          label: "鎶栧姩",
+          align: "center",
+          prop: "shake"
+        },
+        {
+          label: "鎶栧姩鍘熷鍒嗗��",
+          align: "center",
+          prop: "shakeRaw"
+        },
+        {
+          label: "鎶栧姩闃堝��",
+          align: "center",
+          prop: "shakeThreshold"
+        },
+        {
+          label: "鏃犱俊鍙�",
+          align: "center",
+          prop: "signa1"
+        },
+        {
+          label: "鏃犱俊鍙峰師濮嬪垎鍊�",
+          align: "center",
+          prop: "signa1Raw"
+        },
+        {
+          label: "鏃犱俊鍙风姸鎬�",
+          align: "center",
+          prop: "signa1Status"
+        },
+        {
+          label: "鏃犱俊鍙烽槇鍊�",
+          align: "center",
+          prop: "signa1Threshold"
+        },
+        {
+          label: "SIP寤惰繜",
+          align: "center",
+          prop: "sipDelay"
+        },
+        {
+          label: "闆姳",
+          align: "center",
+          prop: "snow"
+        },
+        {
+          label: "闆姳鍘熷鍒嗗��",
+          align: "center",
+          prop: "snowRaw"
+        },
+        {
+          label: "闆姳闃堝��",
+          align: "center",
+          prop: "snowThreshold"
+        },
+        {
+          label: "鏉＄汗",
+          align: "center",
+          prop: "stripe"
+        },
+        {
+          label: "鏉＄汗鍘熷鍒嗗��",
+          align: "center",
+          prop: "stripeRaw"
+        },
+        {
+          label: "鏉＄汗闃堝��",
+          align: "center",
+          prop: "stripeThreshold"
+        },
+        {
+          label: "鎽勫儚鏈烘爣绛�",
+          align: "center",
+          prop: "tags"
+        },
+        {
+          label: "浠诲姟鍒涘缓鏃堕棿",
+          align: "center",
+          prop: "taskCreateTime"
+        },
+        {
+          label: "浠诲姟澶嶆鏃堕棿",
+          align: "center",
+          prop: "taskRecheckTime"
+        },
+        {
+          label: "绉熸埛ID",
+          align: "center",
+          prop: "tenantId"
+        },
+        {
+          label: "瑙嗛寤惰繜",
+          align: "center",
+          prop: "videoDelay"
+        },
+        {
+          label: "瑙嗛璇婃柇鐘舵��",
+          align: "center",
+          prop: "videoDiagStatus"
+        },
+        {
+          label: "瑙嗛璇婃柇鏃堕棿",
+          align: "center",
+          prop: "videoDiagTime"
+        },
+        {
+          label: "瑙嗛鑾峰彇鐘舵��",
+          align: "center",
+          prop: "videoGetStatus"
+        },
+        {
+          label: "瑙嗛鑾峰彇鏃堕棿",
+          align: "center",
+          prop: "videoGetTime"
+        },
+        {
+          label: "澶滈棿VQD",
+          align: "center",
+          prop: "vqdAtNight"
+        }
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '閲嶇偣鐐逛綅褰曞儚鍙敤鐜�',
+      index: 'key_video_available',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '閲嶇偣鐐逛綅鏍囨敞姝ｇ‘鐜�',
+      index: 'key_annotation_accuracy',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '閲嶇偣鐐逛綅鏍℃椂姝ｇ‘鐜�',
+      index: 'key_timing_accuracy',
+      columns: []
+    },
+    {
+      title: '閲嶇偣鎸囨尌鍥惧儚鍦ㄧ嚎鐜�',
+      index: 'key_command_image_online',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: "瑙嗛鍥惧儚璐ㄩ噺妫�娴嬫姤鍛�",
+      columns: [
+        {
+          label: "琛屾斂鍖哄垝缂栫爜",
+          align: "center",
+          prop: "arealayernoCode"
+        },
+        {
+          label: "琛屾斂鍖哄垝鍚嶇О",
+          align: "center",
+          prop: "arealayernoName"
+        },
+        {
+          label: "妯＄硦",
+          align: "center",
+          prop: "blur"
+        },
+        {
+          label: "妯＄硦鍘熷鍒嗗��",
+          align: "center",
+          prop: "blurRaw"
+        },
+        {
+          label: "棰滆壊",
+          align: "center",
+          prop: "color"
+        },
+        {
+          label: "棰滆壊鍘熷鍒嗗��",
+          align: "center",
+          prop: "colorRaw"
+        },
+        {
+          label: "鎽勫儚鏈�-鍥芥爣id",
+          align: "center",
+          prop: "deviceId"
+        },
+        {
+          label: "鎽勫儚鏈篿p",
+          align: "center",
+          prop: "deviceIp"
+        },
+        {
+          label: "鎽勫儚鏈鸿澶囧悕绉�",
+          align: "center",
+          prop: "deviceName"
+        },
+        {
+          label: "缁熻绾害",
+          align: "center",
+          prop: "dim"
+        },
+        {
+          label: "鍥惧儚鏄惁姝ｅ父",
+          align: "center",
+          prop: "isImgAbnormal"
+        },
+        {
+          label: "淇″彿鏄惁涓㈠け",
+          align: "center",
+          prop: "isSignalMiss"
+        },
+        {
+          label: "浜害",
+          align: "center",
+          prop: "light"
+        },
+        {
+          label: "浜害鍘熷鍒嗗��",
+          align: "center",
+          prop: "lightRaw"
+        },
+        {
+          label: "閬尅",
+          align: "center",
+          prop: "shade"
+        },
+        {
+          label: "閬尅鍘熷鍒嗗��",
+          align: "center",
+          prop: "shadeRaw"
+        },
+        {
+          label: "鎶栧姩",
+          align: "center",
+          prop: "shake"
+        },
+        {
+          label: "鎶栧姩鍘熷鍒嗗��",
+          align: "center",
+          prop: "shakeRaw"
+        },
+        {
+          label: "鏃犱俊鍙�",
+          align: "center",
+          prop: "signa1"
+        },
+        {
+          label: "鏃犱俊鍙峰師濮嬪垎鍊�",
+          align: "center",
+          prop: "signa1Raw"
+        },
+        {
+          label: "闆姳",
+          align: "center",
+          prop: "snow"
+        },
+        {
+          label: "闆姳鍘熷鍒嗗��",
+          align: "center",
+          prop: "snowRaw"
+        },
+        {
+          label: "鎺掑簭灞炴��",
+          align: "center",
+          prop: "sortFiled"
+        },
+        {
+          label: "璇婃柇鐘舵�佺紪鐮�",
+          align: "center",
+          prop: "status"
+        },
+        {
+          label: "璇婃柇鐘舵�佸悕绉�",
+          align: "center",
+          prop: "statusName"
+        },
+        {
+          label: "鏉＄汗",
+          align: "center",
+          prop: "stripe"
+        },
+        {
+          label: "鏉＄汗鍘熷鍒嗗��",
+          align: "center",
+          prop: "stripeRaw"
+        },
+        {
+          label: "璇婃柇鏃堕棿",
+          align: "center",
+          prop: "vqdTime"
+        }
+      ],
+      card: [
+        {
+          icon: 'el-icon-wind-power',
+          dataList: [
+            {
+              value: 1999,
+              label: '鍗″彛鎬绘暟'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鍗″彛鏁�'
+            },
+          ]
+        }
+      ]
+    }
+  ]
+};
 
-export const carData = [];
+export const carData = {
+  table: [
+    {
+      title: '瑙嗗浘搴撳鎺ョǔ瀹氭��',
+      index: 'view_connect_stability',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '鐐逛綅鍦ㄧ嚎鐜�',
+      index: 'site_online',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '鑱旂綉鍗″彛璁惧鐩綍涓�鑷寸巼',
+      index: 'device_directory_consistent',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '杞﹁締鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�',
+      index: 'vehicle_information_collection_accuracy',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�',
+      index: 'vehicle_capture_integrity',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁瀹屾暣鎬�',
+      index: 'vehicle_capture_integrity',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁鍑嗙‘鎬�',
+      index: 'vehicle_capture_accuracy',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '杞﹁締鍗″彛璁惧鏃堕挓鍑嗙‘鎬�',
+      index: 'vehicle_timing_accuracy',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁涓婁紶鍙婃椂鎬�',
+      index: 'vehicle_upload_timeliness',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '杞﹁締鍗″彛璁惧url鍙敤鎬�',
+      index: 'vehicle_url_availability',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '杞﹁締鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�',
+      index: 'vehicle_picture_availability',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+  ]
+};
 
-export const faceData = [];
+export const faceData = {
+  table: [
+    {
+      title: '瑙嗗浘搴撳鎺ョǔ瀹氭��',
+      index: 'view_connect_stability',
+      columns: []
+    },
+    {
+      title: '鐐逛綅鍦ㄧ嚎鐜�',
+      index: 'site_online',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '鐩綍涓�鑷寸巼',
+      index: 'device_directory_consistent',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '浜鸿劯鍗″彛淇℃伅閲囬泦鍑嗙‘鐜�',
+      index: 'face_information_collection_accuracy',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '璁惧鎶撴媿鍥剧墖鍚堟牸鎬�',
+      index: 'face_picture_qualification',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '璁惧鎶撴媿鍥剧墖鏃堕挓鍑嗙‘鎬�',
+      index: 'face_timing_accuracy',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '鎶撴媿浜鸿劯鏁版嵁涓婁紶鍙婃椂鎬�',
+      index: 'face_upload_timeliness',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+    {
+      title: '浜鸿劯鍗″彛璁惧鎶撴媿鏁版嵁澶у浘鍙敤鎬�',
+      index: 'face_picture_availability',
+      columns: [],
+      card: [
+        {
+          icon: 'el-icon-truck',
+          dataList: [
+            {
+              value: 1999,
+              label: '杩囪溅鏁版嵁鎬婚噺'
+            },
+            {
+              value: 1999,
+              label: '涓嶅敮涓�鏁版嵁閲�'
+            },
+          ]
+        }
+      ]
+    },
+  ]
+};
 
-export const equipment = [];
\ No newline at end of file
+export const equipment = [];
+
diff --git a/src/views/system/data-manage/equipment/index.vue b/src/views/system/data-manage/equipment/index.vue
index ec08f28..49b781b 100644
--- a/src/views/system/data-manage/equipment/index.vue
+++ b/src/views/system/data-manage/equipment/index.vue
@@ -370,7 +370,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 20px;
+  border-radius: 10px;
   width: 20%;
   height: 80px;
   margin-left: 5%;
diff --git a/src/views/system/data-manage/index.vue b/src/views/system/data-manage/index.vue
index db7bb1a..becb553 100644
--- a/src/views/system/data-manage/index.vue
+++ b/src/views/system/data-manage/index.vue
@@ -23,15 +23,15 @@
           :xs="12"
           v-for="(item, index) in videoData"
           :key="index"
-          :style="item.name == '' ? 'display:none' : ''"
+          :style="item.ruleName == '' ? 'display:none' : ''"
           class="col-margin"
         >
-          <el-link @click="handleDetail(item, index)" style="width: 100%">
+          <el-link @click="handleDetail(item, item.ruleIndex)" style="width: 100%">
             <el-card
               style="min-width: 150px;width:100%; height: 150px; text-align: center"
             >
               <i style="font-size: 40px; padding: 15px" :class="item.icon"></i>
-              <div>{{ item.name }}</div>
+              <div>{{ item.ruleName }}</div>
             </el-card>
           </el-link>
         </el-col>
@@ -62,13 +62,13 @@
           :xs="12"
           v-for="(item, index) in carData"
           :key="index"
-          :style="item.name == '' ? 'display:none' : ''"
+          :style="item.ruleName == '' ? 'display:none' : ''"
           class="col-margin"
         >
-          <el-link @click="handleDetail(item, index)" style="width: 100%">
+          <el-link @click="handleDetail(item, item.ruleIndex)" style="width: 100%">
             <el-card style="min-width: 150px;width:100%; height: 150px; text-align: center">
               <i style="font-size: 40px; padding: 15px" :class="item.icon"></i>
-              <div>{{ item.name }}</div>
+              <div>{{ item.ruleName }}</div>
             </el-card>
           </el-link>
         </el-col>
@@ -99,13 +99,13 @@
           :xs="12"
           v-for="(item, index) in faceData"
           :key="index"
-          :style="item.name == '' ? 'display:none' : ''"
+          :style="item.ruleName == '' ? 'display:none' : ''"
           class="col-margin"
         >
-          <el-link @click="handleDetail(item, index)" style="width: 100%">
+          <el-link @click="handleDetail(item, item.ruleIndex)" style="width: 100%">
             <el-card style="min-width: 150px;width:100%; height: 150px; text-align: center">
               <i style="font-size: 40px; padding: 15px" :class="item.icon"></i>
-              <div>{{ item.name }}</div>
+              <div>{{ item.ruleName }}</div>
             </el-card>
           </el-link>
         </el-col>
@@ -154,6 +154,7 @@
 </template>
 
 <script>
+import { listCheckRule } from "@/api/platform/check-rule";
 export default {
   data() {
     return {
@@ -389,10 +390,21 @@
       ],
     };
   },
+  mounted() {
+    this.getList();
+  },
   methods: {
+    getList() {
+      listCheckRule().then((response) => {
+        this.videoData = response.data.videoRules;
+        this.faceData = response.data.faceRules;
+        this.carData = response.data.carRules;
+        this.loading = false;
+      });
+    },
     handleDetail(item, index) {
       this.$router.push({
-        path: `/data-manage/data-detail/index/1/1?type=${item.type}&index=${index}`,
+        path: `/data-manage/data-detail/index/1/1?type=${item.ruleCategory}&index=${index}`,
       });
     },
   },
diff --git a/src/views/system/data-manage/vehicle-data-monitor/index.vue b/src/views/system/data-manage/vehicle-data-monitor/index.vue
index 560ffaf..686591c 100644
--- a/src/views/system/data-manage/vehicle-data-monitor/index.vue
+++ b/src/views/system/data-manage/vehicle-data-monitor/index.vue
@@ -295,7 +295,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 20px;
+  border-radius: 10px;
   width: 20%;
   height: 80px;
   margin-left: 5%;
diff --git a/src/views/system/monitor/car/index.vue b/src/views/system/monitor/car/index.vue
index d18d67c..523009d 100644
--- a/src/views/system/monitor/car/index.vue
+++ b/src/views/system/monitor/car/index.vue
@@ -403,7 +403,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 4px;
+  border-radius: 10px;
   width: 130px;
   height: 80px;
   margin-left: 5%;
diff --git a/src/views/system/monitor/face/index.vue b/src/views/system/monitor/face/index.vue
index 0f8030a..d11e4a0 100644
--- a/src/views/system/monitor/face/index.vue
+++ b/src/views/system/monitor/face/index.vue
@@ -443,7 +443,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 4px;
+  border-radius: 10px;
   width: 130px;
   height: 80px;
   margin-left: 5%;
diff --git a/src/views/system/monitor/platform/index.vue b/src/views/system/monitor/platform/index.vue
index 692d19b..8c52ec6 100644
--- a/src/views/system/monitor/platform/index.vue
+++ b/src/views/system/monitor/platform/index.vue
@@ -366,7 +366,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 4px;
+  border-radius: 10px;
   width: 130px;
   height: 80px;
   margin-left: 5%;
diff --git a/src/views/system/monitor/recovery/index.vue b/src/views/system/monitor/recovery/index.vue
index 64ef7fc..0b47968 100644
--- a/src/views/system/monitor/recovery/index.vue
+++ b/src/views/system/monitor/recovery/index.vue
@@ -374,7 +374,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 4px;
+  border-radius: 10px;
   width: 130px;
   height: 80px;
   margin-left: 5%;
diff --git a/src/views/system/monitor/video/index.vue b/src/views/system/monitor/video/index.vue
index 50a793d..85db04d 100644
--- a/src/views/system/monitor/video/index.vue
+++ b/src/views/system/monitor/video/index.vue
@@ -443,7 +443,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  border-radius: 4px;
+  border-radius: 10px;
   width: 130px;
   height: 80px;
   margin-left: 5%;

--
Gitblit v1.8.0