订单查询详情展示影像

src/views/Letter/Letter.vue

@@ -2972,6 +2972,7 @@ export default {
           ele["apiType"] = "";
           ele["orderstatus"] = 0;
           ele.agreementId = ele.agreement[0].id;
+          ele.apiType=ele.agreement[0].apiType;
         });
         this.totalCompanyList = res.data;
       });
@@ -3772,7 +3773,7 @@ export default {
 
     // 爬虫对接
     quoteInsurance(num, id, namesimple, apiType) {
-      let api = apiType === 2 ? "pythonquote" : "anshengquote";
+      let api = apiType == 2 ? "pythonquote" : "anshengquote";
       let params = {
         orderNo: this.orderno,
         companyId: id,

src/views/Letter/Orderlist.vue

@@ -60,14 +60,14 @@
       :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }">
       <el-table-column type="expand">
         <template slot-scope="scope">
-          <div class="demo-table-expand flex a-c  j-s" :style="{ width:width,  flexWrap: 'wrap' }"
+          <div class="demo-table-expand flex a-c  j-s" :style="{ width: width, flexWrap: 'wrap' }"
             v-for="(item, index) in scope.row.insAreaCompanyList" :key="index">
             <div style="width: 70px;">{{ item.inscompany }}</div>
-            <div class="flex a-c j-s demo-table-expand-time" >
+            <div class="flex a-c j-s demo-table-expand-time">
               <div>总价： <span style="color:#ee7000;">{{ item.sumpremium }}</span></div>
-            <div>交强险：<span style="color:#ee7000;">{{ item.jqpremium }}</span> </div>
-            <div>商业险：<span style="color:#ee7000;">{{ item.sypremium }}</span></div>
-            <div>{{ item.createtime }}</div>
+              <div>交强险：<span style="color:#ee7000;">{{ item.jqpremium }}</span> </div>
+              <div>商业险：<span style="color:#ee7000;">{{ item.sypremium }}</span></div>
+              <div>{{ item.createtime }}</div>
             </div>
             <div slot="reference" class="name-wrapper flex a-c j-c" style="margin:0 20px; width: 100px;">
               <el-tag v-if="item.orderstatus == '0'" type="success" size="medium">报价中</el-tag>
@@ -756,7 +756,7 @@
               <el-row class="body" v-show="pic1Control">
                 <el-row style="padding:10px;">
                   <viewer :images="carImageList">
-                    <img class="imageStyle" v-for="(imageItem, imageIndex) in carImageList" :src="imageItem.url"
+                    <img class="imageStyle" v-for="(imageItem, imageIndex) in carImageList" :src="imageItem"
                       :key="imageIndex" />
                   </viewer>
                 </el-row>
@@ -769,7 +769,7 @@
               <el-row class="body" v-show="pic2Control">
                 <el-row style="padding:10px;">
                   <viewer :images="ownerImageList">
-                    <img class="imageStyle" v-for="(imageItem, imageIndex) in ownerImageList" :src="imageItem.url"
+                    <img class="imageStyle" v-for="(imageItem, imageIndex) in ownerImageList" :src="imageItem"
                       :key="imageIndex" />
                   </viewer>
                 </el-row>
@@ -782,7 +782,7 @@
               <el-row class="body" v-show="pic3Control">
                 <el-row style="padding:10px;">
                   <viewer :images="policyImageList">
-                    <img class="imageStyle" v-for="(imageItem, imageIndex) in policyImageList" :src="imageItem.url"
+                    <img class="imageStyle" v-for="(imageItem, imageIndex) in policyImageList" :src="imageItem"
                       :key="imageIndex" />
                   </viewer>
                 </el-row>
@@ -795,7 +795,7 @@
               <el-row class="body" v-show="pic4Control">
                 <el-row style="padding:10px;">
                   <viewer :images="insuredImageList">
-                    <img class="imageStyle" v-for="(imageItem, imageIndex) in insuredImageList" :src="imageItem.url"
+                    <img class="imageStyle" v-for="(imageItem, imageIndex) in insuredImageList" :src="imageItem"
                       :key="imageIndex" />
                   </viewer>
                 </el-row>
@@ -808,7 +808,7 @@
               <el-row class="body" v-show="pic5Control">
                 <el-row style="padding:10px;">
                   <viewer :images="carCheckImageList">
-                    <img class="imageStyle" v-for="(imageItem, imageIndex) in carCheckImageList" :src="imageItem.url"
+                    <img class="imageStyle" v-for="(imageItem, imageIndex) in carCheckImageList" :src="imageItem"
                       :key="imageIndex" />
                   </viewer>
                 </el-row>
@@ -1350,17 +1350,31 @@ export default {
           }
           // 获取影像
           this.$api.letter.findByQuoteNo(dy.quoteno).then((resImage) => {
-            for (let key in resImage.data) {
-              resImage.data[key].map(ele => {
-                ele.url = process.env.BASE_URL + ele.url;
-                return ele;
-              })
-            }
-            this.carImageList = resImage.data.C01;
-            this.ownerImageList = resImage.data.C02;
-            this.policyImageList = resImage.data.C03;
-            this.insuredImageList = resImage.data.C04;
-            this.carCheckImageList = resImage.data.C05;
+            Object.keys(resImage.data).forEach((keys) => {
+              if (resImage.data[keys]) {
+                resImage.data[keys].url = process.env.BASE_URL + resImage.data[keys].url;
+                switch (keys) {
+                  case 'C01':
+                  case 'D01':
+                    this.carImageList.push(resImage.data[keys].url)
+                    break;
+                  case 'C02':
+                  case 'D02':
+                    this.ownerImageList.push(resImage.data[keys].url)
+                    break;
+                  case 'C03':
+                  case 'D03':
+                    this.policyImageList.push(resImage.data[keys].url)
+                    break;
+                  case 'C04':
+                  case 'D04':
+                    this.insuredImageList.push(resImage.data[keys].url)
+                    break;
+                  default:
+                    break;
+                }
+              }
+            })
           })
           this.pic1Control = false;
           this.pic2Control = false;
@@ -1672,14 +1686,14 @@ export default {
 
     //预览文件
     viewfile(index) {
-      let name=index.fileurl.lastIndexOf("\/")
+      let name = index.fileurl.lastIndexOf("\/")
       fetch(index.fileurl)
-      .then(response => response.blob())
-      .then(blob => {
-        this.saveAs(blob,  index.fileurl.substring (name + 1, index.fileurl.length))
-      })
-      .catch(error => {
-      });
+        .then(response => response.blob())
+        .then(blob => {
+          this.saveAs(blob, index.fileurl.substring(name + 1, index.fileurl.length))
+        })
+        .catch(error => {
+        });
 
       // const a = document.createElement('a')
       // a.style.display = 'none'
@@ -2051,10 +2065,12 @@ export default {
   padding: 10px 50px;
   font-size: 14px;
 }
-.demo-table-expand-time{
+
+.demo-table-expand-time {
   width: 600px;
 }
-.demo-table-expand-time>div{
+
+.demo-table-expand-time>div {
   margin: 0 10px;
 }
 </style>