feat: UI优化

src/views/consign/consignDetail.vue

@@ -39,7 +39,7 @@
         </div>
         <div class="consign_content_item">
           <div style="font-weight: bold">货品信息</div>
-          <div class="consign_content_item__text">{{ `藏品类目：${consignDetail.cidName || '-'}` }}</div>
+          <div class="consign_content_item__text">{{ `藏品类目：${consignDetail.categoryNamesStr || '-'}` }}</div>
           <div class="consign_content_item__text">{{ `藏品名称：${consignDetail.name || '-'}` }}</div>
           <div class="consign_content_item__text">{{ `详细介绍：${consignDetail.detail || '-'}` }}</div>
           <div class="consign_content_item__text">{{ `\u2003入手价：${consignDetail.price ? '¥' + consignDetail.price : '-'}` }}</div>
@@ -312,6 +312,15 @@ export default {
               this.consignDetail.videosImageUrl = list[1]
             }
           }
+
+          if (this.consignDetail.categoryNames && this.consignDetail.categoryNames.length > 0) {
+            let categoryStr = ''
+            this.consignDetail.categoryNames.map((item, index) => {
+              const tip = this.consignDetail.categoryNames.length !== index + 1 ? '/' : ''
+              categoryStr = categoryStr.concat(item + tip)
+            })
+            this.consignDetail.categoryNamesStr = categoryStr
+          }
           this.systemStateName = response.data.data.systemStateName
           this.systemState = response.data.data.systemState
           if (response.data.data.consignSaleRecordVoList) {

src/views/consign/consignList.vue

@@ -36,6 +36,8 @@
       </el-table-column>
 
       <el-table-column align="center" label="状态" prop="systemStateName" />
+      <el-table-column v-if="listQuery.systemState === '30'" align="center" label="取消类型" prop="cancelType" />
+      <el-table-column v-if="listQuery.systemState === '30'" align="center" label="取消原因" prop="remark" />
       <el-table-column align="center" label="下单时间" prop="saleTime" />
 
       <el-table-column align="center" label="操作" width="300">
@@ -184,6 +186,7 @@
 </template>
 
 <script>
+import Line2Hidden from '@/components/line2Hidden'
 import Pagination from '@/components/Pagination'
 import { findConsignList, imgValuate, identifyImage, finishValue, cancelValue } from '@/api/business/consign'
 import { MessageBox } from 'element-ui'
@@ -191,7 +194,8 @@ import { MessageBox } from 'element-ui'
 export default {
   name: 'ConsignList',
   components: {
-    Pagination
+    Pagination,
+    Line2Hidden
   },
   data() {
     return {