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/index.vue | 32 ++++++++++++++++++++++---------- 1 files changed, 22 insertions(+), 10 deletions(-) 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}`, }); }, }, -- Gitblit v1.8.0