From e31b34145f2f3e09c90c02aeebd23d3989985976 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Fri, 17 Oct 2025 16:40:01 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat(=E8=B4=A8=E6=A3=80):=20?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=83=A8=E5=88=86UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 klp-ui/src/assets/styles/element-ui.scss      |  6 ++--
 klp-ui/src/views/mes/qc/history/index.vue     | 23 ++++++++-------
 .../src/views/mes/qc/task/pages/auxiliary.vue | 29 +++++++++----------
 klp-ui/src/views/mes/qc/task/pages/lab.vue    | 29 +++++++++----------
 klp-ui/src/views/mes/qc/task/pages/raw.vue    | 29 +++++++++----------
 .../src/views/mes/qc/task/pages/section.vue   | 29 +++++++++----------
 6 files changed, 71 insertions(+), 74 deletions(-)

diff --git a/klp-ui/src/assets/styles/element-ui.scss b/klp-ui/src/assets/styles/element-ui.scss
index 6cb98fdf..7a817ba5 100644
--- a/klp-ui/src/assets/styles/element-ui.scss
+++ b/klp-ui/src/assets/styles/element-ui.scss
@@ -1556,8 +1556,8 @@ body {
   background: $--metal-gradient-light;
   border-color: $--border-color-light;
   color: $--color-text-regular;
-  padding: 2px 8px;
-  border-radius: 2px;
+  padding: 2px 4px;
+  border-radius: 4px;
   font-size: 12px;
   height: auto;
   margin-right: 0;
@@ -1573,7 +1573,7 @@ body {
   .cell & {
     margin-right: 0;
     padding: 1px !important;
-    border-radius: 0 !important;
+    border-radius: 4px !important;
   }
 }
 
diff --git a/klp-ui/src/views/mes/qc/history/index.vue b/klp-ui/src/views/mes/qc/history/index.vue
index 043a7c0d..63089d3f 100644
--- a/klp-ui/src/views/mes/qc/history/index.vue
+++ b/klp-ui/src/views/mes/qc/history/index.vue
@@ -38,9 +38,12 @@
       <el-table-column label="机组" align="center" prop="unitGroup" />
       <el-table-column label="检验结果" align="center" prop="inspectionResult">
         <template slot-scope="scope">
-          <el-tag :type="scope.row.inspectionResult === 1 ? 'success' : (scope.row.inspectionResult === 2 ? 'danger' : 'info')">
-            {{ scope.row.inspectionResult === 0 ? '未检验' : (scope.row.inspectionResult === 1 ? '合格' : (scope.row.inspectionResult === 2 ? '不合格' : '')) }}
-          </el-tag>
+           <span>
+              <span v-if="scope.row.inspectionResult == 0" style="color: grey;">未检验</span>
+              <span v-else-if="scope.row.inspectionResult == 1" style="color: #67C23A;">合格</span>
+              <span v-else-if="scope.row.inspectionResult == 2" style="color: #FF4949;">不合格</span>
+              <span v-else style="color: grey;">未知</span>
+            </span>
         </template>
       </el-table-column>
       <el-table-column label="检验类型" align="center" prop="inspectionType" />
@@ -96,14 +99,12 @@
           </el-table-column>
           <el-table-column label="状态" align="center">
             <template slot-scope="scope">
-              <el-tag
-                :type="scope.row.status == 1 ? 'success' : (scope.row.status == 2 ? 'danger' : 'info')"
-              >
-                <span v-if="scope.row.status == 0">未检测</span>
-                <span v-else-if="scope.row.status == 1">通过</span>
-                <span v-else-if="scope.row.status == 2">不通过</span>
-                <span v-else>未知</span>
-              </el-tag>
+              <span>
+                <span v-if="scope.row.status == 0" style="color: gray;">未检测</span>
+                <span v-else-if="scope.row.status == 1" style="color: #67C23A;">通过</span>
+                <span v-else-if="scope.row.status == 2" style="color: #FF4949;">不通过</span>
+                <span v-else style="color: gray;">未知</span>
+              </span>
             </template>
           </el-table-column>
         </KLPTable>
diff --git a/klp-ui/src/views/mes/qc/task/pages/auxiliary.vue b/klp-ui/src/views/mes/qc/task/pages/auxiliary.vue
index aba12ead..18b11d7e 100644
--- a/klp-ui/src/views/mes/qc/task/pages/auxiliary.vue
+++ b/klp-ui/src/views/mes/qc/task/pages/auxiliary.vue
@@ -49,13 +49,12 @@
         <el-table-column label="规格型号" align="center" prop="verifyTarget.specificationModel" />
         <el-table-column label="检验结果" align="center">
           <template slot-scope="scope">
-            <el-tag
-              :type="scope.row.inspectionResult == 1 ? 'success' : (scope.row.inspectionResult == 2 ? 'danger' : 'info')">
-              <span v-if="scope.row.inspectionResult == 0">未检验</span>
-              <span v-else-if="scope.row.inspectionResult == 1">合格</span>
-              <span v-else-if="scope.row.inspectionResult == 2">不合格</span>
-              <span v-else>未知</span>
-            </el-tag>
+           <span>
+              <span v-if="scope.row.inspectionResult == 0" style="color: grey;">未检验</span>
+              <span v-else-if="scope.row.inspectionResult == 1" style="color: #67C23A;">合格</span>
+              <span v-else-if="scope.row.inspectionResult == 2" style="color: #FF4949;">不合格</span>
+              <span v-else style="color: grey;">未知</span>
+            </span>
           </template>
         </el-table-column>
         <el-table-column label="备注" align="center" prop="remark" />
@@ -103,19 +102,19 @@
           <el-table-column label="单位" align="center" prop="unit"></el-table-column>
           <el-table-column label="状态" align="center">
             <template slot-scope="scope">
-              <el-tag :type="scope.row.status == 1 ? 'success' : (scope.row.status == 2 ? 'danger' : 'info')">
-                <span v-if="scope.row.status == 0">未检测</span>
-                <span v-else-if="scope.row.status == 1">通过</span>
-                <span v-else-if="scope.row.status == 2">不通过</span>
-                <span v-else>未知</span>
-              </el-tag>
+              <span>
+                <span v-if="scope.row.status == 0" style="color: gray;">未检测</span>
+                <span v-else-if="scope.row.status == 1" style="color: #67C23A;">通过</span>
+                <span v-else-if="scope.row.status == 2" style="color: #FF4949;">不通过</span>
+                <span v-else style="color: gray;">未知</span>
+              </span>
             </template>
           </el-table-column>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template slot-scope="scope">
-              <el-button v-if="scope.row.status == 0" size="mini" type="success"
+              <el-button v-if="scope.row.status == 0" size="mini" type="text" style="color: #67C23A;"
                 @click="changeItemStatus(detailData.taskId, scope.row.itemId, 1)">通过</el-button>
-              <el-button v-if="scope.row.status == 0" size="mini" type="danger" style="margin-left: 8px;"
+              <el-button v-if="scope.row.status == 0" size="mini" type="text" style="margin-left: 8px; color: #FF4949;"
                 @click="changeItemStatus(detailData.taskId, scope.row.itemId, 2)">不通过</el-button>
             </template>
           </el-table-column>
diff --git a/klp-ui/src/views/mes/qc/task/pages/lab.vue b/klp-ui/src/views/mes/qc/task/pages/lab.vue
index bb920a5c..f4da63b4 100644
--- a/klp-ui/src/views/mes/qc/task/pages/lab.vue
+++ b/klp-ui/src/views/mes/qc/task/pages/lab.vue
@@ -45,13 +45,12 @@
         <el-table-column label="机组" align="center" prop="unitGroup" />
         <el-table-column label="检验结果" align="center">
           <template slot-scope="scope">
-            <el-tag
-              :type="scope.row.inspectionResult == 1 ? 'success' : (scope.row.inspectionResult == 2 ? 'danger' : 'info')">
-              <span v-if="scope.row.inspectionResult == 0">未检验</span>
-              <span v-else-if="scope.row.inspectionResult == 1">合格</span>
-              <span v-else-if="scope.row.inspectionResult == 2">不合格</span>
-              <span v-else>未知</span>
-            </el-tag>
+            <span>
+              <span v-if="scope.row.inspectionResult == 0" style="color: grey;">未检验</span>
+              <span v-else-if="scope.row.inspectionResult == 1" style="color: #67C23A;">合格</span>
+              <span v-else-if="scope.row.inspectionResult == 2" style="color: #FF4949;">不合格</span>
+              <span v-else style="color: grey;">未知</span>
+            </span>
           </template>
         </el-table-column>
         <el-table-column label="备注" align="center" prop="remark" />
@@ -99,19 +98,19 @@
           <el-table-column label="单位" align="center" prop="unit"></el-table-column>
           <el-table-column label="状态" align="center">
             <template slot-scope="scope">
-              <el-tag :type="scope.row.status == 1 ? 'success' : (scope.row.status == 2 ? 'danger' : 'info')">
-                <span v-if="scope.row.status == 0">未检测</span>
-                <span v-else-if="scope.row.status == 1">通过</span>
-                <span v-else-if="scope.row.status == 2">不通过</span>
-                <span v-else>未知</span>
-              </el-tag>
+               <span>
+                <span v-if="scope.row.status == 0" style="color: gray;">未检测</span>
+                <span v-else-if="scope.row.status == 1" style="color: #67C23A;">通过</span>
+                <span v-else-if="scope.row.status == 2" style="color: #FF4949;">不通过</span>
+                <span v-else style="color: gray;">未知</span>
+              </span>
             </template>
           </el-table-column>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template slot-scope="scope">
-              <el-button v-if="scope.row.status == 0" size="mini" type="success"
+               <el-button v-if="scope.row.status == 0" size="mini" type="text" style="color: #67C23A;"
                 @click="changeItemStatus(detailData.taskId, scope.row.itemId, 1)">通过</el-button>
-              <el-button v-if="scope.row.status == 0" size="mini" type="danger" style="margin-left: 8px;"
+              <el-button v-if="scope.row.status == 0" size="mini" type="text" style="margin-left: 8px; color: #FF4949;"
                 @click="changeItemStatus(detailData.taskId, scope.row.itemId, 2)">不通过</el-button>
             </template>
           </el-table-column>
diff --git a/klp-ui/src/views/mes/qc/task/pages/raw.vue b/klp-ui/src/views/mes/qc/task/pages/raw.vue
index 18d7dda6..26141cf9 100644
--- a/klp-ui/src/views/mes/qc/task/pages/raw.vue
+++ b/klp-ui/src/views/mes/qc/task/pages/raw.vue
@@ -51,13 +51,12 @@
         <el-table-column label="重量" align="center" prop="verifyTarget.weight" />
         <el-table-column label="检验结果" align="center">
           <template slot-scope="scope">
-            <el-tag
-              :type="scope.row.inspectionResult == 1 ? 'success' : (scope.row.inspectionResult == 2 ? 'danger' : 'info')">
-              <span v-if="scope.row.inspectionResult == 0">未检验</span>
-              <span v-else-if="scope.row.inspectionResult == 1">合格</span>
-              <span v-else-if="scope.row.inspectionResult == 2">不合格</span>
-              <span v-else>未知</span>
-            </el-tag>
+            <span>
+              <span v-if="scope.row.inspectionResult == 0" style="color: grey;">未检验</span>
+              <span v-else-if="scope.row.inspectionResult == 1" style="color: #67C23A;">合格</span>
+              <span v-else-if="scope.row.inspectionResult == 2" style="color: #FF4949;">不合格</span>
+              <span v-else style="color: grey;">未知</span>
+            </span>
           </template>
         </el-table-column>
         <el-table-column label="备注" align="center" prop="remark" />
@@ -105,19 +104,19 @@
           <el-table-column label="单位" align="center" prop="unit"></el-table-column>
           <el-table-column label="状态" align="center">
             <template slot-scope="scope">
-              <el-tag :type="scope.row.status == 1 ? 'success' : (scope.row.status == 2 ? 'danger' : 'info')">
-                <span v-if="scope.row.status == 0">未检测</span>
-                <span v-else-if="scope.row.status == 1">通过</span>
-                <span v-else-if="scope.row.status == 2">不通过</span>
-                <span v-else>未知</span>
-              </el-tag>
+              <span>
+                <span v-if="scope.row.status == 0" style="color: gray;">未检测</span>
+                <span v-else-if="scope.row.status == 1" style="color: #67C23A;">通过</span>
+                <span v-else-if="scope.row.status == 2" style="color: #FF4949;">不通过</span>
+                <span v-else style="color: gray;">未知</span>
+              </span>
             </template>
           </el-table-column>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template slot-scope="scope">
-              <el-button v-if="scope.row.status == 0" size="mini" type="success"
+               <el-button v-if="scope.row.status == 0" size="mini" type="text" style="color: #67C23A;"
                 @click="changeItemStatus(detailData.taskId, scope.row.itemId, 1)">通过</el-button>
-              <el-button v-if="scope.row.status == 0" size="mini" type="danger" style="margin-left: 8px;"
+              <el-button v-if="scope.row.status == 0" size="mini" type="text" style="margin-left: 8px; color: #FF4949;"
                 @click="changeItemStatus(detailData.taskId, scope.row.itemId, 2)">不通过</el-button>
             </template>
           </el-table-column>
diff --git a/klp-ui/src/views/mes/qc/task/pages/section.vue b/klp-ui/src/views/mes/qc/task/pages/section.vue
index 87b91248..f5e4a007 100644
--- a/klp-ui/src/views/mes/qc/task/pages/section.vue
+++ b/klp-ui/src/views/mes/qc/task/pages/section.vue
@@ -45,13 +45,12 @@
         <el-table-column label="机组" align="center" prop="unitGroup" />
         <el-table-column label="检验结果" align="center">
           <template slot-scope="scope">
-            <el-tag
-              :type="scope.row.inspectionResult == 1 ? 'success' : (scope.row.inspectionResult == 2 ? 'danger' : 'info')">
-              <span v-if="scope.row.inspectionResult == 0">未检验</span>
-              <span v-else-if="scope.row.inspectionResult == 1">合格</span>
-              <span v-else-if="scope.row.inspectionResult == 2">不合格</span>
-              <span v-else>未知</span>
-            </el-tag>
+            <span>
+              <span v-if="scope.row.inspectionResult == 0" style="color: grey;">未检验</span>
+              <span v-else-if="scope.row.inspectionResult == 1" style="color: #67C23A;">合格</span>
+              <span v-else-if="scope.row.inspectionResult == 2" style="color: #FF4949;">不合格</span>
+              <span v-else style="color: grey;">未知</span>
+            </span>
           </template>
         </el-table-column>
         <el-table-column label="备注" align="center" prop="remark" />
@@ -99,19 +98,19 @@
           <el-table-column label="单位" align="center" prop="unit"></el-table-column>
           <el-table-column label="状态" align="center">
             <template slot-scope="scope">
-              <el-tag :type="scope.row.status == 1 ? 'success' : (scope.row.status == 2 ? 'danger' : 'info')">
-                <span v-if="scope.row.status == 0">未检测</span>
-                <span v-else-if="scope.row.status == 1">通过</span>
-                <span v-else-if="scope.row.status == 2">不通过</span>
-                <span v-else>未知</span>
-              </el-tag>
+              <span>
+                <span v-if="scope.row.status == 0" style="color: gray;">未检测</span>
+                <span v-else-if="scope.row.status == 1" style="color: #67C23A;">通过</span>
+                <span v-else-if="scope.row.status == 2" style="color: #FF4949;">不通过</span>
+                <span v-else style="color: gray;">未知</span>
+              </span>
             </template>
           </el-table-column>
           <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
             <template slot-scope="scope">
-              <el-button v-if="scope.row.status == 0" size="mini" type="success"
+              <el-button v-if="scope.row.status == 0" size="mini" type="text" style="color: #67C23A;"
                 @click="changeItemStatus(detailData.taskId, scope.row.itemId, 1)">通过</el-button>
-              <el-button v-if="scope.row.status == 0" size="mini" type="danger" style="margin-left: 8px;"
+              <el-button v-if="scope.row.status == 0" size="mini" type="text" style="margin-left: 8px; color: #FF4949;"
                 @click="changeItemStatus(detailData.taskId, scope.row.itemId, 2)">不通过</el-button>
             </template>
           </el-table-column>