设备主收入

8 months ago · 0c1e541ce2
6 changed files with 105 additions and 6 deletions
--- a/dist/index.html
+++ b/dist/index.html
@ -8,6 +8,6 @@
 </head>
 <body>
 <div id="root"></div>
-<script src="/umi.4523c287.js"></script>
+<script src="/umi.e8d45b1c.js"></script>

 </body></html>
--- a/dist/p__AdminManagement.1126dff2.async.js
+++ b/dist/p__AdminManagement.1126dff2.async.js
--- a/dist/p__AdminManagement.a1779b54.async.js
+++ b/dist/p__AdminManagement.a1779b54.async.js
--- a/dist/umi.e8d45b1c.js
+++ b/dist/umi.e8d45b1c.js
--- a/src/pages/AdminManagement.tsx
+++ b/src/pages/AdminManagement.tsx
@ -1,9 +1,10 @@
 import { useModel } from '@umijs/max';
-import { Button, Col, Form, Input, InputNumber, Modal, Row, Select, Table, Tag } from 'antd';
+import { Button, Col, Form, Input, InputNumber, Modal, Row, Select, Table, Tabs, Tag } from 'antd';
 import { ColumnsType } from 'antd/es/table';
 import { useEffect, useState } from 'react';

 import { adminList, appList, saveAdmin } from '@/services/matrix/admin';
+import TabPane from 'antd/es/tabs/TabPane';

 const AdminManagement = () => {
  const [data, setData] = useState<API.MatrixAdminBo[]>([]);
@ -15,6 +16,13 @@ const AdminManagement = () => {
  const { initialState } = useModel('@@initialState');
  const currentUser = initialState?.currentUser;

+  const formatIncome = (v: number | undefined) => {
+    if (!v) {
+      return 0;
+    }
+    return parseFloat((v / 1000_00).toFixed(2));
+  };
+
  const getAppNameById = (appId: number) => {
    const app = appArr.find((app) => app.id === appId);
    return app ? app.name : '';
@ -80,6 +88,85 @@ const AdminManagement = () => {
    },
  ];

+  const deviceColumns: ColumnsType<API.MatrixAdminBo> = [
+    {
+      title: '姓名',
+      dataIndex: 'name',
+      ellipsis: true,
+    },
+
+    {
+      title: '应用IDs',
+      dataIndex: 'appIds',
+      render: (text: []) => (
+        <div>
+          {text?.map((appId) => (
+            <Tag color="blue" key={appId}>
+              {getAppNameById(appId)}
+            </Tag>
+          ))}
+        </div>
+      ),
+    },
+    {
+      title: '角色',
+      dataIndex: 'role',
+      render: (r: number) => {
+        let roleText = '';
+        switch (r) {
+          case 1:
+            roleText = '超级管理员';
+            break;
+          case 2:
+            roleText = '管理员';
+            break;
+          case 3:
+            roleText = '游戏主';
+            break;
+          case 4:
+            roleText = '设备主';
+            break;
+          default:
+            roleText = '';
+        }
+        return roleText;
+      },
+    },
+    {
+      title: '本月收入（元）',
+      dataIndex: 'incomeThisMonth',
+      render: (_, r: API.MatrixAdminBo) => {
+        return formatIncome(r.overview?.thisMonthIncome);
+      },
+    },
+    {
+      title: '上月收入（元）',
+      dataIndex: 'incomeLastMonth',
+      render: (_, r: API.MatrixAdminBo) => {
+        return formatIncome(r.overview?.lastMonthIncome);
+      },
+    },
+    {
+      title: '累计收入（元）',
+      dataIndex: 'incomeTotal',
+      render: (_, r: API.MatrixAdminBo) => {
+        return formatIncome(r.overview?.totalIncome);
+      },
+    },
+    {
+      title: '当前分成比例',
+      dataIndex: 'incomeRate',
+    },
+    {
+      title: '操作',
+      render: (record: API.MatrixAdminBo) => [
+        <a key="edit" onClick={() => handleEdit(record)}>
+          编辑
+        </a>,
+      ],
+    },
+  ];
+
  const handleOk = () => {
    form.submit();
  };
@ -127,7 +214,16 @@ const AdminManagement = () => {
  return (
    <div>
      <Button onClick={handleNew}>新建账号</Button>
-      <Table columns={columns} dataSource={data} />
+      <Tabs centered style={{ backgroundColor: 'white', padding: '20px' }}>
+        {role < 3 && (
+          <TabPane tab="游戏主" key="1">
+            <Table columns={columns} dataSource={data.filter((x) => x.role === 3)} />
+          </TabPane>
+        )}
+        <TabPane tab="设备主" key="2">
+          <Table columns={deviceColumns} dataSource={data.filter((x) => x.role === 4)} />
+        </TabPane>
+      </Tabs>

      <Modal title="编辑" visible={visible} onOk={handleOk} onCancel={handleCancel}>
        <Form form={form} onFinish={handleSaveAdmin}>
--- a/src/services/matrix/typings.d.ts
+++ b/src/services/matrix/typings.d.ts
@ -28,6 +28,7 @@ declare namespace API {
    deviceId?: string;
    code?: string;
    createdAt?: string[];
+    adminId?: number;
  };

  type AppInfo = {
@ -142,6 +143,7 @@ declare namespace API {
    role?: number;
    deviceCnt?: number;
    incomeRate?: number;
+    overview?: OverviewBo;
  };

  type MatrixAdminDevice = {
@ -169,6 +171,7 @@ declare namespace API {
    appId?: number;
    createdAt?: number;
    id?: number;
+    adminName?: string;
  };

  type MatrixAdvRecordEditBo = {