diff --git a/src/store/modules/order.js b/src/store/modules/order.js
index d5c2aec..37b78d7 100644
--- a/src/store/modules/order.js
+++ b/src/store/modules/order.js
@@ -19,14 +19,16 @@
     }
     */
       listWorkOrderDept(data).then(response => {
-        this.deptList = handleTree(response.data, 'deptId');
-        console.log('🚀 ~ listDept ~ this.deptList:', this.deptList, response);
+        this.deptList = response.data;
+        // this.deptList = handleTree(response.data, 'deptId');
+        // console.log('🚀 ~ listDept ~ this.deptList:', this.deptList, response);
       });
     },
     getUserList(data = {}) {
       listWorkOrderHandler(data).then(response => {
-        this.userList = handleTree(response.data, 'deptId');
-        console.log('🚀 ~ listUser ~ this.userList:', this.userList, response);
+        // this.userList = handleTree(response.data, 'deptId');
+        this.userList = response.data;
+        // console.log('🚀 ~ listUser ~ this.userList:', this.userList, response);
       });
     },
   },

diff --git a/src/store/modules/order.js b/src/store/modules/order.js
index d5c2aec..37b78d7 100644
--- a/src/store/modules/order.js
+++ b/src/store/modules/order.js
@@ -19,14 +19,16 @@
     }
     */
       listWorkOrderDept(data).then(response => {
-        this.deptList = handleTree(response.data, 'deptId');
-        console.log('🚀 ~ listDept ~ this.deptList:', this.deptList, response);
+        this.deptList = response.data;
+        // this.deptList = handleTree(response.data, 'deptId');
+        // console.log('🚀 ~ listDept ~ this.deptList:', this.deptList, response);
       });
     },
     getUserList(data = {}) {
       listWorkOrderHandler(data).then(response => {
-        this.userList = handleTree(response.data, 'deptId');
-        console.log('🚀 ~ listUser ~ this.userList:', this.userList, response);
+        // this.userList = handleTree(response.data, 'deptId');
+        this.userList = response.data;
+        // console.log('🚀 ~ listUser ~ this.userList:', this.userList, response);
       });
     },
   },
diff --git a/src/views/order/components/orderDia.vue b/src/views/order/components/orderDia.vue
index 4cb1241..4e10a78 100644
--- a/src/views/order/components/orderDia.vue
+++ b/src/views/order/components/orderDia.vue
@@ -144,7 +144,7 @@
               {{ item }}
             </div>
           </div>
-          <el-steps :active="handleProcess.active">
+          <el-steps :active="handleProcess.active" align-center>
             <!-- :title="item.activityName" -->
             <el-step
               :title="item.activityName"
@@ -697,21 +697,28 @@
       //   height: calc(100% - 120px);
       margin: 10px 0;
       //   border: 1px solid red;
-      padding: 0 20px;
+      padding: 0 10px;
+      :deep(.el-step__description) {
+        padding-left: 10%;
+        padding-right: 10%;
+      }
       .processBox {
         width: 100%;
+        width: calc(100% - 190px);
         height: 12px;
         font-weight: 400;
         font-size: 12px;
         color: #666666;
         box-sizing: border-box;
-        padding: 0px 20px 0 10px;
+        margin: 0px 0px 0 95px;
         margin-top: 30px;
         display: flex;
         align-items: center;
+        // border: 1px solid red;
         .processItem {
-          width: 183px;
           // border: 1px solid red;
+          // width: 188px;
+          flex: 1;
           text-align: center;
         }
       }
@@ -766,7 +773,7 @@
   font-size: 14px;
   .callBox {
     position: absolute;
-    left: -10px;
+    left: 50px;
     top: -55px;
     display: flex;
     .callTitle {

diff --git a/src/store/modules/order.js b/src/store/modules/order.js
index d5c2aec..37b78d7 100644
--- a/src/store/modules/order.js
+++ b/src/store/modules/order.js
@@ -19,14 +19,16 @@
     }
     */
       listWorkOrderDept(data).then(response => {
-        this.deptList = handleTree(response.data, 'deptId');
-        console.log('🚀 ~ listDept ~ this.deptList:', this.deptList, response);
+        this.deptList = response.data;
+        // this.deptList = handleTree(response.data, 'deptId');
+        // console.log('🚀 ~ listDept ~ this.deptList:', this.deptList, response);
       });
     },
     getUserList(data = {}) {
       listWorkOrderHandler(data).then(response => {
-        this.userList = handleTree(response.data, 'deptId');
-        console.log('🚀 ~ listUser ~ this.userList:', this.userList, response);
+        // this.userList = handleTree(response.data, 'deptId');
+        this.userList = response.data;
+        // console.log('🚀 ~ listUser ~ this.userList:', this.userList, response);
       });
     },
   },
diff --git a/src/views/order/components/orderDia.vue b/src/views/order/components/orderDia.vue
index 4cb1241..4e10a78 100644
--- a/src/views/order/components/orderDia.vue
+++ b/src/views/order/components/orderDia.vue
@@ -144,7 +144,7 @@
               {{ item }}
             </div>
           </div>
-          <el-steps :active="handleProcess.active">
+          <el-steps :active="handleProcess.active" align-center>
             <!-- :title="item.activityName" -->
             <el-step
               :title="item.activityName"
@@ -697,21 +697,28 @@
       //   height: calc(100% - 120px);
       margin: 10px 0;
       //   border: 1px solid red;
-      padding: 0 20px;
+      padding: 0 10px;
+      :deep(.el-step__description) {
+        padding-left: 10%;
+        padding-right: 10%;
+      }
       .processBox {
         width: 100%;
+        width: calc(100% - 190px);
         height: 12px;
         font-weight: 400;
         font-size: 12px;
         color: #666666;
         box-sizing: border-box;
-        padding: 0px 20px 0 10px;
+        margin: 0px 0px 0 95px;
         margin-top: 30px;
         display: flex;
         align-items: center;
+        // border: 1px solid red;
         .processItem {
-          width: 183px;
           // border: 1px solid red;
+          // width: 188px;
+          flex: 1;
           text-align: center;
         }
       }
@@ -766,7 +773,7 @@
   font-size: 14px;
   .callBox {
     position: absolute;
-    left: -10px;
+    left: 50px;
     top: -55px;
     display: flex;
     .callTitle {
diff --git a/src/views/order/workOrderProcessing/components/checkOrder.vue b/src/views/order/workOrderProcessing/components/checkOrder.vue
index 812b881..4cc49c9 100644
--- a/src/views/order/workOrderProcessing/components/checkOrder.vue
+++ b/src/views/order/workOrderProcessing/components/checkOrder.vue
@@ -71,7 +71,7 @@
     <el-dialog
       v-model="dialogConfig.visible"
       :title="dialogConfig.title"
-      width="1400px"
+      width="1500px"
       :append-to-body="true"
       :destroy-on-close="true"
     >

diff --git a/src/store/modules/order.js b/src/store/modules/order.js
index d5c2aec..37b78d7 100644
--- a/src/store/modules/order.js
+++ b/src/store/modules/order.js
@@ -19,14 +19,16 @@
     }
     */
       listWorkOrderDept(data).then(response => {
-        this.deptList = handleTree(response.data, 'deptId');
-        console.log('🚀 ~ listDept ~ this.deptList:', this.deptList, response);
+        this.deptList = response.data;
+        // this.deptList = handleTree(response.data, 'deptId');
+        // console.log('🚀 ~ listDept ~ this.deptList:', this.deptList, response);
       });
     },
     getUserList(data = {}) {
       listWorkOrderHandler(data).then(response => {
-        this.userList = handleTree(response.data, 'deptId');
-        console.log('🚀 ~ listUser ~ this.userList:', this.userList, response);
+        // this.userList = handleTree(response.data, 'deptId');
+        this.userList = response.data;
+        // console.log('🚀 ~ listUser ~ this.userList:', this.userList, response);
       });
     },
   },
diff --git a/src/views/order/components/orderDia.vue b/src/views/order/components/orderDia.vue
index 4cb1241..4e10a78 100644
--- a/src/views/order/components/orderDia.vue
+++ b/src/views/order/components/orderDia.vue
@@ -144,7 +144,7 @@
               {{ item }}
             </div>
           </div>
-          <el-steps :active="handleProcess.active">
+          <el-steps :active="handleProcess.active" align-center>
             <!-- :title="item.activityName" -->
             <el-step
               :title="item.activityName"
@@ -697,21 +697,28 @@
       //   height: calc(100% - 120px);
       margin: 10px 0;
       //   border: 1px solid red;
-      padding: 0 20px;
+      padding: 0 10px;
+      :deep(.el-step__description) {
+        padding-left: 10%;
+        padding-right: 10%;
+      }
       .processBox {
         width: 100%;
+        width: calc(100% - 190px);
         height: 12px;
         font-weight: 400;
         font-size: 12px;
         color: #666666;
         box-sizing: border-box;
-        padding: 0px 20px 0 10px;
+        margin: 0px 0px 0 95px;
         margin-top: 30px;
         display: flex;
         align-items: center;
+        // border: 1px solid red;
         .processItem {
-          width: 183px;
           // border: 1px solid red;
+          // width: 188px;
+          flex: 1;
           text-align: center;
         }
       }
@@ -766,7 +773,7 @@
   font-size: 14px;
   .callBox {
     position: absolute;
-    left: -10px;
+    left: 50px;
     top: -55px;
     display: flex;
     .callTitle {
diff --git a/src/views/order/workOrderProcessing/components/checkOrder.vue b/src/views/order/workOrderProcessing/components/checkOrder.vue
index 812b881..4cc49c9 100644
--- a/src/views/order/workOrderProcessing/components/checkOrder.vue
+++ b/src/views/order/workOrderProcessing/components/checkOrder.vue
@@ -71,7 +71,7 @@
     <el-dialog
       v-model="dialogConfig.visible"
       :title="dialogConfig.title"
-      width="1400px"
+      width="1500px"
       :append-to-body="true"
       :destroy-on-close="true"
     >
diff --git a/src/views/order/workOrderQuery/index.vue b/src/views/order/workOrderQuery/index.vue
index a9a84c7..4a1b4ec 100644
--- a/src/views/order/workOrderQuery/index.vue
+++ b/src/views/order/workOrderQuery/index.vue
@@ -85,7 +85,7 @@
     <el-dialog
       v-model="dialogConfig.visible"
       :title="dialogConfig.title"
-      width="1400px"
+      width="1500px"
       :append-to-body="true"
       :destroy-on-close="true"
     >