【优化】文章列表显示ID方便构造链接，调整退款状态列宽显示完整

Signed-off-by: 杨宇庆 <[email protected]>

Author: YYQHoro

src/views/mall/promotion/article/index.vue

@@ -80,6 +80,7 @@
   <!-- 列表 -->
   <ContentWrap>
     <el-table v-loading="loading" :data="list" :show-overflow-tooltip="true" :stripe="true">
+      <el-table-column align="center" label="ID" min-width="180" prop="id" />
       <el-table-column align="center" label="封面" min-width="80" prop="picUrl">
         <template #default="{ row }">
           <el-image :src="row.picUrl" class="h-30px w-30px" @click="imagePreview(row.picUrl)" />

src/views/pay/refund/index.vue

@@ -121,7 +121,7 @@
         label="创建时间"
         align="center"
         prop="createTime"
-        width="180"
+        width="170"
         :formatter="dateFormatter"
       />
       <el-table-column label="支付金额" align="center" prop="payPrice" width="100">
@@ -157,7 +157,7 @@
           </p>
         </template>
       </el-table-column>
-      <el-table-column label="退款状态" align="center" prop="status">
+      <el-table-column label="退款状态" align="center" prop="status" width="100">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.PAY_REFUND_STATUS" :value="scope.row.status" />
         </template>