update: 卡券列表

src/views/apps/card/cardList.vue

@@ -14,28 +14,48 @@
         <el-button v-if="$getButtonLimit($buttonCode.addCard)" :limit-code="$buttonCode.addCard" type="primary" @click="toNewCard" :disabled="$store.state.wxEnterpriseType">新增卡券</el-button>
       </div>
       <el-table class="select-table" ref="multipleTable" v-loading="loading" :data="tableData" tooltip-effect="dark" style="width: calc(100% - 3px);">
-        <el-table-column prop="" label="卡券名称" show-overflow-tooltip>
+        <el-table-column prop="" label="卡券名称" show-overflow-tooltip min-width="200px">
           <template slot-scope="scope">
             {{ scope.row.cardName }}
           </template>
         </el-table-column>
 
-        <el-table-column prop="" label="卡券类型">
+        <el-table-column prop="" label="卡券类型" min-width="80px">
           <template slot-scope="scope">
             <span v-if="scope.row.cardType == 0">抵金券</span>
             <span v-if="scope.row.cardType == 1">折扣券</span>
             <span v-if="scope.row.cardType == 2">兑换券</span>
           </template>
         </el-table-column>
-        <el-table-column prop="" label="有效期" show-overflow-tooltip>
+        <el-table-column prop="" label="卡券模板有效期" show-overflow-tooltip min-width="260px">
           <template slot-scope="scope">{{ scope.row.effectDateString || '--' }}</template>
         </el-table-column>
-        <el-table-column prop="" label="库存">
+        <el-table-column prop="" label="库存" min-width="100px">
           <template slot-scope="scope">
             <div>{{ scope.row.couponStock }}</div>
           </template>
         </el-table-column>
-        <el-table-column prop="" label="操作" show-overflow-tooltip v-if="$getButtonLimit($buttonCode.editCard) || $getButtonLimit($buttonCode.delCard)">
+        <el-table-column label="卡券状态" prop="cardStatus" min-width="90px">
+          <template slot-scope="{ row }">
+            <!-- 0删除1有效 2已过期 3未开始 -->
+            <span class="state-point state-point-error" v-if="row.cardStatus == 0">已删除</span>
+            <span class="state-point state-point-success" v-if="row.cardStatus == 1">正常</span>
+            <span class="state-point state-point-error" v-if="row.cardStatus == 2">已过期</span>
+            <span class="state-point state-point-default" v-if="row.cardStatus == 3">未生效</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="创建人" prop="creatorName" show-overflow-tooltip min-width="120px"></el-table-column>
+        <el-table-column label="编辑人" prop="modifierName" show-overflow-tooltip min-width="120px"></el-table-column>
+        <el-table-column label="创建时间" prop="createTime" min-width="120px">
+          <div slot-scope="{ row }" style="line-height: normal">
+            <template v-if="row.createTime">
+              <p>{{ row.createTime | timeStampToYmd }}</p>
+              <p>{{ row.createTime | timeStampToHms }}</p>
+            </template>
+            <template v-else>--</template>
+          </div>
+        </el-table-column>
+        <el-table-column prop="" label="操作" show-overflow-tooltip v-if="$getButtonLimit($buttonCode.editCard) || $getButtonLimit($buttonCode.delCard)" min-width="150px">
           <template slot-scope="scope">
             <el-button v-if="$getButtonLimit($buttonCode.editCard)" :limit-code="$buttonCode.editCard" type="text" @click="toEdit(scope.$index, scope.row)" :disabled="$store.state.wxEnterpriseType">编辑</el-button>
             <el-button v-if="$getButtonLimit($buttonCode.delCard)" :limit-code="$buttonCode.delCard" type="text" @click="toDel(scope.$index, scope.row)" :disabled="$store.state.wxEnterpriseType">删除</el-button>