feat: 寄售详情展示优化

src/views/consign/components/FinishSettlementDialog.vue

@@ -5,12 +5,12 @@
     :before-close="handleCancelFinishDialog"
     width="600px"
     height="800px"
-    title="货品售出">
+    title="向用户结款">
     <el-form ref="finish" :model="saleForm" >
       <el-form-item>
         <div v-if="saleUserInfo" class="sale_info">{{ `向${saleUserInfo.name || '-'}（手机号：${saleUserInfo.phone || '-'}）转账${saleUserInfo.settleAmount || '-'}元` }}</div>
       </el-form-item>
-      <el-form-item label="商品图片">
+      <el-form-item label="凭证" required>
         <el-upload
           :action="uploadPath"
           :headers="headers"

src/views/consign/consignDetail.vue

@@ -52,14 +52,14 @@
         <div slot="header" class="clearfix">
           <span style="font-weight: bold">寄售单信息</span>
         </div>
-        <div class="consign_content_item">
+        <div class="consign_content_item" style="height: calc(100vh - 240px)">
           <div style="font-weight: bold">货品信息</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>
           <div class="consign_content_item__image">
-            <div style="width: 180px">藏品图片/视频：</div>
+            <div style="width: 120px">藏品图片/视频：</div>
             <div class="image_content">
               <div v-if="consignDetail.videosImageUrl" class="image_content_video" @click="showVideoDialog = true">
                 <img :src="consignDetail.videosImageUrl" class="image_content_video_item">
@@ -76,6 +76,25 @@
               </div>
             </div>
           </div>
+          <el-divider />
+          <div v-if="userVo && (userVo.nickname || userVo.phone)" style="font-weight: bold">发布人信息</div>
+          <div v-if="userVo.nickname" class="consign_content_item__text">{{ `昵称：${userVo.nickname || '-'}` }}</div>
+          <div v-if="userVo.phone" class="consign_content_item__text">{{ `手机号：${userVo.phone || '-'}` }}</div>
+          <el-divider />
+          <div v-if="payInfo && (payInfo.name || payInfo.phone || payInfo.settleAmount)" style="font-weight: bold">转账信息</div>
+          <div v-if="payInfo && (payInfo.name || payInfo.phone || payInfo.settleAmount)" class="consign_content_item__text">{{ `向${payInfo.name || '-'}（手机号：${payInfo.phone || '-'}）转账${payInfo.settleAmount || '-'}元` }}</div>
+          <div v-if="payInfo && payInfo.imageList && payInfo.imageList.length > 0" class="consign_content_item__image">
+            <div style="width: 60px">凭证:</div>
+            <div class="image_content">
+              <div
+                v-for="(item, index) in payInfo.imageList"
+                :key="item + index"
+                class="select_item"
+                @click="handleShowLargeDialog(item)">
+                <img :src="item" class="image_content_item">
+              </div>
+            </div>
+          </div>
         </div>
       </el-card>
       <el-card class="box-card" style="width: 45%;height: calc(100vh - 180px);margin-left: 20px">
@@ -159,6 +178,8 @@ export default {
       systemState: 0,
       systemStateName: '',
       consignDetail: {},
+      userVo: {},
+      payInfo: {},
       isHasPrice: false,
       consignSaleRecordVoList: [],
       imageValueForm: {
@@ -208,6 +229,11 @@ export default {
           }
           this.consignDetail = response.data.data.itemVo
           this.isHasPrice = response.data.data.isHasPrice
+          this.userVo = response.data.data.userVo
+          this.payInfo = response.data.data.payInfo
+          if (response.data.data.payInfo && response.data.data.payInfo.credential) {
+            this.payInfo.imageList = response.data.data.payInfo.credential.split(';')
+          }
           if (this.consignDetail.images) {
             this.consignDetail.imageList = this.consignDetail.images.split(';') || []
           }
@@ -243,10 +269,6 @@ export default {
           if (loading) {
             loading.close()
           }
-          MessageBox.alert('业务错误：' + response.data.errmsg, '警告', {
-            confirmButtonText: '确定',
-            type: 'error'
-          })
         })
     },
     /**
@@ -326,7 +348,8 @@ export default {
     flex-direction: row;
 
     .consign_content_item__text {
-      margin-top: 20px;
+      margin-top: 14px;
+      font-size:15px;
     }
 
     .consign_content_item__image {
@@ -337,7 +360,6 @@ export default {
       .image_content {
         display: flex;
         flex-direction: row;
-        flex-wrap: wrap;
 
         .image_content_video {
           position: relative;
@@ -369,6 +391,10 @@ export default {
 
     }
   }
+  .consign_content_item {
+    overflow: auto;
+    padding-bottom: 80px;
+  }
   .consign_step {
     overflow: auto;
   }