youxiw2000 / trash · Commits

Commit df3975018d3efb692e43126c2a5f68065876a7ab

Authored by 273548560@qq.com
1 parent 63b854d7
build: skipped

修复bug

Inline Side-by-side
Showing 3 changed files with 718 additions and 442 deletions
trash-ui/src/views/activiti/task/index.vue
  View file @df39750
@@ -85,6 +85,13 @@ @@ -85,6 +85,13 @@
85 <el-row type="flex" justify="center" style="margin-top: 20px;"> 85 <el-row type="flex" justify="center" style="margin-top: 20px;">
86 <el-col :span="6"> 86 <el-col :span="6">
87 <a style="color:blue;font-size: 12px;" @click="showFileUpload(0)">履职情况照片</a> 87 <a style="color:blue;font-size: 12px;" @click="showFileUpload(0)">履职情况照片</a>
  88 + <br/>
  89 + <el-image v-for="item in slides[0]"
  90 + style="width: 100px; height: 100px; margin: 5px;"
  91 + :src="item.url"
  92 + :preview-src-list="[item.url]"
  93 + :z-index="2000">
  94 + </el-image>
88 <el-input v-model="form.sub_img0" type="hidden"></el-input> 95 <el-input v-model="form.sub_img0" type="hidden"></el-input>
89 <p v-for="img in form.sub_img0">{{ img.split(":")[0] }}<a @click="removeImage(0,img)" style="color:red"> 96 <p v-for="img in form.sub_img0">{{ img.split(":")[0] }}<a @click="removeImage(0,img)" style="color:red">
90 x</a> 97 x</a>
@@ -92,6 +99,13 @@ @@ -92,6 +99,13 @@
92 </el-col> 99 </el-col>
93 <el-col :span="6"> 100 <el-col :span="6">
94 <a style="color:blue;font-size: 12px;" @click="showFileUpload(1)">水枪水嘴照片</a> 101 <a style="color:blue;font-size: 12px;" @click="showFileUpload(1)">水枪水嘴照片</a>
  102 + <br/>
  103 + <el-image v-for="item in slides[1]"
  104 + style="width: 100px; height: 100px; margin: 5px;"
  105 + :src="item.url"
  106 + :preview-src-list="[item.url]"
  107 + :z-index="2000">
  108 + </el-image>
95 <el-input v-model="form.sub_img1" type="hidden"></el-input> 109 <el-input v-model="form.sub_img1" type="hidden"></el-input>
96 <p v-for="img in form.sub_img1">{{ img.split(":")[0] }}<a @click="removeImage(1,img)" style="color:red"> 110 <p v-for="img in form.sub_img1">{{ img.split(":")[0] }}<a @click="removeImage(1,img)" style="color:red">
97 x</a> 111 x</a>
@@ -99,6 +113,13 @@ @@ -99,6 +113,13 @@
99 </el-col> 113 </el-col>
100 <el-col :span="6"> 114 <el-col :span="6">
101 <a style="color:blue;font-size: 12px;" @click="showFileUpload(2)">照明照片</a> 115 <a style="color:blue;font-size: 12px;" @click="showFileUpload(2)">照明照片</a>
  116 + <br/>
  117 + <el-image v-for="item in slides[2]"
  118 + style="width: 100px; height: 100px; margin: 5px;"
  119 + :src="item.url"
  120 + :preview-src-list="[item.url]"
  121 + :z-index="2000">
  122 + </el-image>
102 <el-input v-model="form.sub_img2" type="hidden"></el-input> 123 <el-input v-model="form.sub_img2" type="hidden"></el-input>
103 <p v-for="img in form.sub_img2">{{ img.split(":")[0] }}<a @click="removeImage(2,img)" style="color:red"> 124 <p v-for="img in form.sub_img2">{{ img.split(":")[0] }}<a @click="removeImage(2,img)" style="color:red">
104 x</a> 125 x</a>
@@ -106,6 +127,13 @@ @@ -106,6 +127,13 @@
106 </el-col> 127 </el-col>
107 <el-col :span="6"> 128 <el-col :span="6">
108 <a style="color:blue;font-size: 12px;" @click="showFileUpload(3)">视频监控照片</a> 129 <a style="color:blue;font-size: 12px;" @click="showFileUpload(3)">视频监控照片</a>
  130 + <br/>
  131 + <el-image v-for="item in slides[3]"
  132 + style="width: 100px; height: 100px; margin: 5px;"
  133 + :src="item.url"
  134 + :preview-src-list="[item.url]"
  135 + :z-index="2000">
  136 + </el-image>
109 <el-input v-model="form.sub_img3" type="hidden"></el-input> 137 <el-input v-model="form.sub_img3" type="hidden"></el-input>
110 <p v-for="img in form.sub_img3">{{ img.split(":")[0] }}<a @click="removeImage(3,img)" style="color:red"> 138 <p v-for="img in form.sub_img3">{{ img.split(":")[0] }}<a @click="removeImage(3,img)" style="color:red">
111 x</a> 139 x</a>
@@ -115,6 +143,13 @@ @@ -115,6 +143,13 @@
115 <el-row type="flex" justify="center"> 143 <el-row type="flex" justify="center">
116 <el-col :span="6"> 144 <el-col :span="6">
117 <a style="color:blue;font-size: 12px;" @click="showFileUpload(4)">洗车机照片</a> 145 <a style="color:blue;font-size: 12px;" @click="showFileUpload(4)">洗车机照片</a>
  146 + <br/>
  147 + <el-image v-for="item in slides[4]"
  148 + style="width: 100px; height: 100px; margin: 5px;"
  149 + :src="item.url"
  150 + :preview-src-list="[item.url]"
  151 + :z-index="2000">
  152 + </el-image>
118 <el-input v-model="form.sub_img4" type="hidden"></el-input> 153 <el-input v-model="form.sub_img4" type="hidden"></el-input>
119 <p v-for="img in form.sub_img4">{{ img.split(":")[0] }}<a @click="removeImage(4,img)" style="color:red"> 154 <p v-for="img in form.sub_img4">{{ img.split(":")[0] }}<a @click="removeImage(4,img)" style="color:red">
120 x</a> 155 x</a>
@@ -122,6 +157,13 @@ @@ -122,6 +157,13 @@
122 </el-col> 157 </el-col>
123 <el-col :span="6"> 158 <el-col :span="6">
124 <a style="color:blue;font-size: 12px;" @click="showFileUpload(5)">{{form.type==0?"摄像头视频截图1":"洗车设施照片"}}</a> 159 <a style="color:blue;font-size: 12px;" @click="showFileUpload(5)">{{form.type==0?"摄像头视频截图1":"洗车设施照片"}}</a>
  160 + <br/>
  161 + <el-image v-for="item in slides[5]"
  162 + style="width: 100px; height: 100px; margin: 5px;"
  163 + :src="item.url"
  164 + :preview-src-list="[item.url]"
  165 + :z-index="2000">
  166 + </el-image>
125 <el-input v-model="form.sub_img5" type="hidden"></el-input> 167 <el-input v-model="form.sub_img5" type="hidden"></el-input>
126 <p v-for="img in form.sub_img5">{{ img.split(":")[0] }}<a @click="removeImage(5,img)" style="color:red"> 168 <p v-for="img in form.sub_img5">{{ img.split(":")[0] }}<a @click="removeImage(5,img)" style="color:red">
127 x</a> 169 x</a>
@@ -129,6 +171,13 @@ @@ -129,6 +171,13 @@
129 </el-col> 171 </el-col>
130 <el-col :span="6"> 172 <el-col :span="6">
131 <a style="color:blue;font-size: 12px;" @click="showFileUpload(6)">{{form.type==0?"摄像头视频截图2":"雾炮机"}}</a> 173 <a style="color:blue;font-size: 12px;" @click="showFileUpload(6)">{{form.type==0?"摄像头视频截图2":"雾炮机"}}</a>
  174 + <br/>
  175 + <el-image v-for="item in slides[6]"
  176 + style="width: 100px; height: 100px; margin: 5px;"
  177 + :src="item.url"
  178 + :preview-src-list="[item.url]"
  179 + :z-index="2000">
  180 + </el-image>
132 <el-input v-model="form.sub_img6" type="hidden"></el-input> 181 <el-input v-model="form.sub_img6" type="hidden"></el-input>
133 <p v-for="img in form.sub_img6">{{ img.split(":")[0] }}<a @click="removeImage(6,img)" style="color:red"> 182 <p v-for="img in form.sub_img6">{{ img.split(":")[0] }}<a @click="removeImage(6,img)" style="color:red">
134 x</a> 183 x</a>
@@ -136,6 +185,13 @@ @@ -136,6 +185,13 @@
136 </el-col> 185 </el-col>
137 <el-col :span="6"> 186 <el-col :span="6">
138 <a style="color:blue;font-size: 12px;" @click="showFileUpload(7)">{{form.type==0?"摄像头视频截图3":"裸露黄土覆盖照片"}}</a> 187 <a style="color:blue;font-size: 12px;" @click="showFileUpload(7)">{{form.type==0?"摄像头视频截图3":"裸露黄土覆盖照片"}}</a>
  188 + <br/>
  189 + <el-image v-for="item in slides[7]"
  190 + style="width: 100px; height: 100px; margin: 5px;"
  191 + :src="item.url"
  192 + :preview-src-list="[item.url]"
  193 + :z-index="2000">
  194 + </el-image>
139 <el-input v-model="form.sub_img7" type="hidden"></el-input> 195 <el-input v-model="form.sub_img7" type="hidden"></el-input>
140 <p v-for="img in form.sub_img7">{{ img.split(":")[0] }}<a @click="removeImage(7,img)" style="color:red"> 196 <p v-for="img in form.sub_img7">{{ img.split(":")[0] }}<a @click="removeImage(7,img)" style="color:red">
141 x</a> 197 x</a>
@@ -145,6 +201,13 @@ @@ -145,6 +201,13 @@
145 <el-row type="flex" justify="center"> 201 <el-row type="flex" justify="center">
146 <el-col :span="5"> 202 <el-col :span="5">
147 <a style="color:blue;font-size: 12px;" @click="showFileUpload(8)">其他1</a> 203 <a style="color:blue;font-size: 12px;" @click="showFileUpload(8)">其他1</a>
  204 + <br/>
  205 + <el-image v-for="item in slides[8]"
  206 + style="width: 100px; height: 100px; margin: 5px;"
  207 + :src="item.url"
  208 + :preview-src-list="[item.url]"
  209 + :z-index="2000">
  210 + </el-image>
148 <el-input v-model="form.sub_img8" type="hidden"></el-input> 211 <el-input v-model="form.sub_img8" type="hidden"></el-input>
149 <p v-for="img in form.sub_img8">{{ img.split(":")[0] }}<a @click="removeImage(8,img)" style="color:red"> 212 <p v-for="img in form.sub_img8">{{ img.split(":")[0] }}<a @click="removeImage(8,img)" style="color:red">
150 x</a> 213 x</a>
@@ -152,6 +215,13 @@ @@ -152,6 +215,13 @@
152 </el-col> 215 </el-col>
153 <el-col :span="5"> 216 <el-col :span="5">
154 <a style="color:blue;font-size: 12px;" @click="showFileUpload(9)">其他2</a> 217 <a style="color:blue;font-size: 12px;" @click="showFileUpload(9)">其他2</a>
  218 + <br/>
  219 + <el-image v-for="item in slides[9]"
  220 + style="width: 100px; height: 100px; margin: 5px;"
  221 + :src="item.url"
  222 + :preview-src-list="[item.url]"
  223 + :z-index="2000">
  224 + </el-image>
155 <el-input v-model="form.sub_img9" type="hidden"></el-input> 225 <el-input v-model="form.sub_img9" type="hidden"></el-input>
156 <p v-for="img in form.sub_img9">{{ img.split(":")[0] }}<a @click="removeImage(9,img)" style="color:red"> 226 <p v-for="img in form.sub_img9">{{ img.split(":")[0] }}<a @click="removeImage(9,img)" style="color:red">
157 x</a> 227 x</a>
@@ -159,6 +229,13 @@ @@ -159,6 +229,13 @@
159 </el-col> 229 </el-col>
160 <el-col :span="5"> 230 <el-col :span="5">
161 <a style="color:blue;font-size: 12px;" @click="showFileUpload(10)">其他3</a> 231 <a style="color:blue;font-size: 12px;" @click="showFileUpload(10)">其他3</a>
  232 + <br/>
  233 + <el-image v-for="item in slides[10]"
  234 + style="width: 100px; height: 100px; margin: 5px;"
  235 + :src="item.url"
  236 + :preview-src-list="[item.url]"
  237 + :z-index="2000">
  238 + </el-image>
162 <el-input v-model="form.sub_img10" type="hidden"></el-input> 239 <el-input v-model="form.sub_img10" type="hidden"></el-input>
163 <p v-for="img in form.sub_img10">{{ img.split(":")[0] }}<a @click="removeImage(10,img)" style="color:red"> 240 <p v-for="img in form.sub_img10">{{ img.split(":")[0] }}<a @click="removeImage(10,img)" style="color:red">
164 x</a> 241 x</a>
@@ -166,6 +243,13 @@ @@ -166,6 +243,13 @@
166 </el-col> 243 </el-col>
167 <el-col :span="5"> 244 <el-col :span="5">
168 <a style="color:blue;font-size: 12px;" @click="showFileUpload(11)">其他4</a> 245 <a style="color:blue;font-size: 12px;" @click="showFileUpload(11)">其他4</a>
  246 + <br/>
  247 + <el-image v-for="item in slides[11]"
  248 + style="width: 100px; height: 100px; margin: 5px;"
  249 + :src="item.url"
  250 + :preview-src-list="[item.url]"
  251 + :z-index="2000">
  252 + </el-image>
169 <el-input v-model="form.sub_img11" type="hidden"></el-input> 253 <el-input v-model="form.sub_img11" type="hidden"></el-input>
170 <p v-for="img in form.sub_img11">{{ img.split(":")[0] }}<a @click="removeImage(11,img)" style="color:red"> 254 <p v-for="img in form.sub_img11">{{ img.split(":")[0] }}<a @click="removeImage(11,img)" style="color:red">
171 x</a> 255 x</a>
@@ -173,6 +257,13 @@ @@ -173,6 +257,13 @@
173 </el-col> 257 </el-col>
174 <el-col :span="4"> 258 <el-col :span="4">
175 <a style="color:blue;font-size: 12px;" @click="showFileUpload(12)">其他5</a> 259 <a style="color:blue;font-size: 12px;" @click="showFileUpload(12)">其他5</a>
  260 + <br/>
  261 + <el-image v-for="item in slides[12]"
  262 + style="width: 100px; height: 100px; margin: 5px;"
  263 + :src="item.url"
  264 + :preview-src-list="[item.url]"
  265 + :z-index="2000">
  266 + </el-image>
176 <el-input v-model="form.sub_img12" type="hidden"></el-input> 267 <el-input v-model="form.sub_img12" type="hidden"></el-input>
177 <p v-for="img in form.sub_img12">{{ img.split(":")[0] }}<a @click="removeImage(12,img)" style="color:red"> 268 <p v-for="img in form.sub_img12">{{ img.split(":")[0] }}<a @click="removeImage(12,img)" style="color:red">
178 x</a> 269 x</a>
@@ -193,7 +284,7 @@ @@ -193,7 +284,7 @@
193 <el-upload multiple :headers="upload.headers" :action="upload.url" :file-list="fileList" 284 <el-upload multiple :headers="upload.headers" :action="upload.url" :file-list="fileList"
194 :on-success="uploadSuccess" :before-upload="beforeUpload"> 285 :on-success="uploadSuccess" :before-upload="beforeUpload">
195 <el-button size="small" type="primary">选择附件</el-button> 286 <el-button size="small" type="primary">选择附件</el-button>
196 - <div slot="tip" class="el-upload__tip">只能上传不超过 20MB 的jpg pdf word文件</div> 287 + <div slot="tip" class="el-upload__tip">只能上传不超过 20MB 的jpg pdf word png文件</div>
197 </el-upload> 288 </el-upload>
198 <div style="height: 40px;width:100%;"> 289 <div style="height: 40px;width:100%;">
199 <el-button type="primary" style="margin-top: 20px;float:right;" @click="handleClose">关闭</el-button> 290 <el-button type="primary" style="margin-top: 20px;float:right;" @click="handleClose">关闭</el-button>
@@ -383,7 +474,7 @@ @@ -383,7 +474,7 @@
383 474
384 <el-dialog :title="title" :visible.sync="supervisionOpen" width="700px" append-to-body :close-on-click-modal="false"> 475 <el-dialog :title="title" :visible.sync="supervisionOpen" width="700px" append-to-body :close-on-click-modal="false">
385 <supervisionInfo :infoData="supervisionData" v-if="supervisionOpen"/> 476 <supervisionInfo :infoData="supervisionData" v-if="supervisionOpen"/>
386 - 477 +
387 <div v-for="item in this.form.formData"> 478 <div v-for="item in this.form.formData">
388 <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue" placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/> 479 <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue" placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
389 </div> 480 </div>
@@ -630,7 +721,9 @@ export default { @@ -630,7 +721,9 @@ export default {
630 driver:false, 721 driver:false,
631 vehicle:false, 722 vehicle:false,
632 names:null, 723 names:null,
633 - hisfromData:[] 724 + hisfromData:[],
  725 + slides:[],
  726 + slidesArys:[]
634 }; 727 };
635 }, 728 },
636 created() { 729 created() {
@@ -652,9 +745,15 @@ export default { @@ -652,9 +745,15 @@ export default {
652 handleClose() { 745 handleClose() {
653 this.uploadImageDialog = false; 746 this.uploadImageDialog = false;
654 this.fileList = []; 747 this.fileList = [];
  748 + this.slidesArys = [];
655 }, 749 },
656 removeImage(index, img) { 750 removeImage(index, img) {
657 let target = "sub_img" + this.picIndex; 751 let target = "sub_img" + this.picIndex;
  752 + for(let i=0;i<this.slides[index].length;i++){
  753 + if(this.slides[index][i].alt == img){
  754 + this.slides[index].splice(i,1);
  755 + }
  756 + }
658 this.form[target].splice(this.form[target].indexOf(img), 1); 757 this.form[target].splice(this.form[target].indexOf(img), 1);
659 }, 758 },
660 uploadSuccess(res, file, fileList) { 759 uploadSuccess(res, file, fileList) {
@@ -667,7 +766,14 @@ export default { @@ -667,7 +766,14 @@ export default {
667 this.form[target] = []; 766 this.form[target] = [];
668 } 767 }
669 this.form[target].push(file.name + ':' + res); 768 this.form[target].push(file.name + ':' + res);
670 - 769 + if(file.name.indexOf('.jpg') > -1 ||file.name.indexOf('.png') > -1){
  770 + let url = URL.createObjectURL(file.raw)
  771 + this.slidesArys.push({
  772 + url:url,
  773 + alt:res
  774 + })
  775 + this.slides[this.picIndex] = this.slidesArys;
  776 + }
671 }, 777 },
672 showFileUpload(i) { 778 showFileUpload(i) {
673 this.uploadImageDialog = true; 779 this.uploadImageDialog = true;
@@ -680,12 +786,12 @@ export default { @@ -680,12 +786,12 @@ export default {
680 return isRightSize; 786 return isRightSize;
681 } 787 }
682 let isAccept = false; 788 let isAccept = false;
683 - if (file.name.indexOf('.docx') > -1 || file.name.indexOf(".jpg") > -1 || file.name.indexOf('.doc') > -1 || file  
684 - .name.indexOf('.pdf') > -1) { 789 + if (file.name.indexOf('.png') > -1 || file.name.indexOf('.docx') > -1 || file.name.indexOf(".jpg") > -1 || file.name.indexOf('.doc') > -1 || file
  790 + .name.indexOf('.pdf') > -1 || file.name.indexOf('.png') > -1) {
685 isAccept = true; 791 isAccept = true;
686 } 792 }
687 if (!isAccept) { 793 if (!isAccept) {
688 - this.$message.error('应该选择PDF、JPG、WORD类型的文件') 794 + this.$message.error('应该选择PDF、JPG、PNG、WORD类型的文件')
689 return isAccept; 795 return isAccept;
690 } 796 }
691 }, 797 },
trash-ui/src/views/business/threestep/index.vue
  View file @df39750
@@ -439,7 +439,7 @@ @@ -439,7 +439,7 @@
439 </template> 439 </template>
440 440
441 441
442 -<script src="../../../api/three_step.js" /> 442 +<script src="@/api/three_step.js" />
443 443
444 <style scope> 444 <style scope>
445 .el-select-dropdown__item{ 445 .el-select-dropdown__item{
trash-ui/src/views/h5/task/threestepInfo.vue
  View file @df39750
@@ -2,474 +2,644 @@ @@ -2,474 +2,644 @@
2 <div> 2 <div>
3 3
4 4
5 - <el-form ref="form" label-width="100px" v-loading="loading">  
6 -  
7 - <el-row >  
8 - <el-form-item label="项目类型">  
9 - <el-select v-model="infoData.type" disabled>  
10 - <el-option label="工地" value=0 />  
11 - <el-option label="处理场所" value=1 />  
12 - </el-select>  
13 - </el-form-item>  
14 - </el-row>  
15 - <el-row >  
16 - <el-form-item label="所属区域" >  
17 - <el-input v-model="infoData.place" disabled />  
18 - </el-form-item>  
19 - </el-row> 5 + <el-form ref="form" label-width="100px" v-loading="loading">
  6 +
  7 + <el-row>
  8 + <el-form-item label="项目类型">
  9 + <el-select v-model="infoData.type" disabled>
  10 + <el-option label="工地" value=0 />
  11 + <el-option label="处理场所" value=1 />
  12 + </el-select>
  13 + </el-form-item>
  14 + </el-row>
  15 + <el-row>
  16 + <el-form-item label="所属区域">
  17 + <el-input v-model="infoData.place" disabled/>
  18 + </el-form-item>
  19 + </el-row>
  20 +
  21 +
  22 + <el-row>
  23 + <el-form-item :label="labelName">
  24 + <el-input v-model="infoData.name" disabled>
  25 + </el-input>
  26 + </el-form-item>
  27 + </el-row>
  28 + <el-row>
  29 + <el-form-item :label="labelName2" prop="place">
  30 + <el-input v-model="infoData.earthsitesName" disabled>
  31 + </el-input>
  32 + </el-form-item>
  33 + </el-row>
  34 +
  35 +
  36 + <el-row>
  37 + <el-form-item label="消纳合同">
  38 + <el-input v-model="infoData.contract" :maxlength="20" show-word-limit disabled/>
  39 + </el-form-item>
  40 +
  41 + </el-row>
  42 + <el-row>
  43 + <el-form-item label="自查时间">
  44 + <el-input v-model="infoData.selfCheckTime" :maxlength="20" show-word-limit disabled/>
  45 + </el-form-item>
  46 + </el-row>
  47 +
  48 + <el-row v-show="infoData.type == 0">
  49 + <el-form-item label="运输企业" prop="companys">
  50 + <el-input type="textarea" v-model="infoData.companys" disabled/>
  51 + </el-form-item>
  52 + </el-row>
  53 + <el-row v-show="infoData.type == 0">
  54 + <el-form-item label="运输车辆" prop="companyTrucks">
  55 + <el-input type="textarea" v-model="infoData.companyTrucks" disabled/>
  56 + </el-form-item>
  57 + </el-row>
  58 +
  59 +
  60 + <el-row>
  61 + <el-form-item label="现场负责人">
  62 + <el-input v-model="infoData.person" :maxlength="20" show-word-limit disabled/>
  63 + </el-form-item>
  64 + </el-row>
  65 + <el-row>
  66 + <el-form-item label="联系电话">
  67 + <el-input v-model="infoData.phone" :maxlength="11" show-word-limit disabled/>
  68 + </el-form-item>
  69 + </el-row>
  70 +
  71 +
  72 + <el-row v-if="infoData.img0">
  73 + <el-col :span="4">
  74 + 过水槽照片
  75 + </el-col>
  76 + <el-col :span="20">
  77 + <el-row v-for="(img,index) in infoData.img0.split(',')" style="margin-bottom:10px;">
  78 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  79 + style="width: 100px; height: 100px; margin: 5px;"
  80 + :src="slides1(img)"
  81 + :preview-src-list="[slides1(img)]"
  82 + :z-index="2000">
  83 + </el-image>
  84 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  85 + </el-row>
  86 + </el-col>
  87 + </el-row>
20 88
  89 + <el-row v-if="infoData.img1">
  90 + <el-col :span="4">
  91 + 洗车平台照片
  92 + </el-col>
  93 + <el-col :span="20">
  94 + <el-row v-for="(img,index) in infoData.img1.split(',')" style="margin-bottom:10px;">
  95 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  96 + style="width: 100px; height: 100px; margin: 5px;"
  97 + :src="slides1(img)"
  98 + :preview-src-list="[slides1(img)]"
  99 + :z-index="2000">
  100 + </el-image>
  101 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  102 + </el-row>
  103 + </el-col>
  104 + </el-row>
21 105
22 - <el-row >  
23 - <el-form-item :label="labelName">  
24 - <el-input v-model="infoData.name" disabled>  
25 - </el-input>  
26 - </el-form-item>  
27 - </el-row>  
28 - <el-row >  
29 - <el-form-item :label="labelName2" prop="place">  
30 - <el-input v-model="infoData.earthsitesName" disabled>  
31 - </el-input>  
32 - </el-form-item>  
33 - </el-row> 106 + <el-row v-if="infoData.img2">
  107 + <el-col :span="4">
  108 + 出入口照片
  109 + </el-col>
  110 + <el-col :span="20">
  111 + <el-row v-for="(img,index) in infoData.img2.split(',')" style="margin-bottom:10px;">
  112 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  113 + style="width: 100px; height: 100px; margin: 5px;"
  114 + :src="slides1(img)"
  115 + :preview-src-list="[slides1(img)]"
  116 + :z-index="2000">
  117 + </el-image>
  118 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  119 +
  120 + </el-row>
  121 + </el-col>
  122 + </el-row>
34 123
  124 + <el-row v-if="infoData.img3">
  125 + <el-col :span="4">
  126 + 沉淀池照片
  127 + </el-col>
  128 + <el-col :span="20">
  129 + <el-row v-for="(img,index) in infoData.img3.split(',')" style="margin-bottom:10px;">
  130 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  131 + style="width: 100px; height: 100px; margin: 5px;"
  132 + :src="slides1(img)"
  133 + :preview-src-list="[slides1(img)]"
  134 + :z-index="2000">
  135 + </el-image>
  136 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  137 +
  138 + </el-row>
  139 + </el-col>
35 140
36 - <el-row>  
37 - <el-form-item label="消纳合同">  
38 - <el-input v-model="infoData.contract" :maxlength="20" show-word-limit disabled />  
39 - </el-form-item> 141 + </el-row>
  142 + <el-row v-if="infoData.img4">
  143 + <el-col :span="4">
  144 + 硬质路面照片
  145 + </el-col>
  146 + <el-col :span="20">
  147 + <el-row v-for="(img,index) in infoData.img4.split(',')" style="margin-bottom:10px;">
  148 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  149 + style="width: 100px; height: 100px; margin: 5px;"
  150 + :src="slides1(img)"
  151 + :preview-src-list="[slides1(img)]"
  152 + :z-index="2000">
  153 + </el-image>
  154 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  155 +
  156 + </el-row>
  157 + </el-col>
40 158
41 - </el-row>  
42 - <el-row>  
43 - <el-form-item label="自查时间">  
44 - <el-input v-model="infoData.selfCheckTime" :maxlength="20" show-word-limit disabled />  
45 - </el-form-item>  
46 - </el-row> 159 + </el-row>
  160 + <el-row v-if="infoData.img5">
  161 + <el-col :span="4">
  162 + 摄像头视频截图1
  163 + </el-col>
  164 + <el-col :span="20">
  165 + <el-row v-for="(img,index) in infoData.img5.split(',')" style="margin-bottom:10px;">
  166 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  167 + style="width: 100px; height: 100px; margin: 5px;"
  168 + :src="slides1(img)"
  169 + :preview-src-list="[slides1(img)]"
  170 + :z-index="2000">
  171 + </el-image>
  172 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  173 +
  174 + </el-row>
  175 + </el-col>
  176 + </el-row>
  177 +
  178 + <el-row v-if="infoData.img6">
  179 + <el-col :span="4">
  180 + 摄像头视频截图2
  181 + </el-col>
  182 + <el-col :span="20">
  183 + <el-row v-for="(img,index) in infoData.img6.split(',')" style="margin-bottom:10px;">
  184 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  185 + style="width: 100px; height: 100px; margin: 5px;"
  186 + :src="slides1(img)"
  187 + :preview-src-list="[slides1(img)]"
  188 + :z-index="2000">
  189 + </el-image>
  190 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  191 +
  192 + </el-row>
  193 + </el-col>
  194 + </el-row>
47 195
48 - <el-row v-show="infoData.type == 0">  
49 - <el-form-item label="运输企业" prop="companys">  
50 - <el-input type="textarea" v-model="infoData.companys" disabled /> 196 + <el-row v-if="infoData.img7">
  197 + <el-col :span="4">
  198 + 摄像头视频截图3
  199 + </el-col>
  200 + <el-col :span="20">
  201 + <el-row v-for="(img,index) in infoData.img7.split(',')" style="margin-bottom:10px;">
  202 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  203 + style="width: 100px; height: 100px; margin: 5px;"
  204 + :src="slides1(img)"
  205 + :preview-src-list="[slides1(img)]"
  206 + :z-index="2000">
  207 + </el-image>
  208 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  209 +
  210 + </el-row>
  211 + </el-col>
  212 + </el-row>
  213 +
  214 + <el-row v-if="infoData.img8">
  215 + <el-col :span="4">
  216 + 其他1
  217 + </el-col>
  218 + <el-col :span="20">
  219 + <el-row v-for="(img,index) in infoData.img8.split(',')" style="margin-bottom:10px;">
  220 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  221 + style="width: 100px; height: 100px; margin: 5px;"
  222 + :src="slides1(img)"
  223 + :preview-src-list="[slides1(img)]"
  224 + :z-index="2000">
  225 + </el-image>
  226 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  227 +
  228 + </el-row>
  229 + </el-col>
  230 +
  231 + </el-row>
  232 + <el-row v-if="infoData.img9">
  233 + <el-col :span="4">
  234 + 其他2
  235 + </el-col>
  236 + <el-col :span="20">
  237 + <el-row v-for="(img,index) in infoData.img9.split(',')" style="margin-bottom:10px;">
  238 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  239 + style="width: 100px; height: 100px; margin: 5px;"
  240 + :src="slides1(img)"
  241 + :preview-src-list="[slides1(img)]"
  242 + :z-index="2000">
  243 + </el-image>
  244 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  245 +
  246 + </el-row>
  247 + </el-col>
  248 + </el-row>
  249 +
  250 + <el-row v-if="infoData.img10">
  251 + <el-col :span="4">
  252 + 其他3
  253 + </el-col>
  254 + <el-col :span="20">
  255 + <el-row v-for="(img,index) in infoData.img10.split(',')" style="margin-bottom:10px;">
  256 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  257 + style="width: 100px; height: 100px; margin: 5px;"
  258 + :src="slides1(img)"
  259 + :preview-src-list="[slides1(img)]"
  260 + :z-index="2000">
  261 + </el-image>
  262 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  263 +
  264 + </el-row>
  265 + </el-col>
  266 + </el-row>
  267 +
  268 + <el-row v-if="infoData.img11">
  269 + <el-col :span="4">
  270 + 其他4
  271 + </el-col>
  272 + <el-col :span="20">
  273 + <el-row v-for="(img,index) in infoData.img11.split(',')" style="margin-bottom:10px;">
  274 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  275 + style="width: 100px; height: 100px; margin: 5px;"
  276 + :src="slides1(img)"
  277 + :preview-src-list="[slides1(img)]"
  278 + :z-index="2000">
  279 + </el-image>
  280 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  281 +
  282 + </el-row>
  283 + </el-col>
  284 + </el-row>
  285 +
  286 + <el-row v-if="infoData.img12">
  287 + <el-col :span="4">
  288 + 其他5
  289 + </el-col>
  290 + <el-col :span="20">
  291 + <el-row v-for="(img,index) in infoData.img12.split(',')" style="margin-bottom:10px;">
  292 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  293 + style="width: 100px; height: 100px; margin: 5px;"
  294 + :src="slides1(img)"
  295 + :preview-src-list="[slides1(img)]"
  296 + :z-index="2000">
  297 + </el-image>
  298 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  299 +
  300 + </el-row>
  301 + </el-col>
  302 +
  303 + </el-row>
  304 +
  305 + <el-form-item label="巡查时间" v-if="infoData.checkTime">
  306 +
  307 + <el-input v-model="infoData.checkTime" :maxlength="20" show-word-limit disabled/>
  308 + </el-form-item>
  309 + <el-form-item label="渣管负责人" v-if="infoData.checkTime">
  310 + <el-input v-model="infoData.earthPipPerson" :maxlength="20" show-word-limit disabled/>
  311 + </el-form-item>
  312 +
  313 +
  314 + <el-row type="flex" justify="center" v-if="infoData.checkTime">
  315 + <el-col>
  316 + <el-form-item label="执法负责人">
  317 + <el-input v-model="infoData.enforcePerson" :maxlength="20" show-word-limit disabled/>
51 </el-form-item> 318 </el-form-item>
52 - </el-row>  
53 - <el-row v-show="infoData.type == 0">  
54 - <el-form-item label="运输车辆" prop="companyTrucks">  
55 - <el-input type="textarea" v-model="infoData.companyTrucks" disabled />  
56 - </el-select> 319 + </el-col>
  320 + </el-row>
  321 +
  322 + <el-row type="flex" justify="center" v-if="infoData.subReason">
  323 + <el-col>
  324 + <el-form-item label="巡查补充说明:">
  325 + <el-input type="textarea" v-model="infoData.subReason" disabled></el-input>
57 </el-form-item> 326 </el-form-item>
58 - </el-row> 327 + </el-col>
  328 + </el-row>
59 329
60 330
61 - <el-row >  
62 - <el-form-item label="现场负责人">  
63 - <el-input v-model="infoData.person" :maxlength="20" show-word-limit disabled />  
64 - </el-form-item>  
65 - </el-row>  
66 - <el-row >  
67 - <el-form-item label="联系电话">  
68 - <el-input v-model="infoData.phone" :maxlength="11" show-word-limit disabled />  
69 - </el-select> 331 + <el-row v-if="infoData.sub_img0">
  332 + <el-col :span="4">
  333 + 履职情况照片
  334 + </el-col>
  335 + <el-col :span="20">
  336 + <el-row v-for="(img,index) in infoData.sub_img0.split(',')" style="margin-bottom:10px;">
  337 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  338 + style="width: 100px; height: 100px; margin: 5px;"
  339 + :src="slides1(img)"
  340 + :preview-src-list="[slides1(img)]"
  341 + :z-index="2000">
  342 + </el-image>
  343 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  344 +
  345 + </el-row>
  346 + </el-col>
  347 + </el-row>
  348 +
  349 + <el-row v-if="infoData.sub_img1">
  350 + <el-col :span="4">
  351 + 水枪水嘴照片
  352 + </el-col>
  353 + <el-col :span="20">
  354 + <el-row v-for="(img,index) in infoData.sub_img1.split(',')" style="margin-bottom:10px;">
  355 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  356 + style="width: 100px; height: 100px; margin: 5px;"
  357 + :src="slides1(img)"
  358 + :preview-src-list="[slides1(img)]"
  359 + :z-index="2000">
  360 + </el-image>
  361 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  362 +
  363 + </el-row>
  364 + </el-col>
  365 + </el-row>
  366 +
  367 + <el-row v-if="infoData.sub_img2">
  368 + <el-col :span="4">
  369 + 照明照片
  370 + </el-col>
  371 + <el-col :span="20">
  372 + <el-row v-for="(img,index) in infoData.sub_img2.split(',')" style="margin-bottom:10px;">
  373 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  374 + style="width: 100px; height: 100px; margin: 5px;"
  375 + :src="slides1(img)"
  376 + :preview-src-list="[slides1(img)]"
  377 + :z-index="2000">
  378 + </el-image>
  379 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  380 +
  381 + </el-row>
  382 + </el-col>
  383 + </el-row>
  384 +
  385 + <el-row v-if="infoData.sub_img3">
  386 + <el-col :span="4">
  387 + 视频监控照片
  388 + </el-col>
  389 + <el-col :span="20">
  390 + <el-row v-for="(img,index) in infoData.sub_img3.split(',')" style="margin-bottom:10px;">
  391 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  392 + style="width: 100px; height: 100px; margin: 5px;"
  393 + :src="slides1(img)"
  394 + :preview-src-list="[slides1(img)]"
  395 + :z-index="2000">
  396 + </el-image>
  397 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  398 +
  399 + </el-row>
  400 + </el-col>
  401 + </el-row>
  402 +
  403 + <el-row v-if="infoData.sub_img4">
  404 + <el-col :span="4">
  405 + 洗车机照片
  406 + </el-col>
  407 + <el-col :span="20">
  408 + <el-row v-for="(img,index) in infoData.sub_img4.split(',')" style="margin-bottom:10px;">
  409 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  410 + style="width: 100px; height: 100px; margin: 5px;"
  411 + :src="slides1(img)"
  412 + :preview-src-list="[slides1(img)]"
  413 + :z-index="2000">
  414 + </el-image>
  415 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  416 +
  417 + </el-row>
  418 + </el-col>
  419 + </el-row>
  420 +
  421 + <el-row v-if="infoData.sub_img5">
  422 + <el-col :span="4">
  423 + 摄像头视频截图1
  424 + </el-col>
  425 + <el-col :span="20">
  426 + <el-row v-for="(img,index) in infoData.sub_img5.split(',')" style="margin-bottom:10px;">
  427 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  428 + style="width: 100px; height: 100px; margin: 5px;"
  429 + :src="slides1(img)"
  430 + :preview-src-list="[slides1(img)]"
  431 + :z-index="2000">
  432 + </el-image>
  433 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  434 +
  435 + </el-row>
  436 + </el-col>
  437 + </el-row>
  438 +
  439 + <el-row v-if="infoData.sub_img6">
  440 + <el-col :span="4">
  441 + 摄像头视频截图2
  442 + </el-col>
  443 + <el-col :span="20">
  444 + <el-row v-for="(img,index) in infoData.sub_img6.split(',')" style="margin-bottom:10px;">
  445 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  446 + style="width: 100px; height: 100px; margin: 5px;"
  447 + :src="slides1(img)"
  448 + :preview-src-list="[slides1(img)]"
  449 + :z-index="2000">
  450 + </el-image>
  451 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  452 +
  453 + </el-row>
  454 + </el-col>
  455 + </el-row>
  456 +
  457 + <el-row v-if="infoData.sub_img7">
  458 + <el-col :span="4">
  459 + 摄像头视频截图3
  460 + </el-col>
  461 + <el-col :span="20">
  462 + <el-row v-for="(img,index) in infoData.sub_img7.split(',')" style="margin-bottom:10px;">
  463 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  464 + style="width: 100px; height: 100px; margin: 5px;"
  465 + :src="slides1(img)"
  466 + :preview-src-list="[slides1(img)]"
  467 + :z-index="2000">
  468 + </el-image>
  469 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  470 +
  471 + </el-row>
  472 + </el-col>
  473 + </el-row>
  474 +
  475 + <el-row v-if="infoData.sub_img8">
  476 + <el-col :span="4">
  477 + 其他1
  478 + </el-col>
  479 + <el-col :span="20">
  480 + <el-row v-for="(img,index) in infoData.sub_img8.split(',')" style="margin-bottom:10px;">
  481 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  482 + style="width: 100px; height: 100px; margin: 5px;"
  483 + :src="slides1(img)"
  484 + :preview-src-list="[slides1(img)]"
  485 + :z-index="2000">
  486 + </el-image>
  487 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  488 +
  489 + </el-row>
  490 + </el-col>
  491 + </el-row>
  492 +
  493 + <el-row v-if="infoData.sub_img9">
  494 + <el-col :span="4">
  495 + 其他2
  496 + </el-col>
  497 + <el-col :span="20">
  498 + <el-row v-for="(img,index) in infoData.sub_img9.split(',')" style="margin-bottom:10px;">
  499 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  500 + style="width: 100px; height: 100px; margin: 5px;"
  501 + :src="slides1(img)"
  502 + :preview-src-list="[slides1(img)]"
  503 + :z-index="2000">
  504 + </el-image>
  505 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  506 +
  507 + </el-row>
  508 + </el-col>
  509 + </el-row>
  510 +
  511 + <el-row v-if="infoData.sub_img10">
  512 + <el-col :span="4">
  513 + 其他3
  514 + </el-col>
  515 + <el-col :span="20">
  516 + <el-row v-for="(img,index) in infoData.sub_img10.split(',')" style="margin-bottom:10px;">
  517 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  518 + style="width: 100px; height: 100px; margin: 5px;"
  519 + :src="slides1(img)"
  520 + :preview-src-list="[slides1(img)]"
  521 + :z-index="2000">
  522 + </el-image>
  523 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  524 +
  525 + </el-row>
  526 + </el-col>
  527 + </el-row>
  528 +
  529 + <el-row v-if="infoData.sub_img11">
  530 + <el-col :span="4">
  531 + 其他4
  532 + </el-col>
  533 + <el-col :span="20">
  534 + <el-row v-for="(img,index) in infoData.sub_img11.split(',')" style="margin-bottom:10px;">
  535 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  536 + style="width: 100px; height: 100px; margin: 5px;"
  537 + :src="slides1(img)"
  538 + :preview-src-list="[slides1(img)]"
  539 + :z-index="2000">
  540 + </el-image>
  541 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  542 +
  543 + </el-row>
  544 + </el-col>
  545 + </el-row>
  546 +
  547 + <el-row v-if="infoData.sub_img12">
  548 + <el-col :span="4">
  549 + 其他5
  550 + </el-col>
  551 + <el-col :span="20">
  552 + <el-row v-for="(img,index) in infoData.sub_img12.split(',')" style="margin-bottom:10px;">
  553 + <el-image v-if="img.indexOf('.jpg') > -1 || img.indexOf('.png') > -1"
  554 + style="width: 100px; height: 100px; margin: 5px;"
  555 + :src="slides1(img)"
  556 + :preview-src-list="[slides1(img)]"
  557 + :z-index="2000">
  558 + </el-image>
  559 + <a @click="downloadFile(img);" style="color: blue;">{{ img.split("/")[img.split("/").length - 1] }}</a>
  560 +
  561 + </el-row>
  562 + </el-col>
  563 + </el-row>
  564 +
  565 +
  566 + <el-form-item label="抽查时间" v-if="infoData.checkEndTime">
  567 + <el-input v-model="infoData.checkEndTime" :maxlength="20" show-word-limit disabled/>
  568 + </el-form-item>
  569 +
  570 +
  571 + <el-row type="flex" justify="center" v-if="infoData.subSubReason">
  572 + <el-col>
  573 + <el-form-item label="抽查补充说明:">
  574 + <el-input type="textarea" v-model="infoData.subSubReason" disabled></el-input>
70 </el-form-item> 575 </el-form-item>
71 - </el-row> 576 + </el-col>
  577 + </el-row>
72 578
73 579
74 - <el-row v-if="infoData.img0" > 580 + <el-row v-if="infoData.attchItem1">
75 <el-col :span="4"> 581 <el-col :span="4">
76 - 过水槽照片 582 + 附件1
77 </el-col> 583 </el-col>
78 <el-col :span="20"> 584 <el-col :span="20">
79 - <el-row v-for="img,index in infoData.img0.split(',')" style="margin-bottom:10px;">  
80 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
81 -</el-row> 585 + <el-row v-for="(sub_img,index) in infoData.attchItem1.split(',')" style="margin-bottom:10px;">
  586 + <el-image v-if="sub_img.indexOf('.jpg') > -1 || sub_img.indexOf('.png') > -1"
  587 + style="width: 100px; height: 100px; margin: 5px;"
  588 + :src="slides1(sub_img)"
  589 + :preview-src-list="[slides1(sub_img)]"
  590 + :z-index="2000">
  591 + </el-image>
  592 + <a @click="downloadFile(sub_img);" style="color: blue;">附件1 - {{ index + 1 }}</a>
  593 +
  594 + </el-row>
82 </el-col> 595 </el-col>
83 - </el-row>  
84 596
85 - <el-row v-if="infoData.img1" > 597 + </el-row>
  598 + <el-row v-if="infoData.attchItem2">
86 <el-col :span="4"> 599 <el-col :span="4">
87 - 洗车平台照片 600 + 附件2
88 </el-col> 601 </el-col>
89 <el-col :span="20"> 602 <el-col :span="20">
90 - <el-row v-for="img,index in infoData.img1.split(',')" style="margin-bottom:10px;">  
91 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
92 -</el-row> 603 + <el-row v-for="(sub_img,index) in infoData.attchItem2.split(',')" style="margin-bottom:10px;">
  604 + <el-image v-if="sub_img.indexOf('.jpg') > -1 || sub_img.indexOf('.png') > -1"
  605 + style="width: 100px; height: 100px; margin: 5px;"
  606 + :src="slides1(sub_img)"
  607 + :preview-src-list="[slides1(sub_img)]"
  608 + :z-index="2000">
  609 + </el-image>
  610 + <a @click="downloadFile(sub_img);" style="color: blue;">附件2 - {{ index + 1 }}</a>
  611 +
  612 + </el-row>
93 </el-col> 613 </el-col>
94 - </el-row>  
95 614
96 - <el-row v-if="infoData.img2" > 615 + </el-row>
  616 + <el-row v-if="infoData.attchItem3">
97 <el-col :span="4"> 617 <el-col :span="4">
98 - 出入口照片 618 + 附件3
99 </el-col> 619 </el-col>
100 <el-col :span="20"> 620 <el-col :span="20">
101 - <el-row v-for="img,index in infoData.img2.split(',')" style="margin-bottom:10px;">  
102 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
103 -  
104 - </el-row>  
105 - </el-col>  
106 - </el-row>  
107 -  
108 - <el-row v-if="infoData.img3" >  
109 - <el-col :span="4">  
110 - 沉淀池照片  
111 - </el-col>  
112 - <el-col :span="20">  
113 - <el-row v-for="img,index in infoData.img3.split(',')" style="margin-bottom:10px;">  
114 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
115 -  
116 - </el-row>  
117 - </el-col>  
118 -  
119 - </el-row>  
120 - <el-row v-if="infoData.img4" >  
121 - <el-col :span="4">  
122 - 硬质路面照片  
123 - </el-col>  
124 - <el-col :span="20">  
125 - <el-row v-for="img,index in infoData.img4.split(',')" style="margin-bottom:10px;">  
126 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
127 -  
128 - </el-row>  
129 - </el-col>  
130 -  
131 - </el-row>  
132 - <el-row v-if="infoData.img5" >  
133 - <el-col :span="4">  
134 - 摄像头视频截图1  
135 - </el-col>  
136 - <el-col :span="20">  
137 - <el-row v-for="img,index in infoData.img5.split(',')" style="margin-bottom:10px;">  
138 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
139 -  
140 - </el-row>  
141 - </el-col>  
142 - </el-row>  
143 -  
144 - <el-row v-if="infoData.img6" >  
145 - <el-col :span="4">  
146 - 摄像头视频截图2  
147 - </el-col>  
148 - <el-col :span="20">  
149 - <el-row v-for="img,index in infoData.img6.split(',')" style="margin-bottom:10px;">  
150 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
151 -  
152 - </el-row>  
153 - </el-col>  
154 - </el-row>  
155 -  
156 - <el-row v-if="infoData.img7" >  
157 - <el-col :span="4">  
158 - 摄像头视频截图3  
159 - </el-col>  
160 - <el-col :span="20">  
161 - <el-row v-for="img,index in infoData.img7.split(',')" style="margin-bottom:10px;">  
162 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
163 -  
164 - </el-row>  
165 - </el-col>  
166 - </el-row>  
167 -  
168 - <el-row v-if="infoData.img8" >  
169 - <el-col :span="4">  
170 - 其他1  
171 - </el-col>  
172 - <el-col :span="20">  
173 - <el-row v-for="img,index in infoData.img8.split(',')" style="margin-bottom:10px;">  
174 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
175 -  
176 - </el-row>  
177 - </el-col>  
178 -  
179 - </el-row>  
180 - <el-row v-if="infoData.img9" >  
181 - <el-col :span="4">  
182 - 其他2  
183 - </el-col>  
184 - <el-col :span="20">  
185 - <el-row v-for="img,index in infoData.img9.split(',')" style="margin-bottom:10px;">  
186 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
187 -  
188 - </el-row>  
189 - </el-col>  
190 - </el-row>  
191 -  
192 - <el-row v-if="infoData.img10" >  
193 - <el-col :span="4">  
194 - 其他3  
195 - </el-col>  
196 - <el-col :span="20">  
197 - <el-row v-for="img,index in infoData.img10.split(',')" style="margin-bottom:10px;">  
198 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
199 -  
200 - </el-row>  
201 - </el-col>  
202 - </el-row>  
203 -  
204 - <el-row v-if="infoData.img11" >  
205 - <el-col :span="4">  
206 - 其他4  
207 - </el-col>  
208 - <el-col :span="20">  
209 - <el-row v-for="img,index in infoData.img11.split(',')" style="margin-bottom:10px;">  
210 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
211 -  
212 - </el-row>  
213 - </el-col>  
214 - </el-row>  
215 -  
216 - <el-row v-if="infoData.img12" >  
217 - <el-col :span="4">  
218 - 其他5  
219 - </el-col>  
220 - <el-col :span="20">  
221 - <el-row v-for="img,index in infoData.img12.split(',')" style="margin-bottom:10px;">  
222 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
223 -  
224 - </el-row>  
225 - </el-col>  
226 -  
227 - </el-row>  
228 -  
229 - <el-form-item label="巡查时间" v-if="infoData.checkTime">  
230 -  
231 - <el-input v-model="infoData.checkTime" :maxlength="20" show-word-limit disabled />  
232 - </el-form-item>  
233 - <el-form-item label="渣管负责人" v-if="infoData.checkTime">  
234 - <el-input v-model="infoData.earthPipPerson" :maxlength="20" show-word-limit disabled />  
235 - </el-form-item>  
236 -  
237 -  
238 - <el-row type="flex" justify="center" v-if="infoData.checkTime">  
239 - <el-col>  
240 - <el-form-item label="执法负责人">  
241 - <el-input v-model="infoData.enforcePerson" :maxlength="20" show-word-limit disabled />  
242 - </el-form-item>  
243 - </el-col>  
244 - </el-row>  
245 -  
246 - <el-row type="flex" justify="center" v-if="infoData.subReason">  
247 - <el-col>  
248 - <el-form-item label="巡查补充说明:">  
249 - <el-input type="textarea" v-model="infoData.subReason" disabled></el-input>  
250 - </el-form-item>  
251 - </el-col>  
252 - </el-row>  
253 -  
254 -  
255 - <el-row v-if="infoData.sub_img0" >  
256 - <el-col :span="4">  
257 - 履职情况照片  
258 - </el-col>  
259 - <el-col :span="20">  
260 - <el-row v-for="img,index in infoData.sub_img0.split(',')" style="margin-bottom:10px;">  
261 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
262 -  
263 - </el-row>  
264 - </el-col>  
265 - </el-row>  
266 -  
267 - <el-row v-if="infoData.sub_img1" >  
268 - <el-col :span="4">  
269 - 水枪水嘴照片  
270 - </el-col>  
271 - <el-col :span="20">  
272 - <el-row v-for="img,index in infoData.sub_img1.split(',')" style="margin-bottom:10px;">  
273 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
274 -  
275 - </el-row>  
276 - </el-col>  
277 - </el-row>  
278 -  
279 - <el-row v-if="infoData.sub_img2" >  
280 - <el-col :span="4">  
281 - 照明照片  
282 - </el-col>  
283 - <el-col :span="20">  
284 - <el-row v-for="img,index in infoData.sub_img2.split(',')" style="margin-bottom:10px;">  
285 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
286 -  
287 - </el-row>  
288 - </el-col>  
289 - </el-row>  
290 -  
291 - <el-row v-if="infoData.sub_img3" >  
292 - <el-col :span="4">  
293 - 视频监控照片  
294 - </el-col>  
295 - <el-col :span="20">  
296 - <el-row v-for="img,index in infoData.sub_img3.split(',')" style="margin-bottom:10px;">  
297 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
298 -  
299 - </el-row>  
300 - </el-col>  
301 - </el-row>  
302 -  
303 - <el-row v-if="infoData.sub_img4" >  
304 - <el-col :span="4">  
305 - 洗车机照片  
306 - </el-col>  
307 - <el-col :span="20">  
308 - <el-row v-for="img,index in infoData.sub_img4.split(',')" style="margin-bottom:10px;">  
309 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
310 -  
311 - </el-row>  
312 - </el-col>  
313 - </el-row>  
314 -  
315 - <el-row v-if="infoData.sub_img5" >  
316 - <el-col :span="4">  
317 - 摄像头视频截图1  
318 - </el-col>  
319 - <el-col :span="20">  
320 - <el-row v-for="img,index in infoData.sub_img5.split(',')" style="margin-bottom:10px;">  
321 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
322 -  
323 - </el-row>  
324 - </el-col>  
325 - </el-row>  
326 -  
327 - <el-row v-if="infoData.sub_img6" >  
328 - <el-col :span="4">  
329 - 摄像头视频截图2  
330 - </el-col>  
331 - <el-col :span="20">  
332 - <el-row v-for="img,index in infoData.sub_img6.split(',')" style="margin-bottom:10px;">  
333 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
334 -  
335 - </el-row>  
336 - </el-col>  
337 - </el-row>  
338 -  
339 - <el-row v-if="infoData.sub_img7" >  
340 - <el-col :span="4">  
341 - 摄像头视频截图3  
342 - </el-col>  
343 - <el-col :span="20">  
344 - <el-row v-for="img,index in infoData.sub_img7.split(',')" style="margin-bottom:10px;">  
345 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
346 -  
347 - </el-row>  
348 - </el-col>  
349 - </el-row>  
350 -  
351 - <el-row v-if="infoData.sub_img8" >  
352 - <el-col :span="4">  
353 - 其他1  
354 - </el-col>  
355 - <el-col :span="20">  
356 - <el-row v-for="img,index in infoData.sub_img8.split(',')" style="margin-bottom:10px;">  
357 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
358 -  
359 - </el-row>  
360 - </el-col>  
361 - </el-row>  
362 -  
363 - <el-row v-if="infoData.sub_img9" >  
364 - <el-col :span="4">  
365 - 其他2  
366 - </el-col>  
367 - <el-col :span="20">  
368 - <el-row v-for="img,index in infoData.sub_img9.split(',')" style="margin-bottom:10px;">  
369 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
370 -  
371 - </el-row>  
372 - </el-col>  
373 - </el-row>  
374 -  
375 - <el-row v-if="infoData.sub_img10" >  
376 - <el-col :span="4">  
377 - 其他3  
378 - </el-col>  
379 - <el-col :span="20">  
380 - <el-row v-for="img,index in infoData.sub_img10.split(',')" style="margin-bottom:10px;">  
381 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
382 -  
383 - </el-row>  
384 - </el-col>  
385 - </el-row>  
386 -  
387 - <el-row v-if="infoData.sub_img11" >  
388 - <el-col :span="4">  
389 - 其他4  
390 - </el-col>  
391 - <el-col :span="20">  
392 - <el-row v-for="img,index in infoData.sub_img11.split(',')" style="margin-bottom:10px;">  
393 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
394 -  
395 - </el-row>  
396 - </el-col>  
397 - </el-row>  
398 -  
399 - <el-row v-if="infoData.sub_img12" >  
400 - <el-col :span="4">  
401 - 其他5  
402 - </el-col>  
403 - <el-col :span="20">  
404 - <el-row v-for="img,index in infoData.sub_img12.split(',')" style="margin-bottom:10px;">  
405 - <a @click="downloadFile(img);" style="color: blue;">{{img.split("/")[img.split("/").length -1]}}</a>  
406 -  
407 - </el-row>  
408 - </el-col>  
409 - </el-row>  
410 -  
411 -  
412 -  
413 - <el-form-item label="抽查时间" v-if="infoData.checkEndTime">  
414 - <el-input v-model="infoData.checkEndTime" :maxlength="20" show-word-limit disabled />  
415 - </el-form-item>  
416 -  
417 -  
418 -  
419 - <el-row type="flex" justify="center" v-if="infoData.subSubReason">  
420 - <el-col>  
421 - <el-form-item label="抽查补充说明:">  
422 - <el-input type="textarea" v-model="infoData.subSubReason" disabled></el-input>  
423 - </el-form-item>  
424 - </el-col>  
425 - </el-row>  
426 -  
427 -  
428 - <el-row v-if="infoData.attchItem1" >  
429 - <el-col :span="4">  
430 - 附件1  
431 - </el-col>  
432 - <el-col :span="20">  
433 - <el-row v-for="sub_img,index in infoData.attchItem1.split(',')" style="margin-bottom:10px;">  
434 - <a @click="downloadFile(sub_img);" style="color: blue;">附件1 - {{index+1}}</a>  
435 -  
436 - </el-row>  
437 - </el-col>  
438 -  
439 - </el-row>  
440 - <el-row v-if="infoData.attchItem2" >  
441 - <el-col :span="4">  
442 - 附件2  
443 - </el-col>  
444 - <el-col :span="20">  
445 - <el-row v-for="sub_img,index in infoData.attchItem2.split(',')" style="margin-bottom:10px;">  
446 - <a @click="downloadFile(sub_img);" style="color: blue;">附件2 - {{index+1}}</a>  
447 -  
448 - </el-row>  
449 - </el-col>  
450 -  
451 - </el-row>  
452 - <el-row v-if="infoData.attchItem3" >  
453 - <el-col :span="4">  
454 - 附件3  
455 - </el-col>  
456 - <el-col :span="20">  
457 - <el-row v-for="sub_img,index in infoData.attchItem3.split(',')" style="margin-bottom:10px;">  
458 - <a @click="downloadFile(sub_img);" style="color: blue;">附件3 - {{index+1}}</a>  
459 -  
460 - </el-row>  
461 - </el-col>  
462 - </el-row> 621 + <el-row v-for="(sub_img,index) in infoData.attchItem3.split(',')" style="margin-bottom:10px;">
  622 + <el-image v-if="sub_img.indexOf('.jpg') > -1 || sub_img.indexOf('.png') > -1"
  623 + style="width: 100px; height: 100px; margin: 5px;"
  624 + :src="slides1(sub_img)"
  625 + :preview-src-list="[slides1(sub_img)]"
  626 + :z-index="2000">
  627 + </el-image>
  628 + <a @click="downloadFile(sub_img);" style="color: blue;">附件3 - {{ index + 1 }}</a>
  629 +
  630 + </el-row>
  631 + </el-col>
  632 + </el-row>
463 </el-form> 633 </el-form>
464 634
465 <el-dialog title="" :visible.sync="showPic" append-to-body width="400px"> 635 <el-dialog title="" :visible.sync="showPic" append-to-body width="400px">
466 - <img :src="picImage" width="100%" height="400px" /> 636 + <img :src="picImage" width="100%" height="400px"/>
467 </el-dialog> 637 </el-dialog>
468 </div> 638 </div>
469 639
470 </template> 640 </template>
471 641
472 -<script src="../../../api/threestepInfo"> 642 +<script src="@/api/threestepInfo">
473 </script> 643 </script>
474 644
475 <style> 645 <style>