微调颜色

frontend/src/views/home/components/test.vue

@@ -75,7 +75,7 @@
 
       <div class="dialog-content">
         <el-table :data="checkResultView" row-key="scriptType" height="450px"
-                  :header-cell-style="{ background: '#003078', color: '#eee', textAlign: 'center' } " style="width: 100%"
+                  :header-cell-style="{ background: 'var(--el-color-primary)', color: '#eee', textAlign: 'center' } " style="width: 100%"
                   border>
           <el-table-column fixed prop="scriptName" label="检测项目" width="150px" align="center">
           </el-table-column>
@@ -169,6 +169,7 @@ import {useCheckStore} from "@/stores/modules/check";
 import {ElMessage, ElMessageBox} from "element-plus";
 import {getBigTestItem} from "@/api/check/test";
 
+
 const checkStore = useCheckStore()
 
 // 最大通道数
@@ -196,7 +197,7 @@ const emit = defineEmits(['update:testStatus', 'update:webMsgSend', 'sendPause',
 // 用来保存测试项进度抽屉是否打开
 const drawer = ref(false)
 // 进度条颜色
-const customColors = [{color: "#67c23a", percentage: 100}]
+const customColors = [{color: "#91cc75", percentage: 100}]
 // 检测脚本数据
 let scriptData: CheckData.ScriptItem[] = []
 // 用来保存被检设备
@@ -1424,6 +1425,7 @@ const secondToTime = (second: number) => {
 }
 
 onBeforeUnmount(() => {
+
   if (timer) {
     clearInterval(timer)
   }
@@ -1480,7 +1482,7 @@ onBeforeUnmount(() => {
     display: flex;
     align-items: center;
 
-    color: #67c23a;;
+    color: #91cc75;
     width: 28%;
     margin-right: 0px;
     text-align: left;
@@ -1514,7 +1516,7 @@ onBeforeUnmount(() => {
 .drawer-container {
   :deep(header.el-drawer__header) {
     color: #fff !important;
-    background-color: #003078 !important;
+    background-color: var(--el-color-primary) !important;
 
     .el-drawer__close-btn svg:hover {
       color: #ccc !important;
@@ -1541,7 +1543,7 @@ onBeforeUnmount(() => {
 
 
 //:deep(.el-drawer .el-drawer__title){
-//  background-color: #003078 !important;
+//  background-color: var(--el-color-primary) !important;
 //}
 
 </style>