添加安全承诺书模板管理
huangyuxuan
parent
bdd27e4afb
commit
c05c17360d
|
|
@ -25,11 +25,12 @@
|
||||||
"@cqsjjb/jjb-dva-runtime": "latest",
|
"@cqsjjb/jjb-dva-runtime": "latest",
|
||||||
"@cqsjjb/jjb-react-admin-component": "latest",
|
"@cqsjjb/jjb-react-admin-component": "latest",
|
||||||
"ahooks": "^3.9.5",
|
"ahooks": "^3.9.5",
|
||||||
"antd": "latest",
|
"antd": "^5.27.6",
|
||||||
"dayjs": "^1.11.7",
|
"dayjs": "^1.11.7",
|
||||||
"lodash-es": "^4.17.21",
|
"lodash-es": "^4.17.21",
|
||||||
"react": "^18.2.0",
|
"react": "^18.2.0",
|
||||||
"react-dom": "^18.2.0",
|
"react-dom": "^18.2.0",
|
||||||
|
"react-to-print": "^3.2.0",
|
||||||
"zy-react-library": "latest"
|
"zy-react-library": "latest"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,28 @@
|
||||||
|
import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
|
||||||
|
export const busPromiseTemplateList = declareRequest(
|
||||||
|
"commitmentLoading",
|
||||||
|
"Post > @/promise/busPromiseTemplate/list",
|
||||||
|
);
|
||||||
|
export const busPromiseTemplateAdd = declareRequest(
|
||||||
|
"commitmentLoading",
|
||||||
|
"Post > @/promise/busPromiseTemplate/save",
|
||||||
|
);
|
||||||
|
export const busPromiseTemplateEdit = declareRequest(
|
||||||
|
"commitmentLoading",
|
||||||
|
"Put > @/promise/busPromiseTemplate/edit",
|
||||||
|
);
|
||||||
|
|
||||||
|
export const busPromiseTemplateView = declareRequest(
|
||||||
|
"commitmentLoading",
|
||||||
|
`Get > /promise/busPromiseTemplate/{id}`,
|
||||||
|
);
|
||||||
|
export const busPromiseTemplateDelete = declareRequest(
|
||||||
|
"commitmentLoading",
|
||||||
|
`Delete > @/promise/busPromiseTemplate/{id}`,
|
||||||
|
);
|
||||||
|
|
||||||
|
export const busPromiseTemplateUpdate = declareRequest(
|
||||||
|
"commitmentLoading",
|
||||||
|
`Put > @/promise/busPromiseTemplate/updateStatus`,
|
||||||
|
);
|
||||||
|
|
@ -5,3 +5,4 @@
|
||||||
import { defineNamespace } from "@cqsjjb/jjb-dva-runtime";
|
import { defineNamespace } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
|
||||||
export const NS_GLOBAL = defineNamespace("global");
|
export const NS_GLOBAL = defineNamespace("global");
|
||||||
|
export const NS_COMMITMENT = defineNamespace("commitment");
|
||||||
|
|
@ -0,0 +1,101 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Col, Form, Input, message, Row } from "antd";
|
||||||
|
import { useEffect } from "react";
|
||||||
|
import FormBuilder from "zy-react-library/components/FormBuilder";
|
||||||
|
import HeaderBack from "zy-react-library/components/HeaderBack";
|
||||||
|
import DictionarySelect from "zy-react-library/components/Select/Dictionary";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
|
||||||
|
import { NS_COMMITMENT } from "~/enumerate/namespace";
|
||||||
|
|
||||||
|
function Add(props) {
|
||||||
|
const query = useGetUrlQuery();
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const getData = async () => {
|
||||||
|
if (query.id) {
|
||||||
|
const { data } = await props["busPromiseTemplateView"]({ id: query.id });
|
||||||
|
const values = {
|
||||||
|
...data,
|
||||||
|
};
|
||||||
|
form.setFieldsValue({
|
||||||
|
...values,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
useEffect(() => {
|
||||||
|
getData();
|
||||||
|
}, []);
|
||||||
|
const onSubmit = async (values) => {
|
||||||
|
const { success } = await props[!query.id ? "busPromiseTemplateAdd" : "busPromiseTemplateEdit"]({
|
||||||
|
...values,
|
||||||
|
id: query.id,
|
||||||
|
promiseId: query.promiseId,
|
||||||
|
isRegulatory: 0,
|
||||||
|
});
|
||||||
|
if (success) {
|
||||||
|
message.success("操作成功");
|
||||||
|
props.history.goBack();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<HeaderBack title={query.id ? "编辑" : "新增"} />
|
||||||
|
<div style={{ paddingBottom: 10 }}>
|
||||||
|
<FormBuilder
|
||||||
|
form={form}
|
||||||
|
values={{
|
||||||
|
templateDetails: [{}],
|
||||||
|
}}
|
||||||
|
onFinish={onSubmit}
|
||||||
|
options={[
|
||||||
|
{ name: "promiseName", label: "承诺书名称", span: 24 },
|
||||||
|
{ name: "promiseType", label: "承诺书类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "承诺书", bianma: 0 }, { name: "责任书", bianma: 1 }] },
|
||||||
|
{ name: "level", label: "承诺书级别", render: (<DictionarySelect dictValue="PROMISE_LEVEL" onGetLabel={label => form.setFieldValue("levelName", label)} />) },
|
||||||
|
{ name: "levelName", label: "承诺书级别", onlyForLabel: true },
|
||||||
|
{ name: "promiseText", label: "正文", span: 24, render: FORM_ITEM_RENDER_ENUM.TEXTAREA },
|
||||||
|
{ key: "templateDetails", span: 24, customizeRender: true, render: (
|
||||||
|
<>
|
||||||
|
<Form.List name="templateDetails">
|
||||||
|
{(fields, { add, remove }) => (
|
||||||
|
<>
|
||||||
|
{fields.map((field, index) => (
|
||||||
|
<Row gutter={24} key={field.key}>
|
||||||
|
<Col span={24}>
|
||||||
|
<Form.Item label="副文" required labelCol={{ span: 2 }} wrapperCol={{ span: 22 }}>
|
||||||
|
<div style={{ display: "flex", gap: 10 }}>
|
||||||
|
<Form.Item
|
||||||
|
noStyle
|
||||||
|
rules={
|
||||||
|
[
|
||||||
|
{ required: true, message: "请输入副文" },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
name={[field.name, "collateral"]}
|
||||||
|
>
|
||||||
|
<Input.TextArea placeholder="请输入副文" rows={4} maxLength={500} />
|
||||||
|
</Form.Item>
|
||||||
|
{
|
||||||
|
index >= 1
|
||||||
|
? <Button type="primary" danger onClick={() => remove(field.name)}>删除</Button>
|
||||||
|
: <Button type="primary" onClick={() => add({ deptId: undefined, deptName: undefined, userId: undefined, userName: undefined, type: 300 })}>新增</Button>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</Form.Item>
|
||||||
|
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
))}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</Form.List>
|
||||||
|
</>
|
||||||
|
) },
|
||||||
|
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_COMMITMENT], true)(Add);
|
||||||
|
|
@ -0,0 +1,120 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Button, Form, message, Modal, Space } from "antd";
|
||||||
|
import { useState } from "react";
|
||||||
|
import AddIcon from "zy-react-library/components/Icon/AddIcon";
|
||||||
|
import Search from "zy-react-library/components/Search";
|
||||||
|
import Table from "zy-react-library/components/Table";
|
||||||
|
import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
|
||||||
|
import useTable from "zy-react-library/hooks/useTable";
|
||||||
|
import { getLabelName } from "zy-react-library/utils";
|
||||||
|
import { NS_COMMITMENT } from "~/enumerate/namespace";
|
||||||
|
import DetailModal from "~/pages/Container/Supervise/Components/DetailModal";
|
||||||
|
|
||||||
|
const typeList = [{ name: "承诺书", bianma: "0" }, { name: "责任书", bianma: "1" }];
|
||||||
|
|
||||||
|
function List(props) {
|
||||||
|
const [form] = Form.useForm();
|
||||||
|
const { tableProps, getData } = useTable(props["busPromiseTemplateList"], {
|
||||||
|
form,
|
||||||
|
});
|
||||||
|
const [busPromiseTemplateModalOpen, setBusPromiseTemplateModalOpen] = useState(false);
|
||||||
|
const [id, setId] = useState("");
|
||||||
|
const onDelete = (id) => {
|
||||||
|
Modal.confirm({
|
||||||
|
title: "删除确认",
|
||||||
|
content: "确定要删除吗？",
|
||||||
|
onOk: async () => {
|
||||||
|
const { success } = await props["busPromiseTemplateDelete"]({ id });
|
||||||
|
if (success) {
|
||||||
|
message.success("删除成功");
|
||||||
|
getData();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
const updatate = (id, state) => {
|
||||||
|
const stateValue = state === 0 ? 1 : 0;
|
||||||
|
Modal.confirm({
|
||||||
|
title: "提示",
|
||||||
|
content: `确定要${state === 0 ? "禁用" : "启用"}当前承诺书吗？`,
|
||||||
|
onOk: async () => {
|
||||||
|
const { success } = await props["busPromiseTemplateUpdate"]({ id, state: stateValue });
|
||||||
|
if (success) {
|
||||||
|
message.success("更新成功");
|
||||||
|
getData();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<div style={{ padding: 20 }}>
|
||||||
|
<Search
|
||||||
|
labelCol={{ span: 8 }}
|
||||||
|
form={form}
|
||||||
|
options={[
|
||||||
|
{ name: "hiddenDesc", label: "模板名称" },
|
||||||
|
{ name: "promiseType", label: "承诺书类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: typeList },
|
||||||
|
]}
|
||||||
|
onFinish={getData}
|
||||||
|
/>
|
||||||
|
<Table
|
||||||
|
toolBarRender={() => (
|
||||||
|
<>
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
icon={<AddIcon />}
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push("./add");
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
新增
|
||||||
|
</Button>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
columns={[
|
||||||
|
{ title: "公司名称", dataIndex: "corpName" },
|
||||||
|
{ title: "模板名称", dataIndex: "promiseName" },
|
||||||
|
{ title: "承诺书级别", dataIndex: "levelName" },
|
||||||
|
{ title: "类型", dataIndex: "promiseType", render: (_, record) => getLabelName({ list: typeList, status: record.promiseType }) },
|
||||||
|
{ title: "添加时间", dataIndex: "createTime" },
|
||||||
|
{ title: "状态", render: (_, record) => getLabelName({ list: [{ name: "启用", bianma: "0" }, { name: "禁用", bianma: "1" }], status: record.state }) },
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
width: 150,
|
||||||
|
fixed: "right",
|
||||||
|
render: (_, record) => (
|
||||||
|
<Space>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
setBusPromiseTemplateModalOpen(true);
|
||||||
|
setId(record.id);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</Button>
|
||||||
|
<Button type="link" onClick={() => updatate(record.id, record.state)}>
|
||||||
|
{record.state === 0 ? "禁用" : "启用"}
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="link"
|
||||||
|
onClick={() => {
|
||||||
|
props.history.push(`./add?id=${record.id}`);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</Button>
|
||||||
|
|
||||||
|
<Button type="link" danger onClick={() => onDelete(record.id)}>删除</Button>
|
||||||
|
</Space>
|
||||||
|
),
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
{...tableProps}
|
||||||
|
/>
|
||||||
|
{busPromiseTemplateModalOpen && <DetailModal onCancel={() => setBusPromiseTemplateModalOpen(false)} id={id} />}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Connect([NS_COMMITMENT], true)(List);
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function BusPromiseTemplate(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default BusPromiseTemplate;
|
||||||
|
|
@ -0,0 +1,125 @@
|
||||||
|
import { Connect } from "@cqsjjb/jjb-dva-runtime";
|
||||||
|
import { Image, Modal } from "antd";
|
||||||
|
import dayjs from "dayjs";
|
||||||
|
import { useEffect, useRef, useState } from "react";
|
||||||
|
import { useReactToPrint } from "react-to-print";
|
||||||
|
import { getFileUrl } from "zy-react-library/utils";
|
||||||
|
import { NS_COMMITMENT } from "~/enumerate/namespace";
|
||||||
|
// Info.jsx
|
||||||
|
import "./index.less";
|
||||||
|
|
||||||
|
const Info = (props) => {
|
||||||
|
const [form, setForm] = useState({});
|
||||||
|
const getData = async () => {
|
||||||
|
if (props.id) {
|
||||||
|
const { data } = await props["busPromiseTemplateView"]({ id: props.id });
|
||||||
|
setForm(data);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
useEffect(() => {
|
||||||
|
props.id && getData();
|
||||||
|
}, []);
|
||||||
|
const contentRef = useRef(null);
|
||||||
|
const handlePrint = useReactToPrint({
|
||||||
|
contentRef,
|
||||||
|
pageStyle: `@page {
|
||||||
|
margin: 0mm;
|
||||||
|
}
|
||||||
|
@media print {
|
||||||
|
body {
|
||||||
|
margin: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`,
|
||||||
|
documentTitle: "",
|
||||||
|
});
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Modal
|
||||||
|
title={form.promiseType === 0 ? "安全生产承诺书" : "安全生产责任状"}
|
||||||
|
open
|
||||||
|
onCancel={props.onCancel}
|
||||||
|
okText="打印"
|
||||||
|
onOk={handlePrint}
|
||||||
|
width={800}
|
||||||
|
>
|
||||||
|
<div ref={contentRef} className="dialogContent">
|
||||||
|
<div className="cover print_use">
|
||||||
|
<h1>{form.promiseType === 0 ? "安全生产承诺书" : "安全生产责任状"}</h1>
|
||||||
|
<div>
|
||||||
|
<div>河 北 港 口 集 团 有 限 公 司</div>
|
||||||
|
<div>
|
||||||
|
（
|
||||||
|
{form.createTime ? dayjs(form.createTime).format("YYYY年") : ""}
|
||||||
|
）
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 className="title">{form.promiseType === 0 ? "安全生产承诺书" : "安全生产责任状"}</h1>
|
||||||
|
|
||||||
|
{form.promiseType === 0 && (
|
||||||
|
<div>
|
||||||
|
{`${form.name}：` || ""}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div className="text">{form.promiseText}</div>
|
||||||
|
|
||||||
|
<div className="collateral">
|
||||||
|
{form.templateDetails?.map((item, index) => (
|
||||||
|
<div key={index} className="item">{item.collateral}</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="text">
|
||||||
|
{form.promiseType === 0
|
||||||
|
? (
|
||||||
|
<div>若违反上述承诺和未履行安全生产职责，或发生责任事故的，接受政府或公司事故调查组做出的处罚决定。</div>
|
||||||
|
)
|
||||||
|
: (
|
||||||
|
<div>若未履行安全生产职责，或发生生产安全事故的，接受公司或政府事故调查组做出的处罚。</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style={{ alignItems: form.FILEPATH ? "flex-end" : "flex-start" }}>
|
||||||
|
{form.promiseType === 1 && (
|
||||||
|
<div className="hairdresser">
|
||||||
|
{!form?.ORDER?.FILEPATH
|
||||||
|
? (
|
||||||
|
<div className="promiser">
|
||||||
|
发状人：
|
||||||
|
{form.COVERPEOPLE}
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
: (
|
||||||
|
<div className="promiser">
|
||||||
|
：
|
||||||
|
<span style={{ marginRight: form?.ORDER?.FILEPATH ? "0px" : "105px" }}>
|
||||||
|
发状人：
|
||||||
|
<Image src={getFileUrl() + form.FILEPATH} alt="sign" width={100} height={100} />
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div className="footer">
|
||||||
|
<div className="respondent">
|
||||||
|
<div className="promiser">
|
||||||
|
<span style={{ marginRight: form.FILEPATH ? "0px" : "105px" }}>
|
||||||
|
{form.promiseType === 0 ? "承诺人(本人签字)" : "受状人"}
|
||||||
|
：
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Modal>
|
||||||
|
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
export default Connect([NS_COMMITMENT], true)(Info);
|
||||||
|
|
@ -0,0 +1,72 @@
|
||||||
|
.dialogContent {
|
||||||
|
padding: 50px;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
.cover {
|
||||||
|
height: 841pt;
|
||||||
|
text-align: center;
|
||||||
|
position: relative;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
padding-top: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
> div {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 100px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
.cover {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
text-indent: 35px;
|
||||||
|
line-height: 26px;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collateral {
|
||||||
|
text-indent: 35px;
|
||||||
|
line-height: 26px;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
text-indent: 35px;
|
||||||
|
margin-top: 30px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.respondent,
|
||||||
|
.hairdresser {
|
||||||
|
.promiser {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
|
||||||
|
img {
|
||||||
|
margin-left: 30px;
|
||||||
|
width: 200px;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.time {
|
||||||
|
margin-top: 30px;
|
||||||
|
margin-left: 65px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
function Supervise(props) {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Supervise;
|
||||||
Loading…
Reference in New Issue