大屏颜色小调，样式

xiangpei

2024-07-30 a30e295478c98f3e988ea049296a7d22c21a2e7a

 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}`,
      });
    },
  },