From 16eb67ab6b103663d30cad9ba74360f982e131cb Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期二, 03 九月 2024 10:34:59 +0800
Subject: [PATCH] 自定义列显隐控制

---
 src/views/system/data-manage/index.vue |   73 ++++++++++++++++++------------------
 1 files changed, 36 insertions(+), 37 deletions(-)

diff --git a/src/views/system/data-manage/index.vue b/src/views/system/data-manage/index.vue
index db7bb1a..427d42f 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, item.apiUrl)" 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, item.apiUrl)" 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, item.apiUrl)" 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>
@@ -136,13 +136,13 @@
           :xs="12"
           v-for="(item, index) in equipment"
           :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="jumpToEquipment" 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 {
@@ -361,38 +362,36 @@
       ],
       equipment: [
         {
-          name: "璧勪骇绠＄悊",
+          ruleName: "璧勪骇绠＄悊",
+          ruleIndex: 'assetManagement',
           icon: "el-icon-wallet",
           description: "鎻忚堪淇℃伅",
-          type: "4",
-        },
-        {
-          name: "",
-          icon: "el-icon-pie-chart",
-          description: "鎻忚堪淇℃伅",
-          type: "4",
-        },
-        {
-          name: "",
-          icon: "el-icon-data-line",
-          description: "鎻忚堪淇℃伅",
-          type: "4",
-        },
-        { name: "", icon: "el-icon-timer", description: "鎻忚堪淇℃伅", type: "4" },
-        { name: "", icon: "el-icon-money", description: "鎻忚堪淇℃伅", type: "4" },
-        {
-          name: "",
-          icon: "el-icon-data-analysis",
-          description: "鎻忚堪淇℃伅",
-          type: "4",
-        },
+          ruleCategory: "4",
+          apiUrl: 'assetManagement'
+        }
       ],
     };
   },
+  mounted() {
+    this.getList();
+  },
   methods: {
-    handleDetail(item, index) {
+    getList() {
+      listCheckRule().then((response) => {
+        this.videoData = response.data.videoRules;
+        this.faceData = response.data.faceRules;
+        this.carData = response.data.carRules;
+        this.loading = false;
+      });
+    },
+    jumpToEquipment() {
       this.$router.push({
-        path: `/data-manage/data-detail/index/1/1?type=${item.type}&index=${index}`,
+        path: '/equipment'
+      });
+    },
+    handleDetail(item, index, url) {
+      this.$router.push({
+        path: `/data-manage/data-detail/index/1/1?type=${item.ruleCategory}&index=${index}&url=${url}`,
       });
     },
   },

--
Gitblit v1.8.0