manage-client 1.22.59-ca → 1.22.60-ca
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.
- package/package.json +1 -1
- package/src/components/MeterManage/MeterMsg.vue +409 -390
package/package.json
CHANGED
|
@@ -1,390 +1,409 @@
|
|
|
1
|
-
<template >
|
|
2
|
-
<div id="stand-work-list" style="height: -webkit-fill-available" class="auto row flex bg-white p-10">
|
|
3
|
-
<div class="row" style="margin-top:5px;height: auto">
|
|
4
|
-
<p class="bg-info text-center" style="padding: 8px;">基本信息（{{row.archives_state?'已'+row.archives_state:'未开户'}}）</p>
|
|
5
|
-
</div>
|
|
6
|
-
<div class="panel panel-primary datapanel" style="height: auto;padding-right:20px;">
|
|
7
|
-
<div class="row">
|
|
8
|
-
<div class="col-xs-2">
|
|
9
|
-
<nobr><label type="text" class="form-control mystylecenter" >卡号:</label></nobr>
|
|
10
|
-
</div>
|
|
11
|
-
<div class="col-xs-4">
|
|
12
|
-
<label type="text" class="form-control mystylecenter "> {{row.f_card_id}}</label>
|
|
13
|
-
</div>
|
|
14
|
-
<div class="col-xs-2">
|
|
15
|
-
<nobr><label type="text" class="form-control mystylecenter" >购气次数:</label></nobr>
|
|
16
|
-
</div>
|
|
17
|
-
<div class="col-xs-4">
|
|
18
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_times}}</label>
|
|
19
|
-
</div>
|
|
20
|
-
</div>
|
|
21
|
-
<div class="row">
|
|
22
|
-
<div class="col-xs-2">
|
|
23
|
-
<nobr><label type="text" class="form-control mystylecenter" >用户姓名:</label></nobr>
|
|
24
|
-
</div>
|
|
25
|
-
<div class="col-xs-4">
|
|
26
|
-
<label type="text" class="form-control mystylecenter "> {{row.f_user_name}}</label>
|
|
27
|
-
</div>
|
|
28
|
-
<div class="col-xs-2">
|
|
29
|
-
<nobr><label type="text" class="form-control mystylecenter" >用户状态:</label></nobr>
|
|
30
|
-
</div>
|
|
31
|
-
<div class="col-xs-4">
|
|
32
|
-
<label type="text" class="form-control mystylecenter "> {{row.f_user_state}}</label>
|
|
33
|
-
</div>
|
|
34
|
-
<div class="col-xs-2">
|
|
35
|
-
<nobr><label type="text" class="form-control mystylecenter" >表具状态:</label></nobr>
|
|
36
|
-
</div>
|
|
37
|
-
<div class="col-xs-4">
|
|
38
|
-
<label type="text" class="form-control mystylecenter "> {{row.f_table_state}}</label>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
<div class="row">
|
|
42
|
-
<div class="col-xs-2">
|
|
43
|
-
<nobr><label type="text" class="form-control mystylecenter" >建档时间:</label></nobr>
|
|
44
|
-
</div>
|
|
45
|
-
<div class="col-xs-4">
|
|
46
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_createfile_date.substr(0,10)}}</label>
|
|
47
|
-
</div>
|
|
48
|
-
<div class="col-xs-2">
|
|
49
|
-
<nobr><label type="text" class="form-control mystylecenter" >用户电话:</label></nobr>
|
|
50
|
-
</div>
|
|
51
|
-
<div class="col-xs-4">
|
|
52
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_user_phone}}</label>
|
|
53
|
-
</div>
|
|
54
|
-
</div>
|
|
55
|
-
<div class="row">
|
|
56
|
-
<div class="col-xs-2">
|
|
57
|
-
<nobr><label type="text" class="form-control mystylecenter" >用户类型:</label></nobr>
|
|
58
|
-
</div>
|
|
59
|
-
<div class="col-xs-4">
|
|
60
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_user_type}}</label>
|
|
61
|
-
</div>
|
|
62
|
-
<div class="col-xs-2">
|
|
63
|
-
<nobr><label type="text" class="form-control mystylecenter" >用气性质:</label></nobr>
|
|
64
|
-
</div>
|
|
65
|
-
<div class="col-xs-4">
|
|
66
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_gasproperties}}</label>
|
|
67
|
-
</div>
|
|
68
|
-
</div>
|
|
69
|
-
<div class="row">
|
|
70
|
-
<div class="col-xs-2">
|
|
71
|
-
<nobr><label type="text" class="form-control mystylecenter" >用气设备:</label></nobr>
|
|
72
|
-
</div>
|
|
73
|
-
<div class="col-xs-4">
|
|
74
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_devices_type}}</label>
|
|
75
|
-
</div>
|
|
76
|
-
<div class="col-xs-2">
|
|
77
|
-
<nobr><label type="text" class="form-control mystylecenter" >气表品牌:</label></nobr>
|
|
78
|
-
</div>
|
|
79
|
-
<div class="col-xs-4">
|
|
80
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_meter_brand}}</label>
|
|
81
|
-
</div>
|
|
82
|
-
</div>
|
|
83
|
-
<div class="row">
|
|
84
|
-
<div class="col-xs-2">
|
|
85
|
-
<nobr><label type="text" class="form-control mystylecenter" >合同编号:</label></nobr>
|
|
86
|
-
</div>
|
|
87
|
-
<div class="col-xs-4">
|
|
88
|
-
<label type="text" class="form-control mystylecenter">{{row.f_contract_id?row.f_contract_id:''}}<a @click="showImage('供气合同')" style="float: right">查看图片</a></label>
|
|
89
|
-
</div>
|
|
90
|
-
<div class="col-xs-2">
|
|
91
|
-
<nobr><label type="text" class="form-control mystylecenter" >协议编号:</label></nobr>
|
|
92
|
-
</div>
|
|
93
|
-
<div class="col-xs-4">
|
|
94
|
-
<label type="text" class="form-control mystylecenter">{{row.f_safeagreement_id?row.f_safeagreement_id:''}}<a @click="showImage('安全协议')" style="float: right">查看图片</a></label>
|
|
95
|
-
</div>
|
|
96
|
-
</div>
|
|
97
|
-
<div class="row">
|
|
98
|
-
<div class="col-xs-2">
|
|
99
|
-
<nobr><label type="text" class="form-control mystylecenter" >用户地址:</label></nobr>
|
|
100
|
-
</div>
|
|
101
|
-
<div class="col-xs-10">
|
|
102
|
-
<label type="text" class="form-control mystylecenter "> {{row.f_address}}</label>
|
|
103
|
-
</div>
|
|
104
|
-
</div>
|
|
105
|
-
<div class="row">
|
|
106
|
-
<div class="col-xs-2">
|
|
107
|
-
<nobr><label type="text" class="form-control mystylecenter" >备注信息:</label></nobr>
|
|
108
|
-
</div>
|
|
109
|
-
<div class="col-xs-10">
|
|
110
|
-
<label type="text" class="form-control mystylecenter "> {{row.f_reason}}</label>
|
|
111
|
-
</div>
|
|
112
|
-
</div>
|
|
113
|
-
</div>
|
|
114
|
-
<div class="row" style="margin-top:20px;height: auto">
|
|
115
|
-
<p class="bg-info text-center" style="padding: 8px;">参数信息</p>
|
|
116
|
-
</div>
|
|
117
|
-
<div class="panel panel-primary datapanel" style="height: auto;padding-right:20px;">
|
|
118
|
-
<div class="row">
|
|
119
|
-
<div class="col-xs-2">
|
|
120
|
-
<nobr><label type="text" class="form-control mystylecenter" >累计金额:</label></nobr>
|
|
121
|
-
</div>
|
|
122
|
-
<div class="col-xs-4">
|
|
123
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_total_fee}}</label>
|
|
124
|
-
</div>
|
|
125
|
-
<div class="col-xs-2">
|
|
126
|
-
<nobr><label type="text" class="form-control mystylecenter" >累计气量:</label></nobr>
|
|
127
|
-
</div>
|
|
128
|
-
<div class="col-xs-4">
|
|
129
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_total_gas}}</label>
|
|
130
|
-
</div>
|
|
131
|
-
</div>
|
|
132
|
-
<div class="row">
|
|
133
|
-
<div class="col-xs-2">
|
|
134
|
-
<nobr> <label type="text" class="form-control mystylecenter" >安检年数:</label></nobr>
|
|
135
|
-
</div>
|
|
136
|
-
<div class="col-xs-4">
|
|
137
|
-
<label type="text" class="form-control mystylecenter"> {{row.anjianyear}}</label>
|
|
138
|
-
</div>
|
|
139
|
-
<div class="col-xs-2">
|
|
140
|
-
<nobr><label type="text" class="form-control mystylecenter" >报废年数:</label></nobr>
|
|
141
|
-
</div>
|
|
142
|
-
<div class="col-xs-4">
|
|
143
|
-
<label type="text" class="form-control mystylecenter"> {{row.baofeiyear}}</label>
|
|
144
|
-
</div>
|
|
145
|
-
|
|
146
|
-
</div>
|
|
147
|
-
<div class="row">
|
|
148
|
-
<div class="col-xs-2">
|
|
149
|
-
<nobr><label type="text" class="form-control mystylecenter" >报警气量:</label></nobr>
|
|
150
|
-
</div>
|
|
151
|
-
<div class="col-xs-4">
|
|
152
|
-
<label type="text" class="form-control mystylecenter"> {{row.onealarm}}/{{row.twoalarm}}</label>
|
|
153
|
-
</div>
|
|
154
|
-
<div class="col-xs-2">
|
|
155
|
-
<nobr><label type="text" class="form-control mystylecenter" >限购上限:</label></nobr>
|
|
156
|
-
</div>
|
|
157
|
-
<div class="col-xs-4">
|
|
158
|
-
<label type="text" class="form-control mystylecenter"> {{row.is_tablelimit}}/{{row.is_tablelimit_gas}}</label>
|
|
159
|
-
</div>
|
|
160
|
-
|
|
161
|
-
</div>
|
|
162
|
-
<div class="row">
|
|
163
|
-
<div class="col-xs-2">
|
|
164
|
-
<nobr><label type="text" class="form-control mystylecenter" >死表关阀:</label></nobr>
|
|
165
|
-
</div>
|
|
166
|
-
<div class="col-xs-4">
|
|
167
|
-
<label type="text" class="form-control mystylecenter"> {{row.is_close}}/{{row.is_close_one}}/{{row.is_close_two}}</label>
|
|
168
|
-
</div>
|
|
169
|
-
<div class="col-xs-2">
|
|
170
|
-
<nobr><label type="text" class="form-control mystylecenter" >单价生效日期:</label></nobr>
|
|
171
|
-
</div>
|
|
172
|
-
<div class="col-xs-4">
|
|
173
|
-
<label type="text" class="form-control mystylecenter"> {{row.pricedate?row.pricedate.substr(0,10):''}}</label>
|
|
174
|
-
</div>
|
|
175
|
-
</div>
|
|
176
|
-
<div class="row">
|
|
177
|
-
<div class="col-xs-2">
|
|
178
|
-
<nobr> <label type="text" class="form-control mystylecenter" >新单价:</label></nobr>
|
|
179
|
-
</div>
|
|
180
|
-
<div class="col-xs-4">
|
|
181
|
-
<label type="text" class="form-control mystylecenter"> {{row.pricenew}}</label>
|
|
182
|
-
</div>
|
|
183
|
-
<div class="col-xs-2">
|
|
184
|
-
<nobr> <label type="text" class="form-control mystylecenter" >单价:</label></nobr>
|
|
185
|
-
</div>
|
|
186
|
-
<div class="col-xs-4">
|
|
187
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_price_name}}</label>
|
|
188
|
-
</div>
|
|
189
|
-
</div>
|
|
190
|
-
<div class="row">
|
|
191
|
-
<div class="col-xs-2">
|
|
192
|
-
<nobr><label type="text" class="form-control mystylecenter" >表号:</label></nobr>
|
|
193
|
-
</div>
|
|
194
|
-
<div class="col-xs-4">
|
|
195
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_meternumber}}</label>
|
|
196
|
-
</div>
|
|
197
|
-
<div class="col-xs-2">
|
|
198
|
-
<nobr><label type="text" class="form-control mystylecenter" >表封号:</label></nobr>
|
|
199
|
-
</div>
|
|
200
|
-
<div class="col-xs-4">
|
|
201
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_metertitles}}</label>
|
|
202
|
-
</div>
|
|
203
|
-
</div>
|
|
204
|
-
<div class="row">
|
|
205
|
-
<div class="col-xs-2">
|
|
206
|
-
<nobr><label type="text" class="form-control mystylecenter" >计量表编号:</label></nobr>
|
|
207
|
-
</div>
|
|
208
|
-
<div class="col-xs-4">
|
|
209
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_barcode}}</label>
|
|
210
|
-
</div>
|
|
211
|
-
<div class="col-xs-2">
|
|
212
|
-
<nobr><label type="text" class="form-control mystylecenter" >换表时间:</label></nobr>
|
|
213
|
-
</div>
|
|
214
|
-
<div class="col-xs-4">
|
|
215
|
-
<label type="text" class="form-control mystylecenter"> {{row.f_changetable_date}}</label>
|
|
216
|
-
</div>
|
|
217
|
-
</div>
|
|
218
|
-
|
|
219
|
-
</div>
|
|
220
|
-
<div class="row" style="margin-top:10px;">
|
|
221
|
-
<button type="button" class="btn btn-info btn-ln fr" @click="$parent.$parent.cancel()" >关闭</button>
|
|
222
|
-
</div>
|
|
223
|
-
<div class="full-img" v-if="show" >
|
|
224
|
-
<template v-for="(i,row) in images">
|
|
225
|
-
<img :src="row.downloadurl" v-show="i===index" class="img-state">
|
|
226
|
-
</template>
|
|
227
|
-
<div class="btns">
|
|
228
|
-
<button type="button" name="button" class="btn btn-primary" @click="enlarge()">放大</button>
|
|
229
|
-
<button type="button" name="button" class="btn btn-primary" @click="reduce()">缩小</button>
|
|
230
|
-
<button type="button" name="button" class="btn btn-primary" :disabled="index===0" @click="up()">上一个</button>
|
|
231
|
-
{{ index +1 }} / {{ images.length }}
|
|
232
|
-
<button type="button" name="button" class="btn btn-primary" :disabled="index===this.images.length" @click="down()" >下一个</button>
|
|
233
|
-
<button type="button" name="button" class="btn btn-primary" @click="leftRevolve()">向左旋转</button>
|
|
234
|
-
<button type="button" name="button" class="btn btn-primary" @click="rightRevolve()">向右旋转</button>
|
|
235
|
-
<button type="button" name="button" class="btn btn-primary" @click="close()" >关闭</button>
|
|
236
|
-
</div>
|
|
237
|
-
</div>
|
|
238
|
-
</div>
|
|
239
|
-
</template>
|
|
240
|
-
|
|
241
|
-
<script>
|
|
242
|
-
import vue from 'vue'
|
|
243
|
-
|
|
244
|
-
import {HttpResetClass} from 'vue-client'
|
|
245
|
-
import $ from "jquery";
|
|
246
|
-
|
|
247
|
-
export default {
|
|
248
|
-
title: '表具信息',
|
|
249
|
-
// 表相关信息1
|
|
250
|
-
props: ['searchdata'],
|
|
251
|
-
|
|
252
|
-
data () {
|
|
253
|
-
return {
|
|
254
|
-
model: null,
|
|
255
|
-
row:{},
|
|
256
|
-
meterInfo:{},
|
|
257
|
-
show: false,
|
|
258
|
-
images: [],
|
|
259
|
-
index: 0
|
|
260
|
-
}
|
|
261
|
-
},
|
|
262
|
-
methods: {
|
|
263
|
-
up(){
|
|
264
|
-
this.index -= 1
|
|
265
|
-
},
|
|
266
|
-
down(){
|
|
267
|
-
this.index += 1
|
|
268
|
-
},
|
|
269
|
-
open () {
|
|
270
|
-
this.deg = 0
|
|
271
|
-
this.power = 0.5
|
|
272
|
-
this.show = true
|
|
273
|
-
},
|
|
274
|
-
close () {
|
|
275
|
-
this.show = false
|
|
276
|
-
},
|
|
277
|
-
enlarge () {
|
|
278
|
-
this.power = 2*this.power
|
|
279
|
-
this.imgState()
|
|
280
|
-
},
|
|
281
|
-
reduce () {
|
|
282
|
-
this.power = 0.5*this.power
|
|
283
|
-
this.imgState()
|
|
284
|
-
},
|
|
285
|
-
leftRevolve () {
|
|
286
|
-
this.deg -= 90
|
|
287
|
-
this.imgState()
|
|
288
|
-
},
|
|
289
|
-
rightRevolve () {
|
|
290
|
-
this.deg += 90
|
|
291
|
-
this.imgState()
|
|
292
|
-
},
|
|
293
|
-
imgState () {
|
|
294
|
-
$('.img-state').css({
|
|
295
|
-
'transform': 'rotate(' + this.deg + 'deg) scale(' + this.power + ' ,' + this.power + ')'
|
|
296
|
-
})
|
|
297
|
-
},
|
|
298
|
-
showImage(type){
|
|
299
|
-
let http = new HttpResetClass()
|
|
300
|
-
// 如果展示供气合同， 开始查询
|
|
301
|
-
this.$resetpost('/rs/sql/singleTable_OrderBy',
|
|
302
|
-
{
|
|
303
|
-
data:{
|
|
304
|
-
tablename: "t_check_paper cp LEFT JOIN t_paper_overall_imgs poi ON concat(CP.ID,'') = POI.F_PAPER_ID",
|
|
305
|
-
orderitem: " f_offsite_time desc",
|
|
306
|
-
items: " CP.F_CARD_ID, cp.f_offsite_time, cp.f_checker_name, POI.TITLE, '/rs/image/file/' || POI.F_OVERALL_PATH downloadurl ",
|
|
307
|
-
condition: ` CP.F_CARD_ID = '${this.row.f_card_id}' and CP.f_state = '已检' AND ( ( POI.title = '安全协议' AND F_OVERALL_PATH IS NOT NULL ) OR ( POI.title = '供气合同' AND F_OVERALL_PATH IS NOT NULL)) `
|
|
308
|
-
}
|
|
309
|
-
},
|
|
310
|
-
{resolveMsg: null, rejectMsg: null}).then((res) => {
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
this
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
},
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
.
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
1
|
+
<template >
|
|
2
|
+
<div id="stand-work-list" style="height: -webkit-fill-available" class="auto row flex bg-white p-10">
|
|
3
|
+
<div class="row" style="margin-top:5px;height: auto">
|
|
4
|
+
<p class="bg-info text-center" style="padding: 8px;">基本信息（{{row.archives_state?'已'+row.archives_state:'未开户'}}）</p>
|
|
5
|
+
</div>
|
|
6
|
+
<div class="panel panel-primary datapanel" style="height: auto;padding-right:20px;">
|
|
7
|
+
<div class="row">
|
|
8
|
+
<div class="col-xs-2">
|
|
9
|
+
<nobr><label type="text" class="form-control mystylecenter" >卡号:</label></nobr>
|
|
10
|
+
</div>
|
|
11
|
+
<div class="col-xs-4">
|
|
12
|
+
<label type="text" class="form-control mystylecenter "> {{row.f_card_id}}</label>
|
|
13
|
+
</div>
|
|
14
|
+
<div class="col-xs-2">
|
|
15
|
+
<nobr><label type="text" class="form-control mystylecenter" >购气次数:</label></nobr>
|
|
16
|
+
</div>
|
|
17
|
+
<div class="col-xs-4">
|
|
18
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_times}}</label>
|
|
19
|
+
</div>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="row">
|
|
22
|
+
<div class="col-xs-2">
|
|
23
|
+
<nobr><label type="text" class="form-control mystylecenter" >用户姓名:</label></nobr>
|
|
24
|
+
</div>
|
|
25
|
+
<div class="col-xs-4">
|
|
26
|
+
<label type="text" class="form-control mystylecenter "> {{row.f_user_name}}</label>
|
|
27
|
+
</div>
|
|
28
|
+
<div class="col-xs-2">
|
|
29
|
+
<nobr><label type="text" class="form-control mystylecenter" >用户状态:</label></nobr>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="col-xs-4">
|
|
32
|
+
<label type="text" class="form-control mystylecenter "> {{row.f_user_state}}</label>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="col-xs-2">
|
|
35
|
+
<nobr><label type="text" class="form-control mystylecenter" >表具状态:</label></nobr>
|
|
36
|
+
</div>
|
|
37
|
+
<div class="col-xs-4">
|
|
38
|
+
<label type="text" class="form-control mystylecenter "> {{row.f_table_state}}</label>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="row">
|
|
42
|
+
<div class="col-xs-2">
|
|
43
|
+
<nobr><label type="text" class="form-control mystylecenter" >建档时间:</label></nobr>
|
|
44
|
+
</div>
|
|
45
|
+
<div class="col-xs-4">
|
|
46
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_createfile_date.substr(0,10)}}</label>
|
|
47
|
+
</div>
|
|
48
|
+
<div class="col-xs-2">
|
|
49
|
+
<nobr><label type="text" class="form-control mystylecenter" >用户电话:</label></nobr>
|
|
50
|
+
</div>
|
|
51
|
+
<div class="col-xs-4">
|
|
52
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_user_phone}}</label>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
<div class="row">
|
|
56
|
+
<div class="col-xs-2">
|
|
57
|
+
<nobr><label type="text" class="form-control mystylecenter" >用户类型:</label></nobr>
|
|
58
|
+
</div>
|
|
59
|
+
<div class="col-xs-4">
|
|
60
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_user_type}}</label>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="col-xs-2">
|
|
63
|
+
<nobr><label type="text" class="form-control mystylecenter" >用气性质:</label></nobr>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="col-xs-4">
|
|
66
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_gasproperties}}</label>
|
|
67
|
+
</div>
|
|
68
|
+
</div>
|
|
69
|
+
<div class="row">
|
|
70
|
+
<div class="col-xs-2">
|
|
71
|
+
<nobr><label type="text" class="form-control mystylecenter" >用气设备:</label></nobr>
|
|
72
|
+
</div>
|
|
73
|
+
<div class="col-xs-4">
|
|
74
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_devices_type}}</label>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="col-xs-2">
|
|
77
|
+
<nobr><label type="text" class="form-control mystylecenter" >气表品牌:</label></nobr>
|
|
78
|
+
</div>
|
|
79
|
+
<div class="col-xs-4">
|
|
80
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_meter_brand}}</label>
|
|
81
|
+
</div>
|
|
82
|
+
</div>
|
|
83
|
+
<div class="row">
|
|
84
|
+
<div class="col-xs-2">
|
|
85
|
+
<nobr><label type="text" class="form-control mystylecenter" >合同编号:</label></nobr>
|
|
86
|
+
</div>
|
|
87
|
+
<div class="col-xs-4">
|
|
88
|
+
<label type="text" class="form-control mystylecenter">{{row.f_contract_id?row.f_contract_id:''}}<a @click="showImage('供气合同')" style="float: right">查看图片</a></label>
|
|
89
|
+
</div>
|
|
90
|
+
<div class="col-xs-2">
|
|
91
|
+
<nobr><label type="text" class="form-control mystylecenter" >协议编号:</label></nobr>
|
|
92
|
+
</div>
|
|
93
|
+
<div class="col-xs-4">
|
|
94
|
+
<label type="text" class="form-control mystylecenter">{{row.f_safeagreement_id?row.f_safeagreement_id:''}}<a @click="showImage('安全协议')" style="float: right">查看图片</a></label>
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
<div class="row">
|
|
98
|
+
<div class="col-xs-2">
|
|
99
|
+
<nobr><label type="text" class="form-control mystylecenter" >用户地址:</label></nobr>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="col-xs-10">
|
|
102
|
+
<label type="text" class="form-control mystylecenter "> {{row.f_address}}</label>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
<div class="row">
|
|
106
|
+
<div class="col-xs-2">
|
|
107
|
+
<nobr><label type="text" class="form-control mystylecenter" >备注信息:</label></nobr>
|
|
108
|
+
</div>
|
|
109
|
+
<div class="col-xs-10">
|
|
110
|
+
<label type="text" class="form-control mystylecenter "> {{row.f_reason}}</label>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
</div>
|
|
114
|
+
<div class="row" style="margin-top:20px;height: auto">
|
|
115
|
+
<p class="bg-info text-center" style="padding: 8px;">参数信息</p>
|
|
116
|
+
</div>
|
|
117
|
+
<div class="panel panel-primary datapanel" style="height: auto;padding-right:20px;">
|
|
118
|
+
<div class="row">
|
|
119
|
+
<div class="col-xs-2">
|
|
120
|
+
<nobr><label type="text" class="form-control mystylecenter" >累计金额:</label></nobr>
|
|
121
|
+
</div>
|
|
122
|
+
<div class="col-xs-4">
|
|
123
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_total_fee}}</label>
|
|
124
|
+
</div>
|
|
125
|
+
<div class="col-xs-2">
|
|
126
|
+
<nobr><label type="text" class="form-control mystylecenter" >累计气量:</label></nobr>
|
|
127
|
+
</div>
|
|
128
|
+
<div class="col-xs-4">
|
|
129
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_total_gas}}</label>
|
|
130
|
+
</div>
|
|
131
|
+
</div>
|
|
132
|
+
<div class="row">
|
|
133
|
+
<div class="col-xs-2">
|
|
134
|
+
<nobr> <label type="text" class="form-control mystylecenter" >安检年数:</label></nobr>
|
|
135
|
+
</div>
|
|
136
|
+
<div class="col-xs-4">
|
|
137
|
+
<label type="text" class="form-control mystylecenter"> {{row.anjianyear}}</label>
|
|
138
|
+
</div>
|
|
139
|
+
<div class="col-xs-2">
|
|
140
|
+
<nobr><label type="text" class="form-control mystylecenter" >报废年数:</label></nobr>
|
|
141
|
+
</div>
|
|
142
|
+
<div class="col-xs-4">
|
|
143
|
+
<label type="text" class="form-control mystylecenter"> {{row.baofeiyear}}</label>
|
|
144
|
+
</div>
|
|
145
|
+
|
|
146
|
+
</div>
|
|
147
|
+
<div class="row">
|
|
148
|
+
<div class="col-xs-2">
|
|
149
|
+
<nobr><label type="text" class="form-control mystylecenter" >报警气量:</label></nobr>
|
|
150
|
+
</div>
|
|
151
|
+
<div class="col-xs-4">
|
|
152
|
+
<label type="text" class="form-control mystylecenter"> {{row.onealarm}}/{{row.twoalarm}}</label>
|
|
153
|
+
</div>
|
|
154
|
+
<div class="col-xs-2">
|
|
155
|
+
<nobr><label type="text" class="form-control mystylecenter" >限购上限:</label></nobr>
|
|
156
|
+
</div>
|
|
157
|
+
<div class="col-xs-4">
|
|
158
|
+
<label type="text" class="form-control mystylecenter"> {{row.is_tablelimit}}/{{row.is_tablelimit_gas}}</label>
|
|
159
|
+
</div>
|
|
160
|
+
|
|
161
|
+
</div>
|
|
162
|
+
<div class="row">
|
|
163
|
+
<div class="col-xs-2">
|
|
164
|
+
<nobr><label type="text" class="form-control mystylecenter" >死表关阀:</label></nobr>
|
|
165
|
+
</div>
|
|
166
|
+
<div class="col-xs-4">
|
|
167
|
+
<label type="text" class="form-control mystylecenter"> {{row.is_close}}/{{row.is_close_one}}/{{row.is_close_two}}</label>
|
|
168
|
+
</div>
|
|
169
|
+
<div class="col-xs-2">
|
|
170
|
+
<nobr><label type="text" class="form-control mystylecenter" >单价生效日期:</label></nobr>
|
|
171
|
+
</div>
|
|
172
|
+
<div class="col-xs-4">
|
|
173
|
+
<label type="text" class="form-control mystylecenter"> {{row.pricedate?row.pricedate.substr(0,10):''}}</label>
|
|
174
|
+
</div>
|
|
175
|
+
</div>
|
|
176
|
+
<div class="row">
|
|
177
|
+
<div class="col-xs-2">
|
|
178
|
+
<nobr> <label type="text" class="form-control mystylecenter" >新单价:</label></nobr>
|
|
179
|
+
</div>
|
|
180
|
+
<div class="col-xs-4">
|
|
181
|
+
<label type="text" class="form-control mystylecenter"> {{row.pricenew}}</label>
|
|
182
|
+
</div>
|
|
183
|
+
<div class="col-xs-2">
|
|
184
|
+
<nobr> <label type="text" class="form-control mystylecenter" >单价:</label></nobr>
|
|
185
|
+
</div>
|
|
186
|
+
<div class="col-xs-4">
|
|
187
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_price_name}}</label>
|
|
188
|
+
</div>
|
|
189
|
+
</div>
|
|
190
|
+
<div class="row">
|
|
191
|
+
<div class="col-xs-2">
|
|
192
|
+
<nobr><label type="text" class="form-control mystylecenter" >表号:</label></nobr>
|
|
193
|
+
</div>
|
|
194
|
+
<div class="col-xs-4">
|
|
195
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_meternumber}}</label>
|
|
196
|
+
</div>
|
|
197
|
+
<div class="col-xs-2">
|
|
198
|
+
<nobr><label type="text" class="form-control mystylecenter" >表封号:</label></nobr>
|
|
199
|
+
</div>
|
|
200
|
+
<div class="col-xs-4">
|
|
201
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_metertitles}}</label>
|
|
202
|
+
</div>
|
|
203
|
+
</div>
|
|
204
|
+
<div class="row">
|
|
205
|
+
<div class="col-xs-2">
|
|
206
|
+
<nobr><label type="text" class="form-control mystylecenter" >计量表编号:</label></nobr>
|
|
207
|
+
</div>
|
|
208
|
+
<div class="col-xs-4">
|
|
209
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_barcode}}</label>
|
|
210
|
+
</div>
|
|
211
|
+
<div class="col-xs-2">
|
|
212
|
+
<nobr><label type="text" class="form-control mystylecenter" >换表时间:</label></nobr>
|
|
213
|
+
</div>
|
|
214
|
+
<div class="col-xs-4">
|
|
215
|
+
<label type="text" class="form-control mystylecenter"> {{row.f_changetable_date}}</label>
|
|
216
|
+
</div>
|
|
217
|
+
</div>
|
|
218
|
+
|
|
219
|
+
</div>
|
|
220
|
+
<div class="row" style="margin-top:10px;">
|
|
221
|
+
<button type="button" class="btn btn-info btn-ln fr" @click="$parent.$parent.cancel()" >关闭</button>
|
|
222
|
+
</div>
|
|
223
|
+
<div class="full-img" v-if="show" >
|
|
224
|
+
<template v-for="(i,row) in images">
|
|
225
|
+
<img :src="row.downloadurl" v-show="i===index" class="img-state">
|
|
226
|
+
</template>
|
|
227
|
+
<div class="btns">
|
|
228
|
+
<button type="button" name="button" class="btn btn-primary" @click="enlarge()">放大</button>
|
|
229
|
+
<button type="button" name="button" class="btn btn-primary" @click="reduce()">缩小</button>
|
|
230
|
+
<button type="button" name="button" class="btn btn-primary" :disabled="index===0" @click="up()">上一个</button>
|
|
231
|
+
{{ index +1 }} / {{ images.length }}
|
|
232
|
+
<button type="button" name="button" class="btn btn-primary" :disabled="index===this.images.length" @click="down()" >下一个</button>
|
|
233
|
+
<button type="button" name="button" class="btn btn-primary" @click="leftRevolve()">向左旋转</button>
|
|
234
|
+
<button type="button" name="button" class="btn btn-primary" @click="rightRevolve()">向右旋转</button>
|
|
235
|
+
<button type="button" name="button" class="btn btn-primary" @click="close()" >关闭</button>
|
|
236
|
+
</div>
|
|
237
|
+
</div>
|
|
238
|
+
</div>
|
|
239
|
+
</template>
|
|
240
|
+
|
|
241
|
+
<script>
|
|
242
|
+
import vue from 'vue'
|
|
243
|
+
|
|
244
|
+
import {HttpResetClass} from 'vue-client'
|
|
245
|
+
import $ from "jquery";
|
|
246
|
+
|
|
247
|
+
export default {
|
|
248
|
+
title: '表具信息',
|
|
249
|
+
// 表相关信息1
|
|
250
|
+
props: ['searchdata'],
|
|
251
|
+
|
|
252
|
+
data () {
|
|
253
|
+
return {
|
|
254
|
+
model: null,
|
|
255
|
+
row:{},
|
|
256
|
+
meterInfo:{},
|
|
257
|
+
show: false,
|
|
258
|
+
images: [],
|
|
259
|
+
index: 0
|
|
260
|
+
}
|
|
261
|
+
},
|
|
262
|
+
methods: {
|
|
263
|
+
up(){
|
|
264
|
+
this.index -= 1
|
|
265
|
+
},
|
|
266
|
+
down(){
|
|
267
|
+
this.index += 1
|
|
268
|
+
},
|
|
269
|
+
open () {
|
|
270
|
+
this.deg = 0
|
|
271
|
+
this.power = 0.5
|
|
272
|
+
this.show = true
|
|
273
|
+
},
|
|
274
|
+
close () {
|
|
275
|
+
this.show = false
|
|
276
|
+
},
|
|
277
|
+
enlarge () {
|
|
278
|
+
this.power = 2*this.power
|
|
279
|
+
this.imgState()
|
|
280
|
+
},
|
|
281
|
+
reduce () {
|
|
282
|
+
this.power = 0.5*this.power
|
|
283
|
+
this.imgState()
|
|
284
|
+
},
|
|
285
|
+
leftRevolve () {
|
|
286
|
+
this.deg -= 90
|
|
287
|
+
this.imgState()
|
|
288
|
+
},
|
|
289
|
+
rightRevolve () {
|
|
290
|
+
this.deg += 90
|
|
291
|
+
this.imgState()
|
|
292
|
+
},
|
|
293
|
+
imgState () {
|
|
294
|
+
$('.img-state').css({
|
|
295
|
+
'transform': 'rotate(' + this.deg + 'deg) scale(' + this.power + ' ,' + this.power + ')'
|
|
296
|
+
})
|
|
297
|
+
},
|
|
298
|
+
showImage(type){
|
|
299
|
+
let http = new HttpResetClass()
|
|
300
|
+
// 如果展示供气合同， 开始查询
|
|
301
|
+
this.$resetpost('/rs/sql/singleTable_OrderBy',
|
|
302
|
+
{
|
|
303
|
+
data:{
|
|
304
|
+
tablename: "t_check_paper cp LEFT JOIN t_paper_overall_imgs poi ON concat(CP.ID,'') = POI.F_PAPER_ID",
|
|
305
|
+
orderitem: " f_offsite_time desc",
|
|
306
|
+
items: " CP.F_CARD_ID, cp.f_offsite_time, cp.f_checker_name, POI.TITLE, '/rs/image/file/' || POI.F_OVERALL_PATH downloadurl ",
|
|
307
|
+
condition: ` CP.F_CARD_ID = '${this.row.f_card_id}' and CP.f_state = '已检' AND ( ( POI.title = '安全协议' AND F_OVERALL_PATH IS NOT NULL ) OR ( POI.title = '供气合同' AND F_OVERALL_PATH IS NOT NULL)) `
|
|
308
|
+
}
|
|
309
|
+
},
|
|
310
|
+
{resolveMsg: null, rejectMsg: null}).then((res) => {
|
|
311
|
+
let usetype =type==='安全协议'? '协议编号':'合同编号'
|
|
312
|
+
this.images = res.data.filter(item => item.title===type)
|
|
313
|
+
let condition = `f_blobid= '${this.row.f_userinfo_id}' and fusetype='${usetype}' `
|
|
314
|
+
let data = {
|
|
315
|
+
tablename: 't_files',
|
|
316
|
+
condition: condition + ` order by f_uploaddate desc `
|
|
317
|
+
}
|
|
318
|
+
this.$resetpost('rs/sql/singleTable', {data: data}, {
|
|
319
|
+
warnMsg: null,
|
|
320
|
+
resolveMsg: null
|
|
321
|
+
}).then((res)=>{
|
|
322
|
+
console.log(res.data)
|
|
323
|
+
if(res.data.length>0){
|
|
324
|
+
let item = res.data[0]
|
|
325
|
+
item.downloadurl = `rs/tencentfile/getTencentFile/${item.id}`
|
|
326
|
+
this.images.push(item)
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
console.log(this.images)
|
|
330
|
+
if (this.images.length===0){
|
|
331
|
+
this.$showAlert('暂时没有图片展示','warning',2000)
|
|
332
|
+
return
|
|
333
|
+
}
|
|
334
|
+
this.index = 0
|
|
335
|
+
this.open()
|
|
336
|
+
})
|
|
337
|
+
|
|
338
|
+
})
|
|
339
|
+
},
|
|
340
|
+
// 发送请求数据
|
|
341
|
+
search () {
|
|
342
|
+
let http = new HttpResetClass()
|
|
343
|
+
let constr=' 1=1 '
|
|
344
|
+
if(this.searchdata.f_card_id){
|
|
345
|
+
constr=constr+' and '+` f_card_id ='${this.searchdata.f_card_id}' `
|
|
346
|
+
}else if(this.searchdata.f_user_id) {
|
|
347
|
+
constr=constr+' and '+` f_user_id ='${this.searchdata.f_user_id}' `
|
|
348
|
+
}else if(this.searchdata.f_userinfo_id) {
|
|
349
|
+
constr=constr+' and '+` f_userinfo_id ='${this.searchdata.f_userinfo_id}' `
|
|
350
|
+
}else if(this.searchdata.f_userinfo_code) {
|
|
351
|
+
constr=constr+' and '+` f_userinfo_code ='${this.searchdata.f_userinfo_code}' `
|
|
352
|
+
}else {
|
|
353
|
+
return
|
|
354
|
+
}
|
|
355
|
+
http.load('POST','rs/sql/mange_getMsgByCardId',{data: {condition: constr}},
|
|
356
|
+
{resolveMsg: null, rejectMsg: null}).then((res) => {
|
|
357
|
+
this.row = res.data[0]})
|
|
358
|
+
},
|
|
359
|
+
},
|
|
360
|
+
ready () {
|
|
361
|
+
this.search()
|
|
362
|
+
},
|
|
363
|
+
watch: {
|
|
364
|
+
|
|
365
|
+
},
|
|
366
|
+
computed: {
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
</script>
|
|
370
|
+
<style scoped>
|
|
371
|
+
.full-img {
|
|
372
|
+
position: fixed;
|
|
373
|
+
top: 0;
|
|
374
|
+
bottom: 0;
|
|
375
|
+
left: 0;
|
|
376
|
+
right: 0;
|
|
377
|
+
z-index: 20;
|
|
378
|
+
background: rgba(0,0,0,0.8);
|
|
379
|
+
display: flex;
|
|
380
|
+
overflow: auto;
|
|
381
|
+
flex-direction: column;
|
|
382
|
+
justify-content: center;
|
|
383
|
+
align-items: center;
|
|
384
|
+
color: #fff;
|
|
385
|
+
}
|
|
386
|
+
.btns {
|
|
387
|
+
position: fixed;
|
|
388
|
+
bottom: 100px;
|
|
389
|
+
height: auto;
|
|
390
|
+
}
|
|
391
|
+
.btns button {
|
|
392
|
+
margin-right: 20px;
|
|
393
|
+
}
|
|
394
|
+
.img-state {
|
|
395
|
+
width: 70%
|
|
396
|
+
}
|
|
397
|
+
.datapanel {
|
|
398
|
+
color: #111;
|
|
399
|
+
background-color: white;
|
|
400
|
+
box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
|
|
401
|
+
padding: 10px 10px 10px 10px;
|
|
402
|
+
border-radius:15px;
|
|
403
|
+
}
|
|
404
|
+
.mystylecenter{
|
|
405
|
+
border: 0px;
|
|
406
|
+
text-align: center;
|
|
407
|
+
padding-left: 1px;
|
|
408
|
+
}
|
|
409
|
+
</style>
|