zcloud_gbs
/
zcloud_gbs_hidden-react
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(form): 格式化表单组件代码风格 

- 统一了 import 语句的空格格式
- 调整了对象属性中的空格格式
- 规范了函数调用和变量声明的空格格式
- 优化了条件渲染逻辑的缩进结构
- 格式化了 FormBuilder 组件的 JSX 结构
- 标准化了 Modal 组件的属性格式
master
fangjiakai 2026-01-28 17:33:28 +08:00
parent 9cfa1c171e
commit 8c4b1de441
1 changed files with 107 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

212
src/pages/Container/BranchCompany/Average/Confirm/Review/index.js
View File

@ -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;
}; };
@ -33,56 +33,55 @@ function Confirm(props) {
...( ...(
data.isRelated === 0 data.isRelated === 0
? [ ? [
{ {
name: "deptId", name: "deptId",
label: "整改部门", label: "整改部门",
render: ( render: (
<DepartmentSelectTree <DepartmentSelectTree
onChange={() => { onChange={() => {
form.setFieldValue("userId", ""); form.setFieldValue("userId", "");
form.setFieldValue("userName", ""); form.setFieldValue("userName", "");
}} }}
onGetLabel={(label) => { onGetLabel={(label) => {
form.setFieldValue("deptName", label); form.setFieldValue("deptName", label);
}} }}
/> />
), ),
}, },
{ 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},
] ]
), ),
]; ];
if (hiddenLevel !== "hiddenLevel1001") { if (hiddenLevel !== "hiddenLevel1001") {
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,14 +163,16 @@ 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 || {};
form.setFieldValue("deptId", hiddenUserPresetsCO.rectifyDeptId || data.hiddenFindDept); if (data.source !== 4) {
form.setFieldValue("deptName", hiddenUserPresetsCO.rectifyDeptName || data.hiddenFindDeptName); form.setFieldValue("deptId", hiddenUserPresetsCO.rectifyDeptId || data.hiddenFindDept);
form.setFieldValue("userId", hiddenUserPresetsCO.rectifyUserId || data.creatorId); form.setFieldValue("deptName", hiddenUserPresetsCO.rectifyDeptName || data.hiddenFindDeptName);
form.setFieldValue("userName", hiddenUserPresetsCO.rectifyUserName || data.creatorName); form.setFieldValue("userId", hiddenUserPresetsCO.rectifyUserId || data.creatorId);
form.setFieldValue("checkDeptId", hiddenUserPresetsCO.rectifyDeptId || data.hiddenFindDept); form.setFieldValue("userName", hiddenUserPresetsCO.rectifyUserName || data.creatorName);
form.setFieldValue("checkDeptName", hiddenUserPresetsCO.rectifyDeptName || data.hiddenFindDeptName); form.setFieldValue("checkDeptId", hiddenUserPresetsCO.rectifyDeptId || data.hiddenFindDept);
form.setFieldValue("checkUserId", hiddenUserPresetsCO.rectifyUserId || data.creatorId); form.setFieldValue("checkDeptName", hiddenUserPresetsCO.rectifyDeptName || data.hiddenFindDeptName);
form.setFieldValue("checkUserName", hiddenUserPresetsCO.rectifyUserName || data.creatorName); form.setFieldValue("checkUserId", hiddenUserPresetsCO.rectifyUserId || data.creatorId);
form.setFieldValue("checkUserName", hiddenUserPresetsCO.rectifyUserName || data.creatorName);
}
}} }}
/> />
<Divider orientation="left">隐患确认</Divider> <Divider orientation="left">隐患确认</Divider>
@ -179,56 +180,57 @@ function Confirm(props) {
{ {
Object.keys(data).length > 0 Object.keys(data).length > 0
? ( ? (
<FormBuilder <FormBuilder
form={form} form={form}
loading={props.confirm.confirmLoading} loading={props.confirm.confirmLoading}
showCancelButton={false} showCancelButton={false}
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={{ ]}
rectificationType: 1, values={{
}} rectificationType: 1,
options={[ }}
...(!isFromInspection options={[
? [ ...(!isFromInspection
{ ? [
name: "hiddenLevel", {
label: "隐患级别", name: "hiddenLevel",
span: 24, label: "隐患级别",
render: ( span: 24,
<HiddenLevelSelectTree render: (
isShowMajor={false} <HiddenLevelSelectTree
isShowLarger={false} isShowMajor={false}
isShowNeglect={data.rectificationType === 2} isShowLarger={false}
onChange={(event) => { isShowNeglect={data.rectificationType === 2}
if (event === "hiddenLevel1001") { onChange={(event) => {
form.setFieldValue("deptName", ""); if (event === "hiddenLevel1001") {
form.setFieldValue("userName", ""); form.setFieldValue("deptName", "");
form.setFieldValue("checkDeptName", ""); form.setFieldValue("userName", "");
form.setFieldValue("checkUserName", ""); form.setFieldValue("checkDeptName", "");
} form.setFieldValue("checkUserName", "");
}} }
onGetLabel={(label) => { }}
form.setFieldValue("hiddenLevelName", label); onGetLabel={(label) => {
}} form.setFieldValue("hiddenLevelName", label);
/> }}
), />
}, ),
] },
: []), ]
{ name: "hiddenLevelName", label: "隐患级别名称", onlyForLabel: true }, : []),
...decideOption(), {name: "hiddenLevelName", label: "隐患级别名称", onlyForLabel: true},
]} ...decideOption(),
/> ]}
) />
)
: null : null
} }
</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>