manage-client 1.22.58-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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "manage-client",
3
- "version": "1.22.58-ca",
3
+ "version": "1.22.60-ca",
4
4
  "description": "经营管控模块前台组件",
5
5
  "main": "src/index.js",
6
6
  "directories": {
@@ -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 }}&nbsp;
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
- this.images = res.data.filter(item => item.title===type)
312
- console.log(this.images)
313
- if (this.images.length===0){
314
- this.$showAlert('暂时没有图片展示','warning',2000)
315
- return
316
- }
317
- this.index = 0
318
- this.open()
319
- })
320
- },
321
- // 发送请求数据
322
- search () {
323
- let http = new HttpResetClass()
324
- let constr=' 1=1 '
325
- if(this.searchdata.f_card_id){
326
- constr=constr+' and '+` f_card_id ='${this.searchdata.f_card_id}' `
327
- }else if(this.searchdata.f_user_id) {
328
- constr=constr+' and '+` f_user_id ='${this.searchdata.f_user_id}' `
329
- }else if(this.searchdata.f_userinfo_id) {
330
- constr=constr+' and '+` f_userinfo_id ='${this.searchdata.f_userinfo_id}' `
331
- }else if(this.searchdata.f_userinfo_code) {
332
- constr=constr+' and '+` f_userinfo_code ='${this.searchdata.f_userinfo_code}' `
333
- }else {
334
- return
335
- }
336
- http.load('POST','rs/sql/mange_getMsgByCardId',{data: {condition: constr}},
337
- {resolveMsg: null, rejectMsg: null}).then((res) => {
338
- this.row = res.data[0]})
339
- },
340
- },
341
- ready () {
342
- this.search()
343
- },
344
- watch: {
345
-
346
- },
347
- computed: {
348
- }
349
- }
350
- </script>
351
- <style scoped>
352
- .full-img {
353
- position: fixed;
354
- top: 0;
355
- bottom: 0;
356
- left: 0;
357
- right: 0;
358
- z-index: 20;
359
- background: rgba(0,0,0,0.8);
360
- display: flex;
361
- overflow: auto;
362
- flex-direction: column;
363
- justify-content: center;
364
- align-items: center;
365
- color: #fff;
366
- }
367
- .btns {
368
- position: fixed;
369
- bottom: 100px;
370
- height: auto;
371
- }
372
- .btns button {
373
- margin-right: 20px;
374
- }
375
- .img-state {
376
- width: 70%
377
- }
378
- .datapanel {
379
- color: #111;
380
- background-color: white;
381
- box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
382
- padding: 10px 10px 10px 10px;
383
- border-radius:15px;
384
- }
385
- .mystylecenter{
386
- border: 0px;
387
- text-align: center;
388
- padding-left: 1px;
389
- }
390
- </style>
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 }}&nbsp;
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>
@@ -469,7 +469,7 @@ export default {
469
469
  },
470
470
  computed: {
471
471
  usertypes () {
472
- return this.$appdate.getParams("用户类型")
472
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
473
473
  },
474
474
  getCondition() {
475
475
  let condition=this.$refs.paged.$refs.cri.condition + this.orgCondtionStr