liuhy 2 anni fa
parent
commit
120def8dab

+ 116 - 92
src/views/lotCheck/TaskUploadData.vue

@@ -34,22 +34,26 @@
         <a-row>
           <a-col :span="6">
             <a-form-model-item label="客户编号" prop="customerNo" v-bind="labelCol4">
-              <a-input  class="cornflowerblue" v-model="infoModel.customerNo" placeholder="客户编号" :disabled='true'></a-input>
+              <a-input class="cornflowerblue" v-model="infoModel.customerNo" placeholder="客户编号"
+                       :disabled='true'></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="6">
             <a-form-model-item label="用户发展员工" prop="staffNo" v-bind="labelCol4">
-              <a-input  class="cornflowerblue" :disabled='true' v-model="infoModel.staffNo" placeholder="用户发展员工"></a-input>
+              <a-input class="cornflowerblue" :disabled='true' v-model="infoModel.staffNo"
+                       placeholder="用户发展员工"></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="6">
             <a-form-model-item label="发展员工姓名" prop="staffNo" v-bind="labelCol4">
-              <a-input  class="cornflowerblue" v-model="infoModel.staffName" placeholder="发展员工姓名" :disabled='true'></a-input>
+              <a-input class="cornflowerblue" v-model="infoModel.staffName" placeholder="发展员工姓名"
+                       :disabled='true'></a-input>
             </a-form-model-item>
           </a-col>
           <a-col :span="6">
             <a-form-model-item label="入网时间" prop="networkAccessTime" v-bind="labelCol4">
-              <a-input  class="cornflowerblue" v-model="infoModel.networkAccessTime" placeholder="入网时间" :disabled='true'></a-input>
+              <a-input class="cornflowerblue" v-model="infoModel.networkAccessTime" placeholder="入网时间"
+                       :disabled='true'></a-input>
             </a-form-model-item>
           </a-col>
 
@@ -142,9 +146,9 @@
         </a-row>
         <a-row>
           <a-col :span="24">
-            <a-form-model-item label="用户编号"  v-bind="labelCol8">
+            <a-form-model-item label="用户编号" v-bind="labelCol8">
               <!--              <a-input v-model="infoModel.userNo" placeholder="用户编号" :disabled='true'></a-input>-->
-              <a-textarea  class="cornflowerblue"  v-model="infoModel.userNo" auto-size  :disabled='true' />
+              <a-textarea class="cornflowerblue" v-model="infoModel.userNo" auto-size :disabled='true'/>
             </a-form-model-item>
           </a-col>
         </a-row>
@@ -228,14 +232,17 @@
                 </iframe>
                 <img style="width: 70%;height: 70%;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
-                <div><a-button v-if="item.urlBase"
-                          style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
-                          danger @click="removeFile(item,'testCard')">移除
-                </a-button>
-                  <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                             v-if="  item.urlBase"
-                             @click="jumpUrl(item.urlBase)">预览
-                  </a-button></div>
+                <div>
+                  <a-button v-if="item.urlBase"
+                            style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
+                            danger @click="removeFile(item,'testCard')">移除
+                  </a-button>
+                  <a-button
+                    style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                    v-if="  item.urlBase"
+                    @click="jumpUrl(item.urlBase)">预览
+                  </a-button>
+                </div>
 
               </swiper-slide>
               <div
@@ -376,14 +383,17 @@
                 </iframe>
                 <img style="width: 70%;height: 70%;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
-                <div><a-button v-if="item.urlBase"
-                          style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
-                          danger @click="removeFile(item,'contract')">移除
-                </a-button>
-                  <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                             v-if="  item.urlBase"
-                             @click="jumpUrl(item.urlBase)">预览
-                  </a-button></div>
+                <div>
+                  <a-button v-if="item.urlBase"
+                            style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
+                            danger @click="removeFile(item,'contract')">移除
+                  </a-button>
+                  <a-button
+                    style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                    v-if=" item.urlBase"
+                    @click="jumpUrl(item.urlBase)">预览
+                  </a-button>
+                </div>
 
               </swiper-slide>
 
@@ -512,14 +522,17 @@
                 </iframe>
                 <img style="width: 70%;height: 70%;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
-                <div><a-button v-if="item.urlBase"
-                          style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
-                          danger @click="removeFile(item,'handlingContract')">移除
-                </a-button>
-                  <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                             v-if="  item.urlBase"
-                             @click="jumpUrl(item.urlBase)">预览
-                  </a-button></div>
+                <div>
+                  <a-button v-if="item.urlBase"
+                            style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
+                            danger @click="removeFile(item,'handlingContract')">移除
+                  </a-button>
+                  <a-button
+                    style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                    v-if="  item.urlBase"
+                    @click="jumpUrl(item.urlBase)">预览
+                  </a-button>
+                </div>
               </swiper-slide>
               <div
                 class="swiper-button-next swiper-button-white"
@@ -651,14 +664,17 @@
                 </iframe>
                 <img style="width: 70%;height: 70%;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
-                <div><a-button v-if="item.urlBase"
-                          style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
-                          danger @click="removeFile(item,'handlingCard')">移除
-                </a-button>
-                  <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                             v-if="  item.urlBase"
-                             @click="jumpUrl(item.urlBase)">预览
-                  </a-button></div>
+                <div>
+                  <a-button v-if="item.urlBase"
+                            style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
+                            danger @click="removeFile(item,'handlingCard')">移除
+                  </a-button>
+                  <a-button
+                    style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                    v-if="  item.urlBase"
+                    @click="jumpUrl(item.urlBase)">预览
+                  </a-button>
+                </div>
               </swiper-slide>
               <div
                 class="swiper-button-next swiper-button-white"
@@ -797,14 +813,17 @@
                 </iframe>
                 <img style="width: 70%;height: 70%;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
-                <div><a-button v-if="item.urlBase"
-                          style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
-                          danger @click="removeFile(item,'customerCardScanning')">移除
-                </a-button>
-                  <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                             v-if="  item.urlBase"
-                             @click="jumpUrl(item.urlBase)">预览
-                  </a-button></div>
+                <div>
+                  <a-button v-if="item.urlBase"
+                            style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
+                            danger @click="removeFile(item,'customerCardScanning')">移除
+                  </a-button>
+                  <a-button
+                    style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                    v-if="  item.urlBase"
+                    @click="jumpUrl(item.urlBase)">预览
+                  </a-button>
+                </div>
               </swiper-slide>
               <div
                 class="swiper-button-next swiper-button-white"
@@ -946,14 +965,17 @@
                 </iframe>
                 <img style="width: 70%;height: 70%;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
-                <div><a-button v-if="item.urlBase"
-                          style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
-                          danger @click="removeFile(item,'riskTable')">移除
-                </a-button>
-                  <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                             v-if="  item.urlBase"
-                             @click="jumpUrl(item.urlBase)">预览
-                  </a-button></div>
+                <div>
+                  <a-button v-if="item.urlBase"
+                            style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
+                            danger @click="removeFile(item,'riskTable')">移除
+                  </a-button>
+                  <a-button
+                    style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                    v-if="  item.urlBase"
+                    @click="jumpUrl(item.urlBase)">预览
+                  </a-button>
+                </div>
               </swiper-slide>
               <div
                 class="swiper-button-next swiper-button-white"
@@ -1091,14 +1113,17 @@
                 </iframe>
                 <img style="width: 70%;height: 70%;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
-                <div> <a-button v-if="item.urlBase  "
-                          style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
-                          danger @click="removeFile(item,'priceTable')">移除
-                </a-button>
-                  <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                             v-if="  item.urlBase"
-                             @click="jumpUrl(item.urlBase)">预览
-                  </a-button></div>
+                <div>
+                  <a-button v-if="item.urlBase  "
+                            style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
+                            danger @click="removeFile(item,'priceTable')">移除
+                  </a-button>
+                  <a-button
+                    style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                    v-if="  item.urlBase"
+                    @click="jumpUrl(item.urlBase)">预览
+                  </a-button>
+                </div>
 
               </swiper-slide>
               <div
@@ -1232,14 +1257,17 @@
                 </iframe>
                 <img style="width: 70%;height: 70%;border: 1px solid;"
                      v-if="!item.urlBase" :src="noDataPng" border="1">
-                <div><a-button v-if="item.urlBase"
-                          style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
-                          danger @click="removeFile(item,'commitment')">移除
-                </a-button>
-                  <a-button  style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
-                             v-if="  item.urlBase"
-                             @click="jumpUrl(item.urlBase)">预览
-                  </a-button></div>
+                <div>
+                  <a-button v-if="item.urlBase"
+                            style="display: block;margin-top: 1px;border-color: red;color: red;float: left"
+                            danger @click="removeFile(item,'commitment')">移除
+                  </a-button>
+                  <a-button
+                    style="display: block;position: relative;left:20px;margin-top: 10px;border-color: #1890FF;color: #1890FF"
+                    v-if="  item.urlBase"
+                    @click="jumpUrl(item.urlBase)">预览
+                  </a-button>
+                </div>
               </swiper-slide>
               <div
                 class="swiper-button-next swiper-button-white"
@@ -1357,17 +1385,17 @@
         </swiper>
       </div>
     </a-card>
-   <!--    文件存储车图标-->
+    <!--    文件存储车图标-->
     <div @click='showPhone(true,true)'
-           ref="floatButton"
-           class="float-info floating-button"
-           :style="{'width': 70 + 'px', 'height': 70 + 'px', 'left':   94+'%' , 'top': 84 + '%'}"
-      >
-        <a-badge :count=fileShoppingNumber>
-          <img style="width: 89%;height: 81%;position: relative;top: 10%" :src="fileShopping" border="1">
-        </a-badge>
+         ref="floatButton"
+         class="float-info floating-button"
+         :style="{'width': 70 + 'px', 'height': 70 + 'px', 'left':   94+'%' , 'top': 84 + '%'}"
+    >
+      <a-badge :count=fileShoppingNumber>
+        <img style="width: 89%;height: 81%;position: relative;top: 10%" :src="fileShopping" border="1">
+      </a-badge>
 
-      </div>
+    </div>
 
 
     <!--      <a-icon type="folder-add" :style="{ fontSize: '30px', color: '#08c' }"/>-->
@@ -1406,7 +1434,7 @@ export default {
   data() {
     return {
       // 购物车图标数
-      fileShoppingNumber:0,
+      fileShoppingNumber: 0,
       btnStyle: {
         "fontSize": 'small',
         "top": '60vh',
@@ -1728,8 +1756,6 @@ export default {
           }
         ],
       },
-      //steps: "",
-
       //测试卡步骤条
       next: "",
       prev: "",
@@ -1834,6 +1860,7 @@ export default {
       }
     };
   },
+
   created() {
     let control = this.lotData.control;
     let blockType = this.infoModel.blockType;
@@ -1927,7 +1954,7 @@ export default {
     handleChange({fileList}) {
       this.fileList = fileList;
     },
-    showPhone(isShow,msg) {
+    showPhone(isShow, msg) {
 
       var data = {
         customerNo: this.infoModel.customerNo,
@@ -1946,13 +1973,13 @@ export default {
               this.isPhoneshow = false;
             }
           } else {
-            this.fileShoppingNumber = 0 ;
-            if (msg){
+            this.fileShoppingNumber = 0;
+            if (msg) {
               this.$message.warning("此类无历史上传");
             }
           }
-        }else {
-          this.fileShoppingNumber = 0 ;
+        } else {
+          this.fileShoppingNumber = 0;
         }
       })
     },
@@ -2115,9 +2142,8 @@ export default {
       if (this.steps.stepsNow[current].status !== "finish") {
         this.steps.stepsNow[current].status = "process"
       }
-      this.showPhone(false,false);
+      this.showPhone(false, false);
     },
-
     getInfoDataById(id) {
       var that = this;
       if (id) {
@@ -2279,7 +2305,6 @@ export default {
       // this.currentFileType(this.current);
     },
     /**移除文件*/
-    /**移除文件*/
     removeFile(fileData, fileAttribute) {
       let that = this.infoModel;
       //处理轮播数据
@@ -2471,7 +2496,6 @@ export default {
         that.swiperImg.push({})
       }
     },
-
     urlBaseJoin(dataArray, name) {
       let newDataArr = [];
       for (var i in dataArray) {
@@ -2480,7 +2504,6 @@ export default {
       }
       return newDataArr.toString();
     }
-
   }
 }
 ;
@@ -2675,6 +2698,7 @@ h3 {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   transform: translateY(2px);
 }
+
 .cornflowerblue {
   color: cornflowerblue;
 }

+ 144 - 102
src/views/lotCheck/modules/TaskCheckAudit.vue

@@ -36,27 +36,31 @@
           <a-row>
             <a-col :span="6">
               <a-form-model-item label="客户编号" prop="customerNo" v-bind="labelCol4">
-                <a-input v-model="infoModel.customerNo"   class="cornflowerblue"  placeholder="客户编号" :disabled='true'></a-input>
+                <a-input v-model="infoModel.customerNo" class="cornflowerblue" placeholder="客户编号"
+                         :disabled='true'></a-input>
               </a-form-model-item>
             </a-col>
             <a-col :span="6">
               <a-form-model-item label="用户发展员工" prop="staffNo" v-bind="labelCol4">
-                <a-input :disabled='true'   class="cornflowerblue"  v-model="infoModel.staffNo" placeholder="用户发展员工"></a-input>
+                <a-input :disabled='true' class="cornflowerblue" v-model="infoModel.staffNo"
+                         placeholder="用户发展员工"></a-input>
               </a-form-model-item>
             </a-col>
             <a-col :span="6">
               <a-form-model-item label="发展员工姓名" prop="staffNo" v-bind="labelCol4">
-                <a-input   class="cornflowerblue"  v-model="infoModel.staffName" placeholder="发展员工姓名" :disabled='true'></a-input>
+                <a-input class="cornflowerblue" v-model="infoModel.staffName" placeholder="发展员工姓名"
+                         :disabled='true'></a-input>
               </a-form-model-item>
             </a-col>
-<!--            <a-col :span="6">-->
-<!--              <a-form-model-item label="用户编号" v-bind="labelCol4">-->
-<!--                <a-input v-model="infoModel.userNo" placeholder="用户编号" :disabled='true'></a-input>-->
-<!--              </a-form-model-item>-->
-<!--            </a-col>-->
+            <!--            <a-col :span="6">-->
+            <!--              <a-form-model-item label="用户编号" v-bind="labelCol4">-->
+            <!--                <a-input v-model="infoModel.userNo" placeholder="用户编号" :disabled='true'></a-input>-->
+            <!--              </a-form-model-item>-->
+            <!--            </a-col>-->
             <a-col :span="6">
               <a-form-model-item label="入网时间" prop="networkAccessTime" v-bind="labelCol4">
-                <a-input   class="cornflowerblue"  v-model="infoModel.networkAccessTime" placeholder="入网时间" :disabled='true'></a-input>
+                <a-input class="cornflowerblue" v-model="infoModel.networkAccessTime" placeholder="入网时间"
+                         :disabled='true'></a-input>
               </a-form-model-item>
             </a-col>
             <a-col :span="6">
@@ -157,9 +161,9 @@
           </a-row>
           <a-row>
             <a-col :span="24">
-              <a-form-model-item label="用户编号"  v-bind="labelCol8">
+              <a-form-model-item label="用户编号" v-bind="labelCol8">
                 <!--              <a-input v-model="infoModel.userNo" placeholder="用户编号" :disabled='true'></a-input>-->
-                <a-textarea  class="cornflowerblue"  v-model="infoModel.userNo" auto-size  :disabled='true' />
+                <a-textarea class="cornflowerblue" v-model="infoModel.userNo" auto-size :disabled='true'/>
               </a-form-model-item>
             </a-col>
           </a-row>
@@ -216,11 +220,6 @@
                 <span class="cornflowerblue">{{ infoModel.staffName }}</span>
               </a-form-model-item>
             </a-col>
-<!--            <a-col :span="6">-->
-<!--              <a-form-model-item label="用户编号:" v-bind="labelCol4">-->
-<!--                <span class="cornflowerblue">{{ infoModel.userNo }}</span>-->
-<!--              </a-form-model-item>-->
-<!--            </a-col>-->
           </a-row>
 
           <a-row>
@@ -229,14 +228,16 @@
                 <span class="cornflowerblue">{{ infoModel.staffName }}</span>
               </a-form-model-item>
             </a-col>
-<!--            <a-col :span="6">-->
-<!--              <a-form-model-item label="用户编号:" v-bind="labelCol4">-->
-<!--                <span class="cornflowerblue">{{ infoModel.userNo }}</span>-->
-<!--              </a-form-model-item>-->
-<!--            </a-col>-->
+            <!--            <a-col :span="6">-->
+            <!--              <a-form-model-item label="用户编号:" v-bind="labelCol4">-->
+            <!--                <span class="cornflowerblue">{{ infoModel.userNo }}</span>-->
+            <!--              </a-form-model-item>-->
+            <!--            </a-col>-->
             <a-col :span="6">
               <a-form-model-item label="营业执照到期时间:" v-bind="labelCol4">
-                <span class="cornflowerblue"> {{ infoModel.businessLicenseDate === "" ? "长期" : infoModel.businessLicenseDate }}</span>
+                <span class="cornflowerblue"> {{
+                    infoModel.businessLicenseDate === "" ? "长期" : infoModel.businessLicenseDate
+                  }}</span>
               </a-form-model-item>
             </a-col>
             <a-col :span="6">
@@ -301,11 +302,11 @@
             </a-col>
             <a-row>
               <a-col :span="24">
-                <a-form-model-item label="用户编号"  v-bind="labelCol8">
+                <a-form-model-item label="用户编号" v-bind="labelCol8">
 
-<!--                  <a-textarea    class="cornflowerblue" v-model="infoModel.userNo" auto-size  :disabled='true' />-->
-<!--                  <a-input v-model="infoModel.userNo" placeholder="用户编号" :disabled='true'></a-input>-->
-                  <span class="cornflowerblue"> {{infoModel.userNo}}</span>
+                  <!--                  <a-textarea    class="cornflowerblue" v-model="infoModel.userNo" auto-size  :disabled='true' />-->
+                  <!--                  <a-input v-model="infoModel.userNo" placeholder="用户编号" :disabled='true'></a-input>-->
+                  <span class="cornflowerblue"> {{ infoModel.userNo }}</span>
                 </a-form-model-item>
               </a-col>
             </a-row>
@@ -327,8 +328,9 @@
               </a-form-model-item>
             </a-col>
             <a-col :span="24">
-              <a-form-model-item  label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
-                <a-textarea style="height: 100px" v-model=infoModel.infoResultRemark :disabled="checkState===2?false:true"
+              <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
+                <a-textarea style="height: 100px" v-model=infoModel.infoResultRemark
+                            :disabled="checkState===2?false:true"
                             placeholder="请输入上述信息的稽核结果"/>
                 <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
               </a-form-model-item>
@@ -351,9 +353,10 @@
           </a-form-model-item>
         </a-col>
         <a-col :span="24">
-          <a-form-model-item  label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
+          <a-form-model-item label="稽核结果" prop="basicCheckNote" v-bind="labelCol1">
             <a-tag class="font-size-14"
-                   color="orange">{{ infoModel.infoResultRemark }}</a-tag>
+                   color="orange">{{ infoModel.infoResultRemark }}
+            </a-tag>
           </a-form-model-item>
         </a-col>
         <a-col :span="24">
@@ -437,22 +440,26 @@
           <div>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注:" v-bind="labelCol1Note">
               <a-tag v-if="checkState===2?false:true" class="font-size-14"
-                     color="orange">{{ infoModel.testCardResultRemark }}</a-tag>
+                     color="orange">{{ infoModel.testCardResultRemark }}
+              </a-tag>
               <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                           v-model="infoModel.testCardResultRemark"
                           placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
               />
             </a-form-model-item>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注:" v-bind="labelCol1Note">
-              <a-tag v-if="(checkState===4 && infoModel.testCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                     class="font-size-14" color="orange">{{ infoModel.testCardRemark }}</a-tag>
+              <a-tag
+                v-if="(checkState===4 && infoModel.testCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                class="font-size-14" color="orange">{{ infoModel.testCardRemark }}
+              </a-tag>
 
-              <a-textarea v-if="(checkState===4 && infoModel.testCardResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
-                          style="height: 77px"
-                          :disabled="(checkState===4 && infoModel.testCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                          v-model="infoModel.testCardRemark"
-                          @change="textareaChange('testCard','testCardRemark')"
-                          placeholder="如没有上传资料备注,需要说明原因"
+              <a-textarea
+                v-if="(checkState===4 && infoModel.testCardResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
+                style="height: 77px"
+                :disabled="(checkState===4 && infoModel.testCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                v-model="infoModel.testCardRemark"
+                @change="textareaChange('testCard','testCardRemark')"
+                placeholder="如没有上传资料备注,需要说明原因"
               />
               <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
             </a-form-model-item>
@@ -618,24 +625,29 @@
               </div>
             </a-form-model-item>
           </div>
-
           <div>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注:" v-bind="labelCol1Note">
               <a-tag v-if="checkState===2?false:true" class="font-size-14"
-                     color="orange">{{ infoModel.contractResultRemark }}</a-tag>
+                     color="orange">{{ infoModel.contractResultRemark }}
+              </a-tag>
               <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                           v-model="infoModel.contractResultRemark"
                           placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
               />
             </a-form-model-item>
-<!--            上传资料备注-->
+            <!--            上传资料备注-->
             <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注:" v-bind="labelCol1Note">
-              <a-tag v-if="(checkState===4 && infoModel.contractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false" class="font-size-14" color="orange">{{ infoModel.contractRemark }}</a-tag>
-              <a-textarea v-if="(checkState===4 && infoModel.contractResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true" style="height: 77px"
-                          :disabled="(checkState===4 && infoModel.contractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                          v-model="infoModel.contractRemark"
-                          @change="textareaChange('contract','contractRemark')"
-                          placeholder="如没有上传资料备注,需要说明原因"
+              <a-tag
+                v-if="(checkState===4 && infoModel.contractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                class="font-size-14" color="orange">{{ infoModel.contractRemark }}
+              </a-tag>
+              <a-textarea
+                v-if="(checkState===4 && infoModel.contractResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
+                style="height: 77px"
+                :disabled="(checkState===4 && infoModel.contractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                v-model="infoModel.contractRemark"
+                @change="textareaChange('contract','contractRemark')"
+                placeholder="如没有上传资料备注,需要说明原因"
               />
             </a-form-model-item>
           </div>
@@ -792,7 +804,8 @@
           <div>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注:" v-bind="labelCol1Note">
               <a-tag v-if="checkState===2?false:true" class="font-size-14"
-                     color="orange">{{ infoModel.handlingContractResultRemark }}</a-tag>
+                     color="orange">{{ infoModel.handlingContractResultRemark }}
+              </a-tag>
               <a-textarea v-if="checkState===2?true:false"
                           style="height: 77px"
                           v-model="infoModel.handlingContractResultRemark"
@@ -800,12 +813,17 @@
               />
             </a-form-model-item>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注:" v-bind="labelCol1Note">
-              <a-tag v-if="(checkState===4 && infoModel.handlingContractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false" class="font-size-14" color="orange">{{ infoModel.handlingContractRemark }}</a-tag>
-              <a-textarea v-if="(checkState===4 && infoModel.handlingContractResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true" style="height: 77px"
-                          :disabled="(checkState===4 && infoModel.handlingContractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                          v-model="infoModel.handlingContractRemark"
-                          @change="textareaChange('handlingContract','handlingContractRemark')"
-                          placeholder="如没有上传资料备注,需要说明原因"
+              <a-tag
+                v-if="(checkState===4 && infoModel.handlingContractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                class="font-size-14" color="orange">{{ infoModel.handlingContractRemark }}
+              </a-tag>
+              <a-textarea
+                v-if="(checkState===4 && infoModel.handlingContractResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
+                style="height: 77px"
+                :disabled="(checkState===4 && infoModel.handlingContractResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                v-model="infoModel.handlingContractRemark"
+                @change="textareaChange('handlingContract','handlingContractRemark')"
+                placeholder="如没有上传资料备注,需要说明原因"
               />
               <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
             </a-form-model-item>
@@ -949,7 +967,7 @@
                 <a-tag class="font-size-14" v-if="infoModel.handlingCardResult == 2" color=“#f50”>否</a-tag>
               </div>
 
-              <div  v-if="checkState===2?true:false">
+              <div v-if="checkState===2?true:false">
                 <a-radio-group button-style="solid" :disabled="checkState===2?false:true"
                                @change="basicCheckClick(infoModel.handlingCardResult)"
                                v-model='infoModel.handlingCardResult'>
@@ -963,7 +981,8 @@
           <div>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注:" v-bind="labelCol1Note">
               <a-tag v-if="checkState===2?false:true" class="font-size-14"
-                     color="orange">{{ infoModel.handlingCardResultRemark }}</a-tag>
+                     color="orange">{{ infoModel.handlingCardResultRemark }}
+              </a-tag>
 
               <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                           v-model="infoModel.handlingCardResultRemark"
@@ -971,14 +990,17 @@
               />
             </a-form-model-item>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注:" v-bind="labelCol1Note">
-              <a-tag v-if="(checkState===4 && infoModel.handlingCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                     class="font-size-14" color="orange">{{ infoModel.handlingCardRemark }}</a-tag>
-              <a-textarea v-if="(checkState===4 && infoModel.handlingCardResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
+              <a-tag
+                v-if="(checkState===4 && infoModel.handlingCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                class="font-size-14" color="orange">{{ infoModel.handlingCardRemark }}
+              </a-tag>
+              <a-textarea
+                v-if="(checkState===4 && infoModel.handlingCardResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                 style="height: 77px"
-                          :disabled="(checkState===4 && infoModel.handlingCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                          v-model="infoModel.handlingCardRemark"
-                          @change="textareaChange('handlingCard','handlingCardRemark')"
-                          placeholder="如没有上传资料备注,需要说明原因"
+                :disabled="(checkState===4 && infoModel.handlingCardResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                v-model="infoModel.handlingCardRemark"
+                @change="textareaChange('handlingCard','handlingCardRemark')"
+                placeholder="如没有上传资料备注,需要说明原因"
               />
               <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
             </a-form-model-item>
@@ -1136,7 +1158,8 @@
           <div>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注:" v-bind="labelCol1Note">
               <a-tag v-if="checkState===2?false:true" class="font-size-14"
-                     color="orange">{{ infoModel.customerCardScanningResultRemark }}</a-tag>
+                     color="orange">{{ infoModel.customerCardScanningResultRemark }}
+              </a-tag>
 
               <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                           v-model="infoModel.customerCardScanningResultRemark"
@@ -1144,14 +1167,17 @@
               />
             </a-form-model-item>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注:" v-bind="labelCol1Note">
-              <a-tag v-if="(checkState===4 && infoModel.customerCardScanningResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                     class="font-size-14" color="orange">{{ infoModel.customerCardScanningRemark }}</a-tag>
-              <a-textarea v-if="(checkState===4 && infoModel.customerCardScanningResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
-                          style="height: 77px"
-                          :disabled="(checkState===4 && infoModel.customerCardScanningResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                          v-model="infoModel.customerCardScanningRemark"
-                          @change="textareaChange('customerCardScanning','customerCardScanningRemark')"
-                          placeholder="如没有上传资料备注,需要说明原因"
+              <a-tag
+                v-if="(checkState===4 && infoModel.customerCardScanningResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                class="font-size-14" color="orange">{{ infoModel.customerCardScanningRemark }}
+              </a-tag>
+              <a-textarea
+                v-if="(checkState===4 && infoModel.customerCardScanningResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
+                style="height: 77px"
+                :disabled="(checkState===4 && infoModel.customerCardScanningResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                v-model="infoModel.customerCardScanningRemark"
+                @change="textareaChange('customerCardScanning','customerCardScanningRemark')"
+                placeholder="如没有上传资料备注,需要说明原因"
               />
               <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
             </a-form-model-item>
@@ -1317,7 +1343,8 @@
           <div>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注:" v-bind="labelCol1Note">
               <a-tag v-if="checkState===2?false:true" class="font-size-14"
-                     color="orange">{{ infoModel.riskTableResultRemark }}</a-tag>
+                     color="orange">{{ infoModel.riskTableResultRemark }}
+              </a-tag>
 
               <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                           v-model="infoModel.riskTableResultRemark"
@@ -1325,14 +1352,17 @@
               />
             </a-form-model-item>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注:" v-bind="labelCol1Note">
-              <a-tag v-if="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                     class="font-size-14" color="orange">{{ infoModel.riskTableRemark }}</a-tag>
-              <a-textarea v-if="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
+              <a-tag
+                v-if="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                class="font-size-14" color="orange">{{ infoModel.riskTableRemark }}
+              </a-tag>
+              <a-textarea
+                v-if="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
                 style="height: 77px"
-                          :disabled="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                          v-model="infoModel.riskTableRemark"
-                          @change="textareaChange('riskTable','riskTableRemark')"
-                          placeholder="如没有上传资料备注,需要说明原因"
+                :disabled="(checkState===4 && infoModel.riskTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                v-model="infoModel.riskTableRemark"
+                @change="textareaChange('riskTable','riskTableRemark')"
+                placeholder="如没有上传资料备注,需要说明原因"
               />
               <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
             </a-form-model-item>
@@ -1494,22 +1524,26 @@
           <div>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注:" v-bind="labelCol1Note">
               <a-tag v-if="checkState===2?false:true" class="font-size-14"
-                     color="orange">{{ infoModel.priceTableResultRemark }}</a-tag>
+                     color="orange">{{ infoModel.priceTableResultRemark }}
+              </a-tag>
               <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                           v-model="infoModel.priceTableResultRemark"
                           placeholder="请输入稽核结果" :disabled="checkState===2?false:true"
               />
             </a-form-model-item>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注:" v-bind="labelCol1Note">
-              <a-tag v-if="(checkState===4 && infoModel.priceTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                     class="font-size-14" color="orange">{{ infoModel.priceTableRemark }}</a-tag>
-
-              <a-textarea  v-if="(checkState===4 && infoModel.priceTableResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
-                           style="height: 77px"
-                          :disabled="(checkState===4 && infoModel.priceTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                          v-model="infoModel.priceTableRemark"
-                          @change="textareaChange('priceTable','priceTableRemark')"
-                          placeholder="如没有上传资料备注,需要说明原因"
+              <a-tag
+                v-if="(checkState===4 && infoModel.priceTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                class="font-size-14" color="orange">{{ infoModel.priceTableRemark }}
+              </a-tag>
+
+              <a-textarea
+                v-if="(checkState===4 && infoModel.priceTableResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
+                style="height: 77px"
+                :disabled="(checkState===4 && infoModel.priceTableResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                v-model="infoModel.priceTableRemark"
+                @change="textareaChange('priceTable','priceTableRemark')"
+                placeholder="如没有上传资料备注,需要说明原因"
               />
               <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
             </a-form-model-item>
@@ -1666,7 +1700,8 @@
           <div>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="稽核结果备注:" v-bind="labelCol1Note">
               <a-tag v-if="checkState===2?false:true" class="font-size-14"
-                     color="orange">{{ infoModel.commitmentResultRemark }}</a-tag>
+                     color="orange">{{ infoModel.commitmentResultRemark }}
+              </a-tag>
               <a-textarea v-if="checkState===2?true:false" style="height: 77px"
                           v-model="infoModel.commitmentResultRemark"
 
@@ -1674,15 +1709,18 @@
               />
             </a-form-model-item>
             <a-form-model-item style="left: 10%;margin-top: 20px" label="上传资料备注:" v-bind="labelCol1Note">
-              <a-tag v-if="(checkState===4 && infoModel.commitmentResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                     class="font-size-14" color="orange">{{ infoModel.commitmentRemark }}</a-tag>
+              <a-tag
+                v-if="(checkState===4 && infoModel.commitmentResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                class="font-size-14" color="orange">{{ infoModel.commitmentRemark }}
+              </a-tag>
 
-              <a-textarea v-if="(checkState===4 && infoModel.commitmentResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
-                          style="height: 77px"
-                          :disabled="(checkState===4 && infoModel.commitmentResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
-                          v-model="infoModel.commitmentRemark"
-                          @change="textareaChange('commitment','commitmentRemark')"
-                          placeholder="如没有上传资料备注,需要说明原因"
+              <a-textarea
+                v-if="(checkState===4 && infoModel.commitmentResult  ==='1' ) || (checkState===2|| checkState===5) ?false:true"
+                style="height: 77px"
+                :disabled="(checkState===4 && infoModel.commitmentResult  ==='1' ) || (checkState===2|| checkState===5) ?true:false"
+                v-model="infoModel.commitmentRemark"
+                @change="textareaChange('commitment','commitmentRemark')"
+                placeholder="如没有上传资料备注,需要说明原因"
               />
               <!--            :auto-size="{ minRows: 3, maxRows: 5 }"-->
             </a-form-model-item>
@@ -3055,7 +3093,7 @@ h3 {
 
 .markdown ul > li {
   color: #000000d9;
-  font-size: 15px;
+  font-size: 13px;
   line-height: 3;
   margin-left: 20px;
   padding-left: 4px;
@@ -3066,9 +3104,11 @@ h3 {
   //margin-top:-20px;/*设置有序列表项之间的间隔*/
   font-size: 13px;
 }
+
 .cornflowerblue {
   color: cornflowerblue;
 }
+
 .a-textarea-line-30 {
   height: 77px;
   width: 80vh
@@ -3085,13 +3125,15 @@ h3 {
   float: left;
   width: 25%
 }
+
 .a-upload-line-30 {
   line-height: 30px;
   left: 15%;
   position: relative
 }
+
 .font-size-14 {
-  font-size:14px
+  font-size: 14px
 }
 </style>
 

+ 35 - 138
src/views/truckCheck/modules/TaskCheckAudit.vue

@@ -529,7 +529,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -708,7 +708,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -729,14 +729,7 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
+
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -886,7 +879,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -907,14 +900,7 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
+
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -1066,7 +1052,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -1087,14 +1073,7 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
+
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -1245,7 +1224,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -1266,14 +1245,7 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
+
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -1423,7 +1395,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -1444,14 +1416,7 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
+
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -1600,7 +1565,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -1621,14 +1586,7 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
+
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -1779,7 +1737,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -1800,14 +1758,7 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
+
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -1958,7 +1909,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="500px"
                     scrolling="auto">
                   </iframe>
@@ -1979,14 +1930,7 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
+
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -2141,7 +2085,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -2162,14 +2106,6 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -2320,7 +2256,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="500px"
                     scrolling="auto">
                   </iframe>
@@ -2341,14 +2277,6 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -2500,7 +2428,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -2521,14 +2449,6 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -2677,7 +2597,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="500px"
                     scrolling="auto">
                   </iframe>
@@ -2697,14 +2617,7 @@
                   </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
+
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -2858,7 +2771,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -2879,14 +2792,6 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -3038,7 +2943,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -3059,14 +2964,6 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -3218,7 +3115,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="450px"
                     scrolling="auto">
                   </iframe>
@@ -3239,14 +3136,6 @@
                     </a-button>
                   </div>
                 </swiper-slide>
-                <div
-                  class="swiper-button-next swiper-button-white"
-                  slot="button-next"
-                ></div>
-                <div
-                  class="swiper-button-prev swiper-button-white"
-                  slot="button-prev"
-                ></div>
               </swiper>
               <!-- swiper2 Thumbs -->
               <swiper
@@ -3399,7 +3288,7 @@
                     frameborder="1"
                     :src="item.urlBase"
                     ref="ifr"
-                    width="70%"
+                    width="74%"
                     height="500px"
                     scrolling="auto">
                   </iframe>
@@ -4389,6 +4278,15 @@ export default {
       ]
     }
   },
+  updated() {
+    // 实现swiper双向控制
+    this.$nextTick(() => {
+      const swiperTop = this.$refs.swiperTop.swiper
+      const swiperThumbs = this.$refs.swiperThumbs.swiper
+      swiperTop.controller.control = swiperThumbs
+      swiperThumbs.controller.control = swiperTop
+    })
+  },
   computed: {
     importMinioUploadAction() {
       return window._CONFIG['domianURL'] + this.url.minioUpload;
@@ -5262,7 +5160,6 @@ h3 {
   height: 20% !important;
   box-sizing: border-box;
   padding: 10px 0px;
-    width: 620px;
   margin-left: 2px;
 
   .swiper-button-next {