12011951

src/pages/repair/failure/index.jsx

@@ -2,7 +2,7 @@
  * @Author: Li Hanlin
  * @Date: 2022-11-25 09:18:03
  * @Last Modified by: Li Hanlin
- * @Last Modified time: 2022-11-28 10:50:21
+ * @Last Modified time: 2022-12-01 19:49:37
  */
 
 import * as React from 'react';
@@ -150,7 +150,7 @@ function Failure(props) {
   return (
     <div style={{ position: 'relative' }}>
       <AutoTable
-        pagetitle={<h3 className="page-title">故障报修</h3>}
+        pagetitle={<h3 className="page-title">设备供应商</h3>}
         columns={columns}
         actionRef={actionRef}
         pageextra={'add'}
@@ -202,6 +202,8 @@ function Failure(props) {
             },
           },
         }}
+        activeTabKey={activeTabKey}
+        onTabChange={onTabChange}
       />
 
       <DrawerPro

src/pages/repair/platform/index.jsx

 import * as React from 'react';
-    import { useState, useMemo, useRef } from 'react';
-    import DrawerPro from '@/components/DrawerPro';
-    import AutoTable from '@/components/AutoTable';
-    import PremButton from '@/components/PremButton';
-    import getcolumns from './columns';
-    import { useRequest } from 'ahooks';
-    import { doFetch } from '@/utils/doFetch';
+import { useState, useMemo, useRef } from 'react';
+import DrawerPro from '@/components/DrawerPro';
+import AutoTable from '@/components/AutoTable';
+import PremButton from '@/components/PremButton';
+import getcolumns from './columns';
+import { useRequest } from 'ahooks';
+import { doFetch } from '@/utils/doFetch';
 
-    function Platform(props) {
-      const actionRef = useRef(),
-        formRef = useRef();
-      const [drawer, setdrawer] = useState({
+function Platform(props) {
+  const actionRef = useRef(),
+    formRef = useRef();
+  const [drawer, setdrawer] = useState({
+      open: false,
+    }),
+    [activeTabKey, setactiveTabKey] = useState('1');
+
+  const { run, loading } = useRequest(doFetch, {
+    manual: true,
+    onSuccess: (res, params) => {
+      if (res?.code == '0000') {
+        actionRef?.current?.reload();
+        setdrawer((s) => ({
+          ...s,
           open: false,
-        }),
-        [activeTabKey, setactiveTabKey] = useState('1');
+        }));
+      }
+    },
+  });
 
-      const { run, loading } = useRequest(doFetch, {
-        manual: true,
-        onSuccess: (res, params) => {
-          if (res?.code == '0000') {
-            actionRef?.current?.reload();
+  const detail = (text, row, _, action) => {
+    return (
+      <PremButton
+        btn={{
+          size: 'small',
+          type: 'link',
+          onClick: () => {
             setdrawer((s) => ({
               ...s,
-              open: false,
+              open: true,
+              item: row,
+              title: '详情',
+              val: 'detail',
+              title: '详细信息',
             }));
-          }
-        },
-      });
-
-      const detail = (text, row, _, action) => {
-        return (
-          <PremButton
-            btn={{
-              size: 'small',
-              type: 'link',
-              onClick: () => {
-                setdrawer((s) => ({
-                  ...s,
-                  open: true,
-                  item: row,
-                  title: '详情',
-                  val: 'detail',
-                  title: '详细信息',
-                }));
-              },
-            }}
-          >
-            详情
-          </PremButton>
-        );
-      };
+          },
+        }}
+      >
+        详情
+      </PremButton>
+    );
+  };
 
-      const edit = (text, row, _, action) => {
-        return (
-          <PremButton
-            btn={{
-              size: 'small',
-              onClick: () => {
-                setdrawer((s) => ({
-                  ...s,
-                  open: true,
-                  item: row,
-                  title: '编辑',
-                  val: 'edit',
-                }));
-              },
-            }}
-          >
-            编辑
-          </PremButton>
-        );
-      };
-
-      const remove = (text, row, _, action) => {
-        return (
-          <PremButton
-            pop={{
-              title: '是否删除?',
-              okText: '确认',
-              cancelText: '取消',
-              onConfirm: () => {
-                run({ url: pathconfig?.delete || '/delete', params: { id: row?.id } });
-              },
-            }}
-            btn={{
-              size: 'small',
-              type: 'danger',
-            }}
-          >
-            删除
-          </PremButton>
-        );
-      };
+  const edit = (text, row, _, action) => {
+    return (
+      <PremButton
+        btn={{
+          size: 'small',
+          onClick: () => {
+            setdrawer((s) => ({
+              ...s,
+              open: true,
+              item: row,
+              title: '编辑',
+              val: 'edit',
+            }));
+          },
+        }}
+      >
+        编辑
+      </PremButton>
+    );
+  };
 
-      const columns = useMemo(() => {
-        let defcolumn = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.columns;
-        let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {};
-        return defcolumn.concat({
-          title: '操作',
-          valueType: 'option',
-          width: 150,
-          render: (text, row, _, action) => [
-            defpath?.enabledetail && detail(text, row, _, action),
-            defpath?.enableedit && edit(text, row, _, action),
-            defpath?.enabledelete && remove(text, row, _, action),
-          ],
-        });
-      }, [activeTabKey]);
+  const remove = (text, row, _, action) => {
+    return (
+      <PremButton
+        pop={{
+          title: '是否删除?',
+          okText: '确认',
+          cancelText: '取消',
+          onConfirm: () => {
+            run({ url: pathconfig?.delete || '/delete', params: { id: row?.id } });
+          },
+        }}
+        btn={{
+          size: 'small',
+          type: 'danger',
+        }}
+      >
+        删除
+      </PremButton>
+    );
+  };
 
-      const pathconfig = useMemo(() => {
-        let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {};
-        return defpath;
-      }, [activeTabKey]);
+  const columns = useMemo(() => {
+    let defcolumn = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.columns;
+    let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {};
+    return defcolumn.concat({
+      title: '操作',
+      valueType: 'option',
+      width: 150,
+      render: (text, row, _, action) => [
+        defpath?.enabledetail && detail(text, row, _, action),
+        defpath?.enableedit && edit(text, row, _, action),
+        defpath?.enabledelete && remove(text, row, _, action),
+      ],
+    });
+  }, [activeTabKey]);
 
-      return (
-        <div style={{ position: 'relative' }}>
-          <AutoTable
-            pagetitle="接单平台"
-            columns={columns}
-            path={pathconfig?.list || '/ngic-auth/sysUser/query/page'}
-            actionRef={actionRef}
-            pageextra={pathconfig?.enableadd ? 'add' : null}
-            resizeable={true}
-            addconfig={{
-              // access: 'sysDepartment_save',
-              btn: {
-                disabled: false,
-                onClick: () => {
-                  setdrawer((s) => ({
-                    ...s,
-                    open: true,
-                    item: null,
-                    title: '新增',
-                    val: 'add',
-                  }));
-                },
-              },
-            }}
-            tabList={getcolumns()}
-            activeTabKey={activeTabKey}
-            onTabChange={(key) => {
-              setactiveTabKey(key);
-            }}
-          />
+  const pathconfig = useMemo(() => {
+    let defpath = getcolumns(setdrawer).filter((it) => it.key == activeTabKey)[0]?.pathconfig ?? {};
+    return defpath;
+  }, [activeTabKey]);
 
-          <DrawerPro
-            fields={columns}
-            detailpath={pathconfig?.detail || null}
-            detailData={drawer?.item}
-            params={{ id: drawer?.item?.id }}
-            formRef={formRef}
-            placement="right"
-            onClose={() => {
+  return (
+    <div style={{ position: 'relative' }}>
+      <AutoTable
+        pagetitle={<h3 className="page-title">接单平台</h3>}
+        columns={columns}
+        path={pathconfig?.list || '/ngic-auth/sysUser/query/page'}
+        actionRef={actionRef}
+        pageextra={pathconfig?.enableadd ? 'add' : null}
+        resizeable={true}
+        addconfig={{
+          // access: 'sysDepartment_save',
+          btn: {
+            disabled: false,
+            onClick: () => {
               setdrawer((s) => ({
                 ...s,
-                open: false,
+                open: true,
+                item: null,
+                title: '新增',
+                val: 'add',
               }));
-            }}
-            {...drawer}
-            onFinish={(vals) => {
-              if (drawer?.val == 'add') {
-                run({ url: pathconfig?.add || '/add', params: { ...vals } });
-              } else if (drawer?.val == 'edit') {
-                run({ url: pathconfig?.edit || '/edit', params: { ...vals, id: drawer?.item?.id } });
-              }
-            }}
-          />
-        </div>
-      );
-    }
+            },
+          },
+        }}
+        tabList={getcolumns()}
+        activeTabKey={activeTabKey}
+        onTabChange={(key) => {
+          setactiveTabKey(key);
+        }}
+      />
+
+      <DrawerPro
+        fields={columns}
+        detailpath={pathconfig?.detail || null}
+        detailData={drawer?.item}
+        params={{ id: drawer?.item?.id }}
+        formRef={formRef}
+        placement="right"
+        onClose={() => {
+          setdrawer((s) => ({
+            ...s,
+            open: false,
+          }));
+        }}
+        {...drawer}
+        onFinish={(vals) => {
+          if (drawer?.val == 'add') {
+            run({ url: pathconfig?.add || '/add', params: { ...vals } });
+          } else if (drawer?.val == 'edit') {
+            run({ url: pathconfig?.edit || '/edit', params: { ...vals, id: drawer?.item?.id } });
+          }
+        }}
+      />
+    </div>
+  );
+}
 
-    export default Platform;
-    
\ No newline at end of file
+export default Platform;