安全承诺管理以及管理情况和模板

package.json

@@ -18,7 +18,7 @@
     "lint": "eslint --ext .js,.jsx,.tsx --fix src"
   },
   "dependencies": {
-    "@ant-design/icons": "latest",
+    "@ant-design/icons": "^6.1.0",
     "@ant-design/pro-components": "^2.8.10",
     "@cqsjjb/jjb-common-decorator": "latest",
     "@cqsjjb/jjb-common-lib": "latest",
@@ -31,13 +31,13 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-to-print": "^3.2.0",
-    "zy-react-library": "latest"
+    "zy-react-library": "^1.0.134"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^5.4.1",
     "@babel/plugin-proposal-decorators": "^7.19.3",
     "@cqsjjb/scripts": "latest",
-    "@eslint-react/eslint-plugin": "^2.2.2",
+    "@eslint-react/eslint-plugin": "^2.2.2"
     "cross-env": "^7.0.3",
     "eslint": "^9.37.0",
     "eslint-plugin-format": "^1.0.2",

src/api/commitment/index.js

@@ -26,3 +26,57 @@ export const busPromiseTemplateUpdate = declareRequest(
   "commitmentLoading",
   `Put > @/promise/busPromiseTemplate/updateStatus`,
 );
+
+// 获取下发对象为分公司时单位的数据
+export const corpInfo = declareRequest(
+  "commitmentLoading",
+  "Post > @/basicInfo/corpInfo/list",
+);
+// 获取部门数据后的岗位
+export const jobInfo = declareRequest(
+  "commitmentLoading",
+  "Post > @/basicInfo/post/listAll",
+);
+
+//* **************************************承诺表管理**********************************************************
+export const busPromiseAdd = declareRequest(
+  "commitmentLoading",
+  "Post > @/promise/busPromise/save",
+);
+export const busPromiseEdit = declareRequest(
+  "commitmentLoading",
+  "Put > @/promise/busPromise/edit",
+);
+export const busPromiseList = declareRequest(
+  "commitmentLoading",
+  "Post > @/promise/busPromise/list",
+);
+export const busPromiseView = declareRequest(
+  "commitmentLoading",
+  `Get > /promise/busPromise/{id}`,
+);
+export const updateStatus = declareRequest(
+  "commitmentLoading",
+  "Put > @/promise/busPromise/updateStatus",
+);
+export const busPromisePeople = declareRequest(
+  "commitmentLoading",
+  "Post > @/promise/busPromisePeople/list",
+);
+export const busPromisePeopleView = declareRequest(
+  "commitmentLoading",
+  `Get > /promise/busPromisePeople/{id}`,
+);
+export const busPromiseUpdate = declareRequest(
+  "commitmentLoading",
+  `Put > @/promise/busPromise/updateStatus`,
+);
+//* **************************************安全情况管理**********************************************************
+export const situationPage = declareRequest(
+  "commitmentLoading",
+  "Post > @/promise/busPromise/situationPage",
+);
+export const busPromisePeopleList = declareRequest(
+  "commitmentLoading",
+  "Post > @/promise/busPromisePeople/list",
+);

src/pages/Container/Enterprise/BusPromiseTemplate/Add/index.js

@@ -0,0 +1,113 @@
+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: [{}],
+            promiseType: 0,
+          }}
+          onFinish={onSubmit}
+          options={[
+            { name: "promiseName", label: "模板名称", span: 24 },
+            {
+              name: "promiseType",
+              label: "承诺书类型",
+              render: FORM_ITEM_RENDER_ENUM.SELECT,
+              items: [
+                { name: "承诺书", bianma: 0 },
+                { name: "责任书", bianma: 1 },
+              ],
+              componentProps: {
+                disabled: true,
+              },
+            },
+            { 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);

src/pages/Container/Enterprise/BusPromiseTemplate/List/index.js

@@ -0,0 +1,99 @@
+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 useTable from "zy-react-library/hooks/useTable";
+import { NS_COMMITMENT } from "~/enumerate/namespace";
+import DetailModal from "~/pages/Container/Supervise/Components/DetailModal";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["busPromiseTemplateList"], {
+    form,
+  });
+  const [busPromiseTemplateModalOpen, setBusPromiseTemplateModalOpen] = useState(false);
+  const [id, setId] = useState("");
+  const [modalUrl, setModalUrl] = useState("");
+  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: "模板名称" },
+        ]}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+          </>
+        )}
+        columns={[
+          { title: "模板名称", dataIndex: "promiseName" },
+          { title: "承诺书级别", dataIndex: "levelName" },
+          { title: "添加时间", dataIndex: "createTime" },
+          {
+            title: "操作",
+            width: 200,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    setBusPromiseTemplateModalOpen(true);
+                    setId(record.id);
+                    setModalUrl("busPromiseTemplateView");
+                  }}
+                >
+                  查看
+                </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>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+      {busPromiseTemplateModalOpen && <DetailModal onCancel={() => setBusPromiseTemplateModalOpen(false)} id={id} modalUrl={modalUrl} />}
+    </div>
+  );
+}
+
+export default Connect([NS_COMMITMENT], true)(List);

src/pages/Container/Enterprise/BusPromiseTemplate/index.js

@@ -0,0 +1,9 @@
+function BusPromiseTemplate(props) {
+  return (
+    <div>
+      {props.children}
+    </div>
+  );
+}
+
+export default BusPromiseTemplate;

src/pages/Container/Enterprise/Components/DetailModal/index.js

@@ -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[props.modalUrl]({ 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.userName}：` || ""}
+            </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.filepath
+                  ? (
+                      <div className="promiser">
+                        发状人：
+                        {form.userName}
+                      </div>
+                    )
+                  : (
+                      <div className="promiser">
+                        ：
+                        <span style={{ marginRight: form.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);

src/pages/Container/Enterprise/Components/DetailModal/index.less

@@ -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;
+    }
+  }
+}

src/pages/Container/Enterprise/Management/Add/index.js

@@ -0,0 +1,547 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Col, Divider, Form, Input, message, Modal, Row, Select, Space } from "antd";
+import dayjs from "dayjs";
+import { cloneDeep } from "lodash-es";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_COMMITMENT } from "~/enumerate/namespace";
+
+const typeList = [{ name: "承诺书", bianma: 0 }, { name: "责任书", bianma: 1 }];
+const getTypeName = (value) => {
+  return typeList.find(item => item.bianma === value)?.name || "";
+};
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const promisePersons = Form.useWatch("promisePersons", form);
+  const promiseType = Form.useWatch("promiseType", form);
+  const [basicInfo, setBasicInfo] = useState([]);
+  const [choiceTemplateModalOpen, setchoiceTemplateModalOpen] = useState(false);
+
+  const getPostList = async (departmentId, corpId, index) => {
+    // 请求后台岗位接口
+    const { data } = await props["jobInfo"]({ departmentId, corpFlag: 1 });
+    // 将岗位列表写入 map
+    setBasicInfo((prevBasicInfo) => {
+      const newBasicInfo = cloneDeep(prevBasicInfo);
+      newBasicInfo[index] = data;
+      return newBasicInfo;
+    });
+  };
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseView"]({ id: query.id });
+      const promisePeopleBack = data.promisePeopleBack.map(item => ({
+        ...item,
+        userName: item.userName.split(","),
+        userId: item.userId.split(","),
+      }));
+      const values = {
+        ...data,
+        promisePersons: promisePeopleBack,
+        promiseTypeName: getTypeName(data.promiseType),
+        passiveDepartmentId: data.promisePeople.departmentId,
+        passiveDepartmentName: data.promisePeople.departmentName,
+        passivePostId: data.promisePeople.postId,
+        passivePostName: data.promisePeople.postName,
+        passiveUserId: data.promisePeople.userId,
+        passiveUserName: data.promisePeople.userName,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+      for (let i = 0; i < values.promisePersons.length; i++) {
+        await getPostList(values.promisePersons[i].departmentId, values.promisePersons[i].corpId, i);
+      }
+    }
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const persons = promisePersons.map(item => ({
+      ...item,
+      userName: item.userName.join(","),
+      userId: item.userId.join(","),
+      isPromisePeople: 0,
+    }));
+    const peoples = {
+      departmentId: values.passiveDepartmentId,
+      departmentName: values.passiveDepartmentName,
+      postId: values.passivePostId,
+      postName: values.passivePostName,
+      userId: values.passiveUserId,
+      userName: values.passiveUserName,
+      isPromisePeople: 1,
+    };
+    const promiseAll = [peoples, ...persons];
+
+    const { success } = await props[!query.id ? "busPromiseAdd" : "busPromiseEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      promisePeoples: promiseAll,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          values={{
+            promisePeoples: [{}], // 被承诺人
+            promisePersons: [{}], // 承诺人
+            promiseDetails: [{}], // 模板
+          }}
+          onFinish={onSubmit}
+          options={[
+            { name: "promiseName", label: "承诺书名称" },
+            {
+              name: "level",
+              label: "承诺书级别",
+              render: (
+                <DictionarySelect
+                  dictValue="PROMISE_LEVEL"
+                  onGetLabel={label => form.setFieldValue("levelName", label)}
+                />
+              ),
+            },
+            { name: "levelName", label: "承诺书级别名称", onlyForLabel: true },
+            { name: "promiseTermStart", label: "适用期限开始", render: FORM_ITEM_RENDER_ENUM.DATE },
+            {
+              name: "promiseTermEnd",
+              label: "适用期限结束",
+              render: FORM_ITEM_RENDER_ENUM.DATE,
+              rules: [{
+                validator: (_, value) => {
+                  const timeStart = form.getFieldValue("promiseTermStart");
+                  if (value && timeStart && value < timeStart) {
+                    return Promise.reject("结束时间不能早于开始时间");
+                  }
+                  else {
+                    return Promise.resolve();
+                  }
+                },
+              }, {
+                validator: (_, value) => {
+                  const timeStart = form.getFieldValue("promiseTermStart");
+                  if (value && timeStart) {
+                    const startYear = dayjs(timeStart).year();
+                    const endYear = dayjs(value).year();
+
+                    if (startYear !== endYear) {
+                      return Promise.reject("开始时间和结束时间不能跨年");
+                    }
+                  }
+                  return Promise.resolve();
+                },
+              }],
+            },
+            {
+              key: "promiseDetails",
+              span: 24,
+              customizeRender: true,
+              render: (
+                <>
+                  <Divider orientation="left">承诺书内容</Divider>
+                  <div style={{ textAlign: "right", marginBottom: "20px" }}>
+                    <Button
+                      type="primary"
+                      onClick={() => {
+                        setchoiceTemplateModalOpen(true);
+                      }}
+                    >
+                      选择模板
+                    </Button>
+                  </div>
+
+                  <div>
+                    <Row>
+                      <Col span={24}>
+                        <Form.Item
+                          label="类型"
+                          rules={
+                            [
+                              { required: true, message: "请输入类型" },
+                            ]
+                          }
+                          name="promiseTypeName"
+                          labelCol={{ span: 2 }}
+                          wrapperCol={{ span: 22 }}
+                        >
+                          <Input disabled />
+                        </Form.Item>
+                        <Form.Item label="类型" noStyle name="promiseType">
+                          <input type="hidden" />
+                        </Form.Item>
+                      </Col>
+                      <Col span={24}>
+                        <Form.Item
+                          label="正文"
+                          rules={
+                            [
+                              { required: true, message: "请输入正文" },
+                            ]
+                          }
+                          name="promiseText"
+                          labelCol={{ span: 2 }}
+                          wrapperCol={{ span: 22 }}
+                        >
+                          <Input placeholder="请输入正文" />
+                        </Form.Item>
+                      </Col>
+                    </Row>
+                    <Form.List name="promiseDetails">
+                      {(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>
+
+                  {choiceTemplateModalOpen && (
+                    <ChoiceTemplateModal
+                      parentForm={form}
+                      onCancel={() => setchoiceTemplateModalOpen(false)}
+                      data={{ id: query.id, hiddenId: query.hiddenId }}
+                    />
+                  )}
+                </>
+              ),
+            },
+            {
+              key: "promisePersons",
+              span: 24,
+              customizeRender: true,
+              render: (
+                <>
+                  <Divider orientation="left">
+                    {promiseType === 1 || promiseType === "责任书"
+                      ? "受状人"
+                      : "承诺人"}
+                  </Divider>
+
+                  <Form.List name="promisePersons">
+                    {(fields, { add, remove }) => (
+                      <>
+                        {fields.map((field, index) => (
+                          <Row gutter={[24, 10]} key={field.key} style={{ marginBottom: 10 }}>
+                            <Col span={8}>
+                              <Form.Item
+                                label={`部门${index + 1}`}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择部门" },
+                                  ]
+                                }
+                                name={[field.name, "departmentId"]}
+                              >
+                                <DepartmentSelectTree
+                                  onChange={async (departmentId) => {
+                                    form.setFieldValue(["promisePersons", field.name, "postId"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "postName"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "userName"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "userId"], []);
+
+                                    if (!departmentId)
+                                      return;
+                                    getPostList(departmentId, promisePersons?.[field.name]?.corpId, index);
+                                  }}
+                                  onGetLabel={(label) => {
+                                    form.setFieldValue(["promisePersons", field.name, "departmentName"], label);
+                                  }}
+                                />
+                              </Form.Item>
+                              <Form.Item label="部门" noStyle name={[field.name, "departmentName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+
+                            <Col span={8}>
+                              <Form.Item
+                                label={`岗位${index + 1}`}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择岗位" },
+                                  ]
+                                }
+                                name={[field.name, "postId"]}
+                              >
+                                <Select
+                                  onChange={(value) => {
+                                    const label = basicInfo[index].find(item => item.id === value)?.postName;
+                                    form.setFieldValue(["promisePersons", field.name, "postName"], label);
+                                    form.setFieldValue(["promisePersons", field.name, "userName"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "userId"], []);
+                                  }}
+                                  placeholder="请选择岗位"
+                                  showSearch
+                                  allowClear
+                                  optionFilterProp="children"
+                                >
+                                  {(basicInfo[index] || []).map((item) => {
+                                    const value = item.id;
+                                    const label = item.postName;
+                                    return (
+                                      <Select.Option key={value} value={value}>
+                                        {label}
+                                      </Select.Option>
+                                    );
+                                  })}
+                                </Select>
+                              </Form.Item>
+                              <Form.Item label="岗位" noStyle name={[field.name, "postName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                            <Col span={6}>
+                              <Form.Item
+                                label={`人员${index + 1}`}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择人员" },
+                                  ]
+                                }
+                                name={[field.name, "userId"]}
+                              >
+                                <PersonnelSelect
+                                  params={{
+                                    postId: promisePersons?.[field.name]?.postId || "",
+                                    departmentId: promisePersons?.[field.name]?.departmentId || "",
+                                  }}
+                                  isNeedPostId={true}
+                                  onGetLabel={(label) => {
+                                    form.setFieldValue(["promisePersons", field.name, "userName"], label);
+                                  }}
+                                  mode={(promiseType === 1 || promiseType === "责任书") ? "tags" : "multiple"}
+                                />
+                              </Form.Item>
+                              <Form.Item label="人员" noStyle name={[field.name, "userName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                            {
+                              promiseType === 1 || promiseType === "责任书"
+                                ? ""
+                                : (index >= 1
+                                    ? <Button type="primary" danger onClick={() => remove(field.name)}>删除</Button>
+                                    : <Button type="primary" onClick={() => add()}>新增</Button>)
+                            }
+
+                          </Row>
+                        ))}
+                      </>
+                    )}
+                  </Form.List>
+                </>
+              ),
+            },
+            { key: "passive", label: (promiseType === 1 || promiseType === "责任书") ? "发状人" : "被承诺人", render: FORM_ITEM_RENDER_ENUM.DIVIDER },
+            { name: "passiveDepartmentId", label: "部门", span: 8, render: (
+              <DepartmentSelectTree
+                onChange={async (departmentId) => {
+                // 清空岗位和人员
+                  form.setFieldValue("passivePostName", "");
+                  form.setFieldValue("passivePostId", []);
+                  form.setFieldValue("passiveUserName", "");
+                  form.setFieldValue("passiveUserId", []);
+
+                  if (!departmentId)
+                    return;
+                  getPostList(departmentId, "", 0);
+                }}
+                onGetLabel={(label) => {
+                  form.setFieldValue("passiveDepartmentName", label);
+                }}
+              />
+            ) },
+            { name: "passiveDepartmentName", label: "部门名称", onlyForLabel: true },
+            { name: "passivePostId", label: "岗位", span: 8, render:
+                (
+                  <>
+                    <Select
+                      onChange={(value) => {
+                        const label = basicInfo[0].find(item => item.id === value)?.postName;
+                        form.setFieldValue("passivePostName", label);
+                        form.setFieldValue("passiveUserName", "");
+                        form.setFieldValue("passiveUserId", []);
+                      }}
+                      placeholder="请选择岗位"
+                      showSearch
+                      allowClear
+                      optionFilterProp="children"
+                    >
+                      {(basicInfo[0] || []).map((item) => {
+                        const value = item.id;
+                        const label = item.postName;
+                        return (
+                          <Select.Option key={value} value={value}>
+                            {label}
+                          </Select.Option>
+                        );
+                      })}
+                    </Select>
+                  </>
+                ) },
+            { name: "passivePostName", label: "岗位名称", onlyForLabel: true },
+            { name: "passiveUserId", label: "人员", span: 8, render: (
+              <PersonnelSelect
+                params={{
+                  postId: form.getFieldValue("passivePostId") || "",
+                  departmentId: form.getFieldValue("passiveDepartmentId") || "",
+                }}
+                isNeedPostId={true}
+                onGetLabel={(label) => {
+                  form.setFieldValue("passiveUserName", label);
+                }}
+                onChange={(value) => {
+                  form.setFieldValue("passiveUserId", value);
+                }}
+                // mode="multiple"
+              />
+            ) },
+            { name: "passiveUserName", label: "人员名称", onlyForLabel: true },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+
+const ChoiceTemplateModalComponent = (props) => {
+  const parentForm = props.parentForm; // 使用外层表单
+  const [form] = Form.useForm(); // ← 只给搜索用，不影响主页面
+  const { tableProps, getData } = useTable(props["busPromiseTemplateList"], {
+    form,
+  });
+
+  return (
+    <Modal
+      open
+      width={800}
+      footer={[
+        <Button key="close" onClick={() => props.onCancel()}>关闭</Button>,
+      ]}
+      onCancel={props.onCancel}
+    >
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          form={form}
+          options={[
+            { name: "hiddenDesc", label: "承诺书名称" },
+          ]}
+          onFinish={getData}
+        />
+        <Table
+          columns={[
+            { title: "承诺书名称", dataIndex: "promiseName" },
+            {
+              title: "类型",
+              dataIndex: "promiseType",
+              render: (_, record) => getLabelName({ list: typeList, status: record.promiseType }),
+            },
+            {
+              title: "操作",
+              width: 200,
+              fixed: "right",
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      // 更新外层 Form（主页面）
+                      parentForm.setFieldValue("promiseType", record.promiseType);
+                      parentForm.setFieldValue("promiseTypeName", getTypeName(record.promiseType));
+                      parentForm.setFieldValue("promiseText", record.promiseText);
+                      parentForm.setFieldValue(
+                        "promiseDetails",
+                        record.templateDetails?.length
+                          ? record.templateDetails
+                          : [{}],
+                      );
+                      const promisePersonsList = parentForm.getFieldValue("promisePersons");
+                      promisePersonsList.forEach((item, index) => {
+                        parentForm.setFieldValue(["promisePersons", index], "");
+                      });
+                      parentForm.setFieldValue("passiveDepartmentName", "");
+                      parentForm.setFieldValue("passiveDepartmentId", []);
+                      parentForm.setFieldValue("passivePostName", "");
+                      parentForm.setFieldValue("passivePostId", []);
+                      parentForm.setFieldValue("passiveUserName", "");
+                      parentForm.setFieldValue("passiveUserId", []);
+                      props.onCancel();
+                    }}
+                  >
+                    选择
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </Modal>
+  );
+};
+const ChoiceTemplateModal = Connect([NS_COMMITMENT], true)(ChoiceTemplateModalComponent); export default Connect([NS_COMMITMENT], true)(Add);

src/pages/Container/Enterprise/Management/Add/index1.js

@@ -0,0 +1,586 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Col, Divider, Form, Input, message, Modal, Row, Select, Space } from "antd";
+import dayjs from "dayjs";
+import { cloneDeep } from "lodash-es";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_COMMITMENT } from "~/enumerate/namespace";
+
+const typeList = [{ name: "承诺书", bianma: 0 }, { name: "责任书", bianma: 1 }];
+const getTypeName = (value) => {
+  return typeList.find(item => item.bianma === value)?.name || "";
+};
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const promisePeoples = Form.useWatch("promisePeoples", form);
+  const promisePersons = Form.useWatch("promisePersons", form);
+  const promiseType = Form.useWatch("promiseType", form);
+  const [basicInfo, setBasicInfo] = useState([]);
+  const [choiceTemplateModalOpen, setchoiceTemplateModalOpen] = useState(false);
+
+  const getPostList = async (departmentId, corpId, index) => {
+    // 请求后台岗位接口
+    const { data } = await props["jobInfo"]({ departmentId, corpinfoId: corpId, corpFlag: 1 });
+    // 将岗位列表写入 map
+    setBasicInfo((prevBasicInfo) => {
+      const newBasicInfo = cloneDeep(prevBasicInfo);
+      newBasicInfo[index] = data;
+      return newBasicInfo;
+    });
+  };
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseView"]({ id: query.id });
+      const promisePeopleBack = data.promisePeopleBack.map(item => ({
+        ...item,
+        userName: item.userName.split(","),
+        userId: item.userId.split(","),
+      }));
+      const values = {
+        ...data,
+        promisePeoples: [data.promisePeople],
+        promiseTypeName: getTypeName(data.promiseType),
+        promisePersons: promisePeopleBack,
+      };
+      form.setFieldsValue({
+        ...values,
+      });
+      for (let i = 0; i < values.promisePersons.length; i++) {
+        await getPostList(values.promisePersons[i].departmentId, values.promisePersons[i].corpId, i);
+      }
+    }
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const peoples = promisePeoples.map(item => ({
+      ...item,
+      isPromisePeople: 1,
+    }));
+    const persons = promisePersons.map(item => ({
+      ...item,
+      userName: item.userName.join(","),
+      userId: item.userId.join(","),
+      isPromisePeople: 0,
+    }));
+    const promiseAll = [...peoples, ...persons];
+
+    const { success } = await props[!query.id ? "busPromiseAdd" : "busPromiseEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      promisePeoples: promiseAll,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          values={{
+            promisePeoples: [{}], // 被承诺人
+            promisePersons: [{}], // 承诺人
+            promiseDetails: [{}], // 模板
+          }}
+          onFinish={onSubmit}
+          options={[
+            { name: "promiseName", label: "承诺书名称" },
+            {
+              name: "level",
+              label: "承诺书级别",
+              render: (
+                <DictionarySelect
+                  dictValue="PROMISE_LEVEL"
+                  onGetLabel={label => form.setFieldValue("levelName", label)}
+                />
+              ),
+            },
+            { name: "levelName", label: "承诺书级别名称", onlyForLabel: true },
+            { name: "promiseTermStart", label: "适用期限开始", render: FORM_ITEM_RENDER_ENUM.DATE },
+            {
+              name: "promiseTermEnd",
+              label: "适用期限结束",
+              render: FORM_ITEM_RENDER_ENUM.DATE,
+              rules: [{
+                validator: (_, value) => {
+                  const timeStart = form.getFieldValue("promiseTermStart");
+                  if (value && timeStart && value < timeStart) {
+                    return Promise.reject("结束时间不能早于开始时间");
+                  }
+                  else {
+                    return Promise.resolve();
+                  }
+                },
+              }, {
+                validator: (_, value) => {
+                  const timeStart = form.getFieldValue("promiseTermStart");
+                  if (value && timeStart) {
+                    const startYear = dayjs(timeStart).year();
+                    const endYear = dayjs(value).year();
+
+                    if (startYear !== endYear) {
+                      return Promise.reject("开始时间和结束时间不能跨年");
+                    }
+                  }
+                  return Promise.resolve();
+                },
+              }],
+            },
+            {
+              key: "promiseDetails",
+              span: 24,
+              customizeRender: true,
+              render: (
+                <>
+                  <Divider orientation="left">承诺书内容</Divider>
+                  <div style={{ textAlign: "right", marginBottom: "20px" }}>
+                    <Button
+                      type="primary"
+                      onClick={() => {
+                        setchoiceTemplateModalOpen(true);
+                      }}
+                    >
+                      选择模板
+                    </Button>
+                  </div>
+
+                  <div>
+                    <Row>
+                      <Col span={24}>
+                        <Form.Item
+                          label="类型"
+                          rules={
+                            [
+                              { required: true, message: "请输入类型" },
+                            ]
+                          }
+                          name="promiseTypeName"
+                          labelCol={{ span: 2 }}
+                          wrapperCol={{ span: 22 }}
+                        >
+                          <Input disabled />
+                        </Form.Item>
+                        <Form.Item label="类型" noStyle name="promiseType">
+                          <input type="hidden" />
+                        </Form.Item>
+                      </Col>
+                      <Col span={24}>
+                        <Form.Item
+                          label="正文"
+                          rules={
+                            [
+                              { required: true, message: "请输入正文" },
+                            ]
+                          }
+                          name="promiseText"
+                          labelCol={{ span: 2 }}
+                          wrapperCol={{ span: 22 }}
+                        >
+                          <Input placeholder="请输入正文" />
+                        </Form.Item>
+                      </Col>
+                    </Row>
+                    <Form.List name="promiseDetails">
+                      {(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>
+
+                  {choiceTemplateModalOpen && (
+                    <ChoiceTemplateModal
+                      parentForm={form}
+                      onCancel={() => setchoiceTemplateModalOpen(false)}
+                      data={{ id: query.id, hiddenId: query.hiddenId }}
+                    />
+                  )}
+                </>
+              ),
+            },
+            {
+              key: "promisePersons",
+              span: 24,
+              customizeRender: true,
+              render: (
+                <>
+                  <Divider orientation="left">
+                    {promiseType === 1 || promiseType === "责任书"
+                      ? "受状人"
+                      : "承诺人"}
+                  </Divider>
+
+                  <Form.List name="promisePersons">
+                    {(fields, { add, remove }) => (
+                      <>
+                        {fields.map((field, index) => (
+                          <Row gutter={[24, 10]} key={field.key} style={{ marginBottom: 10 }}>
+                            <Col span={8}>
+                              <Form.Item
+                                label={`部门${index + 1}`}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择部门" },
+                                  ]
+                                }
+                                name={[field.name, "departmentId"]}
+                              >
+                                <DepartmentSelectTree
+                                  onChange={async (departmentId) => {
+                                    form.setFieldValue(["promisePersons", field.name, "postId"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "postName"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "userName"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "userId"], []);
+
+                                    if (!departmentId)
+                                      return;
+                                    getPostList(departmentId, promisePersons?.[field.name]?.corpId, index);
+                                  }}
+                                  onGetLabel={(label) => {
+                                    form.setFieldValue(["promisePersons", field.name, "departmentName"], label);
+                                  }}
+                                />
+                              </Form.Item>
+                              <Form.Item label="部门" noStyle name={[field.name, "departmentName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+
+                            <Col span={8}>
+                              <Form.Item
+                                label={`岗位${index + 1}`}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择岗位" },
+                                  ]
+                                }
+                                name={[field.name, "postId"]}
+                              >
+                                <Select
+                                  onChange={(value) => {
+                                    const label = basicInfo[index].find(item => item.id === value)?.postName;
+                                    form.setFieldValue(["promisePersons", field.name, "postName"], label);
+                                    form.setFieldValue(["promisePersons", field.name, "userName"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "userId"], []);
+                                  }}
+                                  placeholder="请选择岗位"
+                                  showSearch
+                                  allowClear
+                                  optionFilterProp="children"
+                                >
+                                  {(basicInfo[index] || []).map((item) => {
+                                    const value = item.id;
+                                    const label = item.postName;
+                                    return (
+                                      <Select.Option key={value} value={value}>
+                                        {label}
+                                      </Select.Option>
+                                    );
+                                  })}
+                                </Select>
+                              </Form.Item>
+                              <Form.Item label="岗位" noStyle name={[field.name, "postName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                            <Col span={6}>
+                              <Form.Item
+                                label={`人员${index + 1}`}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择人员" },
+                                  ]
+                                }
+                                name={[field.name, "userId"]}
+                              >
+                                <PersonnelSelect
+                                  params={{
+                                    postId: promisePersons?.[field.name]?.postId || "",
+                                    departmentId: promisePersons?.[field.name]?.departmentId || "",
+                                  }}
+                                  isNeedPostId={true}
+                                  onGetLabel={(label) => {
+                                    form.setFieldValue(["promisePersons", field.name, "userName"], label);
+                                  }}
+                                  mode={(promiseType === 1 || promiseType === "责任书") ? "tags" : "multiple"}
+                                />
+                              </Form.Item>
+                              <Form.Item label="人员" noStyle name={[field.name, "userName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                            {
+                              promiseType === 1 || promiseType === "责任书"
+                                ? ""
+                                : (index >= 1
+                                    ? <Button type="primary" danger onClick={() => remove(field.name)}>删除</Button>
+                                    : <Button type="primary" onClick={() => add()}>新增</Button>)
+                            }
+
+                          </Row>
+                        ))}
+                      </>
+                    )}
+                  </Form.List>
+                </>
+              ),
+            },
+            {
+              key: "promisePeoples",
+              span: 24,
+              customizeRender: true,
+              render: (
+                <>
+                  <Divider orientation="left">
+
+                    {promiseType === 1 || promiseType === "责任书"
+                      ? "发状人"
+                      : "被承诺人"}
+                  </Divider>
+                  <Form.List name="promisePeoples">
+                    {(fields, { add, remove }) => (
+                      <>
+                        {fields.map((field, index) => (
+                          <Row gutter={[24, 10]} key={field.key} style={{ marginBottom: 10 }}>
+                            <Col span={8}>
+                              <Form.Item
+                                label="部门"
+                                wrapperCol={{ span: 22 }}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择部门" },
+                                  ]
+                                }
+                                name={[field.name, "departmentId"]}
+                              >
+                                <DepartmentSelectTree
+                                  onChange={async (departmentId) => {
+                                    // 清空人员
+                                    form.setFieldValue(["promisePeoples", field.name, "userName"], "");
+                                    form.setFieldValue(["promisePeoples", field.name, "userId"], []);
+                                  }}
+                                  onGetLabel={(label) => {
+                                    form.setFieldValue(["promisePeoples", field.name, "departmentName"], label);
+                                  }}
+                                />
+                              </Form.Item>
+                              <Form.Item label="部门" noStyle name={[field.name, "departmentName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                            <Col span={8}>
+                              <Form.Item
+                                label="岗位"
+                                rules={
+                                  [
+                                    { required: true, message: "请选择岗位" },
+                                  ]
+                                }
+                                name={[field.name, "postId"]}
+                              >
+                                <Select
+                                  onChange={(value) => {
+                                    const label = basicInfo[index].find(item => item.id === value)?.postName;
+                                    form.setFieldValue(["promisePeoples", field.name, "postName"], label);
+                                    form.setFieldValue(["promisePeoples", field.name, "userName"], "");
+                                    form.setFieldValue(["promisePeoples", field.name, "userId"], []);
+                                  }}
+                                  placeholder="请选择岗位"
+                                  showSearch
+                                  allowClear
+                                  optionFilterProp="children"
+                                >
+                                  {(basicInfo[index] || []).map((item) => {
+                                    const value = item.id;
+                                    const label = item.postName;
+                                    return (
+                                      <Select.Option key={value} value={value}>
+                                        {label}
+                                      </Select.Option>
+                                    );
+                                  })}
+                                </Select>
+                              </Form.Item>
+                              <Form.Item label="岗位" noStyle name={[field.name, "postName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                            <Col span={8}>
+                              <Form.Item
+                                label="人员"
+                                rules={
+                                  [
+                                    { required: true, message: "请选择人员" },
+                                  ]
+                                }
+                                name={[field.name, "userId"]}
+                              >
+                                <PersonnelSelect
+                                  params={{ departmentId: promisePeoples?.[field.name]?.departmentId || "" }}
+                                  onGetLabel={(label) => {
+                                    form.setFieldValue(["promisePeoples", field.name, "userName"], label);
+                                  }}
+                                  onChange={(value) => {
+                                    form.setFieldValue(["promisePeoples", field.name, "userId"], value);
+                                  }}
+                                  // mode="multiple"
+                                />
+                              </Form.Item>
+                              <Form.Item label="人员" noStyle name={[field.name, "userName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+
+                          </Row>
+                        ))}
+                      </>
+                    )}
+                  </Form.List>
+
+                </>
+              ),
+            },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+
+const ChoiceTemplateModalComponent = (props) => {
+  const parentForm = props.parentForm; // 使用外层表单
+  const [form] = Form.useForm(); // ← 只给搜索用，不影响主页面
+  const { tableProps, getData } = useTable(props["busPromiseTemplateList"], {
+    form,
+  });
+
+  return (
+    <Modal
+      open
+      width={800}
+      footer={[
+        <Button key="close" onClick={() => props.onCancel()}>关闭</Button>,
+      ]}
+      onCancel={props.onCancel}
+    >
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          form={form}
+          options={[
+            { name: "hiddenDesc", label: "承诺书名称" },
+          ]}
+          onFinish={getData}
+        />
+        <Table
+          columns={[
+            { title: "承诺书名称", dataIndex: "promiseName" },
+            {
+              title: "类型",
+              dataIndex: "promiseType",
+              render: (_, record) => getLabelName({ list: typeList, status: record.promiseType }),
+            },
+            {
+              title: "操作",
+              width: 200,
+              fixed: "right",
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      // 更新外层 Form（主页面）
+                      parentForm.setFieldValue("promiseType", record.promiseType);
+                      parentForm.setFieldValue("promiseTypeName", getTypeName(record.promiseType));
+                      parentForm.setFieldValue("promiseText", record.promiseText);
+                      parentForm.setFieldValue(
+                        "promiseDetails",
+                        record.templateDetails?.length
+                          ? record.templateDetails
+                          : [{}],
+                      );
+                      const promisePersonsList = parentForm.getFieldValue("promisePersons");
+                      promisePersonsList.forEach((item, index) => {
+                        parentForm.setFieldValue(["promisePersons", index], "");
+                      });
+                      const promisePeoplesList = parentForm.getFieldValue("promisePeoples");
+                      promisePeoplesList.forEach((item, index) => {
+                        parentForm.setFieldValue(["promisePeoples", index], "");
+                      });
+                      props.onCancel();
+                    }}
+                  >
+                    选择
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </Modal>
+  );
+};
+const ChoiceTemplateModal = Connect([NS_COMMITMENT], true)(ChoiceTemplateModalComponent); export default Connect([NS_COMMITMENT], true)(Add);

src/pages/Container/Enterprise/Management/Detail/index.js

@@ -0,0 +1,108 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { NS_COMMITMENT } from "~/enumerate/namespace";
+import DetailModal from "~/pages/Container/Supervise/Components/DetailModal";
+
+function Detail(props) {
+  const query = useGetUrlQuery();
+  const [detail, setDetail] = useState("");
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseView"]({ id: query.id });
+      setDetail(data);
+      console.log(data);
+    }
+  };
+  const [busPromiseTemplateModalOpen, setBusPromiseTemplateModalOpen] = useState(false);
+  const [id, setId] = useState("");
+  const [modalUrl, setModalUrl] = useState("");
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Divider orientation="left">基本信息</Divider>
+        <Descriptions
+          bordered
+          column={1}
+          labelStyle={{ width: 200 }}
+          items={[
+            { label: "承诺书名称", children: detail.promiseName },
+            { label: "承诺书级别", children: detail.levelName },
+            { label: "适用期限开始", children: detail.promiseTermStart },
+            { label: "适用期限结束", children: detail.promiseTermEnd },
+          ]}
+        />
+        <Divider orientation="left">承诺内容</Divider>
+        <Descriptions
+          bordered
+          column={1}
+          labelStyle={{ width: 200 }}
+          items={[
+            { label: "正文", children: detail.promiseText },
+            ...(detail.promiseDetails || []).map((item, index) => ({
+              label: `副文${index + 1}`,
+              children: item.collateral || "-",
+            })),
+          ]}
+        />
+        <Divider orientation="left">
+          {detail.promiseType === 1
+            ? "受状人"
+            : "承诺人"}
+        </Divider>
+
+        <Descriptions
+          bordered
+          column={3}
+          labelStyle={{ width: 200 }}
+          items={[
+            ...(detail.promisePersons || []).flatMap((item, index) => {
+              const base = [
+                { label: `部门${index + 1}`, children: item.departmentName || "-", span: (detail.releasePlatform !== 1 ? 2 : 1) },
+                { label: `岗位${index + 1}`, children: item.postName || "-" },
+                { label: `人员${index + 1}`, children: item.userName || "-" },
+              ];
+              return base;
+            }),
+          ]}
+        />
+        <Divider orientation="left">
+          {detail.promiseType === 1
+            ? "发状人"
+            : "被承诺人"}
+        </Divider>
+        <Descriptions
+          bordered
+          column={3}
+          labelStyle={{ width: 200 }}
+          items={[
+            { label: "部门", children: detail.promisePeople?.departmentName || "-" },
+            { label: "岗位", children: detail.promisePeople?.postName || "-" },
+            { label: "人员", children: detail.promisePeople?.userName || "-" },
+          ]}
+        />
+        <div style={{ textAlign: "center", margin: "20px 0" }}>
+          <Button
+            type="primary"
+            onClick={() => {
+              setBusPromiseTemplateModalOpen(true);
+              setId(query.id);
+              setModalUrl("busPromiseView");
+            }}
+          >
+            模板
+          </Button>
+        </div>
+        {busPromiseTemplateModalOpen && <DetailModal onCancel={() => setBusPromiseTemplateModalOpen(false)} id={id} modalUrl={modalUrl} />}
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_COMMITMENT], true)(Detail);

src/pages/Container/Enterprise/Management/List/index.js

@@ -0,0 +1,137 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal, Space, Tooltip } from "antd";
+import { useEffect, useState } from "react";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+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";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["busPromiseList"], {
+    form,
+    transform: formData => ({
+      eqCreateTimeS: formData.datas?.[0],
+      eqCreateTimeE: formData.datas?.[1],
+    }),
+  });
+  const [dorpInfo, setDorpInfo] = useState("");
+  const getDorpInfo = async () => {
+    const { data } = await props["corpInfo"]({ enterpriseType: 2, pageSize: 1000, pageIndex: 1 });
+    setDorpInfo(data);
+  };
+  useEffect(() => {
+    getDorpInfo();
+  }, []);
+  // 点击下发
+  const handleRelease = (id, state) => {
+    const stateValue = state === 0 ? 1 : 0;
+    if (state === 1) {
+      Modal.confirm({
+        title: "提示",
+        content: "确定要下发当前承诺书吗？",
+        onOk: async () => {
+          const { success } = await props["busPromiseUpdate"]({ id, state: stateValue });
+          if (success) {
+            message.success("更新成功");
+            getData();
+          }
+        },
+      });
+    }
+  };
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        form={form}
+        options={[
+          { name: "likePromiseName", label: "承诺书名称" },
+          { name: "eqLevel", label: "承诺书级别", render: (<DictionarySelect dictValue="PROMISE_LEVEL" onGetLabel={label => form.setFieldValue("levelName", label)} />) },
+          { name: "dates", label: "下发时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
+          { name: "eqDepartments", label: "部门", render: (<DepartmentSelectTree />) },
+        ]}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+          </>
+        )}
+        columns={[
+          { title: "承诺书名称", dataIndex: "promiseName" },
+          { title: "承诺书级别", dataIndex: "levelName" },
+          { title: "适用期限", render: (_, record) => `${record.promiseTermStart}至${record.promiseTermEnd}` },
+          { title: "下发对象", dataIndex: "releasePlatform", render: (_, record) => getLabelName({ list: [[{ name: "分公司", bianma: 1 }, { name: "股份内部", bianma: 2 }]], status: record.releasePlatform }) },
+          { title: "涉及部门", dataIndex: "departmentNames" },
+          { title: "涉及岗位", dataIndex: "postNames" },
+          { title: "承诺人数/涉及人数", dataIndex: "signedCount" },
+          { title: "下发时间", dataIndex: "updateTime" },
+          { title: "状态", render: (_, record) => getLabelName({ list: [{ name: "启用", bianma: "0" }, { name: "禁用", bianma: "1" }], status: record.state }) },
+          {
+            title: "操作",
+            width: 200,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./detail?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+                <Tooltip title="下发后不可编辑" placement="top">
+                  <Button
+                    type="link"
+                    onClick={() => handleRelease(record.id, record.state)}
+                    disabled={record.state === 0}
+                  >
+                    下发
+                  </Button>
+                </Tooltip>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./add?id=${record.id}`);
+                  }}
+                  disabled={record.state === 0}
+                >
+                  编辑
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./Release?id=${record.promiseId}`);
+                  }}
+                  disabled={record.state !== 0}
+                >
+                  签署详情
+                </Button>
+
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_COMMITMENT], true)(List);

src/pages/Container/Enterprise/Management/Release/index.js

@@ -0,0 +1,62 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import { useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+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";
+
+function List(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["busPromisePeople"], {
+    form,
+    params: { eqPromiseId: query.id },
+  });
+  const [busPromiseTemplateModalOpen, setBusPromiseTemplateModalOpen] = useState(false);
+  const [id, setId] = useState("");
+  const [modalUrl, setModalUrl] = useState("");
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Table
+          columns={[
+            { title: "部门", dataIndex: "departmentName" },
+            { title: "岗位", dataIndex: "postName" },
+            { title: "人员", dataIndex: "userName" },
+            { title: "签署时间", dataIndex: "signTime" },
+            { title: "签署状态", render: (_, record) => getLabelName({ list: [{ name: "未签署", bianma: "0" }, { name: "已签署", bianma: "1" }], status: record.isSign }) },
+            {
+              title: "操作",
+              width: 200,
+              fixed: "right",
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      setBusPromiseTemplateModalOpen(true);
+                      setId(record.id);
+                      setModalUrl("busPromisePeopleView");
+                    }}
+                  >
+                    查看
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+        {busPromiseTemplateModalOpen && <DetailModal onCancel={() => setBusPromiseTemplateModalOpen(false)} id={id} modalUrl={modalUrl} />}
+      </div>
+    </div>
+
+  );
+}
+
+export default Connect([NS_COMMITMENT], true)(List);

src/pages/Container/Enterprise/Management/index.js

@@ -0,0 +1,9 @@
+function Management(props) {
+  return (
+    <div>
+      {props.children}
+    </div>
+  );
+}
+
+export default Management;

src/pages/Container/Enterprise/index.js

@@ -0,0 +1,9 @@
+function BusPromise(props) {
+  return (
+    <div>
+      {props.children}
+    </div>
+  );
+}
+
+export default BusPromise;

src/pages/Container/Supervise/BusPromiseTemplate/List/index.js

@@ -10,7 +10,7 @@ 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" }];
+const typeList = [{ name: "承诺书", bianma: 0 }, { name: "责任书", bianma: 1 }];
 
 function List(props) {
   const [form] = Form.useForm();
@@ -19,6 +19,7 @@ function List(props) {
   });
   const [busPromiseTemplateModalOpen, setBusPromiseTemplateModalOpen] = useState(false);
   const [id, setId] = useState("");
+  const [modalUrl, setModalUrl] = useState("");
   const onDelete = (id) => {
     Modal.confirm({
       title: "删除确认",
@@ -80,7 +81,7 @@ function List(props) {
           { title: "状态", render: (_, record) => getLabelName({ list: [{ name: "启用", bianma: "0" }, { name: "禁用", bianma: "1" }], status: record.state }) },
           {
             title: "操作",
-            width: 150,
+            width: 200,
             fixed: "right",
             render: (_, record) => (
               <Space>
@@ -89,6 +90,7 @@ function List(props) {
                   onClick={() => {
                     setBusPromiseTemplateModalOpen(true);
                     setId(record.id);
+                    setModalUrl("busPromiseTemplateView");
                   }}
                 >
                   查看
@@ -112,7 +114,7 @@ function List(props) {
         ]}
         {...tableProps}
       />
-      {busPromiseTemplateModalOpen && <DetailModal onCancel={() => setBusPromiseTemplateModalOpen(false)} id={id} />}
+      {busPromiseTemplateModalOpen && <DetailModal onCancel={() => setBusPromiseTemplateModalOpen(false)} id={id} modalUrl={modalUrl} />}
     </div>
   );
 }

src/pages/Container/Supervise/Management/Add/index.js

@@ -0,0 +1,670 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Col, Divider, Form, Input, message, Modal, Row, Select, Space } from "antd";
+import dayjs from "dayjs";
+import { cloneDeep } from "lodash-es";
+import { useEffect, useState } from "react";
+import FormBuilder from "zy-react-library/components/FormBuilder";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+import PersonnelSelect from "zy-react-library/components/Select/Personnel/Gwj";
+import DepartmentSelectTree from "zy-react-library/components/SelectTree/Department/Gwj";
+import Table from "zy-react-library/components/Table";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_COMMITMENT } from "~/enumerate/namespace";
+
+const typeList = [{ name: "承诺书", bianma: 0 }, { name: "责任书", bianma: 1 }];
+const getTypeName = (value) => {
+  return typeList.find(item => item.bianma === value)?.name || "";
+};
+
+function Add(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const promisePeoples = Form.useWatch("promisePeoples", form);
+  const promisePersons = Form.useWatch("promisePersons", form);
+  const promiseDetails = Form.useWatch("promiseDetails", form);
+  const promiseType = Form.useWatch("promiseType", form);
+  const releasePlatform = Form.useWatch("releasePlatform", form);
+  const [dorpInfo, setDorpInfo] = useState("");
+  const [basicInfo, setBasicInfo] = useState([]);
+  const [choiceTemplateModalOpen, setchoiceTemplateModalOpen] = useState(false);
+  const [promisePersonsItem, setPromisePersonsItem] = useState(true);
+  const [formWidth, setFormWidth] = useState(24);
+
+  const getPostList = async (departmentId, corpId, index) => {
+    // 请求后台岗位接口
+    const { data } = await props["jobInfo"]({ departmentId, corpinfoId: corpId, corpFlag: 1 });
+
+    // 将岗位列表写入 map
+    setBasicInfo((prevBasicInfo) => {
+      const newBasicInfo = cloneDeep(prevBasicInfo);
+      newBasicInfo[index] = data;
+      return newBasicInfo;
+    });
+  };
+  const getData = async () => {
+    setDorpInfo(await props["corpInfo"]({ enterpriseType: 2, pageSize: 1000, pageIndex: 1 }));
+    if (query.id) {
+      const { data } = await props["busPromiseView"]({ id: query.id });
+      const promisePeopleBack = data.promisePeopleBack.map(item => ({
+        ...item,
+        userName: item.userName.split(","),
+        userId: item.userId.split(","),
+      }));
+      const values = {
+        ...data,
+        promisePeoples: [data.promisePeople],
+        promiseTypeName: getTypeName(data.promiseType),
+        promisePersons: promisePeopleBack,
+      };
+      setFormWidth(values.releasePlatform === 1 ? 12 : 24);
+      setPromisePersonsItem(values.releasePlatform === 1);
+      form.setFieldsValue({
+        ...values,
+      });
+      for (let i = 0; i < values.promisePersons.length; i++) {
+        await getPostList(values.promisePersons[i].departmentId, values.promisePersons[i].corpId, i);
+      }
+    }
+  };
+  useEffect(() => {
+    getData();
+  }, []);
+
+  const onSubmit = async (values) => {
+    const peoples = promisePeoples.map(item => ({
+      ...item,
+      isPromisePeople: 1,
+    }));
+    const persons = promisePersons.map(item => ({
+      ...item,
+      userName: item.userName.join(","),
+      userId: item.userId.join(","),
+      isPromisePeople: 0,
+    }));
+    const promiseAll = [...peoples, ...persons];
+
+    const { success } = await props[!query.id ? "busPromiseAdd" : "busPromiseEdit"]({
+      ...values,
+      id: query.id,
+      promiseId: query.promiseId,
+      promisePeoples: promiseAll,
+    });
+    if (success) {
+      message.success("操作成功");
+      props.history.goBack();
+    }
+  };
+
+  return (
+    <div>
+      <HeaderBack title={query.id ? "编辑" : "新增"} />
+      <div style={{ paddingBottom: 10 }}>
+        <FormBuilder
+          form={form}
+          values={{
+            promisePeoples: [{}], // 被承诺人
+            promisePersons: [{}], // 承诺人
+            promiseDetails: [{}], // 模板
+          }}
+          onFinish={onSubmit}
+          options={[
+            { name: "promiseName", label: "承诺书名称", span: 24 },
+            {
+              name: "releasePlatform",
+              label: "下发对象",
+              span: formWidth,
+              render: FORM_ITEM_RENDER_ENUM.SELECT,
+              items: [{ name: "分公司", bianma: 1 }, { name: "股份内部", bianma: 2 }],
+              componentProps: {
+                onChange: (value) => {
+                  setPromisePersonsItem(value === 1);
+                  setFormWidth(value === 1 ? 12 : 24);
+                  const promisePersonsList = form.getFieldValue("promisePersons");
+                  promisePersonsList.forEach((item, index) => {
+                    form.setFieldValue(["promisePersons", index], "");
+                    form.setFieldValue("level", undefined);
+                    form.setFieldValue("levelName", "");
+                  });
+                },
+              },
+            },
+            ...(releasePlatform === 1
+              ? [
+                  {
+                    name: "level",
+                    label: "承诺书级别",
+                    render: (
+                      <DictionarySelect
+                        dictValue="PROMISE_LEVEL"
+                        onGetLabel={label => form.setFieldValue("levelName", label)}
+                      />
+                    ),
+                  },
+                  { name: "levelName", label: "承诺书级别名称", onlyForLabel: true },
+                ]
+              : []),
+            { name: "promiseTermStart", label: "适用期限开始", render: FORM_ITEM_RENDER_ENUM.DATE },
+            {
+              name: "promiseTermEnd",
+              label: "适用期限结束",
+              render: FORM_ITEM_RENDER_ENUM.DATE,
+              rules: [{
+                validator: (_, value) => {
+                  const timeStart = form.getFieldValue("promiseTermStart");
+                  if (value && timeStart && value < timeStart) {
+                    return Promise.reject("结束时间不能早于开始时间");
+                  }
+                  else {
+                    return Promise.resolve();
+                  }
+                },
+              }, {
+                validator: (_, value) => {
+                  const timeStart = form.getFieldValue("promiseTermStart");
+                  if (value && timeStart) {
+                    const startYear = dayjs(timeStart).year();
+                    const endYear = dayjs(value).year();
+
+                    if (startYear !== endYear) {
+                      return Promise.reject("开始时间和结束时间不能跨年");
+                    }
+                  }
+                  return Promise.resolve();
+                },
+              }],
+            },
+            {
+              key: "promiseDetails",
+              span: 24,
+              customizeRender: true,
+              render: (
+                <>
+                  <Divider orientation="left">承诺书内容</Divider>
+                  <div style={{ textAlign: "right", marginBottom: "20px" }}>
+                    <Button
+                      type="primary"
+                      onClick={() => {
+                        setchoiceTemplateModalOpen(true);
+                      }}
+                    >
+                      选择模板
+                    </Button>
+                  </div>
+
+                  <div>
+                    <Row>
+                      <Col span={24}>
+                        <Form.Item
+                          label="类型"
+                          rules={
+                            [
+                              { required: true, message: "请输入类型" },
+                            ]
+                          }
+                          name="promiseTypeName"
+                          labelCol={{ span: 2 }}
+                          wrapperCol={{ span: 22 }}
+                        >
+                          <Input disabled />
+                        </Form.Item>
+                        <Form.Item label="类型" noStyle name="promiseType">
+                          <input type="hidden" />
+                        </Form.Item>
+                      </Col>
+                      <Col span={24}>
+                        <Form.Item
+                          label="正文"
+                          rules={
+                            [
+                              { required: true, message: "请输入正文" },
+                            ]
+                          }
+                          name="promiseText"
+                          labelCol={{ span: 2 }}
+                          wrapperCol={{ span: 22 }}
+                        >
+                          <Input placeholder="请输入正文" />
+                        </Form.Item>
+                      </Col>
+                    </Row>
+                    <Form.List name="promiseDetails">
+                      {(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>
+
+                  {choiceTemplateModalOpen && (
+                    <ChoiceTemplateModal
+                      parentForm={form}
+                      onCancel={() => setchoiceTemplateModalOpen(false)}
+                      data={{ id: query.id, hiddenId: query.hiddenId }}
+                    />
+                  )}
+                </>
+              ),
+            },
+            {
+              key: "promisePersons",
+              span: 24,
+              customizeRender: true,
+              render: (
+                <>
+                  <Divider orientation="left">
+                    {promiseType === 1 || promiseType === "责任书"
+                      ? "受状人"
+                      : "承诺人"}
+                  </Divider>
+
+                  <Form.List name="promisePersons">
+                    {(fields, { add, remove }) => (
+                      <>
+                        {fields.map((field, index) => (
+                          <Row gutter={[24, 10]} key={field.key} style={{ marginBottom: 10 }}>
+                            {promisePersonsItem && (
+                              <Col span={12}>
+                                <Form.Item
+                                  label={`签订单位${index + 1}`}
+                                  rules={
+                                    [
+                                      { required: true, message: "请选择签订单位" },
+                                    ]
+                                  }
+                                  name={[field.name, "corpId"]}
+                                >
+                                  <Select
+                                    onChange={(value) => {
+                                      const label = dorpInfo.data.find(item => item.id === value)?.corpName;
+                                      form.setFieldValue(["promisePersons", field.name, "corpName"], label);
+                                      form.setFieldValue(["promisePersons", field.name, "departmentId"], "");
+                                      form.setFieldValue(["promisePersons", field.name, "departmentName"], "");
+                                      form.setFieldValue(["promisePersons", field.name, "postId"], "");
+                                      form.setFieldValue(["promisePersons", field.name, "postName"], "");
+                                      form.setFieldValue(["promisePersons", field.name, "userName"], "");
+                                      form.setFieldValue(["promisePersons", field.name, "userId"], []);
+                                    }}
+                                    placeholder="请选择签订单位"
+                                    showSearch
+                                    allowClear
+                                    optionFilterProp="children"
+                                  >
+                                    {(dorpInfo.data || []).map((item) => {
+                                      const value = item.id;
+                                      const label = item.corpName;
+                                      return (
+                                        <Select.Option key={value} value={value}>
+                                          {label}
+                                        </Select.Option>
+                                      );
+                                    })}
+                                  </Select>
+                                </Form.Item>
+                                <Form.Item label="签订单位名称" noStyle name={[field.name, "corpName"]}>
+                                  <input type="hidden" />
+                                </Form.Item>
+                              </Col>
+                            )}
+                            <Col span={releasePlatform === 2 ? 22 : 10}>
+                              <Form.Item
+                                labelCol={releasePlatform === 2 ? { span: 2 } : undefined}
+                                wrapperCol={{ span: 22 }}
+                                label={`部门${index + 1}`}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择部门" },
+                                  ]
+                                }
+                                name={[field.name, "departmentId"]}
+                              >
+                                <DepartmentSelectTree
+                                  isNeedCorpInfoId={promisePersonsItem && true}
+                                  params={{ eqCorpinfoId: promisePersons?.[field.name]?.corpId || "" }}
+                                  onChange={async (departmentId) => {
+                                    form.setFieldValue(["promisePersons", field.name, "postId"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "postName"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "userName"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "userId"], []);
+
+                                    if (!departmentId)
+                                      return;
+                                    getPostList(departmentId, promisePersons?.[field.name]?.corpId, index);
+                                  }}
+                                  onGetLabel={(label) => {
+                                    form.setFieldValue(["promisePersons", field.name, "departmentName"], label);
+                                  }}
+                                />
+                              </Form.Item>
+                              <Form.Item label="部门" noStyle name={[field.name, "departmentName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                            {
+                              promiseType === 1 || promiseType === "责任书"
+                                ? ""
+                                : (index >= 1
+                                    ? <Button type="primary" danger onClick={() => remove(field.name)}>删除</Button>
+                                    : <Button type="primary" onClick={() => add()}>新增</Button>)
+                            }
+                            <Col span={12}>
+                              <Form.Item
+                                label={`岗位${index + 1}`}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择岗位" },
+                                  ]
+                                }
+                                name={[field.name, "postId"]}
+                              >
+                                <Select
+                                  onChange={(value) => {
+                                    const label = basicInfo[index].find(item => item.id === value)?.postName;
+                                    form.setFieldValue(["promisePersons", field.name, "postName"], label);
+                                    form.setFieldValue(["promisePersons", field.name, "userName"], "");
+                                    form.setFieldValue(["promisePersons", field.name, "userId"], []);
+                                  }}
+                                  placeholder="请选择岗位"
+                                  showSearch
+                                  allowClear
+                                  optionFilterProp="children"
+                                >
+                                  {(basicInfo[index] || []).map((item) => {
+                                    const value = item.id;
+                                    const label = item.postName;
+                                    return (
+                                      <Select.Option key={value} value={value}>
+                                        {label}
+                                      </Select.Option>
+                                    );
+                                  })}
+                                </Select>
+                              </Form.Item>
+                              <Form.Item label="岗位" noStyle name={[field.name, "postName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                            <Col span={12}>
+                              <Form.Item
+                                label={`人员${index + 1}`}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择人员" },
+                                  ]
+                                }
+                                name={[field.name, "userId"]}
+                              >
+                                <PersonnelSelect
+                                  params={{
+                                    postId: promisePersons?.[field.name]?.postId || "",
+                                    departmentId: promisePersons?.[field.name]?.departmentId || "",
+                                  }}
+                                  isNeedPostId={true}
+                                  onGetLabel={(label) => {
+                                    form.setFieldValue(["promisePersons", field.name, "userName"], label);
+                                  }}
+                                  mode={(promiseType === 1 || promiseType === "责任书") ? "tags" : "multiple"}
+                                />
+                              </Form.Item>
+                              <Form.Item label="人员" noStyle name={[field.name, "userName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                          </Row>
+                        ))}
+                      </>
+                    )}
+                  </Form.List>
+                </>
+              ),
+            },
+            {
+              key: "promisePeoples",
+              span: 24,
+              customizeRender: true,
+              render: (
+                <>
+                  <Divider orientation="left">
+
+                    {promiseType === 1 || promiseType === "责任书"
+                      ? "发状人"
+                      : "被承诺人"}
+                  </Divider>
+                  <Form.List name="promisePeoples">
+                    {(fields, { add, remove }) => (
+                      <>
+                        {fields.map((field, index) => (
+                          <Row gutter={[24, 10]} key={field.key} style={{ marginBottom: 10 }}>
+                            <Col span={24}>
+                              <Form.Item
+                                label="部门"
+                                labelCol={{ span: 2 }}
+                                wrapperCol={{ span: 22 }}
+                                rules={
+                                  [
+                                    { required: true, message: "请选择部门" },
+                                  ]
+                                }
+                                name={[field.name, "departmentId"]}
+                              >
+                                <DepartmentSelectTree
+                                  onChange={async (departmentId) => {
+                                    form.setFieldValue(["promisePeoples", field.name, "postId"], "");
+                                    form.setFieldValue(["promisePeoples", field.name, "postName"], "");
+                                    form.setFieldValue(["promisePeoples", field.name, "userName"], "");
+                                    form.setFieldValue(["promisePeoples", field.name, "userId"], []);
+
+                                    if (!departmentId)
+                                      return;
+                                    getPostList(departmentId, promisePeoples?.[field.name]?.corpId, index);
+                                  }}
+                                  onGetLabel={(label) => {
+                                    form.setFieldValue(["promisePeoples", field.name, "departmentName"], label);
+                                  }}
+                                />
+                              </Form.Item>
+                              <Form.Item label="部门" noStyle name={[field.name, "departmentName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                            <Col span={12}>
+                              <Form.Item
+                                label="岗位"
+                                rules={
+                                  [
+                                    { required: true, message: "请选择岗位" },
+                                  ]
+                                }
+                                name={[field.name, "postId"]}
+                              >
+                                <Select
+                                  onChange={(value) => {
+                                    const label = basicInfo[index].find(item => item.id === value)?.postName;
+                                    form.setFieldValue(["promisePeoples", field.name, "postName"], label);
+                                    form.setFieldValue(["promisePeoples", field.name, "userName"], "");
+                                    form.setFieldValue(["promisePeoples", field.name, "userId"], []);
+                                  }}
+                                  placeholder="请选择岗位"
+                                  showSearch
+                                  allowClear
+                                  optionFilterProp="children"
+                                >
+                                  {(basicInfo[0] || []).map((item) => {
+                                    const value = item.id;
+                                    const label = item.postName;
+                                    return (
+                                      <Select.Option key={value} value={value}>
+                                        {label}
+                                      </Select.Option>
+                                    );
+                                  })}
+                                </Select>
+                              </Form.Item>
+                              <Form.Item label="岗位" noStyle name={[field.name, "postName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+                            <Col span={12}>
+                              <Form.Item
+                                label="人员"
+                                rules={
+                                  [
+                                    { required: true, message: "请选择人员" },
+                                  ]
+                                }
+                                name={[field.name, "userId"]}
+                              >
+                                <PersonnelSelect
+                                  params={{
+                                    postId: promisePeoples?.[field.name]?.postId || "",
+                                    departmentId: promisePeoples?.[field.name]?.departmentId || "",
+                                  }}
+                                  isNeedPostId={true}
+                                  onGetLabel={(label) => {
+                                    form.setFieldValue(["promisePeoples", field.name, "userName"], label);
+                                  }}
+                                  // mode="multiple"
+                                />
+                              </Form.Item>
+                              <Form.Item label="人员" noStyle name={[field.name, "userName"]}>
+                                <input type="hidden" />
+                              </Form.Item>
+                            </Col>
+
+                          </Row>
+                        ))}
+                      </>
+                    )}
+                  </Form.List>
+
+                </>
+              ),
+            },
+          ]}
+        />
+      </div>
+    </div>
+  );
+}
+
+const ChoiceTemplateModalComponent = (props) => {
+  const parentForm = props.parentForm; // 使用外层表单
+  const [form] = Form.useForm(); // ← 只给搜索用，不影响主页面
+  const { tableProps, getData } = useTable(props["busPromiseTemplateList"], {
+    form,
+  });
+
+  return (
+    <Modal
+      open
+      width={800}
+      footer={[
+        <Button key="close" onClick={() => props.onCancel()}>关闭</Button>,
+      ]}
+      onCancel={props.onCancel}
+    >
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          form={form}
+          options={[
+            { name: "hiddenDesc", label: "承诺书名称" },
+          ]}
+          onFinish={getData}
+        />
+        <Table
+          columns={[
+            { title: "承诺书名称", dataIndex: "promiseName" },
+            {
+              title: "类型",
+              dataIndex: "promiseType",
+              render: (_, record) => getLabelName({ list: typeList, status: record.promiseType }),
+            },
+            {
+              title: "操作",
+              width: 200,
+              fixed: "right",
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      // 更新外层 Form（主页面）
+                      parentForm.setFieldValue("promiseType", record.promiseType);
+                      parentForm.setFieldValue("promiseTypeName", getTypeName(record.promiseType));
+                      parentForm.setFieldValue("promiseText", record.promiseText);
+                      parentForm.setFieldValue(
+                        "promiseDetails",
+                        record.templateDetails?.length
+                          ? record.templateDetails
+                          : [{}],
+                      );
+                      const promisePersonsList = parentForm.getFieldValue("promisePersons");
+                      promisePersonsList.forEach((item, index) => {
+                        parentForm.setFieldValue(["promisePersons", index], "");
+                      });
+                      const promisePeoplesList = parentForm.getFieldValue("promisePeoples");
+                      promisePeoplesList.forEach((item, index) => {
+                        parentForm.setFieldValue(["promisePeoples", index], "");
+                      });
+                      props.onCancel();
+                    }}
+                  >
+                    选择
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </Modal>
+  );
+};
+const ChoiceTemplateModal = Connect([NS_COMMITMENT], true)(ChoiceTemplateModalComponent); export default Connect([NS_COMMITMENT], true)(Add);

src/pages/Container/Supervise/Management/Detail/index.js

@@ -0,0 +1,119 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Descriptions, Divider } from "antd";
+import { useEffect, useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_COMMITMENT } from "~/enumerate/namespace";
+import DetailModal from "~/pages/Container/Supervise/Components/DetailModal";
+
+function Detail(props) {
+  const query = useGetUrlQuery();
+  const [detail, setDetail] = useState("");
+  const getData = async () => {
+    if (query.id) {
+      const { data } = await props["busPromiseView"]({ id: query.id });
+      setDetail(data);
+      console.log(data);
+    }
+  };
+  const [busPromiseTemplateModalOpen, setBusPromiseTemplateModalOpen] = useState(false);
+  const [id, setId] = useState("");
+  const [modalUrl, setModalUrl] = useState("");
+  useEffect(() => {
+    getData();
+  }, []);
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Divider orientation="left">基本信息</Divider>
+        <Descriptions
+          bordered
+          column={1}
+          labelStyle={{ width: 200 }}
+          items={[
+            { label: "承诺书名称", children: detail.promiseName },
+            { label: "下发对象", children: getLabelName({ list: [{ name: "分公司", bianma: 1 }, { name: "股份内部", bianma: 2 }], status: detail.releasePlatform }) },
+            { label: "承诺书级别", children: detail.levelName },
+            { label: "适用期限开始", children: detail.promiseTermStart },
+            { label: "适用期限结束", children: detail.promiseTermEnd },
+          ]}
+        />
+        <Divider orientation="left">承诺内容</Divider>
+        <Descriptions
+          bordered
+          column={1}
+          labelStyle={{ width: 200 }}
+          items={[
+            { label: "正文", children: detail.promiseText },
+            ...(detail.promiseDetails || []).map((item, index) => ({
+              label: `副文${index + 1}`,
+              children: item.collateral || "-",
+            })),
+          ]}
+        />
+        <Divider orientation="left">
+          {detail.promiseType === 1
+            ? "受状人"
+            : "承诺人"}
+        </Divider>
+
+        <Descriptions
+          bordered
+          column={2}
+          labelStyle={{ width: 200 }}
+          items={[
+            ...(detail.promisePersons || []).flatMap((item, index) => {
+              const base = [
+                { label: `部门${index + 1}`, children: item.departmentName || "-", span: (detail.releasePlatform !== 1 ? 2 : 1) },
+                { label: `岗位${index + 1}`, children: item.postName || "-" },
+                { label: `人员${index + 1}`, children: item.userName || "-" },
+              ];
+
+              // 只有 releasePlatform=1(分公司) 才显示签订单位
+              if (detail.releasePlatform === 1) {
+                base.unshift({
+                  label: `签订单位${index + 1}`,
+                  children: item.corpName || "-",
+                });
+              }
+
+              return base;
+            }),
+          ]}
+        />
+        <Divider orientation="left">
+          {detail.promiseType === 1
+            ? "发状人"
+            : "被承诺人"}
+        </Divider>
+        <Descriptions
+          bordered
+          column={2}
+          labelStyle={{ width: 200 }}
+          items={[
+            { label: "部门", children: detail.promisePeople?.departmentName || "-", span: 2 },
+            { label: "岗位", children: detail.promisePeople?.postName || "-" },
+            { label: "人员", children: detail.promisePeople?.userName || "-" },
+          ]}
+        />
+        <div style={{ textAlign: "center", margin: "20px 0" }}>
+          <Button
+            type="primary"
+            onClick={() => {
+              setBusPromiseTemplateModalOpen(true);
+              setId(query.id);
+              setModalUrl("busPromiseView");
+            }}
+          >
+            模板
+          </Button>
+        </div>
+        {busPromiseTemplateModalOpen && <DetailModal onCancel={() => setBusPromiseTemplateModalOpen(false)} id={id} modalUrl={modalUrl} />}
+      </div>
+    </div>
+  );
+}
+
+export default Connect([NS_COMMITMENT], true)(Detail);

src/pages/Container/Supervise/Management/List/index.js

@@ -0,0 +1,156 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, message, Modal, Select, Space, Tooltip } from "antd";
+import { useEffect, useState } from "react";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
+import Search from "zy-react-library/components/Search";
+import DictionarySelect from "zy-react-library/components/Select/Dictionary";
+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";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["busPromiseList"], {
+    form,
+    transform: formData => ({
+      eqCreateTimeS: formData.createTime?.[0],
+      eqCreateTimeE: formData.createTime?.[1],
+    }),
+  });
+  const [dorpInfo, setDorpInfo] = useState("");
+  const getDorpInfo = async () => {
+    const { data } = await props["corpInfo"]({ enterpriseType: 2, pageSize: 1000, pageIndex: 1 });
+    setDorpInfo(data);
+  };
+  useEffect(() => {
+    getDorpInfo();
+  }, []);
+  // 点击下发
+  const handleRelease = (id, state) => {
+    const stateValue = state === 0 ? 1 : 0;
+    if (state === 1) {
+      Modal.confirm({
+        title: "提示",
+        content: "确定要下发当前承诺书吗？",
+        onOk: async () => {
+          const { success } = await props["busPromiseUpdate"]({ id, state: stateValue });
+          if (success) {
+            message.success("更新成功");
+            getData();
+          }
+        },
+      });
+    }
+  };
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        form={form}
+        options={[
+          { name: "likePromiseName", label: "承诺书名称" },
+          { name: "eqLevel", label: "承诺书级别", render: (<DictionarySelect dictValue="PROMISE_LEVEL" onGetLabel={label => form.setFieldValue("levelName", label)} />) },
+          { name: "eqPromiseType", label: "承诺书类型", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "承诺书", bianma: 0 }, { name: "责任书", bianma: 1 }] },
+          { name: "eqReleasePlatform", label: "下发对象", render: FORM_ITEM_RENDER_ENUM.SELECT, items: [{ name: "分公司", bianma: 1 }, { name: "股份内部", bianma: 2 }] },
+          { name: "createTime", label: "下发时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
+          { name: "eqCorpId", label: "签订单位", render: (
+            <Select
+              placeholder="请选择签订单位"
+              showSearch
+              allowClear
+              optionFilterProp="children"
+            >
+              {(dorpInfo || []).map((item) => {
+                const value = item.id;
+                const label = item.corpName;
+                return (
+                  <Select.Option key={value} value={value}>
+                    {label}
+                  </Select.Option>
+                );
+              })}
+            </Select>
+          ) },
+        ]}
+        onFinish={getData}
+      />
+      <Table
+        toolBarRender={() => (
+          <>
+            <Button
+              type="primary"
+              icon={<AddIcon />}
+              onClick={() => {
+                props.history.push("./add");
+              }}
+            >
+              新增
+            </Button>
+          </>
+        )}
+        columns={[
+          { title: "承诺书名称", dataIndex: "promiseName" },
+          { title: "下发对象", dataIndex: "releasePlatform", render: (_, record) => getLabelName({ list: [[{ name: "分公司", bianma: 1 }, { name: "股份内部", bianma: 2 }]], status: record.releasePlatform }) },
+          { title: "承诺书级别", dataIndex: "levelName" },
+          { title: "承诺书类型", dataIndex: "promiseType", render: (_, record) => getLabelName({ list: [{ name: "承诺书", bianma: 0 }, { name: "责任书", bianma: 1 }], status: record.promiseType }) },
+          { title: "签订单位", dataIndex: "corpName" },
+          { title: "涉及岗位", dataIndex: "postNames" },
+          { title: "适用期限", render: (_, record) => `${record.promiseTermStart}至${record.promiseTermEnd}` },
+          { title: "承诺人数/涉及人数", dataIndex: "signedCount" },
+          { title: "下发时间", dataIndex: "updateTime" },
+          { title: "状态", render: (_, record) => getLabelName({ list: [{ name: "启用", bianma: "0" }, { name: "禁用", bianma: "1" }], status: record.state }) },
+          {
+            title: "操作",
+            width: 200,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./detail?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+                <Tooltip title="下发后不可编辑" placement="top">
+                  <Button
+                    type="link"
+                    onClick={() => handleRelease(record.id, record.state)}
+                    disabled={record.state === 0}
+                  >
+                    下发
+                  </Button>
+                </Tooltip>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./add?id=${record.id}`);
+                  }}
+                  disabled={record.state === 0}
+                >
+                  编辑
+                </Button>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./Release?id=${record.promiseId}`);
+                  }}
+                  disabled={record.state !== 0}
+                >
+                  签署详情
+                </Button>
+
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_COMMITMENT], true)(List);

src/pages/Container/Supervise/Management/Release/index.js

@@ -0,0 +1,62 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import { useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+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";
+
+function List(props) {
+  const query = useGetUrlQuery();
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["busPromisePeople"], {
+    form,
+    params: { eqPromiseId: query.id },
+  });
+  const [busPromiseTemplateModalOpen, setBusPromiseTemplateModalOpen] = useState(false);
+  const [id, setId] = useState("");
+  const [modalUrl, setModalUrl] = useState("");
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Table
+          columns={[
+            { title: "部门", dataIndex: "departmentName" },
+            { title: "岗位", dataIndex: "postName" },
+            { title: "人员", dataIndex: "userName" },
+            { title: "签署时间", dataIndex: "signTime" },
+            { title: "签署状态", render: (_, record) => getLabelName({ list: [{ name: "未签署", bianma: "0" }, { name: "已签署", bianma: "1" }], status: record.isSign }) },
+            {
+              title: "操作",
+              width: 200,
+              fixed: "right",
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      setBusPromiseTemplateModalOpen(true);
+                      setId(record.id);
+                      setModalUrl("busPromisePeopleView");
+                    }}
+                  >
+                    查看
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+        {busPromiseTemplateModalOpen && <DetailModal onCancel={() => setBusPromiseTemplateModalOpen(false)} id={id} modalUrl={modalUrl} />}
+      </div>
+    </div>
+
+  );
+}
+
+export default Connect([NS_COMMITMENT], true)(List);

src/pages/Container/Supervise/Management/index.js

@@ -0,0 +1,9 @@
+function Management(props) {
+  return (
+    <div>
+      {props.children}
+    </div>
+  );
+}
+
+export default Management;

src/pages/Container/Supervise/busPromise/List/index.js

@@ -0,0 +1,58 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import dayjs from "dayjs";
+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 { NS_COMMITMENT } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const { tableProps, getData } = useTable(props["situationPage"], {
+    form,
+  });
+
+  return (
+    <div style={{ padding: 20 }}>
+      <Search
+        labelCol={{ span: 8 }}
+        form={form}
+        options={[
+          { name: "hiddenDesc", label: "分公司名称" },
+          { name: "promiseType", label: "年份", render: FORM_ITEM_RENDER_ENUM.DATE_YEAR },
+        ]}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "分公司名称", dataIndex: "corpName" },
+          { title: "年份", render: record => record.createTime ? dayjs(record.createTime).format("YYYY") : "" },
+          { title: "承诺书数", dataIndex: "promiseCount" },
+          { title: "下发承诺书人数", dataIndex: "issueCount" },
+          { title: "签订承诺书人数", dataIndex: "signCount" },
+          {
+            title: "操作",
+            width: 150,
+            fixed: "right",
+            render: (_, record) => (
+              <Space>
+                <Button
+                  type="link"
+                  onClick={() => {
+                    props.history.push(`./ListView?id=${record.id}`);
+                  }}
+                >
+                  查看
+                </Button>
+              </Space>
+            ),
+          },
+        ]}
+        {...tableProps}
+      />
+    </div>
+  );
+}
+
+export default Connect([NS_COMMITMENT], true)(List);

src/pages/Container/Supervise/busPromise/ListView/index.js

@@ -0,0 +1,65 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Search from "zy-react-library/components/Search";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+import useTable from "zy-react-library/hooks/useTable";
+import { NS_COMMITMENT } from "~/enumerate/namespace";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const query = useGetUrlQuery();
+  const { tableProps, getData } = useTable(props["busPromiseList"], {
+    form,
+    params: {
+      eqCorpId: query.id,
+    },
+  });
+
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Search
+          labelCol={{ span: 8 }}
+          form={form}
+          options={[
+            { name: "likePromiseName", label: "承诺书名称" },
+          ]}
+          onFinish={getData}
+        />
+        <Table
+          columns={[
+            { title: "承诺书名称", dataIndex: "promiseName" },
+            { title: "承诺期限", render: (record) => { return record.promiseTermStart ? `${dayjs(record.promiseTermStart).format("YYYY-MM-DD")}至${dayjs(record.promiseTermEnd).format("YYYY-MM-DD")}` : ""; } },
+            { title: "承诺书级别", dataIndex: "levelName" },
+            { title: "涉及人数", dataIndex: "peopleNumInvolved" },
+            { title: "完成提交人数", dataIndex: "signedCount" },
+            {
+              title: "操作",
+              width: 150,
+              fixed: "right",
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      props.history.push(`./view?id=${record.id}`);
+                    }}
+                  >
+                    查看
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+      </div>
+    </div>
+
+  );
+}
+
+export default Connect([NS_COMMITMENT], true)(List);

src/pages/Container/Supervise/busPromise/View/index.js

@@ -0,0 +1,63 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { Button, Form, Space } from "antd";
+import { useState } from "react";
+import HeaderBack from "zy-react-library/components/HeaderBack";
+import Table from "zy-react-library/components/Table";
+import useGetUrlQuery from "zy-react-library/hooks/useGetUrlQuery";
+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";
+
+function List(props) {
+  const [form] = Form.useForm();
+  const [busPromiseTemplateModalOpen, setBusPromiseTemplateModalOpen] = useState(false);
+  const [id, setId] = useState("");
+  const [modalUrl, setModalUrl] = useState("");
+  const query = useGetUrlQuery();
+  const { tableProps, getData } = useTable(props["busPromisePeopleList"], {
+    form,
+    params: {
+      eqCorpId: query.id,
+    },
+  });
+
+  return (
+    <div>
+      <HeaderBack title="查看" />
+      <div style={{ padding: 20 }}>
+        <Table
+          columns={[
+            { title: "所属部门", dataIndex: "departmentName" },
+            { title: "姓名", dataIndex: "userName" },
+            { title: "签署情况", dataIndex: "isSign", render: (_, record) => getLabelName({ list: [{ name: "未签署", bianma: "0" }, { name: "已签署", bianma: "1" }], status: record.isSign }) },
+            {
+              title: "操作",
+              width: 150,
+              fixed: "right",
+              render: (_, record) => (
+                <Space>
+                  <Button
+                    type="link"
+                    onClick={() => {
+                      setBusPromiseTemplateModalOpen(true);
+                      setId(record.id);
+                      setModalUrl("busPromisePeopleView");
+                    }}
+                  >
+                    查看
+                  </Button>
+                </Space>
+              ),
+            },
+          ]}
+          {...tableProps}
+        />
+        {busPromiseTemplateModalOpen && <DetailModal onCancel={() => setBusPromiseTemplateModalOpen(false)} id={id} modalUrl={modalUrl} />}
+      </div>
+    </div>
+
+  );
+}
+
+export default Connect([NS_COMMITMENT], true)(List);

src/pages/Container/Supervise/busPromise/index.js

@@ -0,0 +1,9 @@
+function BusPromise(props) {
+  return (
+    <div>
+      {props.children}
+    </div>
+  );
+}
+
+export default BusPromise;

src/pages/Container/Supervise/components/DetailModal/index.js

@@ -12,7 +12,7 @@ const Info = (props) => {
   const [form, setForm] = useState({});
   const getData = async () => {
     if (props.id) {
-      const { data } = await props["busPromiseTemplateView"]({ id: props.id });
+      const { data } = await props[props.modalUrl]({ id: props.id });
       setForm(data);
     }
   };
@@ -61,7 +61,7 @@ const Info = (props) => {
 
           {form.promiseType === 0 && (
             <div>
-              {`${form.name}：` || ""}
+              {`${form.userName}：` || ""}
             </div>
           )}
 
@@ -83,22 +83,22 @@ const Info = (props) => {
                 )}
           </div>
 
-          <div style={{ alignItems: form.FILEPATH ? "flex-end" : "flex-start" }}>
+          <div style={{ alignItems: form.filepath ? "flex-end" : "flex-start" }}>
             {form.promiseType === 1 && (
               <div className="hairdresser">
-                {!form?.ORDER?.FILEPATH
+                {!form.filepath
                   ? (
                       <div className="promiser">
                         发状人：
-                        {form.COVERPEOPLE}
+                        {form.userName}
                       </div>
                     )
                   : (
                       <div className="promiser">
                         ：
-                        <span style={{ marginRight: form?.ORDER?.FILEPATH ? "0px" : "105px" }}>
+                        <span style={{ marginRight: form.filepath ? "0px" : "105px" }}>
                           发状人：
-                          <Image src={getFileUrl() + form.FILEPATH} alt="sign" width={100} height={100} />
+                          <Image src={getFileUrl() + form.filepath} alt="sign" width={100} height={100} />
                         </span>
                       </div>
                     )}
@@ -108,7 +108,7 @@ const Info = (props) => {
             <div className="footer">
               <div className="respondent">
                 <div className="promiser">
-                  <span style={{ marginRight: form.FILEPATH ? "0px" : "105px" }}>
+                  <span style={{ marginRight: form.filepath ? "0px" : "105px" }}>
                     {form.promiseType === 0 ? "承诺人(本人签字)" : "受状人"}
                     ：
                   </span>