工单流程样式修改

src/pages/Center/MyTask/Detail/WorkOrderDetail.js

@@ -436,7 +436,10 @@ const WorkOrderDetail = (props) => {
                 background: 'rgba(23, 85, 255, 0.50)',
               }}
             />
-            <div style={{ padding: '0.15rem 0.2rem' }}>
+            <div
+              style={{ padding: '0.15rem 0.2rem' }}
+              className={styles.taskStep}
+            >
               <Steps
                 direction="vertical"
                 current={stepInfo?.length ? stepInfo.length - 1 : 0}

src/pages/Center/MyTask/Detail/workOrderDetail.less

@@ -21,6 +21,19 @@
   margin-top: 0.3rem;
 }
 
+.taskStep {
+  margin-left: 20%;
+  width: 70%;
+  :global {
+    .ant-steps.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
+      width: 80%;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 0.3rem;
+    }
+  }
+}
+
 .fontS28 {
   font-size: 0.28rem;
 }

src/pages/TaskManage/Detail/TaskOrder/TaskOrder.tsx

@@ -472,18 +472,19 @@ const TaskOrder: React.FC<IPropsType> = (props) => {
                 background: 'rgba(23, 85, 255, 0.50)',
               }}
             />
-            <div style={{ padding: '0.15rem 0.2rem' }}>
+            <div
+              className={styles.taskStep}
+              style={{ padding: '0.15rem 0.2rem' }}
+            >
               <Steps
                 direction="vertical"
                 current={stepInfo?.length ? stepInfo.length - 1 : 0}
                 progressDot
                 items={stepInfo?.map((item) => {
                   return {
-                    title: (
-                      <span className={styles.fontS28}>{item.content}</span>
-                    ),
+                    title: <div className={styles.fontS28}>{item.content}</div>,
                     description: (
-                      <span className={styles.fontS24}>{item.time}</span>
+                      <div className={styles.fontS24}>{item.time}</div>
                     ),
                   };
                 })}

src/pages/TaskManage/Detail/TaskOrder/taskOrder.less

@@ -13,6 +13,19 @@
   margin: 0;
 }
 
+.taskStep {
+  margin-left: 20%;
+  width: 70%;
+  :global {
+    .ant-steps.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
+      width: 80%;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 0.3rem;
+    }
+  }
+}
+
 .rowMargin {
   margin-bottom: 0.3rem;
 }

src/pages/TaskManage/Popup/WorkOrderModal.js

@@ -367,6 +367,7 @@ const WorkOrderModal = (props) => {
               style={{
                 padding: '0.15rem 0.2rem',
               }}
+              className={styles.taskStep}
             >
               <Steps
                 direction="vertical"

src/pages/TaskManage/Popup/WorkOrderModal.less

@@ -32,6 +32,19 @@
   margin-top: 0.2rem;
 }
 
+.taskStep {
+  margin-left: 20%;
+  width: 70%;
+  :global {
+    .ant-steps.ant-steps-vertical > .ant-steps-item .ant-steps-item-content {
+      width: 80%;
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 0.3rem;
+    }
+  }
+}
+
 .fontS24 {
   font-size: 0.24rem;
 }