代办列表

package.json

@@ -31,7 +31,7 @@
     "lodash-es": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "zy-react-library": "^1.1.47"
+    "zy-react-library": "^1.2.6"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^5.4.1",

src/api/toDoList/index.js

@@ -0,0 +1,6 @@
+import { declareRequest } from "@cqsjjb/jjb-dva-runtime";
+
+export const todoList = declareRequest(
+  "todoListLoading",
+  `Post > @/appmenu/todoList`,
+);

src/enumerate/namespace/index.js

@@ -9,3 +9,4 @@ export const NS_APP_MENU = defineNamespace("appMenu");
 export const NS_NOTICE = defineNamespace("Notice");
 export const NS_NoticeReadRecord = defineNamespace("NoticeReadRecord");
 export const NS_CORPINFO = defineNamespace("corpInfo");
+export const NS_TODO_LIST = defineNamespace("toDoList");

src/pages/Container/AppMenu/Menu/index.js

@@ -1,20 +1,20 @@
 import useUrlState from "@ahooksjs/use-url-state";
-import {ApiOutlined} from "@ant-design/icons";
+import { ApiOutlined } from "@ant-design/icons";
-import {Connect} from "@cqsjjb/jjb-dva-runtime";
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
-import {Button, Form, message, Modal, Space, Tabs, Tag} from "antd";
+import { Button, Form, message, Modal, Space, Tabs, Tag } from "antd";
-import {useEffect, useRef, useState} from "react";
+import { useEffect, useRef, useState } from "react";
 import FormBuilder from "zy-react-library/components/FormBuilder";
 import AddIcon from "zy-react-library/components/Icon/AddIcon";
 import Page from "zy-react-library/components/Page";
 import Table from "zy-react-library/components/Table";
-import {FORM_ITEM_RENDER_ENUM} from "zy-react-library/enum/formItemRender";
+import { FORM_ITEM_RENDER_ENUM } from "zy-react-library/enum/formItemRender";
 import useTable from "zy-react-library/hooks/useTable";
-import {getLabelName, getMatchedItems} from "zy-react-library/utils";
+import { getLabelName, getMatchedItems } from "zy-react-library/utils";
-import {NS_APP_MENU} from "~/enumerate/namespace";
+import { NS_APP_MENU } from "~/enumerate/namespace";
 
 const MENU_TYPE_ENUM = [
-  {bianma: 1, name: "菜单"},
+  { bianma: 1, name: "菜单" },
-  {bianma: 2, name: "按钮"},
+  { bianma: 2, name: "按钮" },
 ];
 
 function Menu(props) {
@@ -32,18 +32,18 @@ function Menu(props) {
   }, {
     navigateMode: "replace",
   });
-  const {tableProps, getData} = useTable(props["appMenuListTree"], {
+  const { tableProps, getData } = useTable(props["appMenuListTree"], {
-    params: {eqMenuAttribution: urlState.menuAttribution},
+    params: { eqMenuAttribution: urlState.menuAttribution },
     usePagination: false,
     manual: true,
   });
 
   const getMenuAppByTenantId = async () => {
-    const {data} = await props["appMenuGetMenuAppByTenantId"]();
+    const { data } = await props["appMenuGetMenuAppByTenantId"]();
     setMenuAttribution(data);
     const menuAttribution = data?.[0]?.menuAttribution;
     const menuAttributionName = data?.[0]?.menuAttributionName;
-    setUrlState({menuAttribution, menuAttributionName});
+    setUrlState({ menuAttribution, menuAttributionName });
     menuAttribution && getData();
   };
 
@@ -58,7 +58,7 @@ function Menu(props) {
       okText: "确定",
       cancelText: "取消",
       onOk: async () => {
-        const {success} = await props["appMenuDelete"]({id});
+        const { success } = await props["appMenuDelete"]({ id });
         if (success) {
           message.success("删除成功");
           getData();
@@ -78,7 +78,7 @@ function Menu(props) {
                 <>
                   <Button
                     type="primary"
-                    icon={(<AddIcon/>)}
+                    icon={(<AddIcon />)}
                     onClick={() => {
                       setAddModalVisible(true);
                       setParentId(0);
@@ -91,7 +91,7 @@ function Menu(props) {
                   <Button
                     type="primary"
                     ghost
-                    icon={(<ApiOutlined/>)}
+                    icon={(<ApiOutlined />)}
                     onClick={() => {
                       setRoleBindingModalVisible(true);
                     }}
@@ -105,7 +105,7 @@ function Menu(props) {
         headerTitle={(
           <Tabs
             activeKey={urlState.menuAttribution}
-            items={menuAttribution.map(item => ({key: item.menuAttribution, label: item.menuAttributionName}))}
+            items={menuAttribution.map(item => ({ key: item.menuAttribution, label: item.menuAttributionName }))}
             onChange={(event) => {
               setUrlState({
                 menuAttribution: event,
@@ -116,9 +116,9 @@ function Menu(props) {
           />
         )}
         columns={[
-          {title: "名称", dataIndex: "menuName"},
+          { title: "名称", dataIndex: "menuName" },
-          {title: "路径", dataIndex: "menuUrl"},
+          { title: "路径", dataIndex: "menuUrl" },
-          {title: "标识", dataIndex: "menuPerms"},
+          { title: "标识", dataIndex: "menuPerms" },
           {
             title: "类型",
             dataIndex: "menuType",
@@ -214,7 +214,7 @@ const AddModalComponent = (props) => {
   const [form] = Form.useForm();
 
   const getData = async () => {
-    const {data} = await props["appMenuInfo"]({id: props.id});
+    const { data } = await props["appMenuInfo"]({ id: props.id });
     form.setFieldsValue(data);
   };
 
@@ -225,7 +225,7 @@ const AddModalComponent = (props) => {
   }, [props.id]);
 
   const onSubmit = async (values) => {
-    const {success} = await props[props.id ? "appMenuUpdate" : "appMenuAdd"]({
+    const { success } = await props[props.id ? "appMenuUpdate" : "appMenuAdd"]({
       ...values,
       id: props.id,
       parentId: props.parentId,
@@ -251,7 +251,7 @@ const AddModalComponent = (props) => {
       <FormBuilder
         showActionButtons={false}
         span={24}
-        labelCol={{span: 6}}
+        labelCol={{ span: 6 }}
         loading={props.appMenu.appMenuLoading}
         form={form}
         onFinish={onSubmit}
@@ -270,12 +270,12 @@ const AddModalComponent = (props) => {
             name: "menuType",
             label: "类型",
             render: FORM_ITEM_RENDER_ENUM.RADIO,
-            items: props.parentId === 0 ? getMatchedItems({list: MENU_TYPE_ENUM, value: [1]}) : MENU_TYPE_ENUM,
+            items: props.parentId === 0 ? getMatchedItems({ list: MENU_TYPE_ENUM, value: [1] }) : MENU_TYPE_ENUM,
           },
-          {name: "menuName", label: "名称"},
+          { name: "menuName", label: "名称" },
-          {name: "menuUrl", label: "路径", useConstraints: false},
+          { name: "menuUrl", label: "路径", useConstraints: false },
-          {name: "menuPerms", label: "标识", useConstraints: false},
+          { name: "menuPerms", label: "标识", useConstraints: false },
-          {name: "sort", label: "排序", onlyForLabel: true},
+          { name: "sort", label: "排序", onlyForLabel: true },
         ]}
       />
     </Modal>
@@ -287,14 +287,14 @@ const RoleBindingModalComponent = (props) => {
 
   const selectedRowsRef = useRef([]);
 
-  const {tableProps} = useTable(props["systemPermsGroupsList"], {
+  const { tableProps } = useTable(props["systemPermsGroupsList"], {
     useStorageQueryCriteria: false,
   });
 
   const getData = async () => {
-    const {data} = await props["appMenuGetMenuRoleByMenuAttribution"]({menuAttribution: props.menuAttribution});
+    const { data } = await props["appMenuGetMenuRoleByMenuAttribution"]({ menuAttribution: props.menuAttribution });
     setSelectedRowKeys(data.map(item => item.roleId));
-    selectedRowsRef.current = data.map(item => ({id: item.roleId, roleName: item.roleName}));
+    selectedRowsRef.current = data.map(item => ({ id: item.roleId, roleName: item.roleName }));
   };
 
   useEffect(() => {
@@ -302,10 +302,10 @@ const RoleBindingModalComponent = (props) => {
   }, []);
 
   const onSubmit = async () => {
-    const {success} = await props["appMenuGetMenuRoleByMenuAttributionSave"]({
+    const { success } = await props["appMenuGetMenuRoleByMenuAttributionSave"]({
       menuAttribution: props.menuAttribution,
       menuAttributionName: props.menuAttributionName,
-      roleList: selectedRowsRef.current.map(item => ({roleId: item.id, roleName: item.roleName})),
+      roleList: selectedRowsRef.current.map(item => ({ roleId: item.id, roleName: item.roleName })),
     });
     if (success) {
       message.success("保存成功");
@@ -323,7 +323,7 @@ const RoleBindingModalComponent = (props) => {
       onOk={onSubmit}
       confirmLoading={props.appMenu.appMenuLoading}
     >
-      <div style={{fontSize: 12, color: "red", marginBottom: 10}}>注：取消勾选会清空角色的APP使用权限，请谨慎操作！</div>
+      <div style={{ fontSize: 12, color: "red", marginBottom: 10 }}>注：取消勾选会清空角色的APP使用权限，请谨慎操作！</div>
       <Table
         rowSelection={{
           preserveSelectedRowKeys: true,
@@ -336,7 +336,7 @@ const RoleBindingModalComponent = (props) => {
         options={false}
         disabledResizer={true}
         columns={[
-          {title: "角色名称（权限组）", dataIndex: "roleName"},
+          { title: "角色名称（权限组）", dataIndex: "roleName" },
         ]}
         {...tableProps}
       />

src/pages/Container/TodoList/index.js

@@ -0,0 +1,65 @@
+import { Connect } from "@cqsjjb/jjb-dva-runtime";
+import { useEffect, useState } from "react";
+import Page from "zy-react-library/components/Page";
+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 useGetUserInfo from "zy-react-library/hooks/useGetUserInfo";
+import useTable from "zy-react-library/hooks/useTable";
+import { getLabelName } from "zy-react-library/utils";
+import { NS_TODO_LIST } from "~/enumerate/namespace";
+
+const STATUS_ENUM = [
+  { bianma: "1", name: "未处理" },
+  { bianma: "2", name: "已处理" },
+];
+function TodoList(props) {
+  const [form] = Search.useForm();
+  const { getUserInfo } = useGetUserInfo();
+
+  const [userInfo, setUserInfo] = useState({});
+
+  const { tableProps, getData } = useTable(props["todoList"], {
+    form,
+    params: { eqPcFlag: 1 },
+    transform: formData => ({
+      leCreateTime: formData.createTime?.[0],
+      geCreateTime: formData.createTime?.[1],
+    }),
+  });
+
+  useEffect(() => {
+    (async () => {
+      const userInfo = await getUserInfo();
+      setUserInfo(userInfo);
+    })();
+  }, []);
+
+  return (
+    <Page isShowAllAction={false}>
+      <Search
+        options={[
+          { name: "eqAppName", label: "来源", render: (<DictionarySelect dictValue="sys_app_name" />) },
+          { name: "createTime", label: "接收时间", render: FORM_ITEM_RENDER_ENUM.DATE_RANGE },
+          { name: "eqStatus", label: "状态", render: FORM_ITEM_RENDER_ENUM.SELECT, items: STATUS_ENUM },
+        ]}
+        form={form}
+        onFinish={getData}
+      />
+      <Table
+        columns={[
+          { title: "来源", dataIndex: "appName" },
+          { title: "标题", dataIndex: "title" },
+          { title: "接收时间", dataIndex: "createTime" },
+          { title: "处理人", dataIndex: "name", render: () => userInfo.name },
+          { title: "状态", dataIndex: "content" },
+          { title: "状处理态", dataIndex: "status", render: (_, record) => getLabelName({ list: STATUS_ENUM, status: record.status }) },
+        ]}
+        {...tableProps}
+      />
+    </Page>
+  );
+}
+
+export default Connect([NS_TODO_LIST], true)(TodoList);