feat: 调整应用列表

dist/_umi_route_preload_helper.9f53764c.js

@@ -1 +0,0 @@
-!function(){"use strict";var t="/".replace(/([^/])$/,"$1/"),e=location.pathname,n=e.startsWith(t)&&decodeURI("/".concat(e.slice(t.length)));if(n){var a=document,c=a.head,r=a.createElement.bind(a),i=function(t,e,n){var a,c=e.r[t]||(null===(a=Object.entries(e.r).find((function(e){var n=e[0];return new RegExp("^".concat(n.replace(/\/:[^/]+/g,"/[^/]+").replace("/*","/.+"),"$")).test(t)})))||void 0===a?void 0:a[1]);return null==c?void 0:c.map((function(t){var a=e.f[t][1],c=e.f[t][0];return{type:c.split(".").pop(),url:"".concat(n.publicPath).concat(c),attrs:[["data-".concat(e.b),"".concat(e.p,":").concat(a)]]}}))}(n,{"p":"ant-design-pro","b":"webpack","f":[["134.6fc81d91.async.js",134],["169.57647c7d.async.js",169],["p__Welcome.61596037.async.js",185],["p__MoneyManagement.6438f0bb.async.js",190],["247.3fe8fb10.async.js",247],["t__plugin-layout__Layout.6cae69f5.chunk.css",301],["t__plugin-layout__Layout.4594a64b.async.js",301],["p__User__Login__index.9d3ab92e.async.js",366],["p__DeviceOwnerApp.c61abcd9.async.js",371],["390.41467286.async.js",390],["393.38316f72.async.js",393],["397.fb5f72c1.async.js",397],["p__SuperAdmin.ec6dec07.async.js",455],["p__Proxy__ProxyUserManagement.9b5c45a4.async.js",526],["531.35af34f5.async.js",531],["539.290aefb9.async.js",539],["p__AdvRecordListV2.185cc304.async.js",542],["p__Bind.b6ee068f.async.js",557],["559.016bfdbb.async.js",559],["p__404.0c100574.async.js",571],["635.20e45f05.async.js",635],["p__App__AppManagement.fd8edc19.async.js",731],["761.f7bbde11.async.js",761],["p__AdminManagement.3439b2cb.async.js",816],["841.614ef4c0.async.js",841],["p__AdvRecordList.fc092f59.async.js",857],["p__UserManagement.98f62b33.async.js",903],["905.6e225d1b.async.js",905],["930.fca7adbf.async.js",930],["971.677bb358.async.js",971],["p__Proxy__ProxyAdvRecordListV2.8a4ba9c6.async.js",990]],"r":{"/*":[19,27],"/":[0,5,6,18,20,27],"/welcome":[0,1,2,10,18,28,5,6,20,27],"/super":[0,1,4,12,14,15,27,28,5,6,18,20],"/adminList":[0,1,14,15,22,23,27,29,5,6,18,20],"/bind":[0,1,10,11,17,18,28,5,6,20,27],"/appList":[0,1,4,11,14,15,21,27,28,5,6,18,20],"/advList/:code":[0,1,14,15,18,24,25,27,28,5,6,20],"/advListV2/:code":[0,1,14,15,16,18,24,27,28,5,6,20],"/user/:code":[0,1,14,15,26,27,28,29,5,6,18,20],"/money/:code":[0,1,3,14,15,27,28,5,6,18,20],"/app/:code":[0,1,8,14,15,18,24,27,28,5,6,20],"/user/login":[0,1,7,14],"/proxy/advListV2/:code":[0,1,14,15,18,24,27,28,30,5,6,20],"/proxy/user/:code":[0,1,13,14,15,27,28,29,5,6,18,20]}},{publicPath:"/"});null==i||i.forEach((function(t){var e,n=t.type,a=t.url;if("js"===n)(e=r("script")).src=a,e.async=!0;else{if("css"!==n)return;(e=r("link")).href=a,e.rel="preload",e.as="style"}t.attrs.forEach((function(t){e.setAttribute(t[0],t[1]||"")})),c.appendChild(e)}))}}();

dist/_umi_route_preload_helper.feec1793.js

@@ -0,0 +1 @@
+!function(){"use strict";var t="/".replace(/([^/])$/,"$1/"),e=location.pathname,n=e.startsWith(t)&&decodeURI("/".concat(e.slice(t.length)));if(n){var a=document,c=a.head,r=a.createElement.bind(a),i=function(t,e,n){var a,c=e.r[t]||(null===(a=Object.entries(e.r).find((function(e){var n=e[0];return new RegExp("^".concat(n.replace(/\/:[^/]+/g,"/[^/]+").replace("/*","/.+"),"$")).test(t)})))||void 0===a?void 0:a[1]);return null==c?void 0:c.map((function(t){var a=e.f[t][1],c=e.f[t][0];return{type:c.split(".").pop(),url:"".concat(n.publicPath).concat(c),attrs:[["data-".concat(e.b),"".concat(e.p,":").concat(a)]]}}))}(n,{"p":"ant-design-pro","b":"webpack","f":[["134.6fc81d91.async.js",134],["169.57647c7d.async.js",169],["p__Welcome.61596037.async.js",185],["p__MoneyManagement.6438f0bb.async.js",190],["t__plugin-layout__Layout.6cae69f5.chunk.css",301],["t__plugin-layout__Layout.4594a64b.async.js",301],["p__User__Login__index.9d3ab92e.async.js",366],["p__DeviceOwnerApp.c61abcd9.async.js",371],["390.41467286.async.js",390],["393.38316f72.async.js",393],["397.fb5f72c1.async.js",397],["p__SuperAdmin.579fe948.async.js",455],["p__Proxy__ProxyUserManagement.9b5c45a4.async.js",526],["531.35af34f5.async.js",531],["539.290aefb9.async.js",539],["p__AdvRecordListV2.185cc304.async.js",542],["p__Bind.b6ee068f.async.js",557],["559.016bfdbb.async.js",559],["p__404.0c100574.async.js",571],["635.20e45f05.async.js",635],["p__App__AppManagement.c08f72ac.async.js",731],["761.f7bbde11.async.js",761],["p__AdminManagement.3439b2cb.async.js",816],["841.614ef4c0.async.js",841],["p__AdvRecordList.fc092f59.async.js",857],["p__UserManagement.98f62b33.async.js",903],["905.6e225d1b.async.js",905],["930.fca7adbf.async.js",930],["931.c2d40e0b.async.js",931],["971.677bb358.async.js",971],["p__Proxy__ProxyAdvRecordListV2.8a4ba9c6.async.js",990]],"r":{"/*":[18,26],"/":[0,4,5,17,19,26],"/welcome":[0,1,2,9,17,27,4,5,19,26],"/super":[0,1,11,13,14,26,27,28,4,5,17,19],"/adminList":[0,1,13,14,21,22,26,29,4,5,17,19],"/bind":[0,1,9,10,16,17,27,4,5,19,26],"/appList":[0,1,10,13,14,20,26,27,28,4,5,17,19],"/advList/:code":[0,1,13,14,17,23,24,26,27,4,5,19],"/advListV2/:code":[0,1,13,14,15,17,23,26,27,4,5,19],"/user/:code":[0,1,13,14,25,26,27,29,4,5,17,19],"/money/:code":[0,1,3,13,14,26,27,4,5,17,19],"/app/:code":[0,1,7,13,14,17,23,26,27,4,5,19],"/user/login":[0,1,6,13],"/proxy/advListV2/:code":[0,1,13,14,17,23,26,27,30,4,5,19],"/proxy/user/:code":[0,1,12,13,14,26,27,29,4,5,17,19]}},{publicPath:"/"});null==i||i.forEach((function(t){var e,n=t.type,a=t.url;if("js"===n)(e=r("script")).src=a,e.async=!0;else{if("css"!==n)return;(e=r("link")).href=a,e.rel="preload",e.as="style"}t.attrs.forEach((function(t){e.setAttribute(t[0],t[1]||"")})),c.appendChild(e)}))}}();

dist/index.html

@@ -7,10 +7,10 @@
 <title>Ant Design Pro</title>
 <link rel="stylesheet" href="/umi.1ca9308c.css">
 <script async src="/scripts/loading.js"></script>
-<script src="/_umi_route_preload_helper.9f53764c.js"></script>
+<script src="/_umi_route_preload_helper.feec1793.js"></script>
 </head>
 <body>
 <div id="root"></div>
-<script src="/umi.efe018a8.js"></script>
+<script src="/umi.04ea5536.js"></script>
 </body>
 </html>

src/pages/App/SuperAdminAppManagement.tsx

@@ -1,7 +1,8 @@
 import { appList } from '@/services/matrix/admin';
 import { channelList } from '@/utils/commonUtil';
+import { SearchOutlined } from '@ant-design/icons';
 import { PageContainer, ProColumns, ProTable } from '@ant-design/pro-components';
-import { Button, Flex, Input, Popover, QRCode, Tag } from 'antd';
+import { Button, Flex, Input, Popover, QRCode, Space, Tag } from 'antd';
 import { useEffect, useState } from 'react';
 import AliPayConfigForm from './AliPayConfigForm';
 import AliPayTransferForm from './AliPayTransferForm';
@@ -11,7 +12,6 @@ import UMengConfigForm from './UMengConfigForm';
 const SuperAdminAppManagement = () => {
   const [visible, setVisible] = useState(false);
   const [appArr, setAppArr] = useState<API.MatrixApp[]>([]);
-  const [filteredAppArr, setFilteredAppArr] = useState<API.MatrixApp[]>([]);
 
   const [aliPayVisible, setAliPayVisible] = useState(false);
   const [uMengVisible, setUMengVisible] = useState(false);
@@ -25,6 +25,39 @@ const SuperAdminAppManagement = () => {
       dataIndex: 'name',
       copyable: true,
       hideInSearch: true,
+      fixed: 'left',
+      filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (
+        <div style={{ padding: 8 }}>
+          <Input
+            placeholder="搜索应用"
+            value={selectedKeys[0]}
+            onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
+            onPressEnter={() => confirm()}
+            style={{ marginBottom: 8, display: 'block' }}
+          />
+          <Space>
+            <Button onClick={() => confirm()} type="primary">
+              搜索
+            </Button>
+            <Button onClick={() => clearFilters && clearFilters()} type="link">
+              清除
+            </Button>
+          </Space>
+        </div>
+      ),
+      onFilter: (value, record) => {
+        if (typeof value === 'string' && typeof record?.name === 'string') {
+          return record.name.includes(value);
+        }
+        return false;
+      },
+      filterIcon: (filtered) => (
+        <SearchOutlined
+          style={{ color: filtered ? '#1890ff' : undefined }}
+          onPointerOverCapture={undefined}
+          onPointerMoveCapture={undefined}
+        />
+      ),
     },
     {
       title: '图片',
@@ -42,6 +75,7 @@ const SuperAdminAppManagement = () => {
       title: '应用市场',
       dataIndex: 'code',
       copyable: true,
+      width: 200,
       hideInSearch: true,
       renderText: (code) => {
         return 'https://pomelo.bzgames.cn/market/' + code;
@@ -52,14 +86,25 @@ const SuperAdminAppManagement = () => {
       dataIndex: 'url',
       width: 200,
       hideInSearch: true,
-      renderText: (url: string) => (
-        <Popover
-          overlayInnerStyle={{ padding: 0 }}
-          content={<QRCode value={url || ''} bordered={false} />}
-        >
-          <a style={{ wordBreak: 'break-word' }}>{url}</a>
-        </Popover>
-      ),
+      copyable: true,
+    },
+    {
+      title: '下载二维码',
+      dataIndex: 'url',
+      hideInSearch: true,
+      renderText: (url: string) => {
+        if (!url) {
+          return '';
+        }
+        return (
+          <Popover
+            overlayInnerStyle={{ padding: 0 }}
+            content={<QRCode value={url || ''} bordered={false} />}
+          >
+            <a style={{ wordBreak: 'break-word' }}>查看</a>
+          </Popover>
+        );
+      },
     },
     {
       title: 'secret',
@@ -94,6 +139,7 @@ const SuperAdminAppManagement = () => {
       title: '操作',
       width: 100,
       hideInSearch: true,
+      fixed: 'right',
       renderText: (record: API.MatrixAppBo) => (
         <Flex gap="small" wrap>
           <Tag
@@ -149,7 +195,6 @@ const SuperAdminAppManagement = () => {
     const res = await appList();
     if (res.data) {
       setAppArr(res.data);
-      setFilteredAppArr(res.data);
     }
   };
 
@@ -157,11 +202,6 @@ const SuperAdminAppManagement = () => {
     fetchApp();
   }, []);
 
-  const handleSearch = (value: string) => {
-    const filtered = appArr.filter((item) => item?.name?.includes(value));
-    setFilteredAppArr(filtered);
-  };
-
   return (
     <PageContainer>
       <Button
@@ -175,22 +215,10 @@ const SuperAdminAppManagement = () => {
       </Button>
 
       <ProTable
-        search={{
-          defaultCollapsed: false, // 默认展开搜索框
-          optionRender: () => [
-            // 自定义搜索框
-            <Input
-              key="name"
-              placeholder="请输入应用名"
-              onChange={(e: { target: { value: string } }) => handleSearch(e.target.value)}
-            />,
-          ],
-        }}
-        onReset={() => {
-          setFilteredAppArr(appArr);
-        }}
+        scroll={{ x: 1200 }}
+        search={false}
         columns={superAdminColumns}
-        dataSource={filteredAppArr}
+        dataSource={appArr}
       />
 
       {appCode && aliPayVisible && (