feat: 修改颜色

src/views/backOfficeSystem/fourColorManage/warningControl/behaviorWarning/index.vue

@@ -5,19 +5,19 @@
         <!-- <el-button type="primary" @click="exportExcel">
           <span style="vertical-align: middle">导出</span>
         </el-button> -->
-            <el-button type="success" @click="openSearch">
+        <el-button type="success" @click="openSearch">
           <Search style="width: 1em; height: 1em; margin-right: 8px" />
-          <span style="vertical-align: middle"  v-if="!search">搜索</span>
-         <span style="vertical-align: middle" v-else>关闭搜索</span>
+          <span style="vertical-align: middle" v-if="!search">搜索</span>
+          <span style="vertical-align: middle" v-else>关闭搜索</span>
         </el-button>
       </PageTitle>
     </div>
     <!-- 搜索 -->
-    <div ref="searchBox"  v-if="search">
+    <div ref="searchBox" v-if="search">
       <Searchs :searchArr="searchConfiger" @submit="onSearch" :key="pageData.keyCount"></Searchs>
     </div>
     <!-- 表格 -->
-    <div class="tabBox" :style="{height:(pageData.tableHeight + 40)+'px'}">
+    <div class="tabBox" :style="{ height: (pageData.tableHeight + 40) + 'px' }">
       <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
         :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger" :controlsWidth="pageData.controlsWidth">
         <template #xwcs="{ row }">
@@ -26,8 +26,8 @@
         <template #bqYs="{ row }">
           <DictTag :value="row.bqys" :tag="false" :color="bqYs(row.bqys)" :options="D_GS_SSYJ" />
         </template>
-               <template #czzt="{ row }">
-          <DictTag :value="row.czzt"  :options="D_GSXT_YJXX_CZZT" />
+        <template #czzt="{ row }">
+          <DictTag :value="row.czzt" :options="D_GSXT_YJXX_CZZT" />
         </template>
         <template #controls="{ row }">
           <el-link type="warning" @click="pushAssess(row)">全息档案</el-link>
@@ -54,7 +54,7 @@
       :tacitly="tacitly" />
   </Information>
   <!-- 详情 -->
-  <AddFrom ref="addModelRef" :dict="{D_GSXT_YJXX_CZZT, D_BZ_YJJB,D_GS_SSYJ}"></AddFrom>
+  <AddFrom ref="addModelRef" :dict="{ D_GSXT_YJXX_CZZT, D_BZ_YJJB, D_GS_SSYJ }"></AddFrom>
 </template>
 
 <script setup>
@@ -71,12 +71,12 @@ import Information from "@/views/home/model/information.vue";
 import SemdFqzl from '@/components/instructionHasBeen/sendFqzl.vue'
 import emitter from "@/utils/eventBus.js";
 import FkDialog from "@/views/backOfficeSystem/fourColorManage/warningControl/centerHome/components/fkDialog.vue";
-import { reactive, ref, onMounted, getCurrentInstance, computed, watch,nextTick  } from "vue";
+import { reactive, ref, onMounted, getCurrentInstance, computed, watch, nextTick } from "vue";
 import AddFrom from './components/addFrom.vue'
 import { holographicProfileJump } from "@/utils/tools.js"
 
 const { proxy } = getCurrentInstance();
-const { D_GS_SSYJ ,D_GSXT_YJXX_CZZT} = proxy.$dict("D_GS_SSYJ","D_GSXT_YJXX_CZZT"); //获取字典数据
+const { D_GS_SSYJ, D_GSXT_YJXX_CZZT } = proxy.$dict("D_GS_SSYJ", "D_GSXT_YJXX_CZZT"); //获取字典数据
 const searchBox = ref(); //搜索框
 const bqLbData = ref({
   bqXl: []
@@ -120,8 +120,8 @@ const pageData = reactive({
     { label: "行为次数", prop: "xwcs", showSolt: true },
     { label: "行为颜色", prop: "bqYs", showSolt: true },
     { label: "行为分值", prop: "xwfz", },
-     { label: "处置状态", prop: "czzt", showSolt: true },
-         { label: "所属县局", prop: "ssbm" },
+    { label: "处置状态", prop: "czzt", showSolt: true },
+    { label: "所属县局", prop: "ssbm" },
   ]
 });
 
@@ -174,7 +174,7 @@ const getList = () => {
     pageData.total = res.total || 0;
     pageData.tableConfiger.loading = false;
     pageData.tableData = res.records.map(item => {
-      return { ...item, bqys: '01' }
+      return { ...item }
     }) || [];
   }).catch(() => {
     pageData.tableConfiger.loading = false;
@@ -197,13 +197,13 @@ const exportExcel = () => {
   XLSX.writeFile(workbook, "行为预警.xlsx");
 }
 const bqYs = (val) => {
-  if (val == '01') {
+  if (val == '01') { // 红
     return '#ff0202'
-  } else if (val == '02') {
+  } else if (val == '02') { // 橙
     return '#ff8c00'
-  } else if (val == '03') {
-    return '#ffff00'
-  } else if (val == '04') {
+  } else if (val == '03') { // 黄
+    return '#c2c203' // 原亮黄色：ffff00
+  } else if (val == '04') { // 蓝
     return '#0000ff'
   }
 }
@@ -282,7 +282,7 @@ const tabHeightFn = () => {
   } else {
     pageData.tableHeight = window.innerHeight - 250;
   }
-  window.onresize = function () {
+  window.onresize = function() {
     tabHeightFn();
   };
 };
@@ -292,4 +292,12 @@ const tabHeightFn = () => {
 .el-loading-mask {
   background: rgba(0, 0, 0, 0.5) !important;
 }
+
+/** 方便查看对应的颜色， */
+.test-top-color {
+  color: #ff0202;
+  background-color: #ff8c00;
+  border-color: #c2c203;
+  outline-color: #0000ff;
+}
 </style>