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,623 +1,623 @@
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">用户确认1</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="f_user_sure" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
205
- <!-- <img :src="row.f_downloadURL12" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>-->
206
- <a class="btn btn-primary" target="_blank" :href="f_user_sure">预览</a>
207
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL12,'f_downloadURL12')">删除</li>
208
- </div>
209
- <p style="font-size: 20px">用户确认2</p></center>
210
- </div>
211
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='点火'" >
212
- <center>
213
- <div v-if="showo"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content23" :filename.sync="row.filename23"></apply-avatar-upload>
214
- <button v-show="edit" type="button" @click="confirm('点火记录单2',row.content23,row.filename23)" class="btn btn-primary" >
215
- 上传
216
- </button></div>
217
- <div v-if="!showo">
218
- <img :src="row.f_downloadURL23" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
219
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL23">预览</a>
220
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL23,'f_downloadURL23')">删除</li>
221
- </div>
222
- <p style="font-size: 20px">点火记录单2</p></center>
223
- </div>
224
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='点火'" >
225
- <center>
226
- <div v-if="showp"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content24" :filename.sync="row.filename24"></apply-avatar-upload>
227
- <button v-show="edit" type="button" @click="confirm('点火记录单3',row.content24,row.filename24)" class="btn btn-primary" >
228
- 上传
229
- </button></div>
230
- <div v-if="!showp">
231
- <img :src="row.f_downloadURL24" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
232
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL24">预览</a>
233
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL24,'f_downloadURL24')">删除</li>
234
- </div>
235
- <p style="font-size: 20px">点火记录单3</p></center>
236
- </div>
237
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'" >
238
- <center>
239
- <div v-if="showq"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content25" :filename.sync="row.filename25"></apply-avatar-upload>
240
- <button v-show="edit" type="button" @click="confirm('其他文件1',row.content25,row.filename25)" class="btn btn-primary" >
241
- 上传
242
- </button></div>
243
- <div v-if="!showq">
244
- <img :src="row.f_user_sure1" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
245
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL25">预览</a>
246
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL25,'f_downloadURL25')">删除</li>
247
- </div>
248
- <!-- <p style="font-size: 20px">其他文件1</p>-->
249
- </center>
250
- </div>
251
- <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'" >
252
- <center>
253
- <div v-if="showr"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content26" :filename.sync="row.filename26"></apply-avatar-upload>
254
- <button v-show="edit" type="button" @click="confirm('其他文件2',row.content26,row.filename26)" class="btn btn-primary" >
255
- 上传
256
- </button></div>
257
- <div v-if="!showr">
258
- <img :src="row.f_user_sure2" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
259
- <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL26">预览</a>
260
- <li class="btn btn-primary" @click="delet($index,row.f_downloadURL26,'f_downloadURL26')">删除</li>
261
- </div>
262
- <!-- <p style="font-size: 20px">其他文件2</p>-->
263
- </center>
264
- </div>
265
- </div>
266
- </div>
267
- </template>
268
- <script>
269
-
270
- import {HttpResetClass} from 'vue-client'
271
- export default {
272
- title: "附件",
273
- props: ['blodid', 'isremark', 'isusetype','takeimg','defname','isupload','f_usetype','edit'],
274
- data() {
275
- return {
276
- isDelete: '1', // 删除按钮,可以进行控制(权限等)
277
- fileInfoData: [], // 数据库存储的文件记录对象数组
278
- useType: '', // 使用类型
279
- fileRemark: '', // 文件说明
280
- row:{
281
-
282
- },
283
- showz:true,
284
- showx:true,
285
- shown:true,
286
- showa:true,
287
- showb:true,
288
- showc:true,
289
- showd:true,
290
- showe:true,
291
- showf:true,
292
- showg:true,
293
- showh:true,
294
- showi:true,
295
- showj:true,
296
- showk:true,
297
- showl:true,
298
- showo:true,
299
- showp:true,
300
- showq:true,
301
- showr:true,
302
- imageData:{
303
- f_process_1: null,
304
- f_process_2: null,
305
- f_process_3: null
306
- },
307
- f_user_sure: null,
308
- f_user_sure1: null,
309
- f_user_sure2: null
310
- }
311
- },
312
- methods: {
313
- // 删除按钮事件
314
- async delet(index, row ,num) {
315
- let f_download = row.split('/')
316
- console.log("截取数据:" + f_download)
317
- let condition = "f_picture = 'd:\\" + f_download[3] + "'"
318
- let http = new HttpResetClass();
319
- let res = await http.load('POST','rs/sql/applysingleTable', {data: {tablename: 't_image',condition: condition}},{resolveMsg: null, rejectMsg: '获取图片失败!'})
320
- console.log("上传图片数据:" + res.data[0].id)
321
- this.$resetdelete('rs/entity/t_image', {id: res.data[0].id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
322
- this.fileInfoData.splice(index, 1)
323
- f_download = num.split('L')
324
- f_download = f_download[1]
325
- console.log("截取数据2:" + f_download)
326
- if (f_download == "1") {
327
- this.showa = true
328
- }
329
- if (f_download == "2") {
330
- this.showb = true
331
- }
332
- if (f_download == "3") {
333
- this.showc = true
334
- }
335
- if (f_download == "4") {
336
- this.showd = true
337
- }
338
- if (f_download == "5") {
339
- this.showe = true
340
- }
341
- if (f_download == "6") {
342
- this.showf = true
343
- }
344
- if (f_download == "7") {
345
- this.showg = true
346
- }
347
- if (f_download == "8") {
348
- this.showh = true
349
- }
350
- if (f_download == "9") {
351
- this.showi = true
352
- }
353
- if (f_download == "10") {
354
- this.showj = true
355
- }
356
- if (f_download == "11") {
357
- this.showk = true
358
- }
359
- if (f_download == "12") {
360
- this.showl = true
361
- }
362
- if (f_download == "20") {
363
- this.showz = true
364
- }
365
- if (f_download == "21") {
366
- this.showx = true
367
- }
368
- if (f_download == "22") {
369
- this.shown = true
370
- }
371
- if (f_download == "23") {
372
- this.showo = true
373
- }
374
- if (f_download == "24") {
375
- this.showp = true
376
- }
377
- if (f_download == "25") {
378
- this.showq = true
379
- }
380
- if (f_download == "26") {
381
- this.showr = true
382
- }
383
-
384
-
385
- })
386
- },
387
-
388
- // 查询按钮事件
389
-
390
- async search() {
391
- // 图片查询逻辑
392
- let image = null
393
- let http = new HttpResetClass();
394
- let condition = "f_apply_num = '" + this.blodid.f_apply_num + "'"
395
- let res = await http.load('POST','rs/sql/applysingleTable', {data: {tablename: 't_apply',condition: condition}},{resolveMsg: null, rejectMsg: '获取图片失败!'})
396
- // .then((res)=>{
397
- console.log("图片数据:" + JSON.stringify(res.data))
398
- if (res.data.length == 3) {
399
- this.imageData.f_process_1 = res.data[0].f_process_id
400
- this.imageData.f_process_2 = res.data[1].f_process_id
401
- this.imageData.f_process_3 = res.data[2].f_process_id
402
- }else if (res.data.length == 2) {
403
- this.imageData.f_process_1 = res.data[0].f_process_id
404
- this.imageData.f_process_2 = res.data[1].f_process_id
405
- }else {
406
- this.imageData.f_process_1 = res.data[0].f_process_id
407
- }
408
- condition = null
409
- console.log("流程1:" + this.imageData.f_process_1 + "--------流程2:" + this.imageData.f_process_2)
410
- if (this.imageData.f_process_1 != null && this.imageData.f_process_2 != null && this.imageData.f_process_3 != null) {
411
- console.log("进来否???")
412
- condition = `f_process_id = '${this.imageData.f_process_1}' or f_process_id = '${this.imageData.f_process_2}' or f_process_id = '${this.imageData.f_process_3}'`
413
- }else if (this.imageData.f_process_1 != null && this.imageData.f_process_2 != null) {
414
- condition = `f_process_id = '${this.imageData.f_process_1}' or f_process_id = '${this.imageData.f_process_2}'`
415
- }else {
416
- condition = `f_process_id = '${this.imageData.f_process_1}'`
417
- }
418
- let http2 = new HttpResetClass();
419
- image = await http2.load('POST', 'rs/sql/getimage', {data: {condition: condition}}, {
420
- resolveMsg: null,
421
- rejectMsg: '获取图片路径失败'
422
- })
423
- // })
424
- console.log("老孙到此一游----",image)
425
- let http1 = new HttpResetClass();
426
- let getpath = await http1.load('POST','rs/sql/singleTable_OrderBy', {data: {items: 'value,name',tablename: 't_singlevalue',orderitem: 'name' ,condition: `name = '图片地址'`}},{resolveMsg: null, rejectMsg: '获取区县失败!'})
427
- let path = ''
428
- console.log('查询到的图片:', getpath)
429
- if (getpath.data[0].value) {
430
- path = getpath.data[0].value
431
- }
432
- // this.params.rows.splice(index, 1)
433
- console.log("图片数据长度:" + image.data.length)
434
- if (image.data.length > 0) {
435
- for (let row of image.data) {
436
- console.log("图片类型:--" + row.f_type)
437
- if (row.f_type === '身份证正面') {
438
- let temp = row.f_picture
439
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
440
- this.row.f_downloadURL1 = path +''+ URL
441
- this.showa = false
442
- }
443
- if (row.f_type === '身份证反面') {
444
- let temp = row.f_picture
445
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
446
- this.row.f_downloadURL2 = path +'' + URL
447
- this.showb = false
448
- }
449
- if (row.f_type === '房屋证明材料') {
450
- let temp = row.f_picture
451
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
452
- this.row.f_downloadURL3 = path +'' + URL
453
- this.showc = false
454
- }
455
- if (row.f_type === '营业执照') {
456
- let temp = row.f_picture
457
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
458
- this.row.f_downloadURL4 = path +'' + URL
459
- this.showd = false
460
- }
461
- if (row.f_type === '用户报装勘查业务申请表') {
462
- let temp = row.f_picture
463
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
464
- this.row.f_downloadURL5 = path +'' + URL
465
- this.showe = false
466
- }
467
- if (row.f_type === '燃气报装申请告知单') {
468
- let temp = row.f_picture
469
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
470
- this.row.f_downloadURL6 = path +'' + URL
471
- this.showf = false
472
- }
473
- if (row.f_type === '供气合同') {
474
- let temp = row.f_picture
475
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
476
- this.row.f_downloadURL7 = path +'' + URL
477
- this.showg = false
478
- }
479
- if (row.f_type === '工程安装验收及结算单') {
480
- let temp = row.f_picture
481
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
482
- this.row.f_downloadURL8 = path +'' + URL
483
- this.showh = false
484
- }
485
- if (row.f_type === '点火记录单') {
486
- let temp = row.f_picture
487
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
488
- this.row.f_downloadURL9 = path +'' + URL
489
- this.showi = false
490
- }
491
- if (row.f_type === '压力试验结果') {
492
- let temp = row.f_picture
493
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
494
- this.row.f_downloadURL10 = path +'' + URL
495
- this.showj = false
496
- }
497
- if (row.f_type === '用户确认1') {
498
- let temp = row.f_picture
499
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
500
- this.row.f_downloadURL11 = path +'' + URL
501
- console.log("用户确认1:" + this.row.f_downloadURL11)
502
- this.showk = false
503
- }
504
- if (row.f_type === '用户确认2') {
505
- let temp = row.f_picture
506
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
507
- // debugger
508
- this.row.f_downloadURL12 = path +'' + URL
509
- this.f_user_sure = this.row.f_downloadURL12
510
- console.log("用户确认2:" + this.f_user_sure)
511
- this.showl = false
512
- }
513
- if (row.f_type === '现场勘察照片1') {
514
- let temp = row.f_picture
515
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
516
- this.row.f_downloadURL20 = path +'' + URL
517
- this.showz = false
518
- }
519
- if (row.f_type === '现场勘察照片2') {
520
- let temp = row.f_picture
521
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
522
- this.row.f_downloadURL21 = path +'' + URL
523
- this.showx = false
524
- }
525
- if (row.f_type === '现场勘察照片3') {
526
- let temp = row.f_picture
527
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
528
- this.row.f_downloadURL22 = path +'' + URL
529
- this.shown = false
530
- }
531
- if (row.f_type === '点火记录单2') {
532
- let temp = row.f_picture
533
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
534
- this.row.f_downloadURL23 = path +'' + URL
535
- this.showo = false
536
- }
537
- if (row.f_type === '点火记录单3') {
538
- let temp = row.f_picture
539
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
540
- this.row.f_downloadURL24 = path +'' + URL
541
- this.showp = false
542
- }
543
- if (row.f_type === '其他文件1') {
544
- let temp = row.f_picture
545
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
546
- this.row.f_downloadURL25 = path +'' + URL
547
- this.f_user_sure1 = this.row.f_downloadURL25
548
- this.showq = false
549
- }
550
- if (row.f_type === '其他文件2') {
551
- let temp = row.f_picture
552
- let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
553
- this.row.f_downloadURL26 = path +'' + URL
554
- this.f_user_sure2 = this.row.f_downloadURL26
555
- this.showr = false
556
- }
557
- }
558
- }
559
- console.log('12121212121212')
560
- console.log(this.row)
561
- },
562
- confirm(val,content,filename) {
563
- if (!content) {
564
- this.$showAlert("请先选择图片","warning", 1500)
565
- return
566
- }
567
- if (!filename) {
568
- this.$showAlert("请先选择图片","warning", 1500)
569
- return
570
- }
571
- let param={
572
- f_type : val,
573
- f_content:content,
574
- f_filename:filename,
575
- f_process_id:this.blodid
576
- }
577
- this.$resetpost('rs/logic/saveimage', param).then(() => {
578
- // this.params.rows.splice(index, 1)
579
- console.log('更新成功!')
580
- this.search()
581
- })
582
- },
583
- },
584
- async ready() {
585
- this.search()
586
- },
587
- watch: {
588
- 'blodid'(val) {
589
- if (val) {
590
- console.log('观察blodid', val)
591
- this.search()
592
- this.row={},
593
- this.showa=true
594
- this.showb=true
595
- this.showc=true
596
- this.showd=true
597
- this.showe=true
598
- this.showf=true
599
- this.showg=true
600
- this.showh=true
601
- this.showi=true
602
- this.showj=true
603
- this.showk=true
604
- this.showz=true
605
- this.showx=true
606
- this.shown=true
607
- }
608
- },
609
- /* 'useType'() {
610
- this.headers.fusetype = this.useType[0] ? this.useType[0] : ''
611
- },
612
- 'defname'() {
613
- this.headers.defname=this.defname
614
- }*/
615
- },
616
- computed: {
617
-
618
- },
619
- events: {
620
-
621
- }
622
- }
623
- </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">用户确认1</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="f_user_sure" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
205
+ <!-- <img :src="row.f_downloadURL12" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>-->
206
+ <a class="btn btn-primary" target="_blank" :href="f_user_sure">预览</a>
207
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL12,'f_downloadURL12')">删除</li>
208
+ </div>
209
+ <p style="font-size: 20px">用户确认2</p></center>
210
+ </div>
211
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='点火'" >
212
+ <center>
213
+ <div v-if="showo"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content23" :filename.sync="row.filename23"></apply-avatar-upload>
214
+ <button v-show="edit" type="button" @click="confirm('点火记录单2',row.content23,row.filename23)" class="btn btn-primary" >
215
+ 上传
216
+ </button></div>
217
+ <div v-if="!showo">
218
+ <img :src="row.f_downloadURL23" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
219
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL23">预览</a>
220
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL23,'f_downloadURL23')">删除</li>
221
+ </div>
222
+ <p style="font-size: 20px">点火记录单2</p></center>
223
+ </div>
224
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='点火'" >
225
+ <center>
226
+ <div v-if="showp"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content24" :filename.sync="row.filename24"></apply-avatar-upload>
227
+ <button v-show="edit" type="button" @click="confirm('点火记录单3',row.content24,row.filename24)" class="btn btn-primary" >
228
+ 上传
229
+ </button></div>
230
+ <div v-if="!showp">
231
+ <img :src="row.f_downloadURL24" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
232
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL24">预览</a>
233
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL24,'f_downloadURL24')">删除</li>
234
+ </div>
235
+ <p style="font-size: 20px">点火记录单3</p></center>
236
+ </div>
237
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'" >
238
+ <center>
239
+ <div v-if="showq"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content25" :filename.sync="row.filename25"></apply-avatar-upload>
240
+ <button v-show="edit" type="button" @click="confirm('其他文件1',row.content25,row.filename25)" class="btn btn-primary" >
241
+ 上传
242
+ </button></div>
243
+ <div v-if="!showq">
244
+ <img :src="row.f_user_sure1" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
245
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL25">预览</a>
246
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL25,'f_downloadURL25')">删除</li>
247
+ </div>
248
+ <!-- <p style="font-size: 20px">其他文件1</p>-->
249
+ </center>
250
+ </div>
251
+ <div class="form-group col-sm-6" style="height: 300px;width: 40%;float: left" v-if="defname=='户内安装'" >
252
+ <center>
253
+ <div v-if="showr"><apply-avatar-upload style="height: 40%;width: 100%" :img-src.sync="row.content26" :filename.sync="row.filename26"></apply-avatar-upload>
254
+ <button v-show="edit" type="button" @click="confirm('其他文件2',row.content26,row.filename26)" class="btn btn-primary" >
255
+ 上传
256
+ </button></div>
257
+ <div v-if="!showr">
258
+ <img :src="row.f_user_sure2" alt="图片加载失败" STYLE="height: 200px;width: 200px"/><hr>
259
+ <a class="btn btn-primary" target="_blank" :href="row.f_downloadURL26">预览</a>
260
+ <li class="btn btn-primary" @click="delet($index,row.f_downloadURL26,'f_downloadURL26')">删除</li>
261
+ </div>
262
+ <!-- <p style="font-size: 20px">其他文件2</p>-->
263
+ </center>
264
+ </div>
265
+ </div>
266
+ </div>
267
+ </template>
268
+ <script>
269
+
270
+ import {HttpResetClass} from 'vue-client'
271
+ export default {
272
+ title: "附件",
273
+ props: ['blodid', 'isremark', 'isusetype','takeimg','defname','isupload','f_usetype','edit'],
274
+ data() {
275
+ return {
276
+ isDelete: '1', // 删除按钮,可以进行控制(权限等)
277
+ fileInfoData: [], // 数据库存储的文件记录对象数组
278
+ useType: '', // 使用类型
279
+ fileRemark: '', // 文件说明
280
+ row:{
281
+
282
+ },
283
+ showz:true,
284
+ showx:true,
285
+ shown:true,
286
+ showa:true,
287
+ showb:true,
288
+ showc:true,
289
+ showd:true,
290
+ showe:true,
291
+ showf:true,
292
+ showg:true,
293
+ showh:true,
294
+ showi:true,
295
+ showj:true,
296
+ showk:true,
297
+ showl:true,
298
+ showo:true,
299
+ showp:true,
300
+ showq:true,
301
+ showr:true,
302
+ imageData:{
303
+ f_process_1: null,
304
+ f_process_2: null,
305
+ f_process_3: null
306
+ },
307
+ f_user_sure: null,
308
+ f_user_sure1: null,
309
+ f_user_sure2: null
310
+ }
311
+ },
312
+ methods: {
313
+ // 删除按钮事件
314
+ async delet(index, row ,num) {
315
+ let f_download = row.split('/')
316
+ console.log("截取数据:" + f_download)
317
+ let condition = "f_picture = 'd:\\" + f_download[3] + "'"
318
+ let http = new HttpResetClass();
319
+ let res = await http.load('POST','rs/sql/applysingleTable', {data: {tablename: 't_image',condition: condition}},{resolveMsg: null, rejectMsg: '获取图片失败!'})
320
+ console.log("上传图片数据:" + res.data[0].id)
321
+ this.$resetdelete('rs/entity/t_image', {id: res.data[0].id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
322
+ this.fileInfoData.splice(index, 1)
323
+ f_download = num.split('L')
324
+ f_download = f_download[1]
325
+ console.log("截取数据2:" + f_download)
326
+ if (f_download == "1") {
327
+ this.showa = true
328
+ }
329
+ if (f_download == "2") {
330
+ this.showb = true
331
+ }
332
+ if (f_download == "3") {
333
+ this.showc = true
334
+ }
335
+ if (f_download == "4") {
336
+ this.showd = true
337
+ }
338
+ if (f_download == "5") {
339
+ this.showe = true
340
+ }
341
+ if (f_download == "6") {
342
+ this.showf = true
343
+ }
344
+ if (f_download == "7") {
345
+ this.showg = true
346
+ }
347
+ if (f_download == "8") {
348
+ this.showh = true
349
+ }
350
+ if (f_download == "9") {
351
+ this.showi = true
352
+ }
353
+ if (f_download == "10") {
354
+ this.showj = true
355
+ }
356
+ if (f_download == "11") {
357
+ this.showk = true
358
+ }
359
+ if (f_download == "12") {
360
+ this.showl = true
361
+ }
362
+ if (f_download == "20") {
363
+ this.showz = true
364
+ }
365
+ if (f_download == "21") {
366
+ this.showx = true
367
+ }
368
+ if (f_download == "22") {
369
+ this.shown = true
370
+ }
371
+ if (f_download == "23") {
372
+ this.showo = true
373
+ }
374
+ if (f_download == "24") {
375
+ this.showp = true
376
+ }
377
+ if (f_download == "25") {
378
+ this.showq = true
379
+ }
380
+ if (f_download == "26") {
381
+ this.showr = true
382
+ }
383
+
384
+
385
+ })
386
+ },
387
+
388
+ // 查询按钮事件
389
+
390
+ async search() {
391
+ // 图片查询逻辑
392
+ let image = null
393
+ let http = new HttpResetClass();
394
+ let condition = "f_apply_num = '" + this.blodid.f_apply_num + "'"
395
+ let res = await http.load('POST','rs/sql/applysingleTable', {data: {tablename: 't_apply',condition: condition}},{resolveMsg: null, rejectMsg: '获取图片失败!'})
396
+ // .then((res)=>{
397
+ console.log("图片数据:" + JSON.stringify(res.data))
398
+ if (res.data.length == 3) {
399
+ this.imageData.f_process_1 = res.data[0].f_process_id
400
+ this.imageData.f_process_2 = res.data[1].f_process_id
401
+ this.imageData.f_process_3 = res.data[2].f_process_id
402
+ }else if (res.data.length == 2) {
403
+ this.imageData.f_process_1 = res.data[0].f_process_id
404
+ this.imageData.f_process_2 = res.data[1].f_process_id
405
+ }else {
406
+ this.imageData.f_process_1 = res.data[0].f_process_id
407
+ }
408
+ condition = null
409
+ console.log("流程1:" + this.imageData.f_process_1 + "--------流程2:" + this.imageData.f_process_2)
410
+ if (this.imageData.f_process_1 != null && this.imageData.f_process_2 != null && this.imageData.f_process_3 != null) {
411
+ console.log("进来否???")
412
+ condition = `f_process_id = '${this.imageData.f_process_1}' or f_process_id = '${this.imageData.f_process_2}' or f_process_id = '${this.imageData.f_process_3}'`
413
+ }else if (this.imageData.f_process_1 != null && this.imageData.f_process_2 != null) {
414
+ condition = `f_process_id = '${this.imageData.f_process_1}' or f_process_id = '${this.imageData.f_process_2}'`
415
+ }else {
416
+ condition = `f_process_id = '${this.imageData.f_process_1}'`
417
+ }
418
+ let http2 = new HttpResetClass();
419
+ image = await http2.load('POST', 'rs/sql/getimage', {data: {condition: condition}}, {
420
+ resolveMsg: null,
421
+ rejectMsg: '获取图片路径失败'
422
+ })
423
+ // })
424
+ console.log("老孙到此一游----",image)
425
+ let http1 = new HttpResetClass();
426
+ let getpath = await http1.load('POST','rs/sql/singleTable_OrderBy', {data: {items: 'value,name',tablename: 't_singlevalue',orderitem: 'name' ,condition: `name = '图片地址'`}},{resolveMsg: null, rejectMsg: '获取区县失败!'})
427
+ let path = ''
428
+ console.log('查询到的图片:', getpath)
429
+ if (getpath.data[0].value) {
430
+ path = getpath.data[0].value
431
+ }
432
+ // this.params.rows.splice(index, 1)
433
+ console.log("图片数据长度:" + image.data.length)
434
+ if (image.data.length > 0) {
435
+ for (let row of image.data) {
436
+ console.log("图片类型:--" + row.f_type)
437
+ if (row.f_type === '身份证正面') {
438
+ let temp = row.f_picture
439
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
440
+ this.row.f_downloadURL1 = path +''+ URL
441
+ this.showa = false
442
+ }
443
+ if (row.f_type === '身份证反面') {
444
+ let temp = row.f_picture
445
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
446
+ this.row.f_downloadURL2 = path +'' + URL
447
+ this.showb = false
448
+ }
449
+ if (row.f_type === '房屋证明材料') {
450
+ let temp = row.f_picture
451
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
452
+ this.row.f_downloadURL3 = path +'' + URL
453
+ this.showc = false
454
+ }
455
+ if (row.f_type === '营业执照') {
456
+ let temp = row.f_picture
457
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
458
+ this.row.f_downloadURL4 = path +'' + URL
459
+ this.showd = false
460
+ }
461
+ if (row.f_type === '用户报装勘查业务申请表') {
462
+ let temp = row.f_picture
463
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
464
+ this.row.f_downloadURL5 = path +'' + URL
465
+ this.showe = false
466
+ }
467
+ if (row.f_type === '燃气报装申请告知单') {
468
+ let temp = row.f_picture
469
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
470
+ this.row.f_downloadURL6 = path +'' + URL
471
+ this.showf = false
472
+ }
473
+ if (row.f_type === '供气合同') {
474
+ let temp = row.f_picture
475
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
476
+ this.row.f_downloadURL7 = path +'' + URL
477
+ this.showg = false
478
+ }
479
+ if (row.f_type === '工程安装验收及结算单') {
480
+ let temp = row.f_picture
481
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
482
+ this.row.f_downloadURL8 = path +'' + URL
483
+ this.showh = false
484
+ }
485
+ if (row.f_type === '点火记录单') {
486
+ let temp = row.f_picture
487
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
488
+ this.row.f_downloadURL9 = path +'' + URL
489
+ this.showi = false
490
+ }
491
+ if (row.f_type === '压力试验结果') {
492
+ let temp = row.f_picture
493
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
494
+ this.row.f_downloadURL10 = path +'' + URL
495
+ this.showj = false
496
+ }
497
+ if (row.f_type === '用户确认1') {
498
+ let temp = row.f_picture
499
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
500
+ this.row.f_downloadURL11 = path +'' + URL
501
+ console.log("用户确认1:" + this.row.f_downloadURL11)
502
+ this.showk = false
503
+ }
504
+ if (row.f_type === '用户确认2') {
505
+ let temp = row.f_picture
506
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
507
+ // debugger
508
+ this.row.f_downloadURL12 = path +'' + URL
509
+ this.f_user_sure = this.row.f_downloadURL12
510
+ console.log("用户确认2:" + this.f_user_sure)
511
+ this.showl = false
512
+ }
513
+ if (row.f_type === '现场勘察照片1') {
514
+ let temp = row.f_picture
515
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
516
+ this.row.f_downloadURL20 = path +'' + URL
517
+ this.showz = false
518
+ }
519
+ if (row.f_type === '现场勘察照片2') {
520
+ let temp = row.f_picture
521
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
522
+ this.row.f_downloadURL21 = path +'' + URL
523
+ this.showx = false
524
+ }
525
+ if (row.f_type === '现场勘察照片3') {
526
+ let temp = row.f_picture
527
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
528
+ this.row.f_downloadURL22 = path +'' + URL
529
+ this.shown = false
530
+ }
531
+ if (row.f_type === '点火记录单2') {
532
+ let temp = row.f_picture
533
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
534
+ this.row.f_downloadURL23 = path +'' + URL
535
+ this.showo = false
536
+ }
537
+ if (row.f_type === '点火记录单3') {
538
+ let temp = row.f_picture
539
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
540
+ this.row.f_downloadURL24 = path +'' + URL
541
+ this.showp = false
542
+ }
543
+ if (row.f_type === '其他文件1') {
544
+ let temp = row.f_picture
545
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
546
+ this.row.f_downloadURL25 = path +'' + URL
547
+ this.f_user_sure1 = this.row.f_downloadURL25
548
+ this.showq = false
549
+ }
550
+ if (row.f_type === '其他文件2') {
551
+ let temp = row.f_picture
552
+ let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
553
+ this.row.f_downloadURL26 = path +'' + URL
554
+ this.f_user_sure2 = this.row.f_downloadURL26
555
+ this.showr = false
556
+ }
557
+ }
558
+ }
559
+ console.log('12121212121212')
560
+ console.log(this.row)
561
+ },
562
+ confirm(val,content,filename) {
563
+ if (!content) {
564
+ this.$showAlert("请先选择图片","warning", 1500)
565
+ return
566
+ }
567
+ if (!filename) {
568
+ this.$showAlert("请先选择图片","warning", 1500)
569
+ return
570
+ }
571
+ let param={
572
+ f_type : val,
573
+ f_content:content,
574
+ f_filename:filename,
575
+ f_process_id:this.blodid
576
+ }
577
+ this.$resetpost('rs/logic/saveimage', param).then(() => {
578
+ // this.params.rows.splice(index, 1)
579
+ console.log('更新成功!')
580
+ this.search()
581
+ })
582
+ },
583
+ },
584
+ async ready() {
585
+ this.search()
586
+ },
587
+ watch: {
588
+ 'blodid'(val) {
589
+ if (val) {
590
+ console.log('观察blodid', val)
591
+ this.search()
592
+ this.row={},
593
+ this.showa=true
594
+ this.showb=true
595
+ this.showc=true
596
+ this.showd=true
597
+ this.showe=true
598
+ this.showf=true
599
+ this.showg=true
600
+ this.showh=true
601
+ this.showi=true
602
+ this.showj=true
603
+ this.showk=true
604
+ this.showz=true
605
+ this.showx=true
606
+ this.shown=true
607
+ }
608
+ },
609
+ /* 'useType'() {
610
+ this.headers.fusetype = this.useType[0] ? this.useType[0] : ''
611
+ },
612
+ 'defname'() {
613
+ this.headers.defname=this.defname
614
+ }*/
615
+ },
616
+ computed: {
617
+
618
+ },
619
+ events: {
620
+
621
+ }
622
+ }
623
+ </script>