apply-clients 4.0.67 → 4.0.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,575 +1,575 @@
1
- <template>
2
- <div style="background-color: #FFFFFF;min-height:480px;">
3
- <div class="form-group col-sm-12" style="height: auto">
4
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用开户申请'||defname=='工商开户申请'||defname=='资料归档'" >
5
- <center>
6
- <div v-if="showa"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content1" :filename.sync="row.filename1"></apply-avatar-upload>
7
- <button v-show="edit" type="button" @click="confirm('身份证正面',row.content1,row.filename1)" class="btn btn-primary" >
8
- 上传
9
- </button></div>
10
- <div v-if="!showa">
11
- <img :src="row.f_downloadURL1" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
12
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL1">预览</a>
13
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL1,'f_downloadURL1')">删除</li>
14
- </div>
15
- <p style="font-size: 20px">身份证正面</p></center>
16
- </div>
17
-
18
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用开户申请'||defname=='工商开户申请'||defname=='资料归档'">
19
- <center>
20
- <div v-if="showb"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content2" :filename.sync="row.filename2"></apply-avatar-upload>
21
- <button v-show="edit" type="button" @click="confirm('身份证反面',row.content2,row.filename2)" class="btn btn-primary" >
22
- 上传
23
- </button></div>
24
- <div v-if="!showb">
25
- <img :src="row.f_downloadURL2" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
26
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL2">预览</a>
27
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL2,'f_downloadURL2')">删除</li>
28
- </div>
29
- <p style="font-size: 20px">身份证反面</p></center>
30
- </div>
31
-
32
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用开户申请'||defname=='工商开户申请'||defname=='资料归档'">
33
- <center>
34
- <div v-if="showc"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content3" :filename.sync="row.filename3"></apply-avatar-upload>
35
- <button v-show="edit" type="button" @click="confirm('房屋证明材料',row.content3,row.filename3)" class="btn btn-primary" >
36
- 上传
37
- </button></div>
38
- <div v-if="!showc">
39
- <img :src="row.f_downloadURL3" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
40
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL3">预览</a>
41
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL3,'f_downloadURL3')">删除</li>
42
- </div>
43
- <p style="font-size: 20px">房屋证明材料</p></center>
44
- </div>
45
-
46
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='工商开户申请'||(defname=='资料归档' && this.selectdata.f_customer_type == '企业')">
47
- <center>
48
- <div v-if="showd"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content4" :filename.sync="row.filename4"></apply-avatar-upload>
49
- <button v-show="edit" type="button" @click="confirm('营业执照',row.content4,row.filename4)" class="btn btn-primary" >
50
- 上传
51
- </button></div>
52
- <div v-if="!showd">
53
- <img :src="row.f_downloadURL4" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
54
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL4">预览</a>
55
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL4,'f_downloadURL4')">删除</li>
56
- </div>
57
- <p style="font-size: 20px">营业执照</p></center>
58
- </div>
59
-
60
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用现场勘查'||defname=='工商现场勘查'||defname=='资料归档'">
61
- <center>
62
- <div v-if="showe"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content5" :filename.sync="row.filename5"></apply-avatar-upload>
63
- <button v-show="edit" type="button" @click="confirm('用户报装勘查业务申请表',row.content5,row.filename5)" class="btn btn-primary" >
64
- 上传
65
- </button></div>
66
- <div v-if="!showe">
67
- <img :src="row.f_downloadURL5" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
68
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL5">预览</a>
69
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL5,'f_downloadURL5')">删除</li>
70
- </div>
71
- <p style="font-size: 20px">用户报装勘查业务申请表</p></center>
72
- </div>
73
-
74
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用现场勘查'||defname=='工商现场勘查'||defname=='资料归档'">
75
- <center>
76
- <div v-if="showz"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content20" :filename.sync="row.filename20"></apply-avatar-upload>
77
- <button v-show="edit" type="button" @click="confirm('现场勘察照片1',row.content20,row.filename20)" class="btn btn-primary" >
78
- 上传
79
- </button></div>
80
- <div v-if="!showz">
81
- <img :src="row.f_downloadURL20" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
82
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL20">预览</a>
83
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL20,'f_downloadURL20')">删除</li>
84
- </div>
85
- <p style="font-size: 20px">现场勘察照片1</p></center>
86
- </div>
87
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用现场勘查'||defname=='工商现场勘查'||defname=='资料归档'">
88
- <center>
89
- <div v-if="showx"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content21" :filename.sync="row.filename21"></apply-avatar-upload>
90
- <button v-show="edit" type="button" @click="confirm('现场勘察照片2',row.content21,row.filename21)" class="btn btn-primary" >
91
- 上传
92
- </button></div>
93
- <div v-if="!showx">
94
- <img :src="row.f_downloadURL21" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
95
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL21">预览</a>
96
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL21,'f_downloadURL21')">删除</li>
97
- </div>
98
- <p style="font-size: 20px">现场勘察照片2</p></center>
99
- </div>
100
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用现场勘查'||defname=='工商现场勘查'||defname=='资料归档'">
101
- <center>
102
- <div v-if="shown"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content22" :filename.sync="row.filename22"></apply-avatar-upload>
103
- <button v-show="edit" type="button" @click="confirm('现场勘察照片3',row.content22,row.filename22)" class="btn btn-primary" >
104
- 上传
105
- </button></div>
106
- <div v-if="!shown">
107
- <img :src="row.f_downloadURL22" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
108
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL22">预览</a>
109
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL22,'f_downloadURL22')">删除</li>
110
- </div>
111
- <p style="font-size: 20px">现场勘察照片3</p></center>
112
- </div>
113
-
114
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用开户受理'||defname=='工商开户受理'||defname=='资料归档'">
115
- <center>
116
- <div v-if="showf"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content6" :filename.sync="row.filename6"></apply-avatar-upload>
117
- <button v-show="edit" type="button" @click="confirm('燃气报装申请告知单',row.content6,row.filename6)" class="btn btn-primary" >
118
- 上传
119
- </button></div>
120
- <div v-if="!showf">
121
- <img :src="row.f_downloadURL6" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
122
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL6">预览</a>
123
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL6,'f_downloadURL6')">删除</li>
124
- </div>
125
- <p style="font-size: 20px">燃气报装申请告知单</p></center>
126
- </div>
127
-
128
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用开户受理'||defname=='工商开户受理'||defname=='资料归档'">
129
- <center>
130
- <div v-if="showg"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content7" :filename.sync="row.filename7"></apply-avatar-upload>
131
- <button v-show="edit" type="button" @click="confirm('供气合同',row.content7,row.filename7)" class="btn btn-primary" >
132
- 上传
133
- </button></div>
134
- <div v-if="!showg">
135
- <img :src="row.f_downloadURL7" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
136
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL7">预览</a>
137
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL7,'f_downloadURL7')">删除</li>
138
- </div>
139
- <p style="font-size: 20px">供气合同</p></center>
140
- </div>
141
-
142
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='工程验收'||defname=='资料归档'">
143
- <center>
144
- <div v-if="showh"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content8" :filename.sync="row.filename8"></apply-avatar-upload>
145
- <button v-show="edit" type="button" @click="confirm('工程安装验收及结算单',row.content8,row.filename8)" class="btn btn-primary" >
146
- 上传
147
- </button></div>
148
- <div v-if="!showh">
149
- <img :src="row.f_downloadURL8" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
150
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL8">预览</a>
151
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL8,'f_downloadURL8')">删除</li>
152
- </div>
153
- <p style="font-size: 20px">工程安装验收及结算单</p></center>
154
- </div>
155
-
156
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='点火'||defname=='资料归档'" >
157
- <center>
158
- <div v-if="showi"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content9" :filename.sync="row.filename9"></apply-avatar-upload>
159
- <button v-show="edit" type="button" @click="confirm('点火记录单',row.content9,row.filename9)" class="btn btn-primary" >
160
- 上传
161
- </button></div>
162
- <div v-if="!showi">
163
- <img :src="row.f_downloadURL9" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
164
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL9">预览</a>
165
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL9,'f_downloadURL9')">删除</li>
166
- </div>
167
- <p style="font-size: 20px">点火记录单</p></center>
168
- </div>
169
-
170
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'||defname=='安装审核'||defname=='资料归档'">
171
- <center>
172
- <div v-if="showj"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content10" :filename.sync="row.filename10"></apply-avatar-upload>
173
- <button v-show="edit" type="button" @click="confirm('压力试验结果',row.content10,row.filename10)" class="btn btn-primary" >
174
- 上传
175
- </button>
176
- </div>
177
- <div v-if="!showj">
178
- <img :src="row.f_downloadURL10" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
179
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL10">预览</a>
180
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL10,'f_downloadURL10')">删除</li>
181
- </div>
182
- <p style="font-size: 20px">压力试验结果</p></center>
183
- </div>
184
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'||defname=='安装审核'||defname=='资料归档'" >
185
- <center>
186
- <div v-if="showk"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content11" :filename.sync="row.filename11"></apply-avatar-upload>
187
- <button v-show="edit" type="button" @click="confirm('用户确认1',row.content11,row.filename11)" class="btn btn-primary" >
188
- 上传
189
- </button></div>
190
- <div v-if="!showk">
191
- <img :src="row.f_downloadURL11" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
192
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL11">预览</a>
193
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL11,'f_downloadURL11')">删除</li>
194
- </div>
195
- <p style="font-size: 20px">用户确认</p></center>
196
- </div>
197
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'||defname=='安装审核'||defname=='资料归档'" >
198
- <center>
199
- <div v-if="showl"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content12" :filename.sync="row.filename12"></apply-avatar-upload>
200
- <button v-show="edit" type="button" @click="confirm('用户确认2',row.content12,row.filename12)" class="btn btn-primary" >
201
- 上传
202
- </button></div>
203
- <div v-if="!showl">
204
- <img :src="row.f_downloadURL12" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
205
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL12">预览</a>
206
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL12,'f_downloadURL12')">删除</li>
207
- </div>
208
- <p style="font-size: 20px">用户确认</p></center>
209
- </div>
210
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='点火'" >
211
- <center>
212
- <div v-if="showo"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content23" :filename.sync="row.filename23"></apply-avatar-upload>
213
- <button v-show="edit" type="button" @click="confirm('点火记录单2',row.content23,row.filename23)" class="btn btn-primary" >
214
- 上传
215
- </button></div>
216
- <div v-if="!showo">
217
- <img :src="row.f_downloadURL23" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
218
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL23">预览</a>
219
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL23,'f_downloadURL23')">删除</li>
220
- </div>
221
- <p style="font-size: 20px">点火记录单2</p></center>
222
- </div>
223
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='点火'" >
224
- <center>
225
- <div v-if="showp"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content24" :filename.sync="row.filename24"></apply-avatar-upload>
226
- <button v-show="edit" type="button" @click="confirm('点火记录单3',row.content24,row.filename24)" class="btn btn-primary" >
227
- 上传
228
- </button></div>
229
- <div v-if="!showp">
230
- <img :src="row.f_downloadURL24" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
231
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL24">预览</a>
232
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL24,'f_downloadURL24')">删除</li>
233
- </div>
234
- <p style="font-size: 20px">点火记录单3</p></center>
235
- </div>
236
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'" >
237
- <center>
238
- <div v-if="showq"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content25" :filename.sync="row.filename25"></apply-avatar-upload>
239
- <button v-show="edit" type="button" @click="confirm('其他文件1',row.content25,row.filename25)" class="btn btn-primary" >
240
- 上传
241
- </button></div>
242
- <div v-if="!showq">
243
- <img :src="row.f_downloadURL25" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
244
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL25">预览</a>
245
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL25,'f_downloadURL25')">删除</li>
246
- </div>
247
- <!-- <p style="font-size: 20px">其他文件1</p>-->
248
- </center>
249
- </div>
250
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'" >
251
- <center>
252
- <div v-if="showr"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content26" :filename.sync="row.filename26"></apply-avatar-upload>
253
- <button v-show="edit" type="button" @click="confirm('其他文件2',row.content26,row.filename26)" class="btn btn-primary" >
254
- 上传
255
- </button></div>
256
- <div v-if="!showr">
257
- <img :src="row.f_downloadURL26" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
258
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL26">预览</a>
259
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL26,'f_downloadURL26')">删除</li>
260
- </div>
261
- <!-- <p style="font-size: 20px">其他文件2</p>-->
262
- </center>
263
- </div>
264
- </div>
265
- </div>
266
- </template>
267
- <script>
268
-
269
- import {HttpResetClass} from 'vue-client'
270
- export default {
271
- title: "附件",
272
- props: ['blodid', 'isremark', 'isusetype','takeimg','defname','isupload','f_usetype','edit'],
273
- data() {
274
- return {
275
- isDelete: '1', // 删除按钮,可以进行控制(权限等)
276
- fileInfoData: [], // 数据库存储的文件记录对象数组
277
- useType: '', // 使用类型
278
- fileRemark: '', // 文件说明
279
- row:{
280
-
281
- },
282
- showz:true,
283
- showx:true,
284
- shown:true,
285
- showa:true,
286
- showb:true,
287
- showc:true,
288
- showd:true,
289
- showe:true,
290
- showf:true,
291
- showg:true,
292
- showh:true,
293
- showi:true,
294
- showj:true,
295
- showk:true,
296
- showl:true,
297
- showo:true,
298
- showp:true,
299
- showq:true,
300
- showr:true
301
- }
302
- },
303
- methods: {
304
- // 删除按钮事件
305
- async delet(index, row ,num) {
306
- let f_download = row.split('/')
307
- console.log("截取数据:" + f_download)
308
- let condition = "f_picture = 'd:\\" + f_download[3] + "'"
309
- let http = new HttpResetClass();
310
- let res = await http.load('POST','rs/sql/applysingleTable', {data: {tablename: 't_image',condition: condition}},{resolveMsg: null, rejectMsg: '获取图片失败!'})
311
- console.log("上传图片数据:" + res.data[0].id)
312
- this.$resetdelete('rs/entity/t_image', {id: res.data[0].id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
313
- this.fileInfoData.splice(index, 1)
314
- f_download = num.split('L')
315
- f_download = f_download[1]
316
- console.log("截取数据2:" + f_download)
317
- if (f_download == "1") {
318
- this.showa = true
319
- }
320
- if (f_download == "2") {
321
- this.showb = true
322
- }
323
- if (f_download == "3") {
324
- this.showc = true
325
- }
326
- if (f_download == "4") {
327
- this.showd = true
328
- }
329
- if (f_download == "5") {
330
- this.showe = true
331
- }
332
- if (f_download == "6") {
333
- this.showf = true
334
- }
335
- if (f_download == "7") {
336
- this.showg = true
337
- }
338
- if (f_download == "8") {
339
- this.showh = true
340
- }
341
- if (f_download == "9") {
342
- this.showi = true
343
- }
344
- if (f_download == "10") {
345
- this.showj = true
346
- }
347
- if (f_download == "11") {
348
- this.showk = true
349
- }
350
- if (f_download == "12") {
351
- this.showl = true
352
- }
353
- if (f_download == "20") {
354
- this.showz = true
355
- }
356
- if (f_download == "21") {
357
- this.showx = true
358
- }
359
- if (f_download == "22") {
360
- this.shown = true
361
- }
362
- if (f_download == "23") {
363
- this.showo = true
364
- }
365
- if (f_download == "24") {
366
- this.showp = true
367
- }
368
- if (f_download == "25") {
369
- this.showq = true
370
- }
371
- if (f_download == "26") {
372
- this.showr = true
373
- }
374
-
375
-
376
- })
377
- },
378
-
379
- // 查询按钮事件
380
-
381
- async search() {
382
- let condition = `f_process_id = '${this.blodid}'`
383
- let http = new HttpResetClass();
384
- let res = await http.load('POST', 'rs/sql/getimage', {data: {condition: condition}}, {
385
- resolveMsg: null,
386
- rejectMsg: '获取图片路径失败'
387
- })
388
- let getpath = await http.load('POST','rs/sql/singleTable_OrderBy', {data: {items: 'value,name',tablename: 't_singlevalue',orderitem: 'name' ,condition: `name = '图片地址'`}},{resolveMsg: null, rejectMsg: '获取区县失败!'})
389
- let path = ''
390
- console.log('查询到的图片:', getpath)
391
- if (getpath.data[0].value) {
392
- path = getpath.data[0].value
393
- }
394
- // this.params.rows.splice(index, 1)
395
- if (res.data.length > 0) {
396
- for (let row of res.data) {
397
- if (row.f_type === '身份证正面') {
398
- let temp = row.f_picture
399
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
400
- this.row.f_downloadURL1 = path +''+ URL
401
- this.showa = false
402
- }
403
- if (row.f_type === '身份证反面') {
404
- let temp = row.f_picture
405
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
406
- this.row.f_downloadURL2 = path +'' + URL
407
- this.showb = false
408
- }
409
- if (row.f_type === '房屋证明材料') {
410
- let temp = row.f_picture
411
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
412
- this.row.f_downloadURL3 = path +'' + URL
413
- this.showc = false
414
- }
415
- if (row.f_type === '营业执照') {
416
- let temp = row.f_picture
417
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
418
- this.row.f_downloadURL4 = path +'' + URL
419
- this.showd = false
420
- }
421
- if (row.f_type === '用户报装勘查业务申请表') {
422
- let temp = row.f_picture
423
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
424
- this.row.f_downloadURL5 = path +'' + URL
425
- this.showe = false
426
- }
427
- if (row.f_type === '燃气报装申请告知单') {
428
- let temp = row.f_picture
429
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
430
- this.row.f_downloadURL6 = path +'' + URL
431
- this.showf = false
432
- }
433
- if (row.f_type === '供气合同') {
434
- let temp = row.f_picture
435
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
436
- this.row.f_downloadURL7 = path +'' + URL
437
- this.showg = false
438
- }
439
- if (row.f_type === '工程安装验收及结算单') {
440
- let temp = row.f_picture
441
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
442
- this.row.f_downloadURL8 = path +'' + URL
443
- this.showh = false
444
- }
445
- if (row.f_type === '点火记录单') {
446
- let temp = row.f_picture
447
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
448
- this.row.f_downloadURL9 = path +'' + URL
449
- this.showi = false
450
- }
451
- if (row.f_type === '压力试验结果') {
452
- let temp = row.f_picture
453
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
454
- this.row.f_downloadURL10 = path +'' + URL
455
- this.showj = false
456
- }
457
- if (row.f_type === '用户确认1') {
458
- let temp = row.f_picture
459
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
460
- this.row.f_downloadURL11 = path +'' + URL
461
- this.showk = false
462
- }
463
- if (row.f_type === '用户确认2') {
464
- let temp = row.f_picture
465
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
466
- this.row.f_downloadURL12 = path +'' + URL
467
- this.showl = false
468
- }
469
- if (row.f_type === '现场勘察照片1') {
470
- let temp = row.f_picture
471
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
472
- this.row.f_downloadURL20 = path +'' + URL
473
- this.showz = false
474
- }
475
- if (row.f_type === '现场勘察照片2') {
476
- let temp = row.f_picture
477
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
478
- this.row.f_downloadURL21 = path +'' + URL
479
- this.showx = false
480
- }
481
- if (row.f_type === '现场勘察照片3') {
482
- let temp = row.f_picture
483
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
484
- this.row.f_downloadURL22 = path +'' + URL
485
- this.shown = false
486
- }
487
- if (row.f_type === '点火记录单2') {
488
- let temp = row.f_picture
489
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
490
- this.row.f_downloadURL23 = path +'' + URL
491
- this.showo = false
492
- }
493
- if (row.f_type === '点火记录单3') {
494
- let temp = row.f_picture
495
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
496
- this.row.f_downloadURL24 = path +'' + URL
497
- this.showp = false
498
- }
499
- if (row.f_type === '其他文件1') {
500
- let temp = row.f_picture
501
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
502
- this.row.f_downloadURL25 = path +'' + URL
503
- this.showq = false
504
- }
505
- if (row.f_type === '其他文件2') {
506
- let temp = row.f_picture
507
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
508
- this.row.f_downloadURL26 = path +'' + URL
509
- this.showr = false
510
- }
511
- }
512
- }
513
- },
514
- confirm(val,content,filename) {
515
- if (!content) {
516
- this.$showAlert("请先选择图片","warning", 1500)
517
- return
518
- }
519
- if (!filename) {
520
- this.$showAlert("请先选择图片","warning", 1500)
521
- return
522
- }
523
- let param={
524
- f_type : val,
525
- f_content:content,
526
- f_filename:filename,
527
- f_process_id:this.blodid
528
- }
529
- this.$resetpost('rs/logic/saveimage', param).then(() => {
530
- // this.params.rows.splice(index, 1)
531
- console.log('更新成功!')
532
- this.search()
533
- })
534
- },
535
- },
536
- async ready() {
537
- this.search()
538
- },
539
- watch: {
540
- 'blodid'(val) {
541
- if (val) {
542
- console.log('观察blodid', val)
543
- this.search()
544
- this.row={},
545
- this.showa=true
546
- this.showb=true
547
- this.showc=true
548
- this.showd=true
549
- this.showe=true
550
- this.showf=true
551
- this.showg=true
552
- this.showh=true
553
- this.showi=true
554
- this.showj=true
555
- this.showk=true
556
- this.showz=true
557
- this.showx=true
558
- this.shown=true
559
- }
560
- },
561
- /* 'useType'() {
562
- this.headers.fusetype = this.useType[0] ? this.useType[0] : ''
563
- },
564
- 'defname'() {
565
- this.headers.defname=this.defname
566
- }*/
567
- },
568
- computed: {
569
-
570
- },
571
- events: {
572
-
573
- }
574
- }
575
- </script>
1
+ <template>
2
+ <div style="background-color: #FFFFFF;min-height:480px;">
3
+ <div class="form-group col-sm-12" style="height: auto">
4
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用开户申请'||defname=='工商开户申请'||defname=='资料归档'" >
5
+ <center>
6
+ <div v-if="showa"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content1" :filename.sync="row.filename1"></apply-avatar-upload>
7
+ <button v-show="edit" type="button" @click="confirm('身份证正面',row.content1,row.filename1)" class="btn btn-primary" >
8
+ 上传
9
+ </button></div>
10
+ <div v-if="!showa">
11
+ <img :src="row.f_downloadURL1" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
12
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL1">预览</a>
13
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL1,'f_downloadURL1')">删除</li>
14
+ </div>
15
+ <p style="font-size: 20px">身份证正面</p></center>
16
+ </div>
17
+
18
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用开户申请'||defname=='工商开户申请'||defname=='资料归档'">
19
+ <center>
20
+ <div v-if="showb"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content2" :filename.sync="row.filename2"></apply-avatar-upload>
21
+ <button v-show="edit" type="button" @click="confirm('身份证反面',row.content2,row.filename2)" class="btn btn-primary" >
22
+ 上传
23
+ </button></div>
24
+ <div v-if="!showb">
25
+ <img :src="row.f_downloadURL2" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
26
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL2">预览</a>
27
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL2,'f_downloadURL2')">删除</li>
28
+ </div>
29
+ <p style="font-size: 20px">身份证反面</p></center>
30
+ </div>
31
+
32
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用开户申请'||defname=='工商开户申请'||defname=='资料归档'">
33
+ <center>
34
+ <div v-if="showc"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content3" :filename.sync="row.filename3"></apply-avatar-upload>
35
+ <button v-show="edit" type="button" @click="confirm('房屋证明材料',row.content3,row.filename3)" class="btn btn-primary" >
36
+ 上传
37
+ </button></div>
38
+ <div v-if="!showc">
39
+ <img :src="row.f_downloadURL3" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
40
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL3">预览</a>
41
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL3,'f_downloadURL3')">删除</li>
42
+ </div>
43
+ <p style="font-size: 20px">房屋证明材料</p></center>
44
+ </div>
45
+
46
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='工商开户申请'||(defname=='资料归档' && this.selectdata.f_customer_type == '企业')">
47
+ <center>
48
+ <div v-if="showd"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content4" :filename.sync="row.filename4"></apply-avatar-upload>
49
+ <button v-show="edit" type="button" @click="confirm('营业执照',row.content4,row.filename4)" class="btn btn-primary" >
50
+ 上传
51
+ </button></div>
52
+ <div v-if="!showd">
53
+ <img :src="row.f_downloadURL4" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
54
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL4">预览</a>
55
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL4,'f_downloadURL4')">删除</li>
56
+ </div>
57
+ <p style="font-size: 20px">营业执照</p></center>
58
+ </div>
59
+
60
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用现场勘查'||defname=='工商现场勘查'||defname=='资料归档'">
61
+ <center>
62
+ <div v-if="showe"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content5" :filename.sync="row.filename5"></apply-avatar-upload>
63
+ <button v-show="edit" type="button" @click="confirm('用户报装勘查业务申请表',row.content5,row.filename5)" class="btn btn-primary" >
64
+ 上传
65
+ </button></div>
66
+ <div v-if="!showe">
67
+ <img :src="row.f_downloadURL5" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
68
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL5">预览</a>
69
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL5,'f_downloadURL5')">删除</li>
70
+ </div>
71
+ <p style="font-size: 20px">用户报装勘查业务申请表</p></center>
72
+ </div>
73
+
74
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用现场勘查'||defname=='工商现场勘查'||defname=='资料归档'">
75
+ <center>
76
+ <div v-if="showz"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content20" :filename.sync="row.filename20"></apply-avatar-upload>
77
+ <button v-show="edit" type="button" @click="confirm('现场勘察照片1',row.content20,row.filename20)" class="btn btn-primary" >
78
+ 上传
79
+ </button></div>
80
+ <div v-if="!showz">
81
+ <img :src="row.f_downloadURL20" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
82
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL20">预览</a>
83
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL20,'f_downloadURL20')">删除</li>
84
+ </div>
85
+ <p style="font-size: 20px">现场勘察照片1</p></center>
86
+ </div>
87
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用现场勘查'||defname=='工商现场勘查'||defname=='资料归档'">
88
+ <center>
89
+ <div v-if="showx"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content21" :filename.sync="row.filename21"></apply-avatar-upload>
90
+ <button v-show="edit" type="button" @click="confirm('现场勘察照片2',row.content21,row.filename21)" class="btn btn-primary" >
91
+ 上传
92
+ </button></div>
93
+ <div v-if="!showx">
94
+ <img :src="row.f_downloadURL21" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
95
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL21">预览</a>
96
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL21,'f_downloadURL21')">删除</li>
97
+ </div>
98
+ <p style="font-size: 20px">现场勘察照片2</p></center>
99
+ </div>
100
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用现场勘查'||defname=='工商现场勘查'||defname=='资料归档'">
101
+ <center>
102
+ <div v-if="shown"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content22" :filename.sync="row.filename22"></apply-avatar-upload>
103
+ <button v-show="edit" type="button" @click="confirm('现场勘察照片3',row.content22,row.filename22)" class="btn btn-primary" >
104
+ 上传
105
+ </button></div>
106
+ <div v-if="!shown">
107
+ <img :src="row.f_downloadURL22" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
108
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL22">预览</a>
109
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL22,'f_downloadURL22')">删除</li>
110
+ </div>
111
+ <p style="font-size: 20px">现场勘察照片3</p></center>
112
+ </div>
113
+
114
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用开户受理'||defname=='工商开户受理'||defname=='资料归档'">
115
+ <center>
116
+ <div v-if="showf"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content6" :filename.sync="row.filename6"></apply-avatar-upload>
117
+ <button v-show="edit" type="button" @click="confirm('燃气报装申请告知单',row.content6,row.filename6)" class="btn btn-primary" >
118
+ 上传
119
+ </button></div>
120
+ <div v-if="!showf">
121
+ <img :src="row.f_downloadURL6" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
122
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL6">预览</a>
123
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL6,'f_downloadURL6')">删除</li>
124
+ </div>
125
+ <p style="font-size: 20px">燃气报装申请告知单</p></center>
126
+ </div>
127
+
128
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='民用开户受理'||defname=='工商开户受理'||defname=='资料归档'">
129
+ <center>
130
+ <div v-if="showg"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content7" :filename.sync="row.filename7"></apply-avatar-upload>
131
+ <button v-show="edit" type="button" @click="confirm('供气合同',row.content7,row.filename7)" class="btn btn-primary" >
132
+ 上传
133
+ </button></div>
134
+ <div v-if="!showg">
135
+ <img :src="row.f_downloadURL7" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
136
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL7">预览</a>
137
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL7,'f_downloadURL7')">删除</li>
138
+ </div>
139
+ <p style="font-size: 20px">供气合同</p></center>
140
+ </div>
141
+
142
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='工程验收'||defname=='资料归档'">
143
+ <center>
144
+ <div v-if="showh"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content8" :filename.sync="row.filename8"></apply-avatar-upload>
145
+ <button v-show="edit" type="button" @click="confirm('工程安装验收及结算单',row.content8,row.filename8)" class="btn btn-primary" >
146
+ 上传
147
+ </button></div>
148
+ <div v-if="!showh">
149
+ <img :src="row.f_downloadURL8" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
150
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL8">预览</a>
151
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL8,'f_downloadURL8')">删除</li>
152
+ </div>
153
+ <p style="font-size: 20px">工程安装验收及结算单</p></center>
154
+ </div>
155
+
156
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='点火'||defname=='资料归档'" >
157
+ <center>
158
+ <div v-if="showi"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content9" :filename.sync="row.filename9"></apply-avatar-upload>
159
+ <button v-show="edit" type="button" @click="confirm('点火记录单',row.content9,row.filename9)" class="btn btn-primary" >
160
+ 上传
161
+ </button></div>
162
+ <div v-if="!showi">
163
+ <img :src="row.f_downloadURL9" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
164
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL9">预览</a>
165
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL9,'f_downloadURL9')">删除</li>
166
+ </div>
167
+ <p style="font-size: 20px">点火记录单</p></center>
168
+ </div>
169
+
170
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'||defname=='安装审核'||defname=='资料归档'">
171
+ <center>
172
+ <div v-if="showj"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content10" :filename.sync="row.filename10"></apply-avatar-upload>
173
+ <button v-show="edit" type="button" @click="confirm('压力试验结果',row.content10,row.filename10)" class="btn btn-primary" >
174
+ 上传
175
+ </button>
176
+ </div>
177
+ <div v-if="!showj">
178
+ <img :src="row.f_downloadURL10" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
179
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL10">预览</a>
180
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL10,'f_downloadURL10')">删除</li>
181
+ </div>
182
+ <p style="font-size: 20px">压力试验结果</p></center>
183
+ </div>
184
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'||defname=='安装审核'||defname=='资料归档'" >
185
+ <center>
186
+ <div v-if="showk"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content11" :filename.sync="row.filename11"></apply-avatar-upload>
187
+ <button v-show="edit" type="button" @click="confirm('用户确认1',row.content11,row.filename11)" class="btn btn-primary" >
188
+ 上传
189
+ </button></div>
190
+ <div v-if="!showk">
191
+ <img :src="row.f_downloadURL11" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
192
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL11">预览</a>
193
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL11,'f_downloadURL11')">删除</li>
194
+ </div>
195
+ <p style="font-size: 20px">用户确认</p></center>
196
+ </div>
197
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'||defname=='安装审核'||defname=='资料归档'" >
198
+ <center>
199
+ <div v-if="showl"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content12" :filename.sync="row.filename12"></apply-avatar-upload>
200
+ <button v-show="edit" type="button" @click="confirm('用户确认2',row.content12,row.filename12)" class="btn btn-primary" >
201
+ 上传
202
+ </button></div>
203
+ <div v-if="!showl">
204
+ <img :src="row.f_downloadURL12" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
205
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL12">预览</a>
206
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL12,'f_downloadURL12')">删除</li>
207
+ </div>
208
+ <p style="font-size: 20px">用户确认</p></center>
209
+ </div>
210
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='点火'" >
211
+ <center>
212
+ <div v-if="showo"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content23" :filename.sync="row.filename23"></apply-avatar-upload>
213
+ <button v-show="edit" type="button" @click="confirm('点火记录单2',row.content23,row.filename23)" class="btn btn-primary" >
214
+ 上传
215
+ </button></div>
216
+ <div v-if="!showo">
217
+ <img :src="row.f_downloadURL23" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
218
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL23">预览</a>
219
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL23,'f_downloadURL23')">删除</li>
220
+ </div>
221
+ <p style="font-size: 20px">点火记录单2</p></center>
222
+ </div>
223
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='点火'" >
224
+ <center>
225
+ <div v-if="showp"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content24" :filename.sync="row.filename24"></apply-avatar-upload>
226
+ <button v-show="edit" type="button" @click="confirm('点火记录单3',row.content24,row.filename24)" class="btn btn-primary" >
227
+ 上传
228
+ </button></div>
229
+ <div v-if="!showp">
230
+ <img :src="row.f_downloadURL24" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
231
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL24">预览</a>
232
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL24,'f_downloadURL24')">删除</li>
233
+ </div>
234
+ <p style="font-size: 20px">点火记录单3</p></center>
235
+ </div>
236
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'" >
237
+ <center>
238
+ <div v-if="showq"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content25" :filename.sync="row.filename25"></apply-avatar-upload>
239
+ <button v-show="edit" type="button" @click="confirm('其他文件1',row.content25,row.filename25)" class="btn btn-primary" >
240
+ 上传
241
+ </button></div>
242
+ <div v-if="!showq">
243
+ <img :src="row.f_downloadURL25" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
244
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL25">预览</a>
245
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL25,'f_downloadURL25')">删除</li>
246
+ </div>
247
+ <!-- <p style="font-size: 20px">其他文件1</p>-->
248
+ </center>
249
+ </div>
250
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'" >
251
+ <center>
252
+ <div v-if="showr"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content26" :filename.sync="row.filename26"></apply-avatar-upload>
253
+ <button v-show="edit" type="button" @click="confirm('其他文件2',row.content26,row.filename26)" class="btn btn-primary" >
254
+ 上传
255
+ </button></div>
256
+ <div v-if="!showr">
257
+ <img :src="row.f_downloadURL26" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
258
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL26">预览</a>
259
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL26,'f_downloadURL26')">删除</li>
260
+ </div>
261
+ <!-- <p style="font-size: 20px">其他文件2</p>-->
262
+ </center>
263
+ </div>
264
+ </div>
265
+ </div>
266
+ </template>
267
+ <script>
268
+
269
+ import {HttpResetClass} from 'vue-client'
270
+ export default {
271
+ title: "附件",
272
+ props: ['blodid', 'isremark', 'isusetype','takeimg','defname','isupload','f_usetype','edit'],
273
+ data() {
274
+ return {
275
+ isDelete: '1', // 删除按钮,可以进行控制(权限等)
276
+ fileInfoData: [], // 数据库存储的文件记录对象数组
277
+ useType: '', // 使用类型
278
+ fileRemark: '', // 文件说明
279
+ row:{
280
+
281
+ },
282
+ showz:true,
283
+ showx:true,
284
+ shown:true,
285
+ showa:true,
286
+ showb:true,
287
+ showc:true,
288
+ showd:true,
289
+ showe:true,
290
+ showf:true,
291
+ showg:true,
292
+ showh:true,
293
+ showi:true,
294
+ showj:true,
295
+ showk:true,
296
+ showl:true,
297
+ showo:true,
298
+ showp:true,
299
+ showq:true,
300
+ showr:true
301
+ }
302
+ },
303
+ methods: {
304
+ // 删除按钮事件
305
+ async delet(index, row ,num) {
306
+ let f_download = row.split('/')
307
+ console.log("截取数据:" + f_download)
308
+ let condition = "f_picture = 'd:\\" + f_download[3] + "'"
309
+ let http = new HttpResetClass();
310
+ let res = await http.load('POST','rs/sql/applysingleTable', {data: {tablename: 't_image',condition: condition}},{resolveMsg: null, rejectMsg: '获取图片失败!'})
311
+ console.log("上传图片数据:" + res.data[0].id)
312
+ this.$resetdelete('rs/entity/t_image', {id: res.data[0].id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
313
+ this.fileInfoData.splice(index, 1)
314
+ f_download = num.split('L')
315
+ f_download = f_download[1]
316
+ console.log("截取数据2:" + f_download)
317
+ if (f_download == "1") {
318
+ this.showa = true
319
+ }
320
+ if (f_download == "2") {
321
+ this.showb = true
322
+ }
323
+ if (f_download == "3") {
324
+ this.showc = true
325
+ }
326
+ if (f_download == "4") {
327
+ this.showd = true
328
+ }
329
+ if (f_download == "5") {
330
+ this.showe = true
331
+ }
332
+ if (f_download == "6") {
333
+ this.showf = true
334
+ }
335
+ if (f_download == "7") {
336
+ this.showg = true
337
+ }
338
+ if (f_download == "8") {
339
+ this.showh = true
340
+ }
341
+ if (f_download == "9") {
342
+ this.showi = true
343
+ }
344
+ if (f_download == "10") {
345
+ this.showj = true
346
+ }
347
+ if (f_download == "11") {
348
+ this.showk = true
349
+ }
350
+ if (f_download == "12") {
351
+ this.showl = true
352
+ }
353
+ if (f_download == "20") {
354
+ this.showz = true
355
+ }
356
+ if (f_download == "21") {
357
+ this.showx = true
358
+ }
359
+ if (f_download == "22") {
360
+ this.shown = true
361
+ }
362
+ if (f_download == "23") {
363
+ this.showo = true
364
+ }
365
+ if (f_download == "24") {
366
+ this.showp = true
367
+ }
368
+ if (f_download == "25") {
369
+ this.showq = true
370
+ }
371
+ if (f_download == "26") {
372
+ this.showr = true
373
+ }
374
+
375
+
376
+ })
377
+ },
378
+
379
+ // 查询按钮事件
380
+
381
+ async search() {
382
+ let condition = `f_process_id = '${this.blodid}'`
383
+ let http = new HttpResetClass();
384
+ let res = await http.load('POST', 'rs/sql/getimage', {data: {condition: condition}}, {
385
+ resolveMsg: null,
386
+ rejectMsg: '获取图片路径失败'
387
+ })
388
+ let getpath = await http.load('POST','rs/sql/singleTable_OrderBy', {data: {items: 'value,name',tablename: 't_singlevalue',orderitem: 'name' ,condition: `name = '图片地址'`}},{resolveMsg: null, rejectMsg: '获取区县失败!'})
389
+ let path = ''
390
+ console.log('查询到的图片:', getpath)
391
+ if (getpath.data[0].value) {
392
+ path = getpath.data[0].value
393
+ }
394
+ // this.params.rows.splice(index, 1)
395
+ if (res.data.length > 0) {
396
+ for (let row of res.data) {
397
+ if (row.f_type === '身份证正面') {
398
+ let temp = row.f_picture
399
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
400
+ this.row.f_downloadURL1 = path +''+ URL
401
+ this.showa = false
402
+ }
403
+ if (row.f_type === '身份证反面') {
404
+ let temp = row.f_picture
405
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
406
+ this.row.f_downloadURL2 = path +'' + URL
407
+ this.showb = false
408
+ }
409
+ if (row.f_type === '房屋证明材料') {
410
+ let temp = row.f_picture
411
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
412
+ this.row.f_downloadURL3 = path +'' + URL
413
+ this.showc = false
414
+ }
415
+ if (row.f_type === '营业执照') {
416
+ let temp = row.f_picture
417
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
418
+ this.row.f_downloadURL4 = path +'' + URL
419
+ this.showd = false
420
+ }
421
+ if (row.f_type === '用户报装勘查业务申请表') {
422
+ let temp = row.f_picture
423
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
424
+ this.row.f_downloadURL5 = path +'' + URL
425
+ this.showe = false
426
+ }
427
+ if (row.f_type === '燃气报装申请告知单') {
428
+ let temp = row.f_picture
429
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
430
+ this.row.f_downloadURL6 = path +'' + URL
431
+ this.showf = false
432
+ }
433
+ if (row.f_type === '供气合同') {
434
+ let temp = row.f_picture
435
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
436
+ this.row.f_downloadURL7 = path +'' + URL
437
+ this.showg = false
438
+ }
439
+ if (row.f_type === '工程安装验收及结算单') {
440
+ let temp = row.f_picture
441
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
442
+ this.row.f_downloadURL8 = path +'' + URL
443
+ this.showh = false
444
+ }
445
+ if (row.f_type === '点火记录单') {
446
+ let temp = row.f_picture
447
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
448
+ this.row.f_downloadURL9 = path +'' + URL
449
+ this.showi = false
450
+ }
451
+ if (row.f_type === '压力试验结果') {
452
+ let temp = row.f_picture
453
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
454
+ this.row.f_downloadURL10 = path +'' + URL
455
+ this.showj = false
456
+ }
457
+ if (row.f_type === '用户确认1') {
458
+ let temp = row.f_picture
459
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
460
+ this.row.f_downloadURL11 = path +'' + URL
461
+ this.showk = false
462
+ }
463
+ if (row.f_type === '用户确认2') {
464
+ let temp = row.f_picture
465
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
466
+ this.row.f_downloadURL12 = path +'' + URL
467
+ this.showl = false
468
+ }
469
+ if (row.f_type === '现场勘察照片1') {
470
+ let temp = row.f_picture
471
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
472
+ this.row.f_downloadURL20 = path +'' + URL
473
+ this.showz = false
474
+ }
475
+ if (row.f_type === '现场勘察照片2') {
476
+ let temp = row.f_picture
477
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
478
+ this.row.f_downloadURL21 = path +'' + URL
479
+ this.showx = false
480
+ }
481
+ if (row.f_type === '现场勘察照片3') {
482
+ let temp = row.f_picture
483
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
484
+ this.row.f_downloadURL22 = path +'' + URL
485
+ this.shown = false
486
+ }
487
+ if (row.f_type === '点火记录单2') {
488
+ let temp = row.f_picture
489
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
490
+ this.row.f_downloadURL23 = path +'' + URL
491
+ this.showo = false
492
+ }
493
+ if (row.f_type === '点火记录单3') {
494
+ let temp = row.f_picture
495
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
496
+ this.row.f_downloadURL24 = path +'' + URL
497
+ this.showp = false
498
+ }
499
+ if (row.f_type === '其他文件1') {
500
+ let temp = row.f_picture
501
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
502
+ this.row.f_downloadURL25 = path +'' + URL
503
+ this.showq = false
504
+ }
505
+ if (row.f_type === '其他文件2') {
506
+ let temp = row.f_picture
507
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
508
+ this.row.f_downloadURL26 = path +'' + URL
509
+ this.showr = false
510
+ }
511
+ }
512
+ }
513
+ },
514
+ confirm(val,content,filename) {
515
+ if (!content) {
516
+ this.$showAlert("请先选择图片","warning", 1500)
517
+ return
518
+ }
519
+ if (!filename) {
520
+ this.$showAlert("请先选择图片","warning", 1500)
521
+ return
522
+ }
523
+ let param={
524
+ f_type : val,
525
+ f_content:content,
526
+ f_filename:filename,
527
+ f_process_id:this.blodid
528
+ }
529
+ this.$resetpost('rs/logic/saveimage', param).then(() => {
530
+ // this.params.rows.splice(index, 1)
531
+ console.log('更新成功!')
532
+ this.search()
533
+ })
534
+ },
535
+ },
536
+ async ready() {
537
+ this.search()
538
+ },
539
+ watch: {
540
+ 'blodid'(val) {
541
+ if (val) {
542
+ console.log('观察blodid', val)
543
+ this.search()
544
+ this.row={},
545
+ this.showa=true
546
+ this.showb=true
547
+ this.showc=true
548
+ this.showd=true
549
+ this.showe=true
550
+ this.showf=true
551
+ this.showg=true
552
+ this.showh=true
553
+ this.showi=true
554
+ this.showj=true
555
+ this.showk=true
556
+ this.showz=true
557
+ this.showx=true
558
+ this.shown=true
559
+ }
560
+ },
561
+ /* 'useType'() {
562
+ this.headers.fusetype = this.useType[0] ? this.useType[0] : ''
563
+ },
564
+ 'defname'() {
565
+ this.headers.defname=this.defname
566
+ }*/
567
+ },
568
+ computed: {
569
+
570
+ },
571
+ events: {
572
+
573
+ }
574
+ }
575
+ </script>