优化

src/views/user/recharge/Detail.vue

@@ -7,9 +7,8 @@
       <!-- 售后单信息 -->
       <a-card :bordered="false">
         <!-- 订单操作 -->
-        <div v-if="record.pay_status !== 20" class="detail-actions">
+        <!-- <div v-if="record.pay_status !== 20" class="detail-actions">
           <div class="ant-descriptions-title">充值操作</div>
-          <!-- 操作栏 -->
           <div class="actions mt-10">
             <div>
               <a-button type="primary" @click="handleAudit"
@@ -17,16 +16,36 @@
               >
             </div>
           </div>
-        </div>
+        </div> -->
         <!-- 售后单信息 -->
-        <a-descriptions title="充值信息">
+        <a-descriptions title="会员信息">
+          <a-descriptions-item v-if="record.user.user_id" label="会员ID">
+            <span>{{ record.user.user_id }}</span>
+          </a-descriptions-item>
+          <a-descriptions-item v-if="record.user.avatar_url || record.user.avatar" label="会员头像">
+            <img
+              :src="record.user.avatar_url || record.user.avatar.preview_url"
+              alt="会员头像"
+            />
+          </a-descriptions-item>
+          <a-descriptions-item label="名 称">
+            <span>{{ record.user.nick_name }}</span>
+          </a-descriptions-item>
+          <a-descriptions-item label="手机号">
+            <span>{{ record.user.mobile }}</span>
+          </a-descriptions-item>
+          <a-descriptions-item label="归属地">
+              <span>{{ JSON.parse(record.user.homelocation).prov }} {{  JSON.parse(record.user.homelocation).city }}</span>
+          </a-descriptions-item>
+        </a-descriptions>
+        <a-descriptions title="充值信息" :column="3">
           <a-descriptions-item label="订单号">
             <span
               >{{ record.order_no }}</span
             >
           </a-descriptions-item>
           <a-descriptions-item label="支付状态">
-            <a-tag>{{ record.pay_status == 20 ? '已支付' : '待支付' }}</a-tag>
+            <a-tag :color="record.pay_status == 20 ? 'green' : '' ">{{ record.pay_status == 20 ? '已支付' : '待支付' }}</a-tag>
           </a-descriptions-item>
           <a-descriptions-item label="支付金额">
             <span>{{ record.pay_price }}</span>
@@ -34,13 +53,19 @@
           <a-descriptions-item label="赠送金额">
             <span>{{ record.gift_money }}</span>
           </a-descriptions-item>
-          <a-descriptions-item v-if="record.payer_name" label="付款人姓名">
+          <a-descriptions-item label="付款时间">
+              <span>{{ record.pay_time }}</span>
+          </a-descriptions-item>
+          <a-descriptions-item label="创建时间">
+              <span>{{ record.create_time }}</span>
+          </a-descriptions-item>
+          <a-descriptions-item v-if="record.payer_name" label="付款人姓名" :span="1">
               <span>{{ record.payer_name }}</span>
           </a-descriptions-item>
-          <a-descriptions-item v-if="record.payer_phone" label="付款人电话">
+          <a-descriptions-item v-if="record.payer_phone" label="付款人电话" :span="2">
               <span>{{ record.payer_phone }}</span>
           </a-descriptions-item>
-          <a-descriptions-item v-if="record.upload_images.length > 0"  label="支付凭证">
+          <a-descriptions-item v-if="record.upload_images.length > 0"  label="支付凭证" :span="3">
             <div class="image-list">
               <div v-for="item in record.upload_images" :key="item.image_id" class="file-item">
                 <a :href="item.preview_url" target="_blank">
@@ -49,6 +74,9 @@
               </div>
             </div>
           </a-descriptions-item>
+          <a-descriptions-item v-if="record.audit_status" label="审核状态">
+            <a-tag :color="record.audit_status == 10 ? 'green' : (record.audit_status == 20 ? 'red' : '')">{{ record.audit_status == 10 ? '审核通过' : (record.audit_status == 20 ? '拒绝' : '') }}</a-tag>
+          </a-descriptions-item>
         </a-descriptions>
         <a-divider class="o-divider" />
       </a-card>