From ca940e773b54ea9d3d3af112141d4b8183c75ce4 Mon Sep 17 00:00:00 2001
From: zhangxuanming <2260476558@qq.com>
Date: Tue, 21 Jan 2025 11:42:42 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E9=A6=96=E9=A1=B5=E7=94=9F?=
 =?UTF-8?q?=E4=BA=A7=E5=B7=A5=E5=8D=95=E4=B8=AD=E7=9A=84=E5=B7=A5=E5=BA=8F?=
 =?UTF-8?q?=E8=BF=9B=E5=BA=A6=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 8d11f94..cf71a63 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -40,20 +40,20 @@
                 <span>{{ parseTime(scope.row.requestDate, '{y}-{m}-{d}') }}</span>
               </template>
             </el-table-column>
-            <el-table-column label="工序进度" align="center" width="500">
+            <el-table-column label="工序进度" align="center" width="200">
               <template slot-scope="scope">
-                <div style="display: flex;">
-                  <span v-for="(item, index) in scope.row.routeHomg">
-                    <span style="display: flex">
-                      <span style="line-height: 70px; text-align: center;color: #5e75ff" v-if="index != 0">--------</span>
-                      <span style="display: flex; flex-direction: column;margin: 0 5px">
+                  <div style="display: flex;width: 100%;overflow:auto;">
+                  <div v-for="(item, index) in scope.row.routeHomg" style="flex-shrink: 0;">
+                    <div style="display: flex">
+                      <div style="line-height: 70px; text-align: center;color: #5e75ff;flex-shrink:0;" v-if="index != 0">--------</div>
+                      <div style="display: flex; flex-direction: column;margin: 0 5px">
                         <el-progress :height="70" :width="70" type="circle" :percentage="(item.completeNumber/item.total)*100" :color="colors"></el-progress>
                         <el-tooltip class="item" effect="dark" :content="item.processName" placement="bottom">
-                          <span style="display: inline-block;width: 65px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{ item.processName }}</span>
+                          <span style="display: inline-block;width: 55px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap">{{ item.processName }}</span>
                         </el-tooltip>
-                      </span>
-                    </span>
-                  </span>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </template>
             </el-table-column>