style(form): 格式化表单组件代码风格
- 统一了 import 语句的空格格式 - 调整了对象属性中的空格格式 - 规范了函数调用和变量声明的空格格式 - 优化了条件渲染逻辑的缩进结构 - 格式化了 FormBuilder 组件的 JSX 结构 - 标准化了 Modal 组件的属性格式master
parent
9cfa1c171e
commit
8c4b1de441
|
|
@ -1,14 +1,14 @@
|
||||||
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
import {Connect} from "@cqsjjb/jjb-dva-runtime";
|
||||||
import { Button, Divider, Form, message, Modal } from "antd";
|
import {Button, Divider, Form, message, Modal} from "antd";
|
||||||
import { useRef, useState } from "react";
|
import {useRef, useState} from "react";
|
||||||
import FormBuilder from "zy-react-library/components/FormBuilder";
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
import HiddenInfo from "zy-react-library/components/HiddenInfo/gwj";
|
import HiddenInfo from "zy-react-library/components/HiddenInfo/gwj";
|
||||||
import Page from "zy-react-library/components/Page";
|
import Page from "zy-react-library/components/Page";
|
||||||
import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
|
import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
|
||||||
import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
|
import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
|
||||||
import HiddenLevelSelectTree from "zy-react-library/components/SelectTree/HiddenLevel/Gwj";
|
import HiddenLevelSelectTree from "zy-react-library/components/SelectTree/HiddenLevel/Gwj";
|
||||||
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
import {FORM_ITEM_RENDER_ENUM} from "zy-react-library/enum/formItemRender";
|
||||||
import { NS_CONFIRM, NS_LEDGER } from "~/enumerate/namespace";
|
import {NS_CONFIRM, NS_LEDGER} from "~/enumerate/namespace";
|
||||||
|
|
||||||
function Confirm(props) {
|
function Confirm(props) {
|
||||||
const [form] = Form.useForm();
|
const [form] = Form.useForm();
|
||||||
|
|
@ -24,7 +24,7 @@ function Confirm(props) {
|
||||||
const xgfProjectInfo = useRef({});
|
const xgfProjectInfo = useRef({});
|
||||||
|
|
||||||
const getXgfProjectInfo = async (id) => {
|
const getXgfProjectInfo = async (id) => {
|
||||||
const { data } = await props["xgfProjectInfo"]({ id });
|
const {data} = await props["xgfProjectInfo"]({id});
|
||||||
xgfProjectInfo.current = data;
|
xgfProjectInfo.current = data;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
@ -48,24 +48,24 @@ function Confirm(props) {
|
||||||
/>
|
/>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
{ name: "deptName", label: "整改部门名称", onlyForLabel: true },
|
{name: "deptName", label: "整改部门名称", onlyForLabel: true},
|
||||||
{
|
{
|
||||||
name: "userId",
|
name: "userId",
|
||||||
label: "整改人",
|
label: "整改人",
|
||||||
render: (
|
render: (
|
||||||
<PersonnelSelect
|
<PersonnelSelect
|
||||||
params={{ departmentId: deptId }}
|
params={{departmentId: deptId}}
|
||||||
onGetLabel={label => form.setFieldValue("userName", label)}
|
onGetLabel={label => form.setFieldValue("userName", label)}
|
||||||
/>
|
/>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
{ name: "userName", label: "整改人名称", onlyForLabel: true },
|
{name: "userName", label: "整改人名称", onlyForLabel: true},
|
||||||
]
|
]
|
||||||
: [
|
: [
|
||||||
{ name: "deptName", label: "整改单位", componentProps: { disabled: true } },
|
{name: "deptName", label: "整改单位", componentProps: {disabled: true}},
|
||||||
{ name: "deptId", label: "整改单位id", onlyForLabel: true },
|
{name: "deptId", label: "整改单位id", onlyForLabel: true},
|
||||||
{ name: "userName", label: "整改人", componentProps: { disabled: true } },
|
{name: "userName", label: "整改人", componentProps: {disabled: true}},
|
||||||
{ name: "userId", label: "整改人id", onlyForLabel: true },
|
{name: "userId", label: "整改人id", onlyForLabel: true},
|
||||||
]
|
]
|
||||||
),
|
),
|
||||||
];
|
];
|
||||||
|
|
@ -73,16 +73,15 @@ function Confirm(props) {
|
||||||
if (data.rectificationType === 2) {
|
if (data.rectificationType === 2) {
|
||||||
return [
|
return [
|
||||||
...commonDeptUserFields,
|
...commonDeptUserFields,
|
||||||
{ name: "rectificationDeadline", label: "整改完成期限", render: FORM_ITEM_RENDER_ENUM.DATE, span: 24 },
|
{name: "rectificationDeadline", label: "整改完成期限", render: FORM_ITEM_RENDER_ENUM.DATE, span: 24},
|
||||||
];
|
];
|
||||||
}
|
} else {
|
||||||
else {
|
|
||||||
return [
|
return [
|
||||||
{
|
{
|
||||||
name: "rectificationType",
|
name: "rectificationType",
|
||||||
label: "是否立即整改",
|
label: "是否立即整改",
|
||||||
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
render: FORM_ITEM_RENDER_ENUM.RADIO,
|
||||||
items: [{ bianma: 1, name: "是" }, { bianma: 2, name: "否" }],
|
items: [{bianma: 1, name: "是"}, {bianma: 2, name: "否"}],
|
||||||
span: 24,
|
span: 24,
|
||||||
},
|
},
|
||||||
...commonDeptUserFields,
|
...commonDeptUserFields,
|
||||||
|
|
@ -103,7 +102,7 @@ function Confirm(props) {
|
||||||
render: (
|
render: (
|
||||||
<DepartmentSelectTree
|
<DepartmentSelectTree
|
||||||
isNeedCorpInfoId={data.isRelated === 1}
|
isNeedCorpInfoId={data.isRelated === 1}
|
||||||
params={{ eqCorpinfoId: data.isRelated === 1 ? data.hiddenFindDept : "" }}
|
params={{eqCorpinfoId: data.isRelated === 1 ? data.hiddenFindDept : ""}}
|
||||||
onChange={() => {
|
onChange={() => {
|
||||||
form.setFieldValue("checkUserId", "");
|
form.setFieldValue("checkUserId", "");
|
||||||
form.setFieldValue("checkUserName", "");
|
form.setFieldValue("checkUserName", "");
|
||||||
|
|
@ -114,7 +113,7 @@ function Confirm(props) {
|
||||||
/>
|
/>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
{ name: "checkDeptName", label: "验收部门名称", onlyForLabel: true },
|
{name: "checkDeptName", label: "验收部门名称", onlyForLabel: true},
|
||||||
{
|
{
|
||||||
name: "checkUserId",
|
name: "checkUserId",
|
||||||
label: "验收人",
|
label: "验收人",
|
||||||
|
|
@ -123,12 +122,12 @@ function Confirm(props) {
|
||||||
hidden: formValues => !(formValues.rectificationType === 1),
|
hidden: formValues => !(formValues.rectificationType === 1),
|
||||||
render: (
|
render: (
|
||||||
<PersonnelSelect
|
<PersonnelSelect
|
||||||
params={{ departmentId: checkDeptId }}
|
params={{departmentId: checkDeptId}}
|
||||||
onGetLabel={label => form.setFieldValue("checkUserName", label)}
|
onGetLabel={label => form.setFieldValue("checkUserName", label)}
|
||||||
/>
|
/>
|
||||||
),
|
),
|
||||||
},
|
},
|
||||||
{ name: "checkUserName", label: "验收人名称", onlyForLabel: true },
|
{name: "checkUserName", label: "验收人名称", onlyForLabel: true},
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -140,7 +139,7 @@ function Confirm(props) {
|
||||||
title: "提示",
|
title: "提示",
|
||||||
content: "是否确认隐患?",
|
content: "是否确认隐患?",
|
||||||
onOk: async () => {
|
onOk: async () => {
|
||||||
const { success } = await props["confirmSubmit"]({
|
const {success} = await props["confirmSubmit"]({
|
||||||
status: "1",
|
status: "1",
|
||||||
rectificationType: data.rectificationType,
|
rectificationType: data.rectificationType,
|
||||||
...values,
|
...values,
|
||||||
|
|
@ -164,6 +163,7 @@ function Confirm(props) {
|
||||||
data.isRelated === 1 && getXgfProjectInfo(data.projectId);
|
data.isRelated === 1 && getXgfProjectInfo(data.projectId);
|
||||||
setIsFromInspection(data.source === 4 || data.source === 5);
|
setIsFromInspection(data.source === 4 || data.source === 5);
|
||||||
const hiddenUserPresetsCO = data.hiddenUserPresetsCO || {};
|
const hiddenUserPresetsCO = data.hiddenUserPresetsCO || {};
|
||||||
|
if (data.source !== 4) {
|
||||||
form.setFieldValue("deptId", hiddenUserPresetsCO.rectifyDeptId || data.hiddenFindDept);
|
form.setFieldValue("deptId", hiddenUserPresetsCO.rectifyDeptId || data.hiddenFindDept);
|
||||||
form.setFieldValue("deptName", hiddenUserPresetsCO.rectifyDeptName || data.hiddenFindDeptName);
|
form.setFieldValue("deptName", hiddenUserPresetsCO.rectifyDeptName || data.hiddenFindDeptName);
|
||||||
form.setFieldValue("userId", hiddenUserPresetsCO.rectifyUserId || data.creatorId);
|
form.setFieldValue("userId", hiddenUserPresetsCO.rectifyUserId || data.creatorId);
|
||||||
|
|
@ -172,6 +172,7 @@ function Confirm(props) {
|
||||||
form.setFieldValue("checkDeptName", hiddenUserPresetsCO.rectifyDeptName || data.hiddenFindDeptName);
|
form.setFieldValue("checkDeptName", hiddenUserPresetsCO.rectifyDeptName || data.hiddenFindDeptName);
|
||||||
form.setFieldValue("checkUserId", hiddenUserPresetsCO.rectifyUserId || data.creatorId);
|
form.setFieldValue("checkUserId", hiddenUserPresetsCO.rectifyUserId || data.creatorId);
|
||||||
form.setFieldValue("checkUserName", hiddenUserPresetsCO.rectifyUserName || data.creatorName);
|
form.setFieldValue("checkUserName", hiddenUserPresetsCO.rectifyUserName || data.creatorName);
|
||||||
|
}
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<Divider orientation="left">隐患确认</Divider>
|
<Divider orientation="left">隐患确认</Divider>
|
||||||
|
|
@ -186,7 +187,8 @@ function Confirm(props) {
|
||||||
submitButtonText="通过"
|
submitButtonText="通过"
|
||||||
onFinish={onSubmit}
|
onFinish={onSubmit}
|
||||||
extraActionButtons={[
|
extraActionButtons={[
|
||||||
!isFromInspection && <Button key="reject" type="primary" danger onClick={() => setRejectModalOpen(true)}>打回</Button>,
|
!isFromInspection &&
|
||||||
|
<Button key="reject" type="primary" danger onClick={() => setRejectModalOpen(true)}>打回</Button>,
|
||||||
]}
|
]}
|
||||||
values={{
|
values={{
|
||||||
rectificationType: 1,
|
rectificationType: 1,
|
||||||
|
|
@ -219,7 +221,7 @@ function Confirm(props) {
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
: []),
|
: []),
|
||||||
{ name: "hiddenLevelName", label: "隐患级别名称", onlyForLabel: true },
|
{name: "hiddenLevelName", label: "隐患级别名称", onlyForLabel: true},
|
||||||
...decideOption(),
|
...decideOption(),
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|
@ -228,7 +230,7 @@ function Confirm(props) {
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
</Page>
|
</Page>
|
||||||
{rejectModalOpen && <RejectModal onCancel={() => setRejectModalOpen(false)} data={data} />}
|
{rejectModalOpen && <RejectModal onCancel={() => setRejectModalOpen(false)} data={data}/>}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
@ -236,7 +238,7 @@ function Confirm(props) {
|
||||||
const RejectModalComponent = (props) => {
|
const RejectModalComponent = (props) => {
|
||||||
const [form] = Form.useForm();
|
const [form] = Form.useForm();
|
||||||
const onSubmit = async (values) => {
|
const onSubmit = async (values) => {
|
||||||
const { success } = await props["confirmSubmit"]({
|
const {success} = await props["confirmSubmit"]({
|
||||||
status: "0",
|
status: "0",
|
||||||
...values,
|
...values,
|
||||||
id: props.data.id,
|
id: props.data.id,
|
||||||
|
|
@ -266,9 +268,9 @@ const RejectModalComponent = (props) => {
|
||||||
onFinish={onSubmit}
|
onFinish={onSubmit}
|
||||||
showActionButtons={false}
|
showActionButtons={false}
|
||||||
span={24}
|
span={24}
|
||||||
labelCol={{ span: 6 }}
|
labelCol={{span: 6}}
|
||||||
options={[
|
options={[
|
||||||
{ name: "repulseCause", label: "意见", render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
|
{name: "repulseCause", label: "意见", render: FORM_ITEM_RENDER_ENUM.TEXTAREA},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue