From 1cf5a724c102bb66340e7227f06aa059d55d6e70 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Tue, 21 Apr 2026 15:01:13 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E4=BB=BB=E5=8A=A1=E5=8D=95?=
 =?UTF-8?q?=E6=8E=92=E4=BA=A7-=E8=BF=9B=E5=BA=A6=E6=9D=A1=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/tasksummary/index.vue | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/views/mes/tasksummary/index.vue b/src/views/mes/tasksummary/index.vue
index 01d76c2d..581955e0 100644
--- a/src/views/mes/tasksummary/index.vue
+++ b/src/views/mes/tasksummary/index.vue
@@ -85,15 +85,16 @@ v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" hi
           <el-tag :type="scope.row.isScheduled ? 'success' : 'info'">{{ scope.row.isScheduled ? '是' : '否' }}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column :label="t('ProductionPlan.TaskSummary.tableProductionProgressColumn')" align="center" min-width="180px">
+      <el-table-column :label="t('ProductionPlan.TaskSummary.tableProductionProgressColumn')" align="center" min-width="60px">
         <template #default="scope">
           <div class="production-progress-cell">
             <el-tooltip :content="getProductionProgressPercent(scope.row) + '%'" placement="top">
               <el-progress
+                type="circle"
                 :percentage="getProductionProgressPercent(scope.row)"
-                :show-text="false"
-                :stroke-width="12"
-                class="production-progress-bar"
+                :width="40"
+                :stroke-width="4"
+                :color="getProductionProgressPercent(scope.row) === 100 ? '#67c23a' : undefined"
               />
             </el-tooltip>
           </div>
@@ -276,7 +277,17 @@ const handleTabClick = (tab: TabsPaneContext) => {
   justify-content: center;
 }
 
-.production-progress-bar {
-  width: 180px;
+.production-progress-cell :deep(.el-progress-circle) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.production-progress-cell :deep(.el-progress__text) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 10px !important;
+  min-width: auto !important;
 }
 </style>