24 changed files with 1540 additions and 1017 deletions
@ -0,0 +1,14 @@ |
|||
alter table maintenance_plan |
|||
add record_id integer[]; |
|||
|
|||
comment on column maintenance_plan.record_id is '响应记录id'; |
|||
|
|||
|
|||
|
|||
alter table maintenance_record |
|||
add files jsonb; |
|||
|
|||
comment on column maintenance_record.files is '文件'; |
|||
|
|||
|
|||
|
|||
@ -0,0 +1,87 @@ |
|||
import React, { useState, useEffect, useRef } from 'react' |
|||
import { connect } from 'react-redux'; |
|||
import moment from 'moment' |
|||
import { Button, Table, Modal, Form } from '@douyinfe/semi-ui'; |
|||
|
|||
|
|||
const PlanAddmodal = (props) => { |
|||
const { visible, onClose, recordRow, actions, dispatch } = props |
|||
const { service, install } = actions |
|||
const [pepList, setPepList] = useState([])//角色分配 |
|||
|
|||
const api = useRef(); |
|||
const [selectValue, setSelectValue] = useState([]) |
|||
|
|||
useEffect(() => { |
|||
dispatch(install.getOrganizationDeps()).then((res) => {//获取项企(PEP)全部部门及其下用户 |
|||
setPepList(res.payload.data) |
|||
}) |
|||
}, []) |
|||
//编辑和新增的逻辑 |
|||
const okHandler = () => { |
|||
api.current.validate().then((res) => { |
|||
const query = { |
|||
actualFinishTime: res.realityTime, |
|||
planFinishTime: res.planTime, |
|||
remark: res.notes, |
|||
state: res.status, |
|||
type: 'period', |
|||
missionName: res.taskName, |
|||
manger: res.manger, |
|||
recordId: [recordRow.id], |
|||
msg: '添加周期性计划' |
|||
} |
|||
dispatch(service.editMaintenancePlan(query)).then((res) => { |
|||
if (res.success) onClose(); api.current.reset() |
|||
|
|||
|
|||
}) |
|||
|
|||
}) |
|||
} |
|||
return (<div> |
|||
<Modal visible={visible} onCancel={() => { onClose() }} title={'添加周期性计划'} |
|||
onOk={okHandler} |
|||
|
|||
> |
|||
<Form |
|||
getFormApi={formApi => api.current = formApi} |
|||
labelCol={{ span: 6 }} |
|||
labelPosition='left' |
|||
> |
|||
<Form.Input field='taskName' label='任务名称:' maxLength={30} rules={[ |
|||
{ required: true, message: '请输入任务名称' }, |
|||
]} ></Form.Input> |
|||
<Form.Select field='manger' label='责任人' rules={[{ required: true, message: '请输入责任人' }]} trigger='blur' style={{ width: '100%' }} |
|||
multiple filter> |
|||
{pepList?.map((item) => { |
|||
return (<Form.Select.OptGroup label={item.name}> |
|||
{item.users.map((item1) => { |
|||
return <Form.Select.Option value={item1.id} label={item1.name}></Form.Select.Option> |
|||
})} |
|||
</Form.Select.OptGroup>) |
|||
})} |
|||
</Form.Select> |
|||
<Form.Select label='完成情况' style={{ width: 200 }} field='status'> |
|||
<Form.Select.Option value='未完成'>未完成</Form.Select.Option> |
|||
<Form.Select.Option value='进行中'>进行中</Form.Select.Option> |
|||
<Form.Select.Option value='已完成'>已完成</Form.Select.Option> |
|||
<Form.Select.Option value='挂起'>挂起</Form.Select.Option> |
|||
</Form.Select> |
|||
<Form.TextArea label='备注' field='notes' placeholder='故障发生原因及解决方案'></Form.TextArea> |
|||
<Form.DatePicker label='计划完成时间:' field='planTime' rules={[{ required: true, message: '请选择计划完成时间' },]}></Form.DatePicker> |
|||
<Form.DatePicker label='实际完成时间:' field='realityTime'></Form.DatePicker> |
|||
</Form> |
|||
</Modal> |
|||
|
|||
</div>) |
|||
} |
|||
|
|||
|
|||
function mapStateToProps (state) { |
|||
const { global } = state; |
|||
return { |
|||
actions: global.actions, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(PlanAddmodal) |
|||
Loading…
Reference in new issue