1.增加预览功能

src/views/specialApply/TaskUploadData.vue

@@ -236,10 +236,16 @@
                 <img style="width: 100%;height: 500px;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
                 <a-button v-if="infoModel.nameFindCompliance.length > 0 && specialResult.nameFindComplianceState != 1"
-                          style="display: block;margin-top: 10px;border-color: red;color: red"
+                          style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                           danger @click="removeFile(item,'nameFindCompliance')">移除
                 </a-button>
 
+                <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                           v-if="infoModel.nameFindCompliance.length && item.urlBase"
+                           @click="jumpUrl(item.urlBase)">预览
+                </a-button>
+
+
               </swiper-slide>
               <!--            <div
                             class="swiper-button-next swiper-button-white"
@@ -362,9 +368,13 @@
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
               <a-button v-if="infoModel.fileListIdCard.length > 0 && specialResult.idCardState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
+                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'fileListIdCard')">移除
               </a-button>
+              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                         v-if="infoModel.fileListIdCard.length && item.urlBase"
+                         @click="jumpUrl(item.urlBase)">预览
+              </a-button>
 
             </swiper-slide>
             <!--            <div
@@ -485,10 +495,14 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0 && specialResult.handCertificateState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
+              <a-button v-if="infoModel.handCertificate.length > 0 && specialResult.handCertificateState != 1"
+                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'handCertificate')">移除
               </a-button>
+              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                         v-if="infoModel.handCertificate.length && item.urlBase"
+                         @click="jumpUrl(item.urlBase)">预览
+              </a-button>
 
             </swiper-slide>
             <!--            <div
@@ -609,10 +623,14 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0 && specialResult.fraudPreventionState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
+              <a-button v-if="infoModel.fraudPrevention.length > 0 && specialResult.fraudPreventionState != 1"
+                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'fraudPrevention')">移除
               </a-button>
+              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                         v-if="infoModel.fraudPrevention.length > 0 && item.urlBase"
+                         @click="jumpUrl(item.urlBase)">预览
+              </a-button>
 
             </swiper-slide>
             <!--            <div
@@ -735,10 +753,14 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0 && specialResult.specialReviewFormState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
+              <a-button v-if="infoModel.specialReviewForm.length > 0 && specialResult.specialReviewFormState != 1"
+                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'specialReviewForm')">移除
               </a-button>
+              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                         v-if="infoModel.specialReviewForm.length && item.urlBase"
+                         @click="jumpUrl(item.urlBase)">预览
+              </a-button>
 
             </swiper-slide>
             <!--            <div
@@ -859,10 +881,14 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0 && specialResult.userCertificateState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
+              <a-button v-if="infoModel.userCertificate.length > 0 && specialResult.userCertificateState != 1"
+                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'userCertificate')">移除
               </a-button>
+              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                         v-if="infoModel.userCertificate.length && item.urlBase"
+                         @click="jumpUrl(item.urlBase)">预览
+              </a-button>
 
             </swiper-slide>
             <!--            <div
@@ -983,10 +1009,15 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0 && specialResult.businessLicenseState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
+
+              <a-button v-if="infoModel.businessLicense.length > 0 && specialResult.businessLicenseState != 1"
+                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'businessLicense')">移除
               </a-button>
+              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                         v-if="infoModel.businessLicense.length >0 && item.urlBase"
+                         @click="jumpUrl(item.urlBase)">预览
+              </a-button>
 
             </swiper-slide>
             <!--            <div
@@ -1107,10 +1138,14 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0 && specialResult.letterIntroductionState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
+              <a-button v-if="infoModel.letterIntroduction.length > 0 && specialResult.letterIntroductionState != 1"
+                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'letterIntroduction')">移除
               </a-button>
+              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                         v-if="infoModel.letterIntroduction.length && item.urlBase"
+                         @click="jumpUrl(item.urlBase)">预览
+              </a-button>
 
             </swiper-slide>
             <!--            <div
@@ -1231,11 +1266,14 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0 && specialResult.numberCardState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
+              <a-button v-if="infoModel.numberCard.length > 0 && specialResult.numberCardState != 1"
+                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'numberCard')">移除
               </a-button>
-
+              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                         v-if="infoModel.numberCard.length && item.urlBase"
+                         @click="jumpUrl(item.urlBase)">预览
+              </a-button>
             </swiper-slide>
             <!--            <div
                           class="swiper-button-next swiper-button-white"
@@ -1355,10 +1393,14 @@
               </iframe>
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
-              <a-button v-if="infoModel.fileListIdCard.length > 0 && specialResult.consumptionVoucherState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
+              <a-button v-if="infoModel.consumptionVoucher.length > 0 && specialResult.consumptionVoucherState != 1"
+                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'consumptionVoucher')">移除
               </a-button>
+              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                         v-if="infoModel.consumptionVoucher.length && item.urlBase"
+                         @click="jumpUrl(item.urlBase)">预览
+              </a-button>
 
             </swiper-slide>
             <!--            <div
@@ -1480,10 +1522,14 @@
               <img style="width: 100%;height: 500px;border: 1px solid;"
                    v-if="!item.urlBase" :src="noDataPng" border="1">
               <a-button v-if="infoModel.commitmentVideo.length > 0 && specialResult.commitmentVideoState != 1"
-                        style="display: block;margin-top: 10px;border-color: red;color: red"
+                        style="display: block;margin-top: 10px;border-color: red;color: red;float: left"
                         danger @click="removeFile(item,'commitmentVideo')">移除
               </a-button>
 
+              <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                         v-if="infoModel.commitmentVideo.length && item.urlBase"
+                         @click="jumpUrl(item.urlBase)">预览
+              </a-button>
             </swiper-slide>
             <!--            <div
                           class="swiper-button-next swiper-button-white"
@@ -2448,6 +2494,14 @@ export default {
       }
       return newArr;
     },
+    // 点击方法 url为传入的第三方链接或网址 如'www.baidu.com' url前面不要加协议哦！
+    jumpUrl(url){
+      var a = document.createElement("a");
+      a.setAttribute("href", url);
+      a.setAttribute("target", "_blank");
+      a.click();
+    },
+
 
   }