Merge branch 'dev_hxz' into test

src/views/system/retreat/edit.vue

@@ -88,6 +88,35 @@
           </el-row>
         </div>
       </div>
+      <!-- 买家退货凭证 -->
+      <div v-if="asOrderType == 2">
+        <div class="card-header-title">
+          <span class="blue-block blue-block-goods-title"></span>买家退货凭证
+        </div>
+        <el-table :data="returnInfoTableData">
+          <el-table-column label="物流单号" align="center" prop="express_sn"></el-table-column>
+          <el-table-column label="物流公司" align="center" prop="express_company_name"></el-table-column>
+          <el-table-column label="物流凭证" align="center">
+            <template slot-scope="scope">
+              <div v-if="scope.row.imgs">
+                <el-image
+                  style="width: 70px; height: 70px;border:1px solid #eee;margin-right:10px;"
+                  v-for="(itemSrc,index) in returnInofImgList(scope.row.imgs)"
+                  :src="itemSrc"
+                  :preview-src-list="returnInofImgList(scope.row.imgs)">
+                </el-image>
+              </div>
+              <p v-else style="color:#666">-</p>
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.description ? scope.row.description : '-' }}
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
       <!-- 历史售后申请 -->
       <div>
         <div class="card-header-title">
@@ -254,6 +283,10 @@
         // 售后申请 图片 list
         asSrcList: [],
         asApplyList: [],
+        // 退款凭证
+        returnInfoTableData: [],
+        // 退款凭证 图片
+        // returnInofImgList: [],
         // 0-全部隐藏-默认状态; 1-显示 仅退款 按钮；2-显示 退货退款中（同意/拒绝 退货退款）按钮; 3-显示 退货退款中 （拒收包裹 / 确定退款） 按钮
         onlyOrRefundBtnType: 0,
         // 1-仅退款 同意退款; 2-仅退款 拒绝退款; 3-退货退款 同意退款退款; 4-; 5-
@@ -290,6 +323,13 @@
 
     },
     methods: {
+      returnInofImgList(imgsStr) {
+        let imgList = [];
+        if(imgsStr) {
+          imgList = [...imgsStr]
+        }
+        return imgList
+      },
       /** Only 代表 仅退款
        *  售后步骤和对应文案提示,
        *  在售后订单详情 查询时，需要同步调用
@@ -432,6 +472,7 @@
               // 金额处理
               this.asOrderDetail.apply_price = this.asOrderDetail.apply_price / 100
               this.asOrderDetail.price = this.asOrderDetail.price / 100
+
               // 售后图片 处理
               this.asSrcList = []
               if(this.asOrderDetail.imgs_arr && this.asOrderDetail.imgs_arr.length > 0) {
@@ -446,6 +487,11 @@
               }
               // 退货退款
               if(this.asOrderDetail.refund_type == 2) {
+                // 退款凭证 list 数据
+                this.returnInfoTableData = [];
+                if(this.asOrderDetail.return_inof && this.asOrderDetail.return_inof.length > 0) {
+                  this.returnInfoTableData = this.asOrderDetail.return_inof
+                }
                 this.returnRefundStatus(this.asOrderDetail.status,this.asOrderDetail.close_reason);
                 this.$forceUpdate()
               }