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 85 <el-row type="flex" justify="center" style="margin-top: 20px;">
86 86 <el-col :span="6">
87 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 95 <el-input v-model="form.sub_img0" type="hidden"></el-input>
89 96 <p v-for="img in form.sub_img0">{{ img.split(":")[0] }}<a @click="removeImage(0,img)" style="color:red">
90 97 x</a>
... ... @@ -92,6 +99,13 @@
92 99 </el-col>
93 100 <el-col :span="6">
94 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 109 <el-input v-model="form.sub_img1" type="hidden"></el-input>
96 110 <p v-for="img in form.sub_img1">{{ img.split(":")[0] }}<a @click="removeImage(1,img)" style="color:red">
97 111 x</a>
... ... @@ -99,6 +113,13 @@
99 113 </el-col>
100 114 <el-col :span="6">
101 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 123 <el-input v-model="form.sub_img2" type="hidden"></el-input>
103 124 <p v-for="img in form.sub_img2">{{ img.split(":")[0] }}<a @click="removeImage(2,img)" style="color:red">
104 125 x</a>
... ... @@ -106,6 +127,13 @@
106 127 </el-col>
107 128 <el-col :span="6">
108 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 137 <el-input v-model="form.sub_img3" type="hidden"></el-input>
110 138 <p v-for="img in form.sub_img3">{{ img.split(":")[0] }}<a @click="removeImage(3,img)" style="color:red">
111 139 x</a>
... ... @@ -115,6 +143,13 @@
115 143 <el-row type="flex" justify="center">
116 144 <el-col :span="6">
117 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 153 <el-input v-model="form.sub_img4" type="hidden"></el-input>
119 154 <p v-for="img in form.sub_img4">{{ img.split(":")[0] }}<a @click="removeImage(4,img)" style="color:red">
120 155 x</a>
... ... @@ -122,6 +157,13 @@
122 157 </el-col>
123 158 <el-col :span="6">
124 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 167 <el-input v-model="form.sub_img5" type="hidden"></el-input>
126 168 <p v-for="img in form.sub_img5">{{ img.split(":")[0] }}<a @click="removeImage(5,img)" style="color:red">
127 169 x</a>
... ... @@ -129,6 +171,13 @@
129 171 </el-col>
130 172 <el-col :span="6">
131 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 181 <el-input v-model="form.sub_img6" type="hidden"></el-input>
133 182 <p v-for="img in form.sub_img6">{{ img.split(":")[0] }}<a @click="removeImage(6,img)" style="color:red">
134 183 x</a>
... ... @@ -136,6 +185,13 @@
136 185 </el-col>
137 186 <el-col :span="6">
138 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 195 <el-input v-model="form.sub_img7" type="hidden"></el-input>
140 196 <p v-for="img in form.sub_img7">{{ img.split(":")[0] }}<a @click="removeImage(7,img)" style="color:red">
141 197 x</a>
... ... @@ -145,6 +201,13 @@
145 201 <el-row type="flex" justify="center">
146 202 <el-col :span="5">
147 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 211 <el-input v-model="form.sub_img8" type="hidden"></el-input>
149 212 <p v-for="img in form.sub_img8">{{ img.split(":")[0] }}<a @click="removeImage(8,img)" style="color:red">
150 213 x</a>
... ... @@ -152,6 +215,13 @@
152 215 </el-col>
153 216 <el-col :span="5">
154 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 225 <el-input v-model="form.sub_img9" type="hidden"></el-input>
156 226 <p v-for="img in form.sub_img9">{{ img.split(":")[0] }}<a @click="removeImage(9,img)" style="color:red">
157 227 x</a>
... ... @@ -159,6 +229,13 @@
159 229 </el-col>
160 230 <el-col :span="5">
161 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 239 <el-input v-model="form.sub_img10" type="hidden"></el-input>
163 240 <p v-for="img in form.sub_img10">{{ img.split(":")[0] }}<a @click="removeImage(10,img)" style="color:red">
164 241 x</a>
... ... @@ -166,6 +243,13 @@
166 243 </el-col>
167 244 <el-col :span="5">
168 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 253 <el-input v-model="form.sub_img11" type="hidden"></el-input>
170 254 <p v-for="img in form.sub_img11">{{ img.split(":")[0] }}<a @click="removeImage(11,img)" style="color:red">
171 255 x</a>
... ... @@ -173,6 +257,13 @@
173 257 </el-col>
174 258 <el-col :span="4">
175 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 267 <el-input v-model="form.sub_img12" type="hidden"></el-input>
177 268 <p v-for="img in form.sub_img12">{{ img.split(":")[0] }}<a @click="removeImage(12,img)" style="color:red">
178 269 x</a>
... ... @@ -193,7 +284,7 @@
193 284 <el-upload multiple :headers="upload.headers" :action="upload.url" :file-list="fileList"
194 285 :on-success="uploadSuccess" :before-upload="beforeUpload">
195 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 288 </el-upload>
198 289 <div style="height: 40px;width:100%;">
199 290 <el-button type="primary" style="margin-top: 20px;float:right;" @click="handleClose">关闭</el-button>
... ... @@ -383,7 +474,7 @@
383 474  
384 475 <el-dialog :title="title" :visible.sync="supervisionOpen" width="700px" append-to-body :close-on-click-modal="false">
385 476 <supervisionInfo :infoData="supervisionData" v-if="supervisionOpen"/>
386   -
  477 +
387 478 <div v-for="item in this.form.formData">
388 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 480 </div>
... ... @@ -630,7 +721,9 @@ export default {
630 721 driver:false,
631 722 vehicle:false,
632 723 names:null,
633   - hisfromData:[]
  724 + hisfromData:[],
  725 + slides:[],
  726 + slidesArys:[]
634 727 };
635 728 },
636 729 created() {
... ... @@ -652,9 +745,15 @@ export default {
652 745 handleClose() {
653 746 this.uploadImageDialog = false;
654 747 this.fileList = [];
  748 + this.slidesArys = [];
655 749 },
656 750 removeImage(index, img) {
657 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 757 this.form[target].splice(this.form[target].indexOf(img), 1);
659 758 },
660 759 uploadSuccess(res, file, fileList) {
... ... @@ -667,7 +766,14 @@ export default {
667 766 this.form[target] = [];
668 767 }
669 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 778 showFileUpload(i) {
673 779 this.uploadImageDialog = true;
... ... @@ -680,12 +786,12 @@ export default {
680 786 return isRightSize;
681 787 }
682 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 791 isAccept = true;
686 792 }
687 793 if (!isAccept) {
688   - this.$message.error('应该选择PDF、JPG、WORD类型的文件')
  794 + this.$message.error('应该选择PDF、JPG、PNG、WORD类型的文件')
689 795 return isAccept;
690 796 }
691 797 },
... ...
trash-ui/src/views/business/threestep/index.vue
  View file @df39750
... ... @@ -439,7 +439,7 @@
439 439 </template>
440 440  
441 441  
442   -<script src="../../../api/three_step.js" />
  442 +<script src="@/api/three_step.js" />
443 443  
444 444 <style scope>
445 445 .el-select-dropdown__item{
... ...
trash-ui/src/views/h5/task/threestepInfo.vue
  View file @df39750
... ... @@ -2,474 +2,644 @@
2 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 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 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 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 581 <el-col :span="4">
76   - 过水槽照片
  582 + 附件1
77 583 </el-col>
78 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 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 599 <el-col :span="4">
87   - 洗车平台照片
  600 + 附件2
88 601 </el-col>
89 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 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 617 <el-col :span="4">
98   - 出入口照片
  618 + 附件3
99 619 </el-col>
100 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 633 </el-form>
464 634  
465 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 637 </el-dialog>
468 638 </div>
469 639  
470 640 </template>
471 641  
472   -<script src="../../../api/threestepInfo">
  642 +<script src="@/api/threestepInfo">
473 643 </script>
474 644  
475 645 <style>
... ...