mod(custom): 部分细节优化

src/views/settlement/tx_list/index.vue

@@ -29,7 +29,7 @@
           />
         </n-statistic>
       </n-card>
-      <div ml-10 flex flex-col items-center justify-center>
+      <div ml-10 w-300 flex flex-col items-center justify-center>
         <n-input-number v-model:value="formData.integral" clearable placeholder="请输入提现积分" />
         <n-button mt-10 w-full type="primary" @click="ok">立即提现</n-button>
       </div>
@@ -60,12 +60,61 @@ const columns = ref([
     key: 'ID',
     align: 'center',
   },
-
   {
-    title: '提现积分',
+    title: '提现金额',
     key: 'integral',
     align: 'center',
   },
+  {
+    title: '上次留存积分',
+    key: 'balance',
+    align: 'center',
+  },
+  {
+    title: '服务费',
+    key: 'commission',
+    align: 'center',
+  },
+  {
+    title: '实际到账',
+    key: 'number',
+    align: 'center',
+  },
+  {
+    title: '剩余余额',
+    key: 'residue',
+    align: 'center',
+  },
+  {
+    title: '手续费比例',
+    slot: 'commission_number',
+    align: 'center',
+    render: (row) => {
+      return h(
+        'span',
+        {},
+        {
+          default: () => `${row.commission_number}%`,
+        }
+      )
+    },
+  },
+  {
+    title: '手续费类型',
+    key: 'commission_type',
+    align: 'center',
+    render: (row) => {
+      return h(
+        NTag,
+        {
+          type: row.commission_type === 1 ? 'success' : 'warning',
+        },
+        {
+          default: () => (row.commission_type === 1 ? '百分比' : '固定值'),
+        }
+      )
+    },
+  },
   {
     title: '银行名称',
     key: 'bank',