增加冻结提现功能

src/pages/Op/index.jsx

@@ -35,7 +35,7 @@ export default function Op() {
     checkToken();
     const b_mid = baseRequest().b_mid;
     setMid(b_mid);
-  }, [location]);
+  }, [location, navigate]);
   function getItem(label, key, icon, children, type) {
     return {
       key,
@@ -84,7 +84,7 @@ export default function Op() {
     ]),
     getItem("社区治理", "communityManagement", <UsergroupAddOutlined />, [
       getItem("用户封禁", "blockUser"),
-      // getItem("冻结提现", "blockWithdraw"),
+      getItem("提现封禁", "withdrawFreeze"),
     ]),
     getItem(
       "人工充值/提现",
@@ -137,6 +137,7 @@ export default function Op() {
     ]),
     getItem("社区治理", "communityManagement", <UsergroupAddOutlined />, [
       getItem("用户封禁", "blockUser"),
+      getItem("提现封禁", "withdrawFreeze"),
     ]),
     getItem(
       "人工充值/提现",

src/pages/WithdrawFreeze/index.jsx

@@ -0,0 +1,253 @@
+import React, { useState, useEffect } from "react";
+import { Form, Input, Button, Space, Table, message, Modal } from "antd";
+import baseRequest from "../../utils/baseRequest";
+
+export default function WithdrawFreeze() {
+  const [form] = Form.useForm();
+  const [loading, setLoading] = useState(false);
+  const [freezeList, setFreezeList] = useState([]);
+  const [submitLoading, setSubmitLoading] = useState(false);
+  const [unfreezeLoading, setUnfreezeLoading] = useState(false);
+  const [modalVisible, setModalVisible] = useState(false);
+  const [selectedUser, setSelectedUser] = useState(null);
+
+  // 获取冻结提现列表
+  const fetchFreezeList = async () => {
+    setLoading(true);
+    try {
+      const base = baseRequest();
+      const response = await fetch("/op/vas/get_withdraw_freeze_list", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ ...base }),
+      });
+      const result = await response.json();
+      if (result.ret === 1) {
+        setFreezeList(result.data?.list || []);
+      } else {
+        message.error("获取冻结提现列表失败");
+      }
+    } catch (error) {
+      console.error("获取冻结提现列表出错:", error);
+      message.error("获取冻结提现列表出错");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  // 添加冻结提现
+  const handleAddFreeze = async (values) => {
+    setSubmitLoading(true);
+    try {
+      const base = baseRequest();
+      const response = await fetch("/op/vas/add_withdraw_freeze", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+          ...base,
+          user_id: parseInt(values.user_id),
+        }),
+      });
+      const result = await response.json();
+      if (result.ret === 1) {
+        message.success("添加冻结提现成功");
+        form.resetFields();
+        fetchFreezeList();
+      } else {
+        message.error("添加冻结提现失败");
+      }
+    } catch (error) {
+      console.error("添加冻结提现出错:", error);
+      message.error("添加冻结提现出错");
+    } finally {
+      setSubmitLoading(false);
+    }
+  };
+
+  // 显示解冻确认弹窗
+  const showUnfreezeModal = (record) => {
+    setSelectedUser(record);
+    setModalVisible(true);
+  };
+
+  // 解除冻结提现
+  const handleUnfreeze = async () => {
+    if (!selectedUser) return;
+    setUnfreezeLoading(true);
+    try {
+      const base = baseRequest();
+      const response = await fetch("/op/vas/del_withdraw_freeze", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+          ...base,
+          user_id: parseInt(selectedUser.user_id),
+        }),
+      });
+      const result = await response.json();
+      if (result.ret === 1) {
+        message.success("解除冻结提现成功");
+        setModalVisible(false);
+        fetchFreezeList();
+      } else {
+        message.error("解除冻结提现失败");
+      }
+    } catch (error) {
+      console.error("解除冻结提现出错:", error);
+      message.error("解除冻结提现出错");
+    } finally {
+      setUnfreezeLoading(false);
+    }
+  };
+
+  // 表格列定义
+  const columns = [
+    {
+      title: "用户ID",
+      dataIndex: "user_id",
+      key: "user_id",
+    },
+    {
+      title: "用户资料",
+      dataIndex: "account",
+      key: "account",
+      render: (account) => (
+        <div>
+          {account ? (
+            <>
+              <img
+                className="w-12 aspect-square rounded"
+                src={account.avatar.images[0].urls[0]}
+                alt="头像"
+              />
+              <div>昵称: {account.name || "-"}</div>
+            </>
+          ) : (
+            "-"
+          )}
+        </div>
+      ),
+    },
+    {
+      title: "封禁时间",
+      dataIndex: "ct",
+      key: "ct",
+      render: (text) => new Date(text * 1000).toLocaleString(),
+    },
+    {
+      title: "操作人MID",
+      dataIndex: "operator_mid",
+      key: "operator_mid",
+    },
+    {
+      title: "操作",
+      key: "action",
+      render: (_, record) => (
+        <Button type="primary" danger onClick={() => showUnfreezeModal(record)}>
+          解除封禁
+        </Button>
+      ),
+    },
+  ];
+
+  // 组件挂载时获取冻结提现列表
+  useEffect(() => {
+    fetchFreezeList();
+  }, []);
+
+  return (
+    <div style={{ padding: 20 }}>
+      <h1>提现封禁管理</h1>
+
+      {/* 添加冻结提现表单 */}
+      <div style={{ marginBottom: 20, padding: 20, border: "1px solid #eee" }}>
+        <h2>添加提现封禁</h2>
+        <Form
+          form={form}
+          onFinish={handleAddFreeze}
+          layout="inline"
+          style={{ marginTop: 20 }}
+        >
+          <Form.Item
+            name="user_id"
+            label="用户ID"
+            rules={[
+              { required: true, message: "请输入用户ID" },
+              {
+                pattern: /^\d+$/,
+                message: "用户ID必须为数字",
+              },
+            ]}
+          >
+            <Input placeholder="请输入要封禁的用户ID" style={{ width: 250 }} />
+          </Form.Item>
+
+          <Form.Item>
+            <Button type="primary" htmlType="submit" loading={submitLoading}>
+              添加封禁
+            </Button>
+          </Form.Item>
+        </Form>
+      </div>
+
+      {/* 提现封禁列表 */}
+      <div>
+        <div
+          style={{
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            marginBottom: 16,
+          }}
+        >
+          <h2>提现封禁列表</h2>
+          <Button onClick={fetchFreezeList} loading={loading}>
+            刷新列表
+          </Button>
+        </div>
+        <Table
+          columns={columns}
+          dataSource={freezeList.map((item) => ({
+            ...item,
+            key: item.user_id,
+          }))}
+          loading={loading}
+          pagination={{ pageSize: 10 }}
+        />
+      </div>
+
+      {/* 解除封禁确认弹窗 */}
+      <Modal
+        title="确认解除提现封禁"
+        open={modalVisible}
+        onCancel={() => setModalVisible(false)}
+        footer={[
+          <Button key="cancel" onClick={() => setModalVisible(false)}>
+            取消
+          </Button>,
+          <Button
+            key="confirm"
+            type="primary"
+            danger
+            loading={unfreezeLoading}
+            onClick={handleUnfreeze}
+          >
+            确认解除
+          </Button>,
+        ]}
+      >
+        <p>
+          确定要解除
+          <span className="text-red-500">{selectedUser?.account?.name}</span>
+          的提现封禁吗？
+        </p>
+      </Modal>
+    </div>
+  );
+}

src/routes/index.js

@@ -38,6 +38,7 @@ import StreamerNickTextMachineReview from "../pages/StreamerNickTextMachineRevie
 import StreamerVideoMachineReview from "../pages/StreamerVideoMachineReview";
 import RollbackUserLeaveSpace from "../pages/RollbackUserLeaveSpace";
 import RollbackUserRefundSpaceStatus from "../pages/RollbackUserRefundSpaceStatus/index";
+import WithdrawFreeze from "../pages/WithdrawFreeze";
 
 const routes = [
   {
@@ -200,6 +201,10 @@ const routes = [
         path: "rollbackUserRefundSpaceStatus/*",
         element: <RollbackUserRefundSpaceStatus />,
       },
+      {
+        path: "withdrawFreeze/*",
+        element: <WithdrawFreeze />,
+      },
     ],
   },
 ];