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