feat(shop): 优化店铺功能模块界面和交互

- 修改提现页面状态标签文案为更准确的描述
- 在用户信息中添加ID显示并调整布局结构
- 简化支付信息显示为统一的商家转账标识
- 调整表格列配置，将用户ID改为订单号，新增收款方式列
- 修复行双击编辑功能被注释的问题
- 将礼品卡文本修正为礼品劵
- 配送员编辑页面增加用户和社区选择组件及密钥保护功能
- 身份证号显示增加掩码保护
- 配送员列表页面重新排列列顺序
- 菜单搜索组件关键词字段从keywords改为title
- 开发环境配置中注释掉API地址配置

src/views/shop/shopDealerWithdraw/index.vue

@@ -25,41 +25,27 @@
               >待审核</a-tag
             >
             <a-tag v-if="record.applyStatus === 20" color="success"
-              >审核通过</a-tag
+              >转账成功</a-tag
             >
-            <a-tag v-if="record.applyStatus === 30" color="error">已驳回</a-tag>
+            <a-tag v-if="record.applyStatus === 30" color="error">用户取消</a-tag>
             <a-tag v-if="record.applyStatus === 40">已打款</a-tag>
           </template>
           <template v-if="column.key === 'userInfo'">
             <a-space>
               <a-avatar :src="record.avatar" />
               <div class="flex flex-col">
-                <span>{{ record.realName || '未实名认证' }}</span>
-                <span class="text-gray-400">{{ record.phone }}</span>
+                <div>
+                  <span>{{ record.realName || '未实名认证' }}</span>
+                  <span class="text-gray-400">（ID：{{ record.userId }}）</span>
+                </div>
+                <div><span class="text-gray-400">{{ record.phone }}</span></div>
               </div>
             </a-space>
           </template>
           <template v-if="column.key === 'paymentInfo'">
             <template v-if="record.payType === 10">
               <a-space direction="vertical">
-                <a-tag color="blue">微信</a-tag>
-                <span>{{ record.wechatName }}</span>
-                <span>{{ record.wechatName }}</span>
-              </a-space>
-            </template>
-            <template v-if="record.payType === 20">
-              <a-space direction="vertical">
-                <a-tag color="blue">支付宝</a-tag>
-                <span>{{ record.alipayName }}</span>
-                <span>{{ record.alipayAccount }}</span>
-              </a-space>
-            </template>
-            <template v-if="record.payType === 30">
-              <a-space direction="vertical">
-                <a-tag color="blue">银行卡</a-tag>
-                <span>{{ record.bankName }}</span>
-                <span>{{ record.bankAccount }}</span>
-                <span>{{ record.bankCard }}</span>
+                <a-tag color="blue">商家转账</a-tag>
               </a-space>
             </template>
           </template>
@@ -186,26 +172,27 @@
   // 表格列配置
   const columns = ref<ColumnItem[]>([
     {
-      title: '用户ID',
-      dataIndex: 'userId',
-      key: 'userId',
+      title: '订单号',
+      dataIndex: 'id',
+      key: 'id',
       align: 'center',
       width: 90,
       fixed: 'left'
     },
+    // {
+    //   title: '用户ID',
+    //   dataIndex: 'userId',
+    //   key: 'userId',
+    //   align: 'center',
+    //   width: 90,
+    //   fixed: 'left'
+    // },
     {
-      title: '提现金额',
-      dataIndex: 'money',
-      key: 'money',
+      title: '收款方式',
+      dataIndex: 'paymentInfo',
+      key: 'paymentInfo',
       align: 'center',
-      width: 150,
-      customRender: ({ text }) => {
-        const amount = parseFloat(text || '0').toFixed(2);
-        return {
-          type: 'span',
-          children: `¥${amount}`
-        };
-      }
+      width: 180
     },
     {
       title: '用户信息',
@@ -213,9 +200,17 @@
       key: 'userInfo'
     },
     {
-      title: '收款信息',
-      dataIndex: 'paymentInfo',
-      key: 'paymentInfo'
+      title: '转账金额',
+      dataIndex: 'money',
+      key: 'money',
+      align: 'center',
+      customRender: ({ text }) => {
+        const amount = parseFloat(text || '0').toFixed(2);
+        return {
+          type: 'span',
+          children: `¥${amount}`
+        };
+      }
     },
     // {
     //   title: '审核时间',
@@ -247,7 +242,7 @@
       key: 'comments'
     },
     {
-      title: '申请状态',
+      title: '状态',
       dataIndex: 'applyStatus',
       key: 'applyStatus',
       align: 'center',
@@ -448,7 +443,7 @@
       },
       // 行双击事件
       onDblclick: () => {
-        openEdit(record);
+        // openEdit(record);
       }
     };
   };