/* 保养工单
* @Author: Li Hanlin
* @Date: 2023-01-19 09:53:59
* @Last Modified by: Li Hanlin
* @Last Modified time: 2023-02-27 17:21:42
*/
import * as React from 'react';
import { useState, useMemo, useRef } from 'react';
import DrawerPro from '@/components/DrawerPro';
import AutoTable from '@/components/AutoTable';
import PremButton from '@/components/PremButton';
import getcolumns from './columns';
import { useRequest } from 'ahooks';
import { doFetch } from '@/utils/doFetch';
import AutoTables from '@/components/AutoTable/mtable';
import { Radio, InputNumber, Input, Divider, message } from 'antd';
import InitForm from '@/components/InitForm';
import getDetailColumns from './detailColumns';
import { useModel } from '@umijs/max';
import DetailNode from '@/components/DetailNode';
function WorkOrder(props) {
const { initialState, setInitialState } = useModel('@@initialState');
let actionRef = useRef(),
formRef = useRef();
const [drawer, setdrawer] = useState({
open: false,
}),
[activeTabKey, setactiveTabKey] = useState('1');
const { run, loading, runAsync } = useRequest(doFetch, {
manual: true,
onSuccess: (res, params) => {
if (res?.code == '0000') {
message.success('操作成功！');
actionRef?.current?.reload();
setdrawer((s) => ({
...s,
open: false,
}));
}
},
});
const detail = (text, row, _, action) => {
return (
<PremButton
btn={{
size: 'small',
type: 'link',
onClick: () => {
setdrawer((s) => ({
...s,
open: true,
item: row,
title: '详情',
val: 'detail',
title: '详细信息',
}));
},
}}
>
详情
</PremButton>
);
};
const detailaddonColumns = useMemo(() => {
if (activeTabKey == 1) {
if (drawer?.type == 'yz') {
const columnsc = [
{
title: '保养项目',
dataIndex: 'maintainItemName',
key: 'maintainItemName',
hideInForm: true,
},
{
title: '部位',
dataIndex: 'maintainPosition',
key: 'maintainPosition',
hideInForm: true,
},
{
title: '保养方法',
dataIndex: 'maintainMethod',
key: 'maintainMethod',
hideInForm: true,
},
{
title: '结果',
dataIndex: 'qualitativeJudgeResult',
key: 'qualitativeJudgeResult',
hideInForm: true,
render: (_, row) => {
if (row?.judgeType == 1) {
return row?.judgeResultName;
} else {
return row?.qualitativeJudgeResult;
}
},
},
{
title: '下限值',
dataIndex: 'lowerLimit',
key: 'lowerLimit',
hideInForm: true,
},
{
title: '上限值',
dataIndex: 'upperLimit',
key: 'upperLimit',
hideInForm: true,
},
{
title: '备注',
dataIndex: 'remark',
key: 'remark',
hideInForm: true,
},
];
return [
{
title: '工单信息',
valueType: 'split',
},
{
title: '保养单号',
dataIndex: 'taskNo',
key: 'taskNo',
},
{
title: '设备编号',
dataIndex: 'equipmentNo',
key: 'equipmentNo',
},
{
title: '设备名称',
dataIndex: 'equipmentName',
key: 'equipmentName',
},
{
title: '保养类型',
dataIndex: 'maintainTypeName',
key: 'maintainTypeName',
},
{
title: '保养频次',
dataIndex: 'maintainFrequencyName',
key: 'maintainFrequency',
},
{
title: '保养截止日期',
dataIndex: 'planMaintainDate',
key: 'planMaintainDate',
},
{
title: '接单时间',
dataIndex: 'maintainStartTime',
key: 'maintainStartTime',
},
{
title: '完成保养时间',
dataIndex: 'maintainEndTime',
key: 'maintainEndTime',
},
{
title: '保养项目',
valueType: 'split',
},
{
dataIndex: 'itemList',
key: 'itemList',
valueType: 'formList',
columns,
span: 3,
render: (text, row, _, action) => {
return (
<AutoTables
columns={columnsc?.map((it) => ({
...it,
hideInSearch: true,
}))}
dataSource={drawer?.item?.maintainTaskItemList}
/>
);
},
},
];
} else if (drawer?.type == 'wcby') {
const columnsc = [
{
title: '保养项目',
dataIndex: 'maintainItemName',
key: 'maintainItemName',
hideInForm: true,
},
{
title: '部位',
dataIndex: 'maintainPosition',
key: 'maintainPosition',
hideInForm: true,
},
{
title: '保养方法',
dataIndex: 'maintainMethod',
key: 'maintainMethod',
hideInForm: true,
},
{
title: '结果',
dataIndex: 'result',
key: 'result',
hideInForm: true,
render: (text, row, _, action) => {
return row.judgeType == 1 ? (
<Radio.Group
onChange={(e) => {
row.result = e.target.value;
}}
>
<Radio value={1}>正常</Radio>
<Radio value={2}>异常</Radio>
</Radio.Group>
) : (
<InputNumber
onChange={(value) => {
row.result = value;
}}
/>
);
},
},
{
title: '下限值',
dataIndex: 'lowerLimit',
key: 'lowerLimit',
hideInForm: true,
},
{
title: '上限值',
dataIndex: 'upperLimit',
key: 'upperLimit',
hideInForm: true,
},
{
title: '备注',
dataIndex: 'remark',
key: 'remark',
hideInForm: true,
render: (text, row, _, action) => {
return (
<Input
onChange={(e) => {
row.remark = e.target.value;
}}
/>
);
},
},
];
return [
{
title: '工单信息',
valueType: 'split',
},
{
title: '保养单号',
dataIndex: 'taskNo',
key: 'taskNo',
},
{
title: '创建时间',
dataIndex: 'createTime',
key: 'createTime',
},
{
title: '工单状态',
dataIndex: 'taskStatusName',
key: 'taskStatusName',
},
{
title: '保养计划单号',
dataIndex: 'maintainNo',
key: 'maintainNo',
},
{
title: '设备编号',
dataIndex: 'equipmentNo',
key: 'equipmentNo',
},
{
title: '设备名称',
dataIndex: 'equipmentName',
key: 'equipmentName',
},
{
title: '设备型号',
dataIndex: 'equipmentModelName',
key: 'equipmentModelName',
},
{
title: '保养类型',
dataIndex: 'maintainTypeName',
key: 'maintainTypeName',
},
{
title: '保养频次',
dataIndex: 'maintainFrequencyName',
key: 'maintainFrequency',
},
{
title: '保养截止日期',
dataIndex: 'planMaintainDate',
key: 'planMaintainDate',
},
{
title: '接单时间',
dataIndex: 'maintainStartTime',
key: 'maintainStartTime',
span: 2,
},
{
title: '保养项目',
valueType: 'split',
},
{
dataIndex: 'itemList',
key: 'itemList',
valueType: 'formList',
columns,
span: 3,
render: (text, row, _, action) => {
return (
<AutoTables
columns={columnsc?.map((it) => ({
...it,
hideInSearch: true,
}))}
dataSource={drawer?.item?.maintainTaskItemList}
/>
);
},
},
];
}
}
}, [drawer?.item, activeTabKey]);
const order = (text, row, _, action) => {
return (
<PremButton
access="umMaintainTask_orderReceiving"
pop={{
title: '是否接单?',
okText: '确认',
cancelText: '取消',
onConfirm: async () => {
await runAsync({
url: '/maintain/umMaintainTask/orderReceiving',
params: { id: row?.id },
});
},
}}
btn={{
size: 'small',
}}
>
接单
</PremButton>
);
};
const close = (text, row, _, action) => {
return (
<PremButton
access="umMaintainTask_customsDeclaration"
pop={{
title: '是否关单?',
okText: '确认',
cancelText: '取消',
onConfirm: async () => {
await runAsync({
url: '/maintain/umMaintainTask/customsDeclaration',
params: { id: row?.id },
});
},
}}
btn={{
size: 'small',
type: 'danger',
}}
>
关单
</PremButton>
);
};
const finish = (text, row, _, action) => {
return (
<PremButton
access="umMaintainTask_finishMaintainTask"
btn={{
size: 'small',
onClick: () => {
doFetch({
url: '/maintain/umMaintainTask/queryById',
params: { id: row.id },
}).then((res) => {
if (res.code == '0000') {
setdrawer((s) => ({
...s,
open: true,
item: {
...res.data?.data,
id: row.id,
},
title: '完成保养',
val: 'detailaddon',
type: 'wcby',
}));
}
});
},
}}
>
完成保养
</PremButton>
);
};
const remove = (text, row, _, action) => {
return (
<PremButton
access="umMaintainTask_deleteById"
pop={{
title: '是否删除?',
okText: '确认',
cancelText: '取消',
onConfirm: () => {
run({ url: pathconfig?.delete || '/delete', params: { id: row?.id } });
},
}}
btn={{
size: 'small',
type: 'danger',
}}
>
删除
</PremButton>
);
};
const verify = (text, row, _, action) => {
return (
<PremButton
access="umMaintainTask_verification"
btn={{
size: 'small',
onClick: () => {
doFetch({
url: '/maintain/umMaintainTask/queryById',
params: { id: row.id },
}).then((res) => {
if (res.code == '0000') {
setdrawer((s) => ({
...s,
open: true,
item: {
...res.data?.data,
id: row.id,
},
title: '验证',
val: 'detailaddon',
type: 'yz',
}));
}
});
},
}}
>
验证
</PremButton>
);
};
const columns = useMemo(() => {
let defcolumn = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.columns;
let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {};
return activeTabKey == 1
? defcolumn.concat({
title: '操作',
valueType: 'option',
width: 150,
render: (text, row, _, action) => {
if (row?.taskStatus == 1) {
return [order(text, row, _, action), close(text, row, _, action)];
} else if (row?.taskStatus == 2) {
return [finish(text, row, _, action)];
} else if (row?.taskStatus == 5) {
return [verify(text, row, _, action)];
} else {
return '无操作';
}
},
})
: defcolumn;
}, [activeTabKey]);
const pathconfig = useMemo(() => {
let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {};
return defpath;
}, [activeTabKey]);
const seletType = {
wcby: (
<div>
<InitForm
fields={[
{
title: (
<span style={{ fontSize: 14, fontWeight: 600, color: '#262626' }}>
非寿命件消耗
</span>
),
valueType: 'split',
},
{
dataIndex: 'lineStockUseList',
key: 'lineStockUseList',
valueType: 'formSelectList',
colProps: {
span: 24,
},
span: 3,
columns: [
{
title: '线边库',
dataIndex: 'stockName',
key: 'stockName',
editable: false,
},
{
title: '备件料号',
dataIndex: 'sparePartNo',
key: 'sparePartNo',
span: 3,
editable: false,
},
{
title: '备件名称',
dataIndex: 'sparePartName',
key: 'sparePartName',
span: 3,
editable: false,
},
{
title: '供应商编号',
dataIndex: 'supplierNo',
key: 'supplierNo',
span: 3,
editable: false,
},
{
title: '供应商名称',
dataIndex: 'supplierName',
key: 'supplierName',
span: 3,
editable: false,
},
{
title: '可用数量',
dataIndex: 'usedStock',
key: 'usedStock',
search: false,
span: 3,
editable: false,
},
{
title: (
<div>
消耗数量 <span style={{ color: 'red' }}>* </span>
</div>
),
search: false,
dataIndex: 'operateNum',
valueType: 'digit',
fieldProps: {
precision: 3,
},
key: 'operateNum',
},
],
hideInSearch: true,
hideInTable: true,
path: '/sparepart/lineStock/queryConsumeStock',
rowName: 'lineStockUseList',
rowSelection: {
type: 'checkbox',
getCheckboxProps: (record) => ({
disabled: record.isAsh == '1',
}),
},
},
{
title: (
<span style={{ fontSize: 14, fontWeight: 600, color: '#262626' }}>寿命件更换</span>
),
valueType: 'split',
},
{
dataIndex: 'lifePieceStockUseList',
key: 'lifePieceStockUseList',
valueType: 'Expandable',
colProps: {
span: 24,
},
columns: [
{
title: '备件料号',
dataIndex: 'sparePartNo',
key: 'sparePartNo',
},
{
title: '备件名称',
dataIndex: 'sparePartName',
key: 'sparePartName',
},
{
title: '供应商编号',
dataIndex: 'supplierNo',
key: 'supplierNo',
search: false,
},
{
title: '供应商名称',
dataIndex: 'supplierName',
search: false,
key: 'supplierName',
},
{
title: '安装部位',
dataIndex: 'installPosition',
key: 'installPosition',
},
{
title: '安装数量',
dataIndex: 'installNum',
search: false,
key: 'installNum',
},
{
title: '下次更换日期',
dataIndex: 'nextReplaceDate',
key: 'nextReplaceDateList',
valueType: 'dateRange',
},
],
path: '/sparepart/lifePieceAccount/queryPageByEquipment',
extraparams: { equipmentId: drawer?.item?.equipmentId },
expandablePath: '/sparepart/lineStock/queryReplaceStockAll',
},
]}
onFinish={(vals) => {
console.log(vals);
let maintainTaskItemList = drawer?.item?.maintainTaskItemList?.map((it) => {
if (it.judgeType == 1) {
return {
id: it.id,
remark: it.remark,
judgeResultType: it.result,
};
} else {
return {
id: it.id,
remark: it.remark,
qualitativeJudgeResult: it.result,
};
}
});
let lineStockUseList =
vals?.lineStockUseList?.map((it) => ({
lineStockId: it?.id,
operateNum: it?.operateNum,
})) ?? [];
let lifePieceStockUseList = vals?.lifePieceStockUseList ?? [];
run({
url: '/maintain/umMaintainTask/finishMaintainTask',
params: {
id: drawer?.item?.id,
maintainTaskItemList,
lineStockUseList,
lifePieceStockUseList,
},
});
}}
/>
</div>
),
yz: (
<div>
<Divider />
<InitForm
fields={[
{
title: '验证结果',
valueType: 'select',
dataIndex: 'approveStatus',
key: 'approveStatus',
formItemProps: {
rules: [
{
required: true,
message: '此项为必填项',
},
],
},
options: [
{
value: '1',
label: '通过',
},
{
value: '2',
label: '不通过',
},
],
},
{
title: '备注',
valueType: 'textarea',
dataIndex: 'approveContent',
key: 'approveContent',
},
]}
onFinish={(vals) => {
run({
url: '/maintain/umMaintainTask/verification',
params: { ...vals, id: drawer?.item?.id },
});
}}
/>
</div>
),
};
const DetailLine = () => {
return (
<>
<DetailNode
path="/maintain/umMaintainTaskOperation/queryDetailList"
params={
activeTabKey == 3
? { maintainTaskId: drawer?.item?.equipmentMaintainTaskId }
: { maintainTaskId: drawer?.item?.id }
}
titleColumns={
activeTabKey == 3
? [
{
title: '保养单号',
dataIndex: 'taskNo',
key: 'taskNo',
},
{
title: '创建时间',
dataIndex: 'createTime',
key: 'createTime',
},
{
title: '工单状态',
dataIndex: 'taskStatusName',
key: 'taskStatusName',
},
{
title: '保养计划单号',
dataIndex: 'maintainNo',
key: 'maintainNo',
},
{
title: '关单时间',
dataIndex: 'customsTime',
key: 'customsTime',
},
]
: [
{
title: '保养单号',
dataIndex: 'taskNo',
key: 'taskNo',
},
{
title: '创建时间',
dataIndex: 'createTime',
key: 'createTime',
},
{
title: '工单状态',
dataIndex: 'taskStatusName',
key: 'taskStatusName',
},
{
title: '保养计划单号',
dataIndex: 'maintainNo',
key: 'maintainNo',
},
]
}
detailKey="maintainTaskItemList"
columns={getDetailColumns}
/>
</>
);
};
return (
<div style={{ position: 'relative' }}>
<AutoTable
pagetitle={<h3 className="page-title">保养工单</h3>}
columns={columns}
path={pathconfig?.list || '/ngic-auth/sysUser/query/page'}
extraparams={activeTabKey == 1 ? { mainUserId: initialState?.currentUser?.id } : null}
actionRef={actionRef}
pageextra={pathconfig?.enableadd ? 'add' : null}
resizeable={false}
addconfig={{
// access: 'sysDepartment_save',
btn: {
disabled: false,
onClick: () => {
setdrawer((s) => ({
...s,
open: true,
item: null,
title: '新增',
val: 'add',
}));
},
},
}}
tabList={getcolumns()}
activeTabKey={activeTabKey}
onTabChange={(key) => {
setactiveTabKey(key);
}}
/>
<DrawerPro
fields={detailaddonColumns}
detailpath={pathconfig?.detail || null}
detailData={drawer?.item}
defaultFormValue={drawer?.item}
params={{ id: drawer?.item?.id }}
formRef={formRef}
placement="right"
onClose={() => {
setdrawer((s) => ({
...s,
open: false,
}));
}}
{...drawer}
onFinish={(vals) => {
if (drawer?.val == 'add') {
run({ url: pathconfig?.add || '/add', params: { ...vals } });
} else if (drawer?.val == 'edit') {
run({ url: pathconfig?.edit || '/edit', params: { ...vals, id: drawer?.item?.id } });
}
}}
>
{drawer?.val == 'only' ? (
<DetailLine />
) : drawer?.val == 'detailaddon' ? (
seletType[drawer?.type]
) : null}
</DrawerPro>
</div>
);
}
export default WorkOrder;