feat: 优化细节

src/app/shop/admin/finance/withdraw/detail.vue

@@ -22,16 +22,14 @@
           </el-col>
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.withdraw.status') }}：</span>
-              <el-tag :type="getStatusType(withdrawDetail.status)">
-                {{ getStatusText(withdrawDetail.status) }}
-              </el-tag>
+              <span class="label">{{ t('modules.withdraw.userName') }}：</span>
+              <span class="value">{{ withdrawDetail.userName || '--' }}</span>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.withdraw.amount') }}：</span>
-              <span class="value">৳{{ withdrawDetail.amount || 0 }}</span>
+              <span class="label">{{ t('modules.withdraw.phoneNo') }}：</span>
+              <span class="value">{{ withdrawDetail.userPhone || '--' }}</span>
             </div>
           </el-col>
           <el-col :span="6">
@@ -45,26 +43,30 @@
         <el-row :gutter="20" class="sa-m-t-12">
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.withdraw.userName') }}：</span>
-              <span class="value">{{ withdrawDetail.userName || '--' }}</span>
+              <span class="label">{{ t('modules.withdraw.status') }}：</span>
+              <el-tag :type="getStatusType(withdrawDetail.status)">
+                {{ getStatusText(withdrawDetail.status) }}
+              </el-tag>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.withdraw.phoneNo') }}：</span>
-              <span class="value">{{ withdrawDetail.userPhone || '--' }}</span>
+              <span class="label">{{ t('modules.withdraw.accountType') }}：</span>
+              <el-tag :type="withdrawDetail.accountType === 1 ? 'primary' : 'success'">
+                {{ getAccountTypeTextLocal(withdrawDetail.accountType) }}
+              </el-tag>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.withdraw.accountName') }}：</span>
-              <span class="value">{{ withdrawDetail.bankAccountName || '--' }}</span>
+              <span class="label">{{ t('modules.finance.accountBalance') }}：</span>
+              <span class="value">৳{{ withdrawDetail.walletBalance || 0 }}</span>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.finance.accountBalance') }}：</span>
-              <span class="value">৳{{ withdrawDetail.walletBalance || 0 }}</span>
+              <span class="label">{{ t('modules.finance.commissionBalance') }}：</span>
+              <span class="value">৳{{ withdrawDetail.earningsBalance || 0 }}</span>
             </div>
           </el-col>
         </el-row>
@@ -72,50 +74,42 @@
         <el-row :gutter="20" class="sa-m-t-12">
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.withdraw.accountType') }}：</span>
-              <el-tag :type="withdrawDetail.accountType === 1 ? 'primary' : 'success'">
-                {{ getAccountTypeTextLocal(withdrawDetail.accountType) }}
-              </el-tag>
+              <span class="label">{{ t('modules.withdraw.amount') }}：</span>
+              <span class="value">৳{{ withdrawDetail.amount || 0 }}</span>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.finance.commissionBalance') }}：</span>
-              <span class="value">৳{{ withdrawDetail.earningsBalance || 0 }}</span>
+              <span class="label">{{ t('modules.withdraw.channel') }}：</span>
+              <span class="value">{{ withdrawDetail.channel || '--' }}</span>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.withdraw.receivingBank') }}：</span>
+              <span class="label">{{ t('modules.withdraw.method') }}：</span>
               <span class="value">{{ withdrawDetail.bank || '--' }}</span>
             </div>
           </el-col>
-          <el-col :span="6">
-            <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.withdraw.receivingAccount') }}：</span>
-              <span class="value">{{ withdrawDetail.bankAccount || '--' }}</span>
-            </div>
-          </el-col>
         </el-row>
         <!-- 第四行 - 提现渠道信息 -->
         <el-row :gutter="20" class="sa-m-t-12">
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.withdraw.channel') }}：</span>
-              <span class="value">{{ withdrawDetail.channel || '--' }}</span>
+              <span class="label">{{ t('modules.withdraw.receivingBank') }}：</span>
+              <span class="value">{{ withdrawDetail.bank || '--' }}</span>
             </div>
           </el-col>
           <el-col :span="6">
             <div class="info-item" :style="{ '--label-width': formLabelWidth }">
-              <span class="label">{{ t('modules.withdraw.method') }}：</span>
-              <span class="value">{{ withdrawDetail.bank || '--' }}</span>
+              <span class="label">{{ t('modules.withdraw.accountName') }}：</span>
+              <span class="value">{{ withdrawDetail.bankAccountName || '--' }}</span>
             </div>
           </el-col>
           <el-col :span="6">
-            <!-- 预留位置 -->
-          </el-col>
-          <el-col :span="6">
-            <!-- 预留位置 -->
+            <div class="info-item" :style="{ '--label-width': formLabelWidth }">
+              <span class="label">{{ t('modules.withdraw.receivingAccount') }}：</span>
+              <span class="value">{{ withdrawDetail.bankAccount || '--' }}</span>
+            </div>
           </el-col>
         </el-row>
       </div>

src/locales/en-US/index.json

@@ -915,7 +915,7 @@
       "status": "Withdraw Status",
       "userName": "User Name",
       "phoneNo": "Phone No",
-      "accountType": "Account Type",
+      "accountType": "Withdraw Type",
       "amount": "Withdraw Amount",
       "receivingBank": "Receiving Bank",
       "receivingAccountName": "Receiving Account Name",

src/locales/zh-CN/index.json

@@ -856,7 +856,7 @@
       "status": "提款状态",
       "userName": "用户名",
       "phoneNo": "手机号",
-      "accountType": "账户类型",
+      "accountType": "提款类型",
       "amount": "提款金额",
       "receivingBank": "收款银行",
       "receivingAccountName": "收款账户名称",