fix(finance): 客服只能使用自己的备用金账户

apps/frontend/src/components/admin/ManualOrderCostModal.tsx

@@ -4,7 +4,7 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useEffect, useState } from 'react'
 
 import { createAdminManualOrderCost, fetchAdminFundAccounts } from '@/services/admin'
-import { hasAdminPermission } from '@/utils/admin-auth'
+import { getAdminRole, hasAdminPermission } from '@/utils/admin-auth'
 
 export type ManualOrderCostItem = {
   orderItemId: number
@@ -77,6 +77,8 @@ export default function ManualOrderCostModal({
   })
   const fundAccounts = fundAccountsQuery.data?.data.items || []
   const soleFundAccountId = fundAccounts.length === 1 ? fundAccounts[0]?.id : undefined
+  const isSupport = getAdminRole() === 'support'
+  const ownFundAccount = isSupport ? fundAccounts[0] : undefined
 
   useEffect(() => {
     if (!open) return
@@ -161,25 +163,45 @@ export default function ManualOrderCostModal({
         <Form.Item label="订单号">
           <Input value={orderNo} readOnly />
         </Form.Item>
-        <Form.Item
-          name="fundAccountId"
-          label="备用金账户"
-          rules={[{ required: true, message: '请选择备用金账户' }]}
-          extra="人工支出会直接从该客服的备用金余额扣减"
-        >
-          <Select
-            showSearch
-            optionFilterProp="label"
-            loading={fundAccountsQuery.isLoading}
-            placeholder="请选择这笔支出从哪个客服备用金账户出"
-            options={fundAccounts.map((account) => ({
-              value: account.id,
-              label: `${account.ownerName} · ${account.accountNo} · 余额 ¥${(
-                account.balanceFen / 100
-              ).toFixed(2)}`,
-            }))}
-          />
-        </Form.Item>
+        {isSupport ? (
+          <>
+            <Form.Item label="备用金账户" extra="只能使用自己的备用金账户">
+              <Input
+                readOnly
+                value={
+                  ownFundAccount
+                    ? `${ownFundAccount.ownerName} · ${ownFundAccount.accountNo} · 余额 ¥${(
+                        ownFundAccount.balanceFen / 100
+                      ).toFixed(2)}`
+                    : '当前账号还没有备用金账户'
+                }
+              />
+            </Form.Item>
+            <Form.Item name="fundAccountId" hidden>
+              <Input />
+            </Form.Item>
+          </>
+        ) : (
+          <Form.Item
+            name="fundAccountId"
+            label="备用金账户"
+            rules={[{ required: true, message: '请选择备用金账户' }]}
+            extra="人工支出会直接从该客服的备用金余额扣减"
+          >
+            <Select
+              showSearch
+              optionFilterProp="label"
+              loading={fundAccountsQuery.isLoading}
+              placeholder="请选择这笔支出从哪个客服备用金账户出"
+              options={fundAccounts.map((account) => ({
+                value: account.id,
+                label: `${account.ownerName} · ${account.accountNo} · 余额 ¥${(
+                  account.balanceFen / 100
+                ).toFixed(2)}`,
+              }))}
+            />
+          </Form.Item>
+        )}
         {!fundAccountsQuery.isLoading && fundAccounts.length === 0 ? (
           <Alert
             type="warning"

apps/frontend/src/pages/admin/AdminManualExpensePage.tsx

@@ -46,7 +46,7 @@ import {
 } from '@/services/admin'
 import type { AdminManualExpense, AdminManualExpenseStatus } from '@/types/admin'
 import { ADMIN_DEFAULT_PAGE_SIZE, buildAdminTablePagination } from '@/utils/admin-pagination'
-import { hasAdminPermission } from '@/utils/admin-auth'
+import { hasAdminPermission, getAdminRole } from '@/utils/admin-auth'
 import { formatAdminDateTime } from '@/utils/admin-time'
 import { formatMoney } from './panels/shared'
 
@@ -150,6 +150,8 @@ export default function AdminManualExpensePage() {
   const overview = overviewQuery.data?.data?.overview
   const costItems = costItemsQuery.data?.data.items || []
   const fundAccounts = fundAccountsQuery.data?.data.items || []
+  const isSupport = getAdminRole() === 'support'
+  const ownFundAccount = isSupport ? fundAccounts[0] : undefined
 
   useEffect(() => {
     const orderId = Number(searchParams.get('orderId') || 0)
@@ -170,11 +172,13 @@ export default function AdminManualExpensePage() {
   }, [costItems, createOpen, expenseForm])
 
   useEffect(() => {
-    if (!createOpen || fundAccounts.length !== 1) return
+    if (!createOpen) return
+    if (isSupport && !ownFundAccount) return
+    if (fundAccounts.length !== 1 && !ownFundAccount) return
     if (!expenseForm.getFieldValue('fundAccountId')) {
-      expenseForm.setFieldValue('fundAccountId', fundAccounts[0]?.id)
+      expenseForm.setFieldValue('fundAccountId', ownFundAccount?.id || fundAccounts[0]?.id)
     }
-  }, [createOpen, expenseForm, fundAccounts])
+  }, [createOpen, expenseForm, fundAccounts, isSupport, ownFundAccount])
 
   function refreshAll() {
     void queryClient.invalidateQueries({ queryKey: ['admin-manual-expenses'] })
@@ -624,25 +628,45 @@ export default function AdminManualExpensePage() {
               </Form.Item>
             </Col>
           </Row>
-          <Form.Item
-            name="fundAccountId"
-            label="备用金账户"
-            rules={[{ required: true, message: '请选择备用金账户' }]}
-            extra="人工支出会直接从该客服的备用金余额扣减，并同步出现在「备用金」支出明细里"
-          >
-            <Select
-              showSearch
-              optionFilterProp="label"
-              loading={fundAccountsQuery.isLoading}
-              placeholder="请选择这笔支出从哪个客服备用金账户出"
-              options={fundAccounts.map((account) => ({
-                value: account.id,
-                label: `${account.ownerName} · ${account.accountNo} · 余额 ${formatMoney(
-                  account.balanceFen,
-                )}`,
-              }))}
-            />
-          </Form.Item>
+          {isSupport ? (
+            <>
+              <Form.Item label="备用金账户" extra="只能使用自己的备用金账户">
+                <Input
+                  readOnly
+                  value={
+                    ownFundAccount
+                      ? `${ownFundAccount.ownerName} · ${ownFundAccount.accountNo} · 余额 ${formatMoney(
+                          ownFundAccount.balanceFen,
+                        )}`
+                      : '当前账号还没有备用金账户'
+                  }
+                />
+              </Form.Item>
+              <Form.Item name="fundAccountId" hidden>
+                <Input />
+              </Form.Item>
+            </>
+          ) : (
+            <Form.Item
+              name="fundAccountId"
+              label="备用金账户"
+              rules={[{ required: true, message: '请选择备用金账户' }]}
+              extra="人工支出会直接从该客服的备用金余额扣减，并同步出现在「备用金」支出明细里"
+            >
+              <Select
+                showSearch
+                optionFilterProp="label"
+                loading={fundAccountsQuery.isLoading}
+                placeholder="请选择这笔支出从哪个客服备用金账户出"
+                options={fundAccounts.map((account) => ({
+                  value: account.id,
+                  label: `${account.ownerName} · ${account.accountNo} · 余额 ${formatMoney(
+                    account.balanceFen,
+                  )}`,
+                }))}
+              />
+            </Form.Item>
+          )}
           {!fundAccountsQuery.isLoading && fundAccounts.length === 0 ? (
             <Alert
               type="warning"