Przeglądaj źródła

1、美化直播优惠卷领取记录,调整字段

yys 1 tydzień temu
rodzic
commit
da507ee2e4
1 zmienionych plików z 10 dodań i 9 usunięć
  1. 10 9
      src/views/live/liveCouponUser/index.vue

+ 10 - 9
src/views/live/liveCouponUser/index.vue

@@ -100,19 +100,19 @@
         :data="storeCouponUserList"
         class="coupon-table"
       >
-        <el-table-column label="会员ID" prop="userId" width="90" align="center" />
-        <el-table-column label="会员" min-width="130" show-overflow-tooltip>
+        <el-table-column label="会员" min-width="150" show-overflow-tooltip>
           <template slot-scope="scope">
             <div class="cell-main">{{ scope.row.nickname || '-' }}</div>
-            <div class="cell-sub">{{ scope.row.phone || '-' }}</div>
+            <div class="cell-sub">ID {{ scope.row.userId || '-' }} · {{ scope.row.phone || '-' }}</div>
           </template>
         </el-table-column>
-        <el-table-column label="会员归属" min-width="120" show-overflow-tooltip>
+        <el-table-column label="会员归属" min-width="140" show-overflow-tooltip>
           <template slot-scope="scope">
-            <span>{{ scope.row.bindCompanyUserName || '-' }}</span>
+            <div class="cell-main">{{ scope.row.bindCompanyUserName || '-' }}</div>
+            <div class="cell-sub">{{ scope.row.bindCompanyName || '-' }}</div>
           </template>
         </el-table-column>
-        <el-table-column label="直播间" min-width="150" show-overflow-tooltip>
+        <el-table-column label="直播间" min-width="140" show-overflow-tooltip>
           <template slot-scope="scope">
             <div class="cell-main">{{ scope.row.liveName || '-' }}</div>
             <div class="cell-sub" v-if="scope.row.liveId">ID {{ scope.row.liveId }}</div>
@@ -124,23 +124,24 @@
             <div class="cell-sub">面值 ¥{{ scope.row.couponPrice }} · 满 ¥{{ scope.row.useMinPrice }}</div>
           </template>
         </el-table-column>
-        <el-table-column label="类型" width="100" align="center">
+        <el-table-column label="类型" width="96" align="center">
           <template slot-scope="scope">
             <el-tag size="mini" :type="couponTypeTagType(scope.row.couponType)" effect="plain">
               {{ couponTypeLabel(scope.row.couponType) }}
             </el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="领取 / 有效期" min-width="160">
+        <el-table-column label="领取 / 有效期" min-width="150">
           <template slot-scope="scope">
             <div class="cell-sub">领 {{ formatTime(scope.row.createTime) }}</div>
             <div class="cell-sub">止 {{ formatTime(scope.row.limitTime) }}</div>
           </template>
         </el-table-column>
-        <el-table-column label="使用信息" min-width="150">
+        <el-table-column label="使用信息" min-width="160" show-overflow-tooltip>
           <template slot-scope="scope">
             <template v-if="isVerifyCouponType(scope.row.couponType)">
               <div class="cell-main">{{ scope.row.verifyUserName || '-' }}</div>
+              <div class="cell-sub">{{ scope.row.verifyCompanyName || '-' }}</div>
               <div class="cell-sub">{{ formatTime(scope.row.verifyTime || scope.row.useTime) }}</div>
             </template>
             <template v-else>