浏览代码

style: 微调样式

ZhaoJun 1 年之前
父节点
当前提交
45b1ece536
共有 2 个文件被更改,包括 25 次插入28 次删除
  1. 23 26
      src/pages/TaskManage/Detail/TaskOrder/TaskOrder.tsx
  2. 2 2
      src/pages/TaskManage/components/SubTitle.tsx

+ 23 - 26
src/pages/TaskManage/Detail/TaskOrder/TaskOrder.tsx

@@ -156,49 +156,46 @@ const TaskOrder: React.FC<IPropsType> = (props) => {
             showStatus={orderInfo?.OrderStatus.value === 2}
             radius
           />
-          <div style={{ padding: '15px' }}>
+          <div style={{ padding: '15px', letterSpacing: '1.5px' }}>
             <Row className={styles.rowMargin}>
-              <Col className={styles.fontS26} span={16}>
-                派单时间:{orderInfo?.CreateTime || '-'}
+              <Col className={styles.fontS28} span={16}>
+                {/*// @ts-ignore*/}
+                工单类型:
+                {order_type === 1 ? '工艺' : order_type === 2 ? '维修' : '保养'}
               </Col>
-              <Col className={styles.fontS26} span={8}>
+              <Col className={styles.fontS28} span={8}>
                 {/*// @ts-ignore*/}
                 工单负责人:{orderInfo?.Repairman?.CName || '-'}
               </Col>
             </Row>
             <Row className={styles.rowMargin}>
-              <Col className={styles.fontS26} span={8}>
+              <Col className={styles.fontS28} span={16}>
                 {/*// @ts-ignore*/}
                 工单状态:{orderInfo?.OrderStatus?.label}
               </Col>
-              <Col className={styles.fontS26} span={8}>
-                {/*// @ts-ignore*/}
-                工单类型:
-                {order_type === 1 ? '工艺' : order_type === 2 ? '维修' : '保养'}
-              </Col>
-              <Col className={styles.fontS26} span={8}>
+              <Col className={styles.fontS28} span={8}>
                 {/*// @ts-ignore*/}
                 派单人员:{orderInfo?.DispatchMan?.CName}
               </Col>
             </Row>
-            {/*<Row className={styles.rowMargin}>*/}
-            {/*  <Col className={styles.fontS26}>*/}
-            {/*    派单时间:{orderInfo?.CreateTime || '-'}*/}
-            {/*  </Col>*/}
-            {/*</Row>*/}
             <Row className={styles.rowMargin}>
-              <Col className={styles.fontS26}>
+              <Col className={styles.fontS28}>
+                派单时间:{orderInfo?.CreateTime || '-'}
+              </Col>
+            </Row>
+            <Row className={styles.rowMargin}>
+              <Col className={styles.fontS28}>
                 计划完成时间:{orderInfo?.PlanTime || '-'}
               </Col>
             </Row>
             <Row className={styles.rowMargin}>
-              <Col className={styles.fontS26}>
+              <Col className={styles.fontS28}>
                 实际完成时间:{orderInfo?.RepairTime || '-'}
               </Col>
             </Row>
             <Row>
-              <Col className={styles.fontS26}>工单详情:</Col>
-              <Col className={styles.fontS26} span={18}>
+              <Col className={styles.fontS28}>工单详情:</Col>
+              <Col className={styles.fontS28} span={18}>
                 {orderInfo?.Reason}
                 {/*<Table />*/}
               </Col>
@@ -210,24 +207,24 @@ const TaskOrder: React.FC<IPropsType> = (props) => {
             <SubTitle title="维修内容" />
             <div style={{ padding: '15px' }}>
               <Row className={styles.rowMargin} justify={'space-around'}>
-                <Col className={styles.fontS26} span={8}>
+                <Col className={styles.fontS28} span={8}>
                   是否润滑/加油:{orderInfo?.Lubrication === 1 ? '是' : '否'}
                 </Col>
-                <Col className={styles.fontS26} span={8}>
+                <Col className={styles.fontS28} span={8}>
                   是否拆检:{orderInfo?.Check === 1 ? '是' : '否'}
                 </Col>
-                <Col className={styles.fontS26} span={8}>
+                <Col className={styles.fontS28} span={8}>
                   是否清洁:{orderInfo?.Clean === 1 ? '是' : '否'}
                 </Col>
               </Row>
               <Row justify={'space-around'}>
-                <Col className={styles.fontS26} span={8}>
+                <Col className={styles.fontS28} span={8}>
                   是否紧固:{orderInfo?.Fasten === 1 ? '是' : '否'}
                 </Col>
-                <Col className={styles.fontS26} span={8}>
+                <Col className={styles.fontS28} span={8}>
                   是否除锈:{orderInfo?.AntiCorrosive === 1 ? '是' : '否'}
                 </Col>
-                <Col className={styles.fontS26} span={8}>
+                <Col className={styles.fontS28} span={8}>
                   是否防腐:{orderInfo?.RustRemoval === 1 ? '是' : '否'}
                 </Col>
               </Row>

+ 2 - 2
src/pages/TaskManage/components/SubTitle.tsx

@@ -25,8 +25,8 @@ const SubTitle: React.FC<IPropsType> = ({
         paddingLeft: '20px',
         paddingRight: '10px',
         backgroundColor: '#d9e7f9',
-        fontSize: '28px',
-        height: '66px',
+        fontSize: '30px',
+        height: '80px',
         borderRadius: radius ? '8px 8px 0 0 ' : 'unset',
       }}
     >