front_library
/
zy-react-library
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

一系列优化

master
LiuJiaNan 2025-12-24 15:45:07 +08:00
parent 74c64385fe
commit e4e0cf1de9
32 changed files with 671 additions and 486 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/Cascader/Area/index.d.ts vendored
View File

@ -5,7 +5,7 @@ import type { BasicCascaderProps } from "../Basic";
* 组件属性
*/
export interface AreaCascaderProps extends Omit<BasicCascaderProps, "options" | "placeholder" | "nameKey" | "idKey" | "childrenKey"> {
/** 占位符，默认为"属地" */
/** 占位符，默认 "属地" */
placeholder?: string;
}

2
components/Cascader/Industry/index.d.ts vendored
View File

@ -5,7 +5,7 @@ import type { BasicCascaderProps } from "../Basic";
* 组件属性
*/
export interface IndustryCascaderProps extends Omit<BasicCascaderProps, "options" | "placeholder" | "nameKey" | "idKey" | "childrenKey"> {
/** 占位符，默认为"行业类型" */
/** 占位符，默认 "行业类型" */
placeholder?: string;
}

4
components/FormBuilder/FormBuilder.d.ts vendored
View File

@ -19,9 +19,9 @@ export interface FormBuilderProps extends FormProps {
useAutoGenerateRequired?: boolean;
/** 是否显示操作按钮区域，默认 true */
showActionButtons?: boolean;
/** 提交按钮文字，默认为"提交" */
/** 提交按钮文字，默认 "提交" */
submitButtonText?: string;
/** 取消按钮文字，默认为"取消" */
/** 取消按钮文字，默认 "取消" */
cancelButtonText?: string;
/** 是否显示提交按钮，默认 true */
showSubmitButton?: boolean;

44
components/FormBuilder/FormBuilder.js
View File

@ -51,25 +51,31 @@ const FormBuilder = (props) => {
/>
</Row>
{showActionButtons && (
<Row gutter={gutter} style={{ marginTop: 24 }}>
<Col span={24} style={{ textAlign: "center" }}>
{customActionButtons || (
<Space>
{showSubmitButton && (
<Button type="primary" htmlType="submit">
{submitButtonText}
</Button>
)}
{extraActionButtons}
{showCancelButton && (
<Button onClick={handleCancel}>
{cancelButtonText}
</Button>
)}
</Space>
)}
</Col>
</Row>
<>
<div style={{ height: "52px" }}></div>
<Row
gutter={gutter}
style={{ textAlign: "center", backgroundColor: "rgb(241, 241, 242)", margin: "0px -44px", padding: "10px 0", position: "fixed", bottom: "0", width: "100%" }}
>
<Col span={24} style={{ textAlign: "center" }}>
{customActionButtons || (
<Space>
{showSubmitButton && (
<Button type="primary" htmlType="submit">
{submitButtonText}
</Button>
)}
{extraActionButtons}
{showCancelButton && (
<Button onClick={handleCancel}>
{cancelButtonText}
</Button>
)}
</Space>
)}
</Col>
</Row>
</>
)}
</Form>
</Spin>

6
components/FormBuilder/FormItemsRenderer.d.ts vendored
View File

@ -21,9 +21,9 @@ export interface OptionItem {
* 字段键配置
*/
export interface itemsFieldConfig {
/** 值字段的键名，默认为 'bianma' */
/** 值字段的键名，默认 'bianma' */
valueKey?: string;
/** 标签字段的键名，默认为 'name' */
/** 标签字段的键名，默认 'name' */
labelKey?: string | ((item: Record<string, any>) => ReactNode);
}
@ -106,7 +106,7 @@ export interface FormOption<T extends keyof FORM_ITEM_RENDER_TYPE_MAP = keyof FO
formItemProps?: FormItemProps | ((formValues: FormValues) => FormItemProps);
/** label 栅格配置，默认直接使用外层的 labelCol，如果 span 等于 24，是外层的 labelCol.span 一半 */
labelCol?: ColProps;
/** wrapper 栅格配置，默认为 24 - labelCol.span */
/** wrapper 栅格配置，默认 24 - labelCol.span */
wrapperCol?: ColProps;
/** 是否应该更新（用于表单联动） */
shouldUpdate?: boolean | ((prevValues: FormValues, nextValues: FormValues, info: { source?: string }) => boolean);

6
components/HeaderBack/index.d.ts vendored
View File

@ -1,4 +1,4 @@
import type { CSSProperties, FC, ReactNode } from "react";
import type { FC, ReactNode } from "react";
export interface HeaderBackProps {
/** 标题 */
@ -8,10 +8,8 @@ export interface HeaderBackProps {
goBack?: () => void;
[key: string]: any;
};
/** 是否显示返回按钮，默认为 true */
/** 是否显示返回按钮，默认 true */
previous?: boolean;
/** 自定义样式 */
style?: CSSProperties;
}
/** 头部返回组件 */

4
components/HeaderBack/index.js
View File

@ -6,10 +6,10 @@ import "./index.less";
* 头部返回组件
*/
function HeaderBack(props) {
const { title, history, previous = true, style = {} } = props;
const { title, history, previous = true } = props;
return (
<div className="header-back" style={style}>
<div className="header-back">
<div className="action">
{
previous

2
components/HeaderBack/index.less
View File

@ -1,7 +1,7 @@
.header-back {
padding: 10px 20px;
border-bottom: 1px solid #dcdfe6;
margin-bottom: 10px;
margin-bottom: 0;
position: sticky;
top: 0;
background-color: #fff;

2
components/HiddenInfo/gwj/index.d.ts vendored
View File

@ -12,8 +12,6 @@ export interface HiddenInfoProps {
hiddenId?: string;
/** hiddenId 的字段，默认 hiddenId */
hiddenIdKey?: string;
/** 是否显示头部的返回，默认 true */
isShowHeaderBack?: boolean;
/** 是否是过往记录，后端会返回详细的步骤信息，默认 false */
history?: boolean;
/** 获取数据 */

756
components/HiddenInfo/gwj/index.js
View File

@ -8,7 +8,6 @@ import useDownloadFile from "../../../hooks/useDownloadFile";
import useGetFile from "../../../hooks/useGetFile";
import useGetUrlQuery from "../../../hooks/useGetUrlQuery";
import { getFileName, getFileSuffix, getLabelName } from "../../../utils";
import HeaderBack from "../../HeaderBack";
import VideoIcon from "../../Icon/VideoIcon";
import PreviewImg from "../../PreviewImg";
import PreviewPdf from "../../PreviewPdf";
@ -23,7 +22,6 @@ function HiddenInfo(props) {
idKey = "id",
hiddenId = "",
hiddenIdKey = "hiddenId",
isShowHeaderBack = true,
history = false,
onGetData,
} = props;
@ -116,386 +114,390 @@ function HiddenInfo(props) {
return (
<div>
{isShowHeaderBack && <HeaderBack title="查看" />}
<Spin spinning={loading || downloadFileLoading}>
<div style={{ padding: 20 }}>
<Divider orientation="left">隐患信息</Divider>
<Descriptions
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
{ label: "隐患来源", children: getLabelName({ list: HIDDEN_SOURCE_ENUM, status: info.source }) },
{ label: "隐患类型", children: info.hiddenTypeName },
{ label: "隐患级别", children: info.hiddenLevelName },
{ label: "隐患状态", children: getLabelName({ list: HIDDEN_STATE_ENUM, status: info.state }) },
{ label: "隐患描述", children: info.hiddenDesc },
...(info.hiddenPartName ? [{ label: "隐患部位", children: info.hiddenPartName }] : []),
...(
(info.source === 2 || info.source === 3) && (info.hiddenCheckListCO && Object.keys(info.hiddenCheckListCO).length > 0)
? [
{ label: "风险点（单元）", children: info.hiddenCheckListCO.listRiskPoints },
{ label: "辨识部位", children: info.hiddenCheckListCO.identifiedLocations },
{ label: "存在风险", children: info.hiddenCheckListCO.existingRisks },
{ label: "风险分级", children: info.hiddenCheckListCO.riskLevel },
{ label: "隐患清单", children: info.hiddenCheckListCO.listName },
{ label: "检查内容", children: info.hiddenCheckListCO.inspectionContent },
]
: []
),
...(info.longitude ? [{
label: "隐患上报位置（经纬度）",
children: [info.longitude && `经度:${info.longitude}`, info.latitude && `纬度:${info.latitude}`].filter(Boolean).join(" "),
}] : []),
...(info.positionDesc ? [{ label: "隐患位置描述", children: info.positionDesc }] : []),
{ label: "隐患发现人", children: info.creatorName },
{ label: "隐患发现时间", children: dayjs(info.hiddenFindTime).format("YYYY-MM-DD HH:mm:ss") },
{
label: "整改类型",
children: getLabelName({ list: HIDDEN_RECTIFICATION_TYPE_ENUM, status: info.rectificationType }),
},
{
label: "是否相关方",
children: getLabelName({
list: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }],
status: info.isRelated,
}),
},
...(info.isRelated === 1 ? [{ label:'相关方项目',children:info.projectName }] : []),
{ label: "隐患图片", children: <PreviewImg files={hiddenImageFiles} /> },
...(hiddenVideoFiles.length > 0
? [{
label: "隐患视频",
children: (
<VideoIcon onClick={() => {
setVideoModalOpen(true);
}}
/>
),
}]
: []),
]}
/>
{
(info.hiddenUserPresetsCO && Object.keys(info.hiddenUserPresetsCO).length > 0) && (
<>
<Divider orientation="left">整改信息（发现人预填）</Divider>
<Descriptions
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
{ label: `整改${info.isRelated === 1 ? "单位" : "部门"}`, children: info.hiddenUserPresetsCO.rectifyDeptName },
{ label: "整改人", children: info.hiddenUserPresetsCO.rectifyUserName },
...(info.rectificationType === 2
? [
{
label: "整改期限",
children: dayjs(info.hiddenUserPresetsCO.rectifyDeadline).format("YYYY-MM-DD"),
},
]
: []),
...(info.rectificationType === 1
? [
{ label: "验收部门", children: info.hiddenUserPresetsCO.checkDeptName },
{ label: "验收人", children: info.hiddenUserPresetsCO.checkUserName },
]
: []),
]}
/>
</>
)
}
{
(info.hiddenConfirmUserCO && info.hiddenConfirmUserCO.length > 0) && (
<>
<Divider orientation="left">隐患确认</Divider>
{
info.hiddenConfirmUserCO.map(item => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
...(item.hiddenLevelName ? [{ label: "隐患级别", children: item.hiddenLevelName }] : []),
...(item.userName ? [{ label: "隐患确认人", children: item.userName }] : []),
...(item.rectificationTime ? [{ label: "隐患确认时间", children: item.rectificationTime }] : []),
...(item.rectifyDeptName ? [{ label: `整改${info.isRelated === 1 ? "单位" : "部门"}`, children: item.rectifyDeptName }] : []),
...(item.rectifyUserName ? [{ label: "整改人", children: item.rectifyUserName }] : []),
...(item.rectificationDeadline ? [{ label: "整改完成期限", children: item.rectificationDeadline }] : []),
...(item.checkDeptName ? [{ label: "验收部门", children: item.checkDeptName }] : []),
...(item.checkUserName ? [{ label: "验收人", children: item.checkUserName }] : []),
...(item.repulseCause
? [
...(item.repulseCause ? [{ label: "打回意见", children: item.repulseCause }] : []),
...(item.rectificationTime ? [{ label: "打回时间", children: item.rectificationTime }] : []),
]
: []),
]}
/>
))
}
</>
)
}
{
info.hiddenExtensionList && info.hiddenExtensionList.length > 0 && (
<>
<Divider orientation="left">延期信息</Divider>
{
info.hiddenExtensionList.map(item => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
...(item.createTime ? [{ label: "申请延期日期", children: item.createTime }] : []),
...(item.delayTime ? [{ label: "延期日期", children: item.delayTime }] : []),
...(item.updateName ? [{ label: "审核人", children: item.updateName }] : []),
...(item.state === 3
? [
...(item.disposalPlan ? [{ label: "处置方案", children: item.disposalPlan }] : []),
...(item.disposalFile ? [{
label: "处置方案附件",
children: (
getFileSuffix(item.disposalFile) === "pdf"
? <PreviewPdf name={getFileName(item.disposalFile)} url={item.disposalFile} />
: (
<Space>
<span>{getFileName(item.disposalFile)}</span>
<Button
type="primary"
size="small"
onClick={() => downloadFile(item.disposalFile)}
>
下载
</Button>
</Space>
)
),
}] : []),
]
: []),
{
label: "延期审核状态",
children: (
<>
{item.state === 1 && <span>待审核</span>}
{item.state === 2 && <span>审批中</span>}
{item.state === 3 && <span>已通过</span>}
{item.state === 4 && <span>已拒绝</span>}
{item.state === 5 && <span>已撤回</span>}
</>
),
},
...((item.state === 3 || item.state === 4)
? [{
label: "延期审核时间",
children: item.updateTime,
}]
: []),
]}
<Divider orientation="left">隐患信息</Divider>
<Descriptions
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
{ label: "隐患来源", children: getLabelName({ list: HIDDEN_SOURCE_ENUM, status: info.source }) },
{ label: "隐患类型", children: info.hiddenTypeName },
{ label: "隐患级别", children: info.hiddenLevelName },
{ label: "隐患状态", children: getLabelName({ list: HIDDEN_STATE_ENUM, status: info.state }) },
{ label: "隐患描述", children: info.hiddenDesc },
...(info.hiddenPartName ? [{ label: "隐患部位", children: info.hiddenPartName }] : []),
...(
(info.source === 2 || info.source === 3) && (info.hiddenCheckListCO && Object.keys(info.hiddenCheckListCO).length > 0)
? [
{ label: "风险点（单元）", children: info.hiddenCheckListCO.listRiskPoints },
{ label: "辨识部位", children: info.hiddenCheckListCO.identifiedLocations },
{ label: "存在风险", children: info.hiddenCheckListCO.existingRisks },
{ label: "风险分级", children: info.hiddenCheckListCO.riskLevel },
{ label: "隐患清单", children: info.hiddenCheckListCO.listName },
{ label: "检查内容", children: info.hiddenCheckListCO.inspectionContent },
]
: []
),
...(info.longitude
? [{
label: "隐患上报位置（经纬度）",
children: [info.longitude && `经度:${info.longitude}`, info.latitude && `纬度:${info.latitude}`].filter(Boolean).join(" "),
}]
: []),
...(info.positionDesc ? [{ label: "隐患位置描述", children: info.positionDesc }] : []),
{ label: "隐患发现人", children: info.creatorName },
{ label: "隐患发现时间", children: dayjs(info.hiddenFindTime).format("YYYY-MM-DD HH:mm:ss") },
{
label: "整改类型",
children: getLabelName({ list: HIDDEN_RECTIFICATION_TYPE_ENUM, status: info.rectificationType }),
},
{
label: "是否相关方",
children: getLabelName({
list: [{ bianma: "1", name: "是" }, { bianma: "0", name: "否" }],
status: info.isRelated,
}),
},
...(info.isRelated === 1 ? [{ label: "相关方项目", children: info.projectName }] : []),
{ label: "隐患图片", children: <PreviewImg files={hiddenImageFiles} /> },
...(hiddenVideoFiles.length > 0
? [{
label: "隐患视频",
children: (
<VideoIcon onClick={() => {
setVideoModalOpen(true);
}}
/>
),
)
}
</>
)
}
{
info.hiddenSpecialList && info.hiddenSpecialList.length > 0 && (
<>
<Divider orientation="left">特殊处置审核信息</Divider>
{
info.hiddenSpecialList.map(item => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
...((item.state === 3 || item.state === 4)
? [
...(item.updateName ? [{ label: "审核人", children: item.updateName }] : []),
...(item.updateTime ? [{ label: "审核时间", children: item.updateTime }] : []),
]
: []),
{ label: "无法整改原因", children: item.examine },
...(item.state === 3
? [
...(item.disposalPlan ? [{ label: "处置方案", children: item.disposalPlan }] : []),
...(item.disposalFile ? [{
label: "处置方案附件",
children: (
getFileSuffix(item.disposalFile) === "pdf"
? <PreviewPdf name={getFileName(item.disposalFile)} url={item.disposalFile} />
: (
<Space>
<span>{getFileName(item.disposalFile)}</span>
<Button
type="primary"
size="small"
onClick={() => downloadFile(item.disposalFile)}
>
下载
</Button>
</Space>
)
),
}] : []),
{
label: "是否更换整改负责人",
children: item.rectifyUserCO && Object.keys(item.rectifyUserCO).length > 0 ? "是" : "否",
},
...(
item.rectifyUserCO && Object.keys(item.rectifyUserCO).length > 0
? [{ label: "整改负责人", children: item.rectifyUserCO.userName }]
: []),
]
: []),
}]
: []),
]}
/>
{
(info.hiddenUserPresetsCO && Object.keys(info.hiddenUserPresetsCO).length > 0) && (
<>
<Divider orientation="left">整改信息（发现人预填）</Divider>
<Descriptions
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
{ label: `整改${info.isRelated === 1 ? "单位" : "部门"}`, children: info.hiddenUserPresetsCO.rectifyDeptName },
{ label: "整改人", children: info.hiddenUserPresetsCO.rectifyUserName },
...(info.rectificationType === 2
? [
{
label: "特殊处置审核状态",
children: (
<>
{item.state === 1 && <span>待审核</span>}
{item.state === 2 && <span>审批中</span>}
{item.state === 3 && <span>已通过</span>}
{item.state === 4 && <span>已拒绝</span>}
{item.state === 5 && <span>已撤回</span>}
</>
),
label: "整改期限",
children: dayjs(info.hiddenUserPresetsCO.rectifyDeadline).format("YYYY-MM-DD"),
},
]}
/>
),
)
}
</>
)
}
{
(info.hiddenRectifyUserCO && info.hiddenRectifyUserCO.length > 0) && (
<>
<Divider orientation="left">整改信息</Divider>
{
info.hiddenRectifyUserCO.map((item, index) => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
...(item.deptName ? [{ label: `整改${info.isRelated === 1 ? "单位" : "部门"}`, children: item.deptName }] : []),
...(item.userName ? [{ label: "整改人", children: item.userName }] : []),
...(item.rectificationTime ? [{ label: "整改时间", children: item.rectificationTime }] : []),
...(item.descr ? [{ label: "整改描述", children: item.descr }] : []),
...(item.investmentFunds ? [{ label: "投入资金", children: `${item.investmentFunds}元` }] : []),
...(info.tempSafeMeasure ? [{ label: "临时安全措施", children: info.tempSafeMeasure }] : []),
{ label: "整改后图片", children: <PreviewImg files={afterRectificationImageFiles[index]} /> },
]
: []),
...(info.rectificationType === 1
? [
{ label: "验收部门", children: info.hiddenUserPresetsCO.checkDeptName },
{ label: "验收人", children: info.hiddenUserPresetsCO.checkUserName },
]
: []),
]}
/>
</>
)
}
{
(info.hiddenConfirmUserCO && info.hiddenConfirmUserCO.length > 0) && (
<>
<Divider orientation="left">隐患确认</Divider>
{
info.hiddenConfirmUserCO.map(item => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
...(item.hiddenLevelName ? [{ label: "隐患级别", children: item.hiddenLevelName }] : []),
...(item.userName ? [{ label: "隐患确认人", children: item.userName }] : []),
...(item.rectificationTime ? [{ label: "隐患确认时间", children: item.rectificationTime }] : []),
...(item.rectifyDeptName ? [{ label: `整改${info.isRelated === 1 ? "单位" : "部门"}`, children: item.rectifyDeptName }] : []),
...(item.rectifyUserName ? [{ label: "整改人", children: item.rectifyUserName }] : []),
...(item.rectificationDeadline ? [{ label: "整改完成期限", children: item.rectificationDeadline }] : []),
...(item.checkDeptName ? [{ label: "验收部门", children: item.checkDeptName }] : []),
...(item.checkUserName ? [{ label: "验收人", children: item.checkUserName }] : []),
...(item.repulseCause
? [
...(item.repulseCause ? [{ label: "打回意见", children: item.repulseCause }] : []),
...(item.rectificationTime ? [{ label: "打回时间", children: item.rectificationTime }] : []),
]
: []),
]}
/>
))
}
</>
)
}
{
info.hiddenExtensionList && info.hiddenExtensionList.length > 0 && (
<>
<Divider orientation="left">延期信息</Divider>
{
info.hiddenExtensionList.map(item => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
...(item.createTime ? [{ label: "申请延期日期", children: item.createTime }] : []),
...(item.delayTime ? [{ label: "延期日期", children: item.delayTime }] : []),
...(item.updateName ? [{ label: "审核人", children: item.updateName }] : []),
...(item.state === 3
? [
...(item.disposalPlan ? [{ label: "处置方案", children: item.disposalPlan }] : []),
...(item.disposalFile
? [{
label: "处置方案附件",
children: (
getFileSuffix(item.disposalFile) === "pdf"
? <PreviewPdf name={getFileName(item.disposalFile)} url={item.disposalFile} />
: (
<Space>
<span>{getFileName(item.disposalFile)}</span>
<Button
type="primary"
size="small"
onClick={() => downloadFile(item.disposalFile)}
>
下载
</Button>
</Space>
)
),
}]
: []),
]
: []),
{
label: "延期审核状态",
children: (
<>
{item.state === 1 && <span>待审核</span>}
{item.state === 2 && <span>审批中</span>}
{item.state === 3 && <span>已通过</span>}
{item.state === 4 && <span>已拒绝</span>}
{item.state === 5 && <span>已撤回</span>}
</>
),
},
...((item.state === 3 || item.state === 4)
? [{
label: "延期审核时间",
children: item.updateTime,
}]
: []),
]}
/>
),
)
}
</>
)
}
{
info.hiddenSpecialList && info.hiddenSpecialList.length > 0 && (
<>
<Divider orientation="left">特殊处置审核信息</Divider>
{
info.hiddenSpecialList.map(item => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
...((item.state === 3 || item.state === 4)
? [
...(item.updateName ? [{ label: "审核人", children: item.updateName }] : []),
...(item.updateTime ? [{ label: "审核时间", children: item.updateTime }] : []),
]
: []),
{ label: "无法整改原因", children: item.examine },
...(item.state === 3
? [
...(item.disposalPlan ? [{ label: "处置方案", children: item.disposalPlan }] : []),
...(item.disposalFile
? [{
label: "处置方案附件",
children: (
getFileSuffix(item.disposalFile) === "pdf"
? <PreviewPdf name={getFileName(item.disposalFile)} url={item.disposalFile} />
: (
<Space>
<span>{getFileName(item.disposalFile)}</span>
<Button
type="primary"
size="small"
onClick={() => downloadFile(item.disposalFile)}
>
下载
</Button>
</Space>
)
),
}]
: []),
{
label: "是否更换整改负责人",
children: item.rectifyUserCO && Object.keys(item.rectifyUserCO).length > 0 ? "是" : "否",
},
...(
item.rectifyUserCO && Object.keys(item.rectifyUserCO).length > 0
? [{ label: "整改负责人", children: item.rectifyUserCO.userName }]
: []),
]
: []),
{
label: "特殊处置审核状态",
children: (
<>
{item.state === 1 && <span>待审核</span>}
{item.state === 2 && <span>审批中</span>}
{item.state === 3 && <span>已通过</span>}
{item.state === 4 && <span>已拒绝</span>}
{item.state === 5 && <span>已撤回</span>}
</>
),
},
]}
/>
),
)
}
</>
)
}
{
(info.hiddenRectifyUserCO && info.hiddenRectifyUserCO.length > 0) && (
<>
<Divider orientation="left">整改信息</Divider>
{
info.hiddenRectifyUserCO.map((item, index) => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
...(item.deptName ? [{ label: `整改${info.isRelated === 1 ? "单位" : "部门"}`, children: item.deptName }] : []),
...(item.userName ? [{ label: "整改人", children: item.userName }] : []),
...(item.rectificationTime ? [{ label: "整改时间", children: item.rectificationTime }] : []),
...(item.descr ? [{ label: "整改描述", children: item.descr }] : []),
...(item.investmentFunds ? [{ label: "投入资金", children: `${item.investmentFunds}元` }] : []),
...(info.tempSafeMeasure ? [{ label: "临时安全措施", children: info.tempSafeMeasure }] : []),
{ label: "整改后图片", children: <PreviewImg files={afterRectificationImageFiles[index]} /> },
{
label: "整改方案",
children: (
<>
{item.isRectificationScheme === 0 && <span>无</span>}
{item.isRectificationScheme === 1 && <span>有</span>}
</>
),
},
...((item.isRectificationScheme === 1 && item.hiddenSchemeCO && Object.keys(item.hiddenSchemeCO).length > 0)
? [
{ label: "治理标准", children: item.hiddenSchemeCO.governStanDards },
{ label: "治理方法", children: item.hiddenSchemeCO.governMethod },
{ label: "经费落实", children: item.hiddenSchemeCO.expenditure },
{ label: "负责人员", children: item.hiddenSchemeCO.principal },
{ label: "工时安排", children: item.hiddenSchemeCO.programming },
{ label: "时限要求", children: item.hiddenSchemeCO.timeLimitFor },
{ label: "工作要求", children: item.hiddenSchemeCO.jobRequireMent },
{ label: "其他事项", children: item.hiddenSchemeCO.otherBusiness },
{ label: "方案图片", children: <PreviewImg files={rectificationPlanImageFiles[index]} /> },
]
: []),
]}
/>
))
}
</>
)
}
{
(info.hiddenAcceptUserCO && info.hiddenAcceptUserCO.length > 0)
? (
info.isQualified === 1
? (
<>
<Divider orientation="left">验收信息</Divider>
{
label: "整改方案", children: (
<>
{item.isRectificationScheme === 0 && <span>无</span>}
{item.isRectificationScheme === 1 && <span>有</span>}
</>
)
},
...((item.isRectificationScheme === 1 && item.hiddenSchemeCO && Object.keys(item.hiddenSchemeCO).length > 0)
? [
{ label: "治理标准", children: item.hiddenSchemeCO.governStanDards },
{ label: "治理方法", children: item.hiddenSchemeCO.governMethod },
{ label: "经费落实", children: item.hiddenSchemeCO.expenditure },
{ label: "负责人员", children: item.hiddenSchemeCO.principal },
{ label: "工时安排", children: item.hiddenSchemeCO.programming },
{ label: "时限要求", children: item.hiddenSchemeCO.timeLimitFor },
{ label: "工作要求", children: item.hiddenSchemeCO.jobRequireMent },
{ label: "其他事项", children: item.hiddenSchemeCO.otherBusiness },
{ label: "方案图片", children: <PreviewImg files={rectificationPlanImageFiles[index]} /> },
]
: []),
]}
/>
))
}
</>
)
}
{
(info.hiddenAcceptUserCO && info.hiddenAcceptUserCO.length > 0)
? (
info.isQualified === 1
? (
<>
<Divider orientation="left">验收信息</Divider>
{
info.hiddenAcceptUserCO.map((item, index) => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
{ label: "验收部门", children: item.deptName },
{ label: "验收人", children: item.userName },
{ label: "验收时间", children: item.rectificationTime },
...(item.repulseCause ? [{ label: "验收打回意见", children: item.repulseCause }] : []),
{ label: "是否合格", children: item.rectificationTime ? "合格" : "" },
...(item.descr ? [{ label: "验收描述", children: item.descr }] : []),
...((acceptImageFiles[index] && acceptImageFiles[index].length > 0) ? [{ label: "验收图片", children: <PreviewImg files={acceptImageFiles[index]} /> }] : []),
]}
/>
))
}
</>
)
: (
<>
<Divider orientation="left">验收打回信息</Divider>
{
info.hiddenAcceptUserCO.map(item => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
{ label: "验收部门", children: item.deptName },
{ label: "验收人", children: item.userName },
{ label: "验收时间", children: item.rectificationTime },
{ label: "验收打回意见", children: item.repulseCause },
]}
/>
))
}
</>
)
)
: null
}
{
(info.hiddenInspecCO && Object.keys(info.hiddenInspecCO).length > 0)
? (
<>
<Divider orientation="left">安全环保验收信息</Divider>
<Descriptions
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
{ label: "验收人", children: info.hiddenInspecCO.finalCheckOr },
{ label: "验收时间", children: info.hiddenInspecCO.finalCheckTime },
{ label: "是否合格", children: info.hiddenInspecCO.finalCheck === 1 ? "合格" : "不合格" },
{ label: "验收描述", children: info.hiddenInspecCO.finalCheckDesc },
{ label: "验收图片", children: <PreviewImg files={inspectionAcceptImageFiles} /> },
]}
/>
</>
)
: null
}
</div>
info.hiddenAcceptUserCO.map((item, index) => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
{ label: "验收部门", children: item.deptName },
{ label: "验收人", children: item.userName },
{ label: "验收时间", children: item.rectificationTime },
...(item.repulseCause ? [{ label: "验收打回意见", children: item.repulseCause }] : []),
{ label: "是否合格", children: item.rectificationTime ? "合格" : "" },
...(item.descr ? [{ label: "验收描述", children: item.descr }] : []),
...((acceptImageFiles[index] && acceptImageFiles[index].length > 0) ? [{ label: "验收图片", children: <PreviewImg files={acceptImageFiles[index]} /> }] : []),
]}
/>
))
}
</>
)
: (
<>
<Divider orientation="left">验收打回信息</Divider>
{
info.hiddenAcceptUserCO.map(item => (
<Descriptions
key={item.id}
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
{ label: "验收部门", children: item.deptName },
{ label: "验收人", children: item.userName },
{ label: "验收时间", children: item.rectificationTime },
{ label: "验收打回意见", children: item.repulseCause },
]}
/>
))
}
</>
)
)
: null
}
{
(info.hiddenInspecCO && Object.keys(info.hiddenInspecCO).length > 0)
? (
<>
<Divider orientation="left">安全环保验收信息</Divider>
<Descriptions
bordered
column={1}
styles={{ label: { width: 200 } }}
items={[
{ label: "验收人", children: info.hiddenInspecCO.finalCheckOr },
{ label: "验收时间", children: info.hiddenInspecCO.finalCheckTime },
{ label: "是否合格", children: info.hiddenInspecCO.finalCheck === 1 ? "合格" : "不合格" },
{ label: "验收描述", children: info.hiddenInspecCO.finalCheckDesc },
{ label: "验收图片", children: <PreviewImg files={inspectionAcceptImageFiles} /> },
]}
/>
</>
)
: null
}
</Spin>
{
videoModalOpen && (
@ -511,4 +513,6 @@ function HiddenInfo(props) {
);
}
HiddenInfo.displayName = "HiddenInfo";
export default HiddenInfo;

2
components/Map/MapSelector.js
View File

@ -249,4 +249,6 @@ const MapSelector = (props) => {
);
};
MapSelector.displayName = "MapSelector";
export default MapSelector;

2
components/Map/index.js
View File

@ -72,4 +72,6 @@ const Map = (props) => {
);
};
Map.displayName = "Map";
export default Map;

30
components/Page/index.d.ts vendored Normal file
View File

@ -0,0 +1,30 @@
import type { FC, ReactNode } from "react";
export interface PageProps {
/** 头部返回组件的标题 */
headerTitle?: ReactNode;
/** 历史记录对象，用于返回上一页，默认使用 window.history.back */
history?: {
goBack?: () => void;
[key: string]: any;
};
/** 是否显示头部组件，默认 true */
isShowHeader?: boolean;
/** 是否显示头部组件返回按钮，默认 true */
headerPrevious?: boolean;
/** 是否显示底部组件，默认 true */
isShowFooter?: boolean;
/** 是否显示头部和底部组件，默认 true */
isShowAllAction?: boolean;
/** 取消按钮文字，默认 "关闭" */
backButtonText?: string;
/** 自定义底部操作按钮组 */
customActionButtons?: ReactNode;
/** 额外底部操作按钮组 */
extraActionButtons?: ReactNode;
}
/** 页面布局组件 */
declare const Page: FC<PageProps>;
export default Page;

49
components/Page/index.js Normal file
View File

@ -0,0 +1,49 @@
import { Button, Space } from "antd";
import HeaderBack from "../HeaderBack";
/**
* 页面布局组件
*/
function Page(props) {
const {
headerTitle,
history,
isShowHeader = true,
headerPrevious = true,
isShowFooter = true,
isShowAllAction = true,
backButtonText = "关闭",
customActionButtons,
extraActionButtons,
} = props;
return (
<div className="page">
{(isShowAllAction && isShowHeader) && <HeaderBack title={headerTitle} history={history} previous={headerPrevious} />}
<div style={{ padding: 20 }}>
{props.children}
</div>
{
(isShowAllAction && isShowFooter) && (
<>
<div style={{ height: "52px" }}></div>
<div style={{ textAlign: "center", backgroundColor: "rgb(241, 241, 242)", margin: "0 -20px", padding: "10px 0", position: "fixed", bottom: "0", width: "100%" }}>
{customActionButtons || (
<Space>
{extraActionButtons}
<Button onClick={() => history?.goBack?.() || window.history.back()}>
{backButtonText}
</Button>
</Space>
)}
</div>
</>
)
}
</div>
);
}
Page.displayName = "Page";
export default Page;

2
components/Pdf/index.d.ts vendored
View File

@ -9,7 +9,7 @@ export interface PdfProps {
visible?: boolean;
/** 关闭弹窗的方法 */
onCancel?: () => void;
/** 是否使用内联模式，true为不使用弹窗，默认为false */
/** 是否使用内联模式，true为不使用弹窗，默认 false */
inline?: boolean;
/** 内联模式下的样式 */
style?: CSSProperties;

20
components/Pdf/index.js
View File

@ -110,14 +110,16 @@ function Pdf(props) {
>
关闭
</Button>,
!loading && <Button
key="fullScreen"
onClick={() => {
isFullscreen ? exitFullscreen() : enterFullscreen();
}}
>
{isFullscreen ? "退出全屏" : "全屏"}
</Button>,
!loading && (
<Button
key="fullScreen"
onClick={() => {
isFullscreen ? exitFullscreen() : enterFullscreen();
}}
>
{isFullscreen ? "退出全屏" : "全屏"}
</Button>
),
<Button key="download" type="primary" onClick={onDownloadFile}>下载</Button>,
]}
>
@ -127,4 +129,6 @@ function Pdf(props) {
);
}
Pdf.displayName = "Pdf";
export default Pdf;

4
components/PreviewImg/index.js
View File

@ -12,7 +12,7 @@ const PreviewImg = (props) => {
return (
<Image.PreviewGroup>
{
files.filter(Boolean).map((item) => (
files.filter(Boolean).map(item => (
<Image
key={item[fileUrlKey] || item}
src={item[fileUrlKey] ? fileUrl + item[fileUrlKey] : fileUrl + item}
@ -27,4 +27,6 @@ const PreviewImg = (props) => {
);
};
PreviewImg.displayName = "PreviewImg";
export default PreviewImg;

2
components/PreviewPdf/index.js
View File

@ -81,4 +81,6 @@ const PreviewPdf = (props) => {
return null;
};
PreviewPdf.displayName = "PreviewPdf";
export default PreviewPdf;

94
components/Search/index.js
View File

@ -83,54 +83,56 @@ const Search = (props) => {
};
return (
<Form
form={form}
labelCol={labelCol}
initialValues={values}
{...restProps}
>
<Row className={classNameRef.current}>
<FormItemsRenderer
options={options}
labelCol={labelCol}
span={6}
collapse={collapse}
useAutoGenerateRequired={false}
initialValues={values}
/>
<Col span={showCollapseButton ? (collapse ? 6 : span) : span}>
<Form.Item label=" " labelCol={{ span: 2 }} colon={false} style={{ textAlign: "right" }}>
{showSearchButton && (
<Button type="primary" icon={<SearchIcon />} onClick={handleSubmit}>
{searchText}
</Button>
)}
{showResetButton && (
<Button style={{ marginLeft: 8 }} icon={<ResetIcon />} onClick={handleReset}>
{resetText}
</Button>
)}
{showCollapseButton && (
<Button
type="link"
icon={collapse ? <DownOutlined /> : <UpOutlined />}
onClick={toggleCollapse}
style={{ marginLeft: 8 }}
>
{collapse ? "展开" : "收起"}
</Button>
)}
</Form.Item>
</Col>
{extraButtons && (
<Col span={24}>
<Form.Item label=" " colon={false} labelCol={{ span: 0 }}>
{extraButtons}
<div className="search-layout card-layout">
<Form
form={form}
labelCol={labelCol}
initialValues={values}
{...restProps}
>
<Row className={classNameRef.current}>
<FormItemsRenderer
options={options}
labelCol={labelCol}
span={6}
collapse={collapse}
useAutoGenerateRequired={false}
initialValues={values}
/>
<Col span={showCollapseButton ? (collapse ? 6 : span) : span}>
<Form.Item label=" " labelCol={{ span: 2 }} colon={false} style={{ textAlign: "right" }}>
{showSearchButton && (
<Button type="primary" icon={<SearchIcon />} onClick={handleSubmit}>
{searchText}
</Button>
)}
{showResetButton && (
<Button style={{ marginLeft: 8 }} icon={<ResetIcon />} onClick={handleReset}>
{resetText}
</Button>
)}
{showCollapseButton && (
<Button
type="link"
icon={collapse ? <DownOutlined /> : <UpOutlined />}
onClick={toggleCollapse}
style={{ marginLeft: 8 }}
>
{collapse ? "展开" : "收起"}
</Button>
)}
</Form.Item>
</Col>
)}
</Row>
</Form>
{extraButtons && (
<Col span={24}>
<Form.Item label=" " colon={false} labelCol={{ span: 0 }}>
{extraButtons}
</Form.Item>
</Col>
)}
</Row>
</Form>
</div>
);
};

2
components/Select/Personnel/Gwj/index.js
View File

@ -12,7 +12,7 @@ function PersonnelSelect(props) {
isNeedCorpInfoId = false,
isNeedDepartmentId = true,
isNeedPostId = false,
extraParams= {
extraParams = {
noMain: "",
eqEmploymentFlag: 1,
},

2
components/SelectCreate/index.d.ts vendored
View File

@ -13,7 +13,7 @@ export interface SelectCreateOption {
export interface SelectCreateProps extends SelectProps {
/** 选项列表 */
items: SelectCreateOption[];
/** 是否显示删除图标，默认为 true */
/** 是否显示删除图标，默认 true */
showDelete?: boolean;
/** 标签名称，用于占位符显示 */
label?: string;

2
components/SelectCreate/index.js
View File

@ -50,4 +50,6 @@ function SelectCreate(props) {
);
}
SelectCreate.displayName = "SelectCreate";
export default SelectCreate;

4
components/Signature/index.d.ts vendored
View File

@ -12,9 +12,9 @@ export interface SignatureValue {
export interface SignatureProps {
/** 确认签字回调 */
onConfirm: (value: SignatureValue) => void;
/** 签字区域宽度，默认为 752 */
/** 签字区域宽度，默认 752 */
width?: number;
/** 签字区域高度，默认为 300 */
/** 签字区域高度，默认 300 */
height?: number;
/** 回显的签字图片 */
url?: string;

2
components/Signature/index.js
View File

@ -89,4 +89,6 @@ function Signature(props) {
);
}
Signature.displayName = "Signature";
export default Signature;

10
components/Table/index.d.ts vendored
View File

@ -5,7 +5,7 @@ import type { FC } from "react";
/**
* TablePro 组件属性
*/
export type TableProps<DataSource, U, ValueType> = Omit<AntdTableProps, 'columns'> & ProTableProps<DataSource, U, ValueType> & {
export type TableProps<DataSource, U, ValueType> = Omit<AntdTableProps, "columns"> & ProTableProps<DataSource, U, ValueType> & {
/** 当一个路由下存在多个表格的情况下 需要给每一个表格设置一个唯一存储索引 若没有设置则使用默认索引，请注意缓存数据会被覆盖 */
storeIndex?: string;
/** 是否禁用内容区滚动，默认 false */
@ -14,9 +14,11 @@ export type TableProps<DataSource, U, ValueType> = Omit<AntdTableProps, 'columns
showIndexColumn?: boolean;
/** 索引列是否固定，默认 left */
indexColumnFixed?: "left" | "right" | boolean;
/** 是否使用居中布局，默认 true */
useAlignCenter?: boolean;
}
/** 列的对齐方式，默认 center */
align?: "left" | "right" | "center";
/** 超过宽度是否自动省略，默认 true */
ellipsis?: boolean;
};
/**
* 表格组件

59
components/Table/index.js
View File

@ -1,28 +1,73 @@
import TablePro from "@cqsjjb/jjb-react-admin-component/Table";
import { getIndexColumn } from "../../utils/index";
import dayjs from 'dayjs';
import "./index.less";
const CLEANUP_INTERVAL_DAYS = 10; // 清理间隔天数
const LAST_CLEANUP_KEY = 'tableLocalStorageLastCleanup'; // 最后清理时间存储key
// 清理本地存储中特定后缀的key
function cleanupTableLocalStorage() {
const now = dayjs();
const lastCleanupStr = localStorage.getItem(LAST_CLEANUP_KEY);
const lastCleanup = lastCleanupStr ? dayjs(lastCleanupStr) : null;
// 如果没有上次清理时间或距离上次清理已超过10天
if (!lastCleanup || now.diff(lastCleanup, 'day') >= CLEANUP_INTERVAL_DAYS) {
// 查找并清理符合条件的key
const keysToRemove = [];
for (let i = 0; i < localStorage.length; i++) {
const key = localStorage.key(i);
if (key && (key.endsWith('#columnState') ||
key.endsWith('#size') ||
key.endsWith('#resizable'))) {
keysToRemove.push(key);
}
}
// 删除匹配的key
keysToRemove.forEach(key => {
localStorage.removeItem(key);
});
// 更新最后清理时间
localStorage.setItem(LAST_CLEANUP_KEY, now.toISOString());
}
}
function Table(props) {
const {
columns = [],
showIndexColumn = true,
useAlignCenter = true,
ellipsis = true,
align = "center",
indexColumnFixed = "left",
rowKey = "id",
...restProps
} = props;
function calcColumns() {
showIndexColumn && columns.unshift({...getIndexColumn(props.pagination), fixed: indexColumnFixed});
const setAlign = (column) => ({
align: useAlignCenter ? "center" : "left",
// 组件初始化时执行清理
cleanupTableLocalStorage();
function settingColumns() {
showIndexColumn && columns.unshift({ ...getIndexColumn(props.pagination), fixed: indexColumnFixed });
const setAlign = column => ({
align,
ellipsis,
...column,
...(column.children ? { children: column.children.map(setAlign) } : {})
...(column.children ? { children: column.children.map(setAlign) } : {}),
});
return columns.map(setAlign);
}
return <TablePro rowKey={rowKey} columns={calcColumns()} bordered {...restProps} />;
return (
<div className="table-layout card-layout">
<TablePro rowKey={rowKey} columns={settingColumns()} bordered size="small" {...restProps} />
</div>
);
}
Table.displayName = "Table";
export default Table;

3
components/Table/index.less
View File

@ -9,5 +9,6 @@
}
.@{ant-prefix}-pro-table-list-toolbar-container {
padding-block: 16px !important;
padding-top: 26px !important;
padding-bottom: 16px;
}

2
components/TooltipPreviewImg/index.js
View File

@ -22,4 +22,6 @@ const TooltipPreviewImg = (props) => {
);
};
TooltipPreviewImg.displayName = "TooltipPreviewImg";
export default TooltipPreviewImg;

2
components/Upload/index.d.ts vendored
View File

@ -17,7 +17,7 @@ export interface UploadProps extends Omit<AntUploadProps, "fileList"> {
tipContent?: ReactNode;
/** listType 为 text 时上传按钮文本 */
uploadButtonText?: string;
/** 要上传的文件类型，默认为 image */
/** 要上传的文件类型，默认 image */
fileType?: "image" | "video" | "document";
/** 获取上传过服务器删除的附件 */
onGetRemoveFile?: (file: Omit<UploadFile, "originFileObj">) => void;

4
components/Upload/index.js
View File

@ -132,7 +132,7 @@ const Upload = (props) => {
const handleBeforeUpload = (file, fileList) => {
if (beforeUpload)
return beforeUpload(file, fileList)
return beforeUpload(file, fileList);
return false;
};
@ -196,7 +196,7 @@ const Upload = (props) => {
if (!file.originFileObj)
onGetRemoveFile?.(file);
return onRemove?.(file);
}
};
// 预览文件
const handlePreview = (file) => {

31
css/common.less Normal file
View File

@ -0,0 +1,31 @@
.@{ant-prefix}-modal-header {
border-bottom: 1px solid #ccc !important;
margin: 0 -24px 15px -24px !important;
padding: 0 24px 15px 24px !important;
}
.@{ant-prefix}-modal-footer {
text-align: center !important;
}
.search-layout {
position: relative;
&::after {
content: '';
position: absolute;
bottom: -10px;
left: -20px;
right: -20px;
height: 10px;
background-color: rgb(241, 241, 242);
}
}
.table-layout {
}
.card-layout {
background-color: #fff;
border-radius: 6px;
}

1
package.json
View File

@ -8,6 +8,7 @@
"license": "MIT",
"files": [
"components",
"css",
"enum",
"hooks",
"json",