jjb.config.js

@@ -10,7 +10,7 @@ module.exports = {
       javaGitBranch: "<branch-name>",
       // 本地联调 safetyEval-service（context-path: /safetyEval，默认端口 8095）
       // 可通过环境变量覆盖: SAFETY_EVAL_API_HOST=http://192.168.x.x:8095
-      API_HOST:  "http://192.168.0.152",
+      API_HOST:  "http://127.0.0.1",
     },
     production: {
       // 应用后端分支名称，部署上线需要

src/api/orgDepartment/index.js

@@ -1,35 +1,42 @@
 import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+import {
+  buildDepartmentTree,
+  fromDepartmentForm,
+  fromPageResponse,
+  fromSingleResponse,
+  toDepartmentForm,
+  toPageQuery,
+} from "../../utils/enterpriseInfo/adapter";
+import { apiGet, apiPost, apiPostDelete, safeAction, safePageResult } from "../../utils/enterpriseInfo/http";
 
+export const orgDepartmentGet = declareRequest("orgDepartmentLoading", safeAction(async (params) => {
+  const res = await apiGet("/safetyEval/org-department/get", { id: params.id });
+  return fromSingleResponse(res, toDepartmentForm);
+}));
 
-export const orgDepartmentGet = declareRequest(
-  "orgDepartmentLoading",
-  "Get > /safetyEval/org-department/get",
-  "orgDepartmentDetail: {} | res.data || {}",
-);
+export const orgDepartmentTree = declareRequest("orgDepartmentLoading", safeAction(async () => {
+  const res = await apiGet("/safetyEval/org-department/page", toPageQuery({ current: 1, size: 500 }));
+  const pageData = fromPageResponse(res, toDepartmentForm);
+  return {
+    success: true,
+    data: buildDepartmentTree(pageData.data || []),
+  };
+}));
 
-export const orgDepartmentTree = declareRequest(
-  "orgDepartmentLoading",
-  "Get > /safetyEval/org-department/tree",
-  "orgDepartmentTreeData: [] | res.data || []",
- );
+export const orgDepartmentList = declareRequest("orgDepartmentLoading", safePageResult(async (params) => {
+  const query = toPageQuery(params, { likeDeptName: "deptName" });
+  const res = await apiGet("/safetyEval/org-department/page", query);
+  return fromPageResponse(res, toDepartmentForm);
+}));
 
-export const orgDepartmentList = declareRequest(
-  "orgDepartmentLoading",
-  "Get > /safetyEval/org-department/page",
-  "dataSource: [] | res.data || [] & total: 0 | res.totalCount || 0",
-);
+export const orgDepartmentAdd = declareRequest("orgDepartmentLoading", safeAction(async (values) => {
+  return apiPost("/safetyEval/org-department/save", fromDepartmentForm(values));
+}));
 
-export const orgDepartmentAdd = declareRequest(
-  "orgDepartmentLoading",
-  "Post > @/safetyEval/org-department/save",
-);
+export const orgDepartmentEdit = declareRequest("orgDepartmentLoading", safeAction(async (values) => {
+  return apiPost("/safetyEval/org-department/modify", fromDepartmentForm(values));
+}));
 
-export const orgDepartmentEdit = declareRequest(
-  "orgDepartmentLoading",
-  "Post > @/safetyEval/org-department/modify",
-);
-
-export const orgDepartmentRemove = declareRequest(
-  "orgDepartmentLoading",
-  "Post > @/safetyEval/org-department/delete",
-);
+export const orgDepartmentRemove = declareRequest("orgDepartmentLoading", safeAction(async ({ id }) => {
+  return apiPostDelete("/safetyEval/org-department/delete", id);
+}));

src/api/orgPosition/index.js

@@ -1,22 +1,29 @@
 import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+import {
+  fromPageResponse,
+  fromPositionForm,
+  toPageQuery,
+  toPositionForm,
+} from "../../utils/enterpriseInfo/adapter";
+import { apiGet, apiPost, apiPostDelete, safeAction, safePageResult } from "../../utils/enterpriseInfo/http";
 
-export const orgPositionList = declareRequest(
-  "orgPositionLoading",
-  "Get > /safetyEval/org-position/page",
-  "dataSource: [] | res.data || [] & total: 0 | res.totalCount || 0",
-);
+export const orgPositionList = declareRequest("orgPositionLoading", safePageResult(async (params) => {
+  const query = toPageQuery(params, {
+    eqDeptId: "deptId",
+    likePositionName: "positionName",
+  });
+  const res = await apiGet("/safetyEval/org-position/page", query);
+  return fromPageResponse(res, toPositionForm);
+}));
 
-export const orgPositionAdd = declareRequest(
-  "orgPositionLoading",
-  "Post > @/safetyEval/org-position/save",
-);
+export const orgPositionAdd = declareRequest("orgPositionLoading", safeAction(async (values) => {
+  return apiPost("/safetyEval/org-position/save", fromPositionForm(values));
+}));
 
-export const orgPositionEdit = declareRequest(
-  "orgPositionLoading",
-  "Post > @/safetyEval/org-position/modify",
-);
+export const orgPositionEdit = declareRequest("orgPositionLoading", safeAction(async (values) => {
+  return apiPost("/safetyEval/org-position/modify", fromPositionForm(values));
+}));
 
-export const orgPositionRemove = declareRequest(
-  "orgPositionLoading",
-  "Post > @/safetyEval/org-position/delete",
-);
+export const orgPositionRemove = declareRequest("orgPositionLoading", safeAction(async ({ id }) => {
+  return apiPostDelete("/safetyEval/org-position/delete", id);
+}));

src/pages/Container/EnterpriseInfo/DepartmentPosition/index.js

@@ -1,30 +1,15 @@
-import { PlusOutlined } from "@ant-design/icons";
 import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import {
-  Button,
-  Empty,
-  Form,
-  Input,
-  message,
-  Modal,
-  Select,
-  Space,
-  Tree,
-  Table,
-  TreeSelect,
-} from "antd";
-import { AntdTableFuncControl } from "@cqsjjb/jjb-common-decorator/antd";
+import { Button, Empty, Form, Input, message, Modal, Row, Col, Select, Space, Tree } from "antd";
 import TableAction from "@cqsjjb/jjb-react-admin-component/TableAction";
 import { useEffect, useMemo, useRef, useState } from "react";
+import AddIcon from "zy-react-library/components/Icon/AddIcon";
 import PageLayout from "@cqsjjb/jjb-react-admin-component/PageLayout";
-import SearchForm from "@cqsjjb/jjb-react-admin-component/SearchForm";
-
-import {
-  NS_ORG_DEPARTMENT,
-  NS_ORG_POSITION,
-  NS_STAFF_INFO,
-} from "~/enumerate/namespace";
+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_ORG_DEPARTMENT, NS_ORG_POSITION, NS_STAFF_INFO } from "~/enumerate/namespace";
 import { asId, sameId } from "~/utils/enterpriseInfo/idUtil";
+import { safeListRequest, safeRequest } from "~/utils";
 
 function findDeptNode(nodes = [], id) {
   for (const node of nodes) {
@@ -48,9 +33,9 @@ function toSelectedDept(node) {
   return {
     id: asId(node.id),
     deptName: node.deptName || node.title,
-    managerAccount: node.managerAccount,
-    managerName: node.managerName,
-    deptLevelName: node.deptLevelName,
+    leaderAccount: node.leaderAccount,
+    leaderName: node.leaderName,
+    deptLevel: node.deptLevel,
   };
 }
 
@@ -64,62 +49,50 @@ function DepartmentPositionPage(props) {
   const [staffOptions, setStaffOptions] = useState([]);
   const [positionForm] = Form.useForm();
   const [modalForm] = Form.useForm();
-  const [dataSource, setDataSource] = useState([]);
-  const [total, setTotal] = useState(0);
-  const [loading, setLoading] = useState(false);
-  const [pageIndex, setPageIndex] = useState(1);
-  const [pageSize, setPageSize] = useState(10);
 
   useEffect(() => {
     (async () => {
       try {
-        const res = await props.staffInfoList?.({
-          pageIndex: 1,
-          pageSize: 500,
-        });
-        setStaffOptions(
-          (res?.data || []).map((s) => ({
+        const res = await props.staffInfoList?.({ pageIndex: 1, pageSize: 500 });
+        setStaffOptions((res?.data || []).map((s) => ({
           label: `${s.userName ?? s.staffName}（${s.account}）`,
           value: s.account,
           staffName: s.userName ?? s.staffName,
-          })),
-        );
-      } catch (err) {
+        })));
+      }
+      catch (err) {
         console.warn("[DepartmentPosition] load staff options failed:", err);
       }
     })();
   }, []);
 
-  const fetchPositionData = async (page = 1, size = 10) => {
-    if (!selectedDept?.id) return;
-    setLoading(true);
-    try {
-      const formData = positionForm.getFieldsValue();
-      const res = await props.orgPositionList({
+  const { tableProps: positionTableProps, getData: getPositionData } = useTable(
+    safeListRequest(props.orgPositionList),
+    {
+      form: positionForm,
+      transform: (formData) => ({
         ...formData,
-        pageIndex: page,
-        pageSize: size,
-        deptId: asId(selectedDept.id),
-      });
-      setDataSource(res?.data || []);
-      setTotal(res?.totalCount || 0);
-    } catch {
-      setDataSource([]);
-      setTotal(0);
-    } finally {
-      setLoading(false);
-    }
-  };
+        eqDeptId: asId(selectedDept?.id),
+      }),
+    },
+  );
 
   const loadTree = async () => {
     try {
       const res = await props.orgDepartmentTree();
-      const tree = res?.data || [];
+      const normalizeTree = (nodes = []) => nodes.map((node) => ({
+        ...node,
+        title: node.title || node.deptName,
+        deptName: node.deptName || node.title,
+        children: node.children ? normalizeTree(node.children) : [],
+      }));
+      const tree = normalizeTree(res?.data || []);
       setTreeData(tree);
-      if (tree.length) {
+      if (  tree.length) {
         setSelectedDept(toSelectedDept(tree[0]));
       }
-    } catch (err) {
+    }
+    catch (err) {
       console.warn("[DepartmentPosition] loadTree failed:", err);
       setTreeData([]);
     }
@@ -131,7 +104,7 @@ function DepartmentPositionPage(props) {
 
   useEffect(() => {
     if (selectedDept?.id) {
-      fetchPositionData(1, 10);
+      getPositionData();
     }
   }, [selectedDept?.id]);
 
@@ -161,7 +134,7 @@ function DepartmentPositionPage(props) {
       okText: "是",
       cancelText: "否",
       onOk: async () => {
-        const res = await props.orgDepartmentRemove({ data: id });
+        const res = await props.orgDepartmentRemove({ id });
         if (res?.success !== false) {
           message.success("删除成功");
           if (sameId(selectedDept?.id, id)) {
@@ -183,7 +156,7 @@ function DepartmentPositionPage(props) {
         const res = await props.orgPositionRemove({ id });
         if (res?.success !== false) {
           message.success("删除成功");
-          fetchPositionData(1, 10);
+          getPositionData();
         }
       },
     });
@@ -219,11 +192,9 @@ function DepartmentPositionPage(props) {
         deptId: asId(record.deptId || selectedDept.id),
         deptName: record.deptName || selectedDept.deptName,
       });
-    } else {
-      modalForm.setFieldsValue({
-        deptId: asId(selectedDept.id),
-        deptName: selectedDept.deptName,
-      });
+    }
+    else {
+      modalForm.setFieldsValue({ deptId: asId(selectedDept.id), deptName: selectedDept.deptName });
     }
     setPositionModalOpen(true);
   };
@@ -239,8 +210,9 @@ function DepartmentPositionPage(props) {
     if (res?.success !== false) {
       message.success(currentId ? "编辑成功" : "添加成功");
       closePositionModal();
-      fetchPositionData(pageIndex, pageSize);
-    } else {
+      getPositionData();
+    }
+    else {
       message.error(res?.message || "操作失败");
     }
   };
@@ -248,24 +220,9 @@ function DepartmentPositionPage(props) {
   return (
     <PageLayout title="部门岗位管理">
       <div style={{ display: "flex", gap: 16, minHeight: 480 }}>
-        <div
-          style={{
-            width: 260,
-            borderRight: "1px solid #f0f0f0",
-            paddingRight: 16,
-            flexShrink: 0,
-          }}
-        >
-          <Space
-            direction="vertical"
-            style={{ width: "100%", marginBottom: 12 }}
-          >
-            <Button
-              type="primary"
-              icon={<PlusOutlined />}
-              block
-              onClick={() => openDeptModal()}
-            >
+        <div style={{ width: 260, borderRight: "1px solid #f0f0f0", paddingRight: 16, flexShrink: 0 }}>
+          <Space direction="vertical" style={{ width: "100%", marginBottom: 12 }}>
+            <Button type="primary" icon={<AddIcon />} block onClick={() => openDeptModal()}>
               新增部门
             </Button>
             <Input.Search
@@ -286,45 +243,24 @@ function DepartmentPositionPage(props) {
         <div style={{ flex: 1, minWidth: 0 }}>
           {selectedDept?.id ? (
             <>
-              <div
-                style={{
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  marginBottom: 16,
-                }}
-              >
+              <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 16 }}>
                 <span>
                   当前部门：
                   <strong>{selectedDept.deptName}</strong>
                 </span>
                 <Space>
-                  <Button onClick={() => openDeptModal(selectedDept)}>
-                    编辑部门
-                  </Button>
-                  <Button danger onClick={() => onDeleteDept(selectedDept.id)}>
-                    删除部门
-                  </Button>
+                  <Button onClick={() => openDeptModal(selectedDept)}>编辑部门</Button>
+                  <Button danger onClick={() => onDeleteDept(selectedDept.id)}>删除部门</Button>
                 </Space>
               </div>
-              <SearchForm
+              <Search
                 form={positionForm}
-                loading={loading}
-                formLine={[
-                  <Form.Item key="positionName" name="positionName">
-                    <Input allowClear placeholder="请输入岗位名称" />
-                  </Form.Item>,
-                ]}
-                onFinish={() => fetchPositionData(1, 10)}
-                style={{ marginBottom: 16 }}
+                options={[{ name: "likePositionName", label: "岗位名称", placeholder: "请输入岗位名称" }]}
+                onFinish={getPositionData}
               />
               <Table
-                footer={() => (
-                  <Button
-                    type="primary"
-                    icon={<PlusOutlined />}
-                    onClick={() => openPositionModal()}
-                  >
+                toolBarRender={() => (
+                  <Button type="primary" icon={<AddIcon />} onClick={() => openPositionModal()}>
                     新增岗位
                   </Button>
                 )}
@@ -337,38 +273,13 @@ function DepartmentPositionPage(props) {
                     width: 160,
                     render: (_, record) => (
                       <TableAction>
-                        <Button
-                          type="link"
-                          onClick={() => openPositionModal(record)}
-                        >
-                          编辑
-                        </Button>
-                        <Button
-                          danger
-                          type="link"
-                          onClick={() => onDeletePosition(record.id)}
-                        >
-                          删除
-                        </Button>
+                        <Button type="link" onClick={() => openPositionModal(record)}>编辑</Button>
+                        <Button danger type="link" onClick={() => onDeletePosition(record.id)}>删除</Button>
                       </TableAction>
                     ),
                   },
                 ]}
-                dataSource={dataSource}
-                loading={loading}
-                pagination={{
-                  current: pageIndex,
-                  pageSize,
-                  total,
-                  showSizeChanger: true,
-                  showTotal: (t) => `共 ${t} 条`,
-                }}
-                scroll={{ y: props.scrollY }}
-                onChange={(pag) => {
-                  setPageIndex(pag.current);
-                  setPageSize(pag.pageSize);
-                  fetchPositionData(pag.current, pag.pageSize);
-                }}
+                {...positionTableProps}
               />
             </>
           ) : (
@@ -381,7 +292,6 @@ function DepartmentPositionPage(props) {
         <DeptFormModal
           open={deptModalOpen}
           currentId={currentId}
-          selectedDeptId={selectedDept?.id}
           staffOptions={staffOptions}
           treeData={treeData}
           requestAdd={props.orgDepartmentAdd}
@@ -420,20 +330,10 @@ function DepartmentPositionPage(props) {
               label="岗位职责"
               rules={[{ required: true, message: "请输入岗位职责" }]}
             >
-              <Input.TextArea
-                rows={3}
-                placeholder="请输入岗位职责"
-                showCount
-                maxLength={500}
-              />
+              <Input.TextArea rows={3} placeholder="请输入岗位职责" showCount maxLength={500} />
             </Form.Item>
             <Form.Item name="remark" label="备注">
-              <Input.TextArea
-                rows={2}
-                placeholder="请输入备注"
-                showCount
-                maxLength={500}
-              />
+              <Input.TextArea rows={2} placeholder="请输入备注" showCount maxLength={500} />
             </Form.Item>
           </Form>
         </Modal>
@@ -442,12 +342,12 @@ function DepartmentPositionPage(props) {
   );
 }
 
-function resolveManagerAccount(dept, options) {
-  if (dept?.managerAccount) {
-    return dept.managerAccount;
+function resolveLeaderAccount(dept, options) {
+  if (dept?.leaderAccount) {
+    return dept.leaderAccount;
   }
-  if (dept?.managerName) {
-    const matched = options.find((item) => item.staffName === dept.managerName);
+  if (dept?.leaderName) {
+    const matched = options.find((item) => item.staffName === dept.leaderName);
     return matched?.value;
   }
   return undefined;
@@ -463,7 +363,6 @@ function DeptFormModal({
   requestDetails,
   onCancel,
   onSuccess,
-  selectedDeptId,
 }) {
   const [form] = Form.useForm();
   const [submitting, setSubmitting] = useState(false);
@@ -490,12 +389,8 @@ function DeptFormModal({
       let dept = null;
       const getDetails = requestDetailsRef.current;
       if (typeof getDetails === "function") {
-        try {
-          const res = await getDetails({ id: currentId });
+        const res = await safeRequest(getDetails, { id: currentId });
         dept = res?.data || null;
-        } catch {
-          dept = null;
-        }
       }
       if (!dept) {
         dept = findDeptNode(treeDataRef.current, currentId);
@@ -503,8 +398,8 @@ function DeptFormModal({
       if (!cancelled && dept) {
         form.setFieldsValue({
           ...dept,
-          managerAccount: resolveManagerAccount(dept, staffOptionsRef.current),
-          managerName: dept.managerName,
+          leaderAccount: resolveLeaderAccount(dept, staffOptionsRef.current),
+          leaderName: dept.leaderName,
         });
       }
     };
@@ -518,9 +413,9 @@ function DeptFormModal({
     };
   }, [open, currentId]);
 
-  const onManagerChange = (account) => {
+  const onLeaderChange = (account) => {
     const staff = staffOptions.find((s) => s.value === account);
-    form.setFieldValue("managerName", staff?.staffName || "");
+    form.setFieldValue("leaderName", staff?.staffName || "");
   };
 
   const handleSubmit = async (values) => {
@@ -537,14 +432,16 @@ function DeptFormModal({
         form.resetFields();
         onCancel();
         await onSuccess();
-      } else {
+      }
+      else {
         message.error(res?.message || "操作失败");
       }
-    } finally {
+    }
+    finally {
       setSubmitting(false);
     }
   };
-  console.log(treeData);
+
   return (
     <Modal
       open={open}
@@ -557,19 +454,6 @@ function DeptFormModal({
       onOk={form.submit}
     >
       <Form form={form} layout="vertical" onFinish={handleSubmit}>
-        <Form.Item name="parentId" label="上级部门" initialValue={selectedDeptId}>
-          <TreeSelect
-            treeData={treeData}
-            allowClear
-            fieldNames={{
-              label: "deptName",
-              value: "id",
-              children: "children",
-            }}
-            showSearch
-            placeholder="请选择上级部门"
-          />
-        </Form.Item>
         <Form.Item
           name="deptName"
           label="部门名称"
@@ -577,20 +461,20 @@ function DeptFormModal({
         >
           <Input placeholder="请输入部门名称" />
         </Form.Item>
-        <Form.Item name="managerAccount" label="负责人">
+        <Form.Item name="leaderAccount" label="负责人">
           <Select
             allowClear
             showSearch
             placeholder="请选择负责人"
             options={staffOptions}
             optionFilterProp="label"
-            onChange={onManagerChange}
+            onChange={onLeaderChange}
           />
         </Form.Item>
-        <Form.Item name="managerName" hidden>
+        <Form.Item name="leaderName" hidden>
           <Input />
         </Form.Item>
-        <Form.Item name="deptLevelName" label="部门级别">
+        <Form.Item name="deptLevel" label="部门级别">
           <Input placeholder="请输入部门级别" />
         </Form.Item>
       </Form>
@@ -598,7 +482,4 @@ function DeptFormModal({
   );
 }
 
-export default Connect(
-  [NS_ORG_DEPARTMENT, NS_ORG_POSITION, NS_STAFF_INFO],
-  true,
-)(AntdTableFuncControl(DepartmentPositionPage));
+export default Connect([NS_ORG_DEPARTMENT, NS_ORG_POSITION, NS_STAFF_INFO], true)(DepartmentPositionPage);