|
@@ -5,7 +5,7 @@ import {
|
|
getRepairRecordList,
|
|
getRepairRecordList,
|
|
getWorkOrderFlow,
|
|
getWorkOrderFlow,
|
|
} from '@/services/TaskManage';
|
|
} from '@/services/TaskManage';
|
|
-import { CloseOutlined } from '@ant-design/icons';
|
|
|
|
|
|
+import { CloseCircleFilled } from '@ant-design/icons';
|
|
import { connect, useLocation, useParams, useRequest } from '@umijs/max';
|
|
import { connect, useLocation, useParams, useRequest } from '@umijs/max';
|
|
import { Button, Col, Divider, Row, Steps } from 'antd';
|
|
import { Button, Col, Divider, Row, Steps } from 'antd';
|
|
import dayjs from 'dayjs';
|
|
import dayjs from 'dayjs';
|
|
@@ -247,62 +247,55 @@ const WorkOrderModal = (props) => {
|
|
<Button
|
|
<Button
|
|
className={styles.closeModalBtn}
|
|
className={styles.closeModalBtn}
|
|
type="text"
|
|
type="text"
|
|
- icon={<CloseOutlined style={{ fontSize: '0.24rem' }} />}
|
|
|
|
|
|
+ icon={
|
|
|
|
+ <CloseCircleFilled
|
|
|
|
+ style={{ fontSize: '0.32rem', color: 'rgba(155, 151, 151, 1)' }}
|
|
|
|
+ />
|
|
|
|
+ }
|
|
onClick={closePage}
|
|
onClick={closePage}
|
|
/>
|
|
/>
|
|
- <Divider style={{ margin: '0 0 0.3rem 0' }} />
|
|
|
|
- <div
|
|
|
|
- style={{
|
|
|
|
- marginTop: '0.2rem',
|
|
|
|
- borderRadius: '0.08rem',
|
|
|
|
- boxShadow: '0.02rem 0 0.08rem 0 rgba(0, 0, 0, 30%)',
|
|
|
|
- }}
|
|
|
|
- >
|
|
|
|
|
|
+ <Divider style={{ margin: '0 0 0.1rem 0' }} />
|
|
|
|
+ <div>
|
|
<div>
|
|
<div>
|
|
- <SubTitle
|
|
|
|
- title="工单信息"
|
|
|
|
- titleFontSize={24}
|
|
|
|
- showStatus={orderInfo?.OrderStatus?.value === 2}
|
|
|
|
- radius
|
|
|
|
- />
|
|
|
|
|
|
+ <SubTitle title="工单信息" radius />
|
|
<div className={styles.basicalInfo}>
|
|
<div className={styles.basicalInfo}>
|
|
- <Row>
|
|
|
|
- <Col span={16} className={styles.fontS28}>
|
|
|
|
|
|
+ <Row style={{ marginTop: '0' }}>
|
|
|
|
+ <Col span={16} className={styles.fontS32}>
|
|
工单类型:
|
|
工单类型:
|
|
{OrderType.find((item) => item.value === order_type)?.label ||
|
|
{OrderType.find((item) => item.value === order_type)?.label ||
|
|
'-'}
|
|
'-'}
|
|
</Col>
|
|
</Col>
|
|
- <Col span={8} className={styles.fontS28}>
|
|
|
|
|
|
+ <Col span={8} className={styles.fontS32}>
|
|
{/*// @ts-ignore*/}
|
|
{/*// @ts-ignore*/}
|
|
工单负责人:{orderInfo?.Repairman?.CName || '-'}
|
|
工单负责人:{orderInfo?.Repairman?.CName || '-'}
|
|
</Col>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|
|
<Row>
|
|
<Row>
|
|
- <Col span={16} className={styles.fontS28}>
|
|
|
|
|
|
+ <Col span={16} className={styles.fontS32}>
|
|
工单状态:{orderInfo?.OrderStatus?.label}
|
|
工单状态:{orderInfo?.OrderStatus?.label}
|
|
</Col>
|
|
</Col>
|
|
- <Col span={8} className={styles.fontS28}>
|
|
|
|
|
|
+ <Col span={8} className={styles.fontS32}>
|
|
派单人员:{orderInfo?.DispatchMan?.CName}
|
|
派单人员:{orderInfo?.DispatchMan?.CName}
|
|
</Col>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|
|
<Row>
|
|
<Row>
|
|
- <Col className={styles.fontS28}>
|
|
|
|
|
|
+ <Col className={styles.fontS32}>
|
|
派单时间:{orderInfo?.CreateTime || '-'}
|
|
派单时间:{orderInfo?.CreateTime || '-'}
|
|
</Col>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|
|
<Row>
|
|
<Row>
|
|
- <Col className={styles.fontS28}>
|
|
|
|
|
|
+ <Col className={styles.fontS32}>
|
|
计划完成时间:{orderInfo?.PlanTime || '-'}
|
|
计划完成时间:{orderInfo?.PlanTime || '-'}
|
|
</Col>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|
|
<Row>
|
|
<Row>
|
|
- <Col className={styles.fontS28}>
|
|
|
|
|
|
+ <Col className={styles.fontS32}>
|
|
实际完成时间:{orderInfo?.RepairTime || '-'}
|
|
实际完成时间:{orderInfo?.RepairTime || '-'}
|
|
</Col>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|
|
{orderInfo?.MandateImages?.length > 0 && (
|
|
{orderInfo?.MandateImages?.length > 0 && (
|
|
<Row>
|
|
<Row>
|
|
- <Col className={styles.fontS28} span={4}>
|
|
|
|
|
|
+ <Col className={styles.fontS32} span={4}>
|
|
任务图片:
|
|
任务图片:
|
|
</Col>
|
|
</Col>
|
|
{renderImg()}
|
|
{renderImg()}
|
|
@@ -314,25 +307,25 @@ const WorkOrderModal = (props) => {
|
|
<div>
|
|
<div>
|
|
<SubTitle title="操作内容" titleFontSize={24} />
|
|
<SubTitle title="操作内容" titleFontSize={24} />
|
|
<div className={styles.additionInfo}>
|
|
<div className={styles.additionInfo}>
|
|
- <Row justify={'space-around'}>
|
|
|
|
- <Col className={styles.fontS28} span={8}>
|
|
|
|
|
|
+ <Row justify={'space-around'} style={{ marginTop: '0' }}>
|
|
|
|
+ <Col className={styles.fontS32} span={8}>
|
|
是否润滑/加油:{orderInfo?.Lubrication === 1 ? '是' : '否'}
|
|
是否润滑/加油:{orderInfo?.Lubrication === 1 ? '是' : '否'}
|
|
</Col>
|
|
</Col>
|
|
- <Col className={styles.fontS28} span={8}>
|
|
|
|
|
|
+ <Col className={styles.fontS32} span={8}>
|
|
是否拆检:{orderInfo?.Check === 1 ? '是' : '否'}
|
|
是否拆检:{orderInfo?.Check === 1 ? '是' : '否'}
|
|
</Col>
|
|
</Col>
|
|
- <Col className={styles.fontS28} span={8}>
|
|
|
|
|
|
+ <Col className={styles.fontS32} span={8}>
|
|
是否清洁:{orderInfo?.Clean === 1 ? '是' : '否'}
|
|
是否清洁:{orderInfo?.Clean === 1 ? '是' : '否'}
|
|
</Col>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|
|
<Row justify={'space-around'}>
|
|
<Row justify={'space-around'}>
|
|
- <Col className={styles.fontS28} span={8}>
|
|
|
|
|
|
+ <Col className={styles.fontS32} span={8}>
|
|
是否紧固:{orderInfo?.Fasten === 1 ? '是' : '否'}
|
|
是否紧固:{orderInfo?.Fasten === 1 ? '是' : '否'}
|
|
</Col>
|
|
</Col>
|
|
- <Col className={styles.fontS28} span={8}>
|
|
|
|
|
|
+ <Col className={styles.fontS32} span={8}>
|
|
是否除锈:{orderInfo?.AntiCorrosive === 1 ? '是' : '否'}
|
|
是否除锈:{orderInfo?.AntiCorrosive === 1 ? '是' : '否'}
|
|
</Col>
|
|
</Col>
|
|
- <Col className={styles.fontS28} span={8}>
|
|
|
|
|
|
+ <Col className={styles.fontS32} span={8}>
|
|
是否防腐:{orderInfo?.RustRemoval === 1 ? '是' : '否'}
|
|
是否防腐:{orderInfo?.RustRemoval === 1 ? '是' : '否'}
|
|
</Col>
|
|
</Col>
|
|
</Row>
|
|
</Row>
|
|
@@ -342,10 +335,15 @@ const WorkOrderModal = (props) => {
|
|
{order_type === 5 && (
|
|
{order_type === 5 && (
|
|
<div>
|
|
<div>
|
|
<SubTitle title="加药详情" titleFontSize={24} />
|
|
<SubTitle title="加药详情" titleFontSize={24} />
|
|
- <div style={{ padding: '0.15rem' }}>
|
|
|
|
|
|
+ <div
|
|
|
|
+ style={{
|
|
|
|
+ padding: '0.15rem',
|
|
|
|
+ background: 'rgba(23, 85, 255, 0.06)',
|
|
|
|
+ }}
|
|
|
|
+ >
|
|
<Row>
|
|
<Row>
|
|
- <Col className={styles.fontS28}>加药详情:</Col>
|
|
|
|
- <Col className={styles.fontS28} span={18}>
|
|
|
|
|
|
+ <Col className={styles.fontS32}>加药详情:</Col>
|
|
|
|
+ <Col className={styles.fontS32} span={18}>
|
|
{`药剂名称:${additionalInfo?.name || '-'} 加药量:${
|
|
{`药剂名称:${additionalInfo?.name || '-'} 加药量:${
|
|
additionalInfo?.dosage || '-'
|
|
additionalInfo?.dosage || '-'
|
|
}升 浓度:${additionalInfo?.concentration || '-'}`}
|
|
}升 浓度:${additionalInfo?.concentration || '-'}`}
|
|
@@ -357,7 +355,21 @@ const WorkOrderModal = (props) => {
|
|
{stepInfo.length > 0 && (
|
|
{stepInfo.length > 0 && (
|
|
<div>
|
|
<div>
|
|
<SubTitle title="工单流程" titleFontSize={24} />
|
|
<SubTitle title="工单流程" titleFontSize={24} />
|
|
- <div style={{ padding: '0.15rem 0.2rem' }}>
|
|
|
|
|
|
+ <Divider
|
|
|
|
+ type="horizontal"
|
|
|
|
+ style={{
|
|
|
|
+ height: '0.02rem',
|
|
|
|
+ margin: 0,
|
|
|
|
+ padding: 0,
|
|
|
|
+ color: 'rgba(23, 85, 255, 0.50)',
|
|
|
|
+ background: 'rgba(23, 85, 255, 0.50)',
|
|
|
|
+ }}
|
|
|
|
+ />
|
|
|
|
+ <div
|
|
|
|
+ style={{
|
|
|
|
+ padding: '0.15rem 0.2rem',
|
|
|
|
+ }}
|
|
|
|
+ >
|
|
<Steps
|
|
<Steps
|
|
direction="vertical"
|
|
direction="vertical"
|
|
progressDot
|
|
progressDot
|
|
@@ -365,10 +377,10 @@ const WorkOrderModal = (props) => {
|
|
items={stepInfo?.map((item) => {
|
|
items={stepInfo?.map((item) => {
|
|
return {
|
|
return {
|
|
title: (
|
|
title: (
|
|
- <span className={styles.fontS28}>{item.content}</span>
|
|
|
|
|
|
+ <span className={styles.fontS32}>{item.content}</span>
|
|
),
|
|
),
|
|
description: (
|
|
description: (
|
|
- <span className={styles.fontS20}>{item.time}</span>
|
|
|
|
|
|
+ <span className={styles.fontS28}>{item.time}</span>
|
|
),
|
|
),
|
|
};
|
|
};
|
|
})}
|
|
})}
|