style: 适配新宽度

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

@@ -101,7 +101,7 @@ function TaskDetail(props) {
         {
           key: '1',
           label: (
-            <span style={{ color: '#ffffff', marginRight: '0.1rem' }}>
+            <span style={{ color: '#ffffff', marginRight: '0.05rem' }}>
               关联工单({workOrder.length})
             </span>
           ),
@@ -110,18 +110,18 @@ function TaskDetail(props) {
               <div key={record.Id} className={styles.workOrderCard}>
                 <div className={styles.leftInfo}>
                   <Row style={{ marginBottom: '0.15rem' }}>
-                    <Col className={styles.fontS32} span={12}>
+                    <Col className={styles.fontS32} span={10}>
                       <>
                         工单类型：
                         {record.RecordType?.label?.replace('工单', '')}
                       </>
                     </Col>
-                    <Col className={styles.fontS32} span={12}>
+                    <Col className={styles.fontS32} span={14}>
                       时间：{record.CreateTime || '-'}
                     </Col>
                   </Row>
                   <Row>
-                    <Col className={styles.fontS32} span={12}>
+                    <Col className={styles.fontS32} span={10}>
                       工单状态：
                       <span style={{ color: '#5697e4' }}>
                         {typeof record.Status === 'number'
@@ -129,7 +129,7 @@ function TaskDetail(props) {
                           : record.Status?.label}
                       </span>
                     </Col>
-                    <Col className={styles.fontS32} span={12}>
+                    <Col className={styles.fontS32} span={14}>
                       工单负责人：
                       {typeof record.Responsible === 'number'
                         ? '-'
@@ -297,6 +297,7 @@ function TaskDetail(props) {
               任务总结
             </Col>
             <Col
+              span={20}
               className={styles.fontS32}
               style={{ color: 'rgba(97, 93, 93, 1)' }}
             >

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

@@ -334,10 +334,12 @@ const WorkOrderDetail = (props) => {
                   派单时间：{orderInfo?.CreateTime || '-'}
                 </Col>
               </Row>
-              <Row>
+              <Row className={styles.rowMargin}>
                 <Col className={styles.fontS28} span={13}>
                   计划完成时间：{orderInfo?.PlanTime || '-'}
                 </Col>
+              </Row>
+              <Row>
                 <Col className={styles.fontS28}>
                   实际完成时间：{orderInfo?.RepairTime || '-'}
                 </Col>

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

@@ -39,11 +39,15 @@
           border-radius: 0;
         }
 
+        .ant-collapse-header .ant-collapse-expand-icon {
+          padding-inline-end: 0;
+        }
+
         .ant-collapse-header {
           height: 0.5rem;
           background: url('@/assets/TaskManage/viewOrder@2x.png') no-repeat
             center;
-          background-size: 25% 100%;
+          background-size: 30% 100%;
           justify-content: center;
           flex-direction: row-reverse;
           align-items: center;

src/pages/Center/MyTask/List/TaskList.js

@@ -169,7 +169,7 @@ const MyTaskList = (props) => {
       {
         key: '1',
         label: (
-          <span style={{ color: '#ffffff', marginRight: '0.1rem' }}>
+          <span style={{ color: '#ffffff', marginRight: '0.05rem' }}>
             关联工单({workOrder.length})
           </span>
         ),
@@ -178,21 +178,21 @@ const MyTaskList = (props) => {
             <div key={order.Id} className={styles.workOrderCard}>
               <div className={styles.leftInfo}>
                 <Row style={{ marginBottom: '0.15rem' }}>
-                  <Col className={styles.fontS32} span={12}>
+                  <Col className={styles.fontS32} span={11}>
                     工单类型：{order.RecordType?.label || '-'}
                   </Col>
-                  <Col className={styles.fontS32} span={12}>
+                  <Col className={styles.fontS32} span={13}>
                     时间：{order.CreateTime}
                   </Col>
                 </Row>
                 <Row>
-                  <Col className={styles.fontS32} span={12}>
+                  <Col className={styles.fontS32} span={11}>
                     工单状态：
                     <span style={{ color: '#5697e4' }}>
                       {order.Status?.label}
                     </span>
                   </Col>
-                  <Col className={styles.fontS32} span={12}>
+                  <Col className={styles.fontS32} span={13}>
                     工单负责人：{order.Responsible?.CName}
                   </Col>
                 </Row>
@@ -251,7 +251,7 @@ const MyTaskList = (props) => {
                 maxHeight: '0.7rem',
               }}
             >
-              <Col span={12} className={styles.fontS32}>
+              <Col span={11} className={styles.fontS32}>
                 时间: {formatItem.CreateTime}
               </Col>
               <Col className={styles.fontS32}>
@@ -265,7 +265,7 @@ const MyTaskList = (props) => {
                 maxHeight: '0.75rem',
               }}
             >
-              <Col span={12} className={styles.fontS32}>
+              <Col span={11} className={styles.fontS32}>
                 任务负责人: {formatItem.ResponsiblePeople?.CName || '-'}
               </Col>
               <Col span={8} className={styles.fontS32}>
@@ -277,7 +277,7 @@ const MyTaskList = (props) => {
                   style={{
                     backgroundColor: '#f5a623',
                     color: 'white',
-                    width: '2rem',
+                    width: '1.8rem',
                     letterSpacing: '0.05rem',
                     height: '0.55rem',
                     display: 'flex',

src/pages/Center/MyTask/List/taskList.less

@@ -30,10 +30,14 @@
         border-radius: 0;
       }
 
+      .ant-collapse-header .ant-collapse-expand-icon {
+        padding-inline-end: 0;
+      }
+
       .ant-collapse-header {
         height: 0.5rem;
         background: url('@/assets/TaskManage/viewOrder@2x.png') no-repeat center;
-        background-size: 25% 100%;
+        background-size: 30% 100%;
         justify-content: center;
         flex-direction: row-reverse;
         align-items: center;

src/pages/Center/MyTask/index.js

@@ -97,10 +97,10 @@ const MyTask = (props) => {
           title={<span className={styles.itemLabel}>{item.label}</span>}
         />
 
-        <div className={styles.itemCount}>
+        {/* <div className={styles.itemCount}>
           <div className={styles.countNumber}>{mandateCount[index]}</div>
           <div className={styles.counterText}>任务数量</div>
-        </div>
+        </div> */}
 
         <CaretRightFilled style={{ fontSize: '0.3rem', color: '#BCBABA' }} />
       </List.Item>

src/pages/TaskManage/Detail/TaskDetail/TaskDetail.tsx

@@ -355,6 +355,7 @@ function TaskDetail(props: IPropsType) {
                 任务总结
               </Col>
               <Col
+                span={20}
                 className={styles.fontS32}
                 style={{ color: 'rgba(97, 93, 93, 1)' }}
               >