fetch(add): 账户管理

src/views/account-management/customer-commission/index.vue

@@ -30,7 +30,9 @@
               ¥{{ statistics.totalWithdrawn.toFixed(2) }}
             </div>
           </div>
-          <el-icon class="stat-icon" style="color: var(--el-color-warning)"><WalletFilled /></el-icon>
+          <el-icon class="stat-icon" style="color: var(--el-color-warning)"
+            ><WalletFilled
+          /></el-icon>
         </ElCard>
       </ElCol>
       <ElCol :xs="24" :sm="12" :lg="6">
@@ -59,7 +61,12 @@
         </ElSelect>
       </ElCol>
       <ElCol :xs="24" :sm="12" :lg="6">
-        <ElSelect v-model="commissionRangeFilter" placeholder="佣金范围" clearable style="width: 100%">
+        <ElSelect
+          v-model="commissionRangeFilter"
+          placeholder="佣金范围"
+          clearable
+          style="width: 100%"
+        >
           <ElOption label="全部" value="" />
           <ElOption label="0-1000元" value="0-1000" />
           <ElOption label="1000-5000元" value="1000-5000" />
@@ -87,7 +94,7 @@
         <ElTableColumn label="联系电话" prop="phone" width="130" />
         <ElTableColumn label="累计佣金" prop="totalCommission" width="130" sortable>
           <template #default="scope">
-            <span style="color: var(--el-color-success); font-weight: 600">
+            <span style="font-weight: 600; color: var(--el-color-success)">
               ¥{{ scope.row.totalCommission.toFixed(2) }}
             </span>
           </template>
@@ -101,7 +108,7 @@
         </ElTableColumn>
         <ElTableColumn label="待提现" prop="pendingAmount" width="130" sortable>
           <template #default="scope">
-            <span style="color: var(--el-color-danger); font-weight: 600">
+            <span style="font-weight: 600; color: var(--el-color-danger)">
               ¥{{ scope.row.pendingAmount.toFixed(2) }}
             </span>
           </template>
@@ -116,8 +123,12 @@
         <ElTableColumn label="注册时间" prop="registerTime" width="180" />
         <ElTableColumn fixed="right" label="操作" width="220">
           <template #default="scope">
-            <el-button link :icon="View" @click="viewCommissionDetail(scope.row)">佣金详情</el-button>
-            <el-button link :icon="List" @click="viewWithdrawalHistory(scope.row)">提现记录</el-button>
+            <el-button link :icon="View" @click="viewCommissionDetail(scope.row)"
+              >佣金详情</el-button
+            >
+            <el-button link :icon="List" @click="viewWithdrawalHistory(scope.row)"
+              >提现记录</el-button
+            >
           </template>
         </ElTableColumn>
       </template>
@@ -133,7 +144,7 @@
           </ElTag>
         </ElDescriptionsItem>
         <ElDescriptionsItem label="累计佣金">
-          <span style="color: var(--el-color-success); font-weight: 600">
+          <span style="font-weight: 600; color: var(--el-color-success)">
             ¥{{ currentCustomer.totalCommission.toFixed(2) }}
           </span>
         </ElDescriptionsItem>
@@ -143,11 +154,13 @@
           </span>
         </ElDescriptionsItem>
         <ElDescriptionsItem label="待提现">
-          <span style="color: var(--el-color-danger); font-weight: 600">
+          <span style="font-weight: 600; color: var(--el-color-danger)">
             ¥{{ currentCustomer.pendingAmount.toFixed(2) }}
           </span>
         </ElDescriptionsItem>
-        <ElDescriptionsItem label="提现次数">{{ currentCustomer.withdrawalCount }}</ElDescriptionsItem>
+        <ElDescriptionsItem label="提现次数">{{
+          currentCustomer.withdrawalCount
+        }}</ElDescriptionsItem>
       </ElDescriptions>
 
       <ElDivider content-position="left">佣金明细</ElDivider>
@@ -157,7 +170,9 @@
           <ElTableColumn label="订单号" prop="orderNo" width="180" />
           <ElTableColumn label="佣金金额" prop="amount" width="120">
             <template #default="scope">
-              <span style="color: var(--el-color-success)">+¥{{ scope.row.amount.toFixed(2) }}</span>
+              <span style="color: var(--el-color-success)"
+                >+¥{{ scope.row.amount.toFixed(2) }}</span
+              >
             </template>
           </ElTableColumn>
           <ElTableColumn label="佣金比例" prop="rate" width="100" />
@@ -184,7 +199,7 @@
           <ElTableColumn label="提现单号" prop="withdrawalNo" width="180" />
           <ElTableColumn label="提现金额" prop="amount" width="120">
             <template #default="scope">
-              <span style="color: var(--el-color-danger); font-weight: 600">
+              <span style="font-weight: 600; color: var(--el-color-danger)">
                 ¥{{ scope.row.amount.toFixed(2) }}
               </span>
             </template>
@@ -253,9 +268,9 @@
 
   const statistics = reactive({
     totalCustomers: 156,
-    totalCommission: 580000.00,
-    totalWithdrawn: 420000.00,
-    pendingWithdrawal: 160000.00
+    totalCommission: 580000.0,
+    totalWithdrawn: 420000.0,
+    pendingWithdrawal: 160000.0
   })
 
   const mockData = ref<CustomerCommission[]>([
@@ -264,9 +279,9 @@
       customerName: '华东区总代理',
       customerType: 'agent',
       phone: '13800138000',
-      totalCommission: 85000.00,
-      withdrawnAmount: 70000.00,
-      pendingAmount: 15000.00,
+      totalCommission: 85000.0,
+      withdrawnAmount: 70000.0,
+      pendingAmount: 15000.0,
       withdrawalCount: 12,
       cardCount: 500,
       lastWithdrawalTime: '2026-01-08 10:00:00',
@@ -277,9 +292,9 @@
       customerName: '深圳市科技有限公司',
       customerType: 'enterprise',
       phone: '13900139000',
-      totalCommission: 45000.00,
-      withdrawnAmount: 30000.00,
-      pendingAmount: 15000.00,
+      totalCommission: 45000.0,
+      withdrawnAmount: 30000.0,
+      pendingAmount: 15000.0,
       withdrawalCount: 8,
       cardCount: 300,
       lastWithdrawalTime: '2026-01-05 14:30:00',
@@ -290,9 +305,9 @@
       customerName: '北京智能制造',
       customerType: 'enterprise',
       phone: '13700137000',
-      totalCommission: 68000.00,
-      withdrawnAmount: 55000.00,
-      pendingAmount: 13000.00,
+      totalCommission: 68000.0,
+      withdrawnAmount: 55000.0,
+      pendingAmount: 13000.0,
       withdrawalCount: 10,
       cardCount: 450,
       lastWithdrawalTime: '2026-01-07 16:00:00',
@@ -319,7 +334,7 @@
       id: '1',
       source: '套餐销售',
       orderNo: 'ORD202601090001',
-      amount: 150.00,
+      amount: 150.0,
       rate: '10%',
       orderAmount: '¥1,500.00',
       createTime: '2026-01-09 09:30:00',
@@ -329,7 +344,7 @@
       id: '2',
       source: '卡片激活',
       orderNo: 'ORD202601080025',
-      amount: 80.00,
+      amount: 80.0,
       rate: '8%',
       orderAmount: '¥1,000.00',
       createTime: '2026-01-08 15:20:00',
@@ -341,9 +356,9 @@
     {
       id: '1',
       withdrawalNo: 'WD202601080001',
-      amount: 10000.00,
-      fee: 20.00,
-      actualAmount: 9980.00,
+      amount: 10000.0,
+      fee: 20.0,
+      actualAmount: 9980.0,
       method: '银行卡',
       status: 'completed',
       applyTime: '2026-01-08 10:00:00',
@@ -352,9 +367,9 @@
     {
       id: '2',
       withdrawalNo: 'WD202601050002',
-      amount: 5000.00,
-      fee: 10.00,
-      actualAmount: 4990.00,
+      amount: 5000.0,
+      fee: 10.0,
+      actualAmount: 4990.0,
       method: '支付宝',
       status: 'completed',
       applyTime: '2026-01-05 14:00:00',
@@ -368,8 +383,7 @@
     if (searchQuery.value) {
       data = data.filter(
         (item) =>
-          item.customerName.includes(searchQuery.value) ||
-          item.phone.includes(searchQuery.value)
+          item.customerName.includes(searchQuery.value) || item.phone.includes(searchQuery.value)
       )
     }
 
@@ -381,8 +395,10 @@
       data = data.filter((item) => {
         const commission = item.totalCommission
         if (commissionRangeFilter.value === '0-1000') return commission >= 0 && commission < 1000
-        if (commissionRangeFilter.value === '1000-5000') return commission >= 1000 && commission < 5000
-        if (commissionRangeFilter.value === '5000-10000') return commission >= 5000 && commission < 10000
+        if (commissionRangeFilter.value === '1000-5000')
+          return commission >= 1000 && commission < 5000
+        if (commissionRangeFilter.value === '5000-10000')
+          return commission >= 5000 && commission < 10000
         if (commissionRangeFilter.value === '10000+') return commission >= 10000
         return true
       })
@@ -420,9 +436,9 @@
 
       .stat-content {
         .stat-label {
+          margin-bottom: 8px;
           font-size: 14px;
           color: var(--el-text-color-secondary);
-          margin-bottom: 8px;
         }
 
         .stat-value {