/* eslint-disable react-hooks/exhaustive-deps */ /* 追踪工单 * @Author: Li Hanlin * @Date: 2022-12-02 11:41:03 * @Last Modified by: Li Hanlin * @Last Modified time: 2023-02-09 15:41:35 */ import * as React from 'react'; import { useState, useMemo, useRef, useEffect } 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 Addform from '@/components/Addform'; import { Menu, Dropdown, Button, message } from 'antd'; import InitForm from '@/components/InitForm'; import Detail from '@/components/RepaireDetail/Detail'; import OrderHandle from '../platform/RepairOrderHandle'; import { useModel } from '@umijs/max'; function Failure(props) { const { initialState, setInitialState } = useModel('@@initialState'); let actionRef = useRef(), containderef = useRef(), formRef = useRef(); const [drawer, setdrawer] = useState({ open: false, SpecName: null, }), [activeTabKey, setactiveTabKey] = useState('1'); const { run, loading } = useRequest(doFetch, { manual: true, onSuccess: (res, params) => { if (res?.code == '0000') { actionRef?.current?.reload(); setdrawer((s) => ({ ...s, open: false, })); } }, }); useEffect(async () => { let res = await doFetch({ url: '/base/pmBaseBusinessData/queryBySpeNameList', params: { modelType: '2', }, }); setdrawer((s) => ({ ...s, SpecName: res?.data?.dataList, })); }, [activeTabKey]); // 重新指派 const Reassig = () => { return ( <> { let params = { trackAssistList: [{ assistUserId: vals?.trackAssistList }], id: drawer?.item?.id, }; let res = await doFetch({ url: '/repair/umTrackOrder/againTrack', params, }); if (res.code === '0000') { message.success('重新指派成功!'); setdrawer((s) => ({ ...s, open: false, })); actionRef.current.reload(); } }} {...drawer} /> ); }; // 追踪 const TrackForm = () => { return ( <> { let params = { trackTraceinfo: { ...vals, planTrackTime: vals.nextTrackDate }, id: drawer?.item?.id, }; delete params.trackTraceinfo.nextTrackDate; //console.log(params); let res = await doFetch({ url: '/repair/umTrackOrder/trackById', params, }); if (res.code === '0000') { message.success('成功完成追踪!'); setdrawer((s) => ({ ...s, open: false, })); actionRef.current.reload(); } }} {...drawer} defaultFormValue={drawer?.item} /> ); }; // 验证 const CheckForm = () => { return ( <> { let params = { trackProcess: { reviewerResult: vals.reviewerResult, remark: vals.remark, }, id: drawer?.item?.id, }; let res = await doFetch({ url: '/repair/umTrackOrder/verification', params, }); if (res.code === '0000') { message.success('验证成功!'); setdrawer((s) => ({ ...s, open: false, })); actionRef.current.reload(); } }} defaultFormValue={drawer?.item} {...drawer} /> ); }; // 派单 const Disp = () => { return ( ); }; const remove = (text, row, _, action) => { return ( { run({ url: pathconfig?.delete || '/delete', params: { id: row?.id } }); }, }} btn={{ size: 'small', type: 'danger', }} > 删除 ); }; // 更多 const more = (text, row, _, action) => { let menulist = []; if (row?.status == '1') { menulist = [ { label: ( { let params = { id: row?.id, }; let res = await doFetch({ url: '/repair/umTrackOrder/orderReceiving', params, }); if (res.code === '0000') { message.success('接单成功!'); setdrawer((s) => ({ ...s, open: false, })); actionRef.current.reload(); } }, }} > 接单 ), key: '0', // disabled: true, }, ]; } else if (row?.status == '2') { menulist = [ { label: ( { setdrawer((s) => ({ ...s, open: true, type: 'pd', item: row, val: 'only', title: '派单', })); }, }} > 派单 ), key: '0', // disabled: true, }, ]; } else if (row?.status == '3') { menulist = [ { label: ( { setdrawer((s) => ({ ...s, open: true, type: 'track', item: { ...row, trackCycle: String(row?.trackCycle), trackResult: 1, isFinishTrack: 2, }, detailpath: '', // params: { trackOrderId: row?.id }, val: 'only', title: '追踪信息', })); }, }} > 追踪 ), key: '1', }, ]; } else if (row?.status == '4') { menulist = [ { label: ( { setdrawer((s) => ({ ...s, open: true, val: 'only', title: '验证', item: { ...row, reviewerResult: 1 }, detailpath: '/repair/umTrackTraceinfo/queryByTrackOrderId', params: { trackOrderId: row?.id }, type: 'check', })); }, }} > 验证 ), key: '2', }, ]; } const menu = ; return ( containderef.current} > ); }; // 未完成按钮 const unfinishBtn = (text, row, _, action) => { if (row?.status == 1 || row?.status == 2) { return ( { run({ url: pathconfig?.delete || '/delete', params: { id: row?.id } }); }, }} btn={{ size: 'small', type: 'danger', }} > 删除 ); } else if (row?.status == 3) { return ( { setdrawer((s) => ({ ...s, item: { ...row, trackAssistList: row?.trackAssistList ? row?.trackAssistList : [], }, title: '重新指派', type: 'Reassig', open: true, val: 'only', })); //console.log(drawer); }, }} > 重新指派 ); } }; const columns = useMemo(() => { let defcolumn = getcolumns(setdrawer, drawer?.SpecName).filter( (it) => it.key == activeTabKey, )[0]?.columns; //console.log(defcolumn); let defpath = getcolumns(setdrawer, drawer?.SpecName).filter((it) => it.key == activeTabKey)[0] ?.pathconfig ?? {}; if (activeTabKey == '1') { return defcolumn.concat({ title: '操作', valueType: 'option', width: 150, render: (text, row, _, action) => { return [more(text, row, _, action)]; }, }); } else if (activeTabKey == '2') { return defcolumn.concat({ title: '操作', valueType: 'option', width: 150, render: (text, row, _, action) => { return [unfinishBtn(text, row, _, action)]; }, }); } else if (activeTabKey == '3') { return defcolumn; } }, [activeTabKey, drawer?.SpecName]); const pathconfig = useMemo(() => { let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {}; return defpath; }, [activeTabKey]); const basecolumns = useMemo(() => { if (activeTabKey == 3) { return [ { title: '创建人', dataIndex: 'createUserName', key: 'createUserName', }, { title: '创建时间', dataIndex: 'createTime', key: 'createTime', }, { title: '工单状态', dataIndex: 'statusName', key: 'statusName', }, { title: '来源工单', dataIndex: 'dataSourcesNo', key: 'dataSourcesNo', }, { title: '来源类型', dataIndex: 'dataSourcesName', key: 'dataSourcesName', }, { title: '最新追踪人员', dataIndex: 'newRepairUserName', key: 'newRepairUserName', }, { title: '下次追踪日期', dataIndex: 'nextTrackDate', key: 'nextTrackDate', }, { title: '关单时间', dataIndex: 'repairCloseTime', key: 'repairCloseTime', }, ]; } else { return [ { title: '创建人', dataIndex: 'createUserName', key: 'createUserName', }, { title: '创建时间', dataIndex: 'createTime', key: 'createTime', }, { title: '工单状态', dataIndex: 'statusName', key: 'statusName', }, { title: '来源工单', dataIndex: 'dataSourcesNo', key: 'dataSourcesNo', }, { title: '来源类型', dataIndex: 'dataSourcesName', key: 'dataSourcesName', }, { title: '最新追踪人员', dataIndex: 'newRepairUserName', key: 'newRepairUserName', }, { title: '下次追踪日期', dataIndex: 'nextTrackDate', key: 'nextTrackDate', }, ]; } }, [activeTabKey]); const selectType = (type) => { switch (type) { case 'add': return ( ); case 'track': return ; case 'pd': return ; case 'check': return ; case 'Reassig': return ; case 'detail': return ( ); default: break; } }; return (
追踪工单} columns={columns} path={pathconfig?.list || '/ngic-auth/sysUser/query/page'} actionRef={actionRef} pageextra={pathconfig?.enableadd ? 'add' : null} extraparams={activeTabKey == 1 ? { newUserId: initialState?.currentUser?.id } : null} resizeable={false} addconfig={{ // access: 'sysDepartment_save', name: '新建追踪工单', btn: { disabled: false, type: 'primary', onClick: () => { setdrawer((s) => ({ ...s, open: true, item: { isShutdown: 1, }, title: '新建追踪工单', val: 'only', type: 'add', })); }, }, }} tabList={getcolumns()} activeTabKey={activeTabKey} onTabChange={(key) => { setactiveTabKey(key); }} /> { 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 } }); } }} > {selectType(drawer?.type)}
); } export default Failure;