manage-client 1.22.39-ca → 1.22.40-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.
@@ -1,102 +1,102 @@
1
- var express = require('express')
2
- var webpack = require('webpack')
3
- var config = require('./webpack.dev.conf')
4
- var proxyMiddleware = require('http-proxy-middleware')
5
- // var httpProxy = require('http-proxy')
6
-
7
- var app = express()
8
- var compiler = webpack(config)
9
- // var proxy = httpProxy.createProxyServer()
10
-
11
- var bendi = 'http://127.0.0.1:8081/', changan = 'http://192.168.2.84:7003/'
12
- var proxyTable = {
13
- // 查找资源服务数据
14
- '/rs/sql/manageSingleTable': {
15
- target:changan
16
- },
17
- '/rs/sql/AbndonQuery': {
18
- target:'http://127.0.0.1:8081/'
19
- },
20
- '/rs/search': {
21
- target: changan
22
- },
23
- '/rs/logic/getLogin': {
24
- target: changan
25
- },
26
- '/rs/logic/getInitData': {
27
- target: changan
28
- },
29
- '/rs/logic/getSaleInitData': {
30
- target: changan
31
- },
32
- // 用户登录服务地址
33
- '/rs/user': {
34
- target: changan
35
- },
36
- '/rs/data': {
37
- target: changan
38
- },
39
- '/rs/license': {
40
- target: changan
41
- },
42
- '/xyhf/rs/xyhf': {
43
- target: changan
44
- },
45
- '/rs/sql': {
46
- target: bendi
47
- },
48
- '/rs/logic/exportfile': {
49
- target: bendi
50
- },
51
- '/rs': {
52
- //target: changan
53
- target: changan
54
- }
55
- }
56
- var devMiddleware = require('webpack-dev-middleware')(compiler, {
57
- publicPath: config.output.publicPath,
58
- stats: {
59
- colors: true,
60
- chunks: false
61
- }
62
- })
63
-
64
- var hotMiddleware = require('webpack-hot-middleware')(compiler)
65
- // force page reload when html-webpack-plugin template changes
66
- compiler.plugin('compilation', function (compilation) {
67
- compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
68
- hotMiddleware.publish({ action: 'reload' })
69
- cb()
70
- })
71
- })
72
-
73
- // proxy api requests
74
- Object.keys(proxyTable).forEach(function (context) {
75
- var options = proxyTable[context]
76
- if (typeof options === 'string') {
77
- options = { target: options }
78
- }
79
- app.use(proxyMiddleware(context, options))
80
- })
81
-
82
- // handle fallback for HTML5 history API
83
- app.use(require('connect-history-api-fallback')())
84
-
85
- // serve webpack bundle output
86
- app.use(devMiddleware)
87
-
88
- // enable hot-reload and state-preserving
89
- // compilation error display
90
- app.use(hotMiddleware)
91
-
92
- // serve pure static assets
93
- app.use('/static', express.static('./static'))
94
-
95
-
96
- module.exports = app.listen(8085, function (err) {
97
- if (err) {
98
- console.log(err)
99
- return
100
- }
101
- console.log('Listening at http://localhost:8085')
102
- })
1
+ var express = require('express')
2
+ var webpack = require('webpack')
3
+ var config = require('./webpack.dev.conf')
4
+ var proxyMiddleware = require('http-proxy-middleware')
5
+ // var httpProxy = require('http-proxy')
6
+
7
+ var app = express()
8
+ var compiler = webpack(config)
9
+ // var proxy = httpProxy.createProxyServer()
10
+
11
+ var bendi = 'http://192.168.2.79:7003/', changan = 'http://192.168.2.79:7003/'
12
+ var proxyTable = {
13
+ // 查找资源服务数据
14
+ '/rs/sql/manageSingleTable': {
15
+ target:changan
16
+ },
17
+ '/rs/sql/AbndonQuery': {
18
+ target:'http://127.0.0.1:8081/'
19
+ },
20
+ '/rs/search': {
21
+ target: changan
22
+ },
23
+ '/rs/logic/getLogin': {
24
+ target: changan
25
+ },
26
+ '/rs/logic/getInitData': {
27
+ target: changan
28
+ },
29
+ '/rs/logic/getSaleInitData': {
30
+ target: changan
31
+ },
32
+ // 用户登录服务地址
33
+ '/rs/user': {
34
+ target: changan
35
+ },
36
+ '/rs/data': {
37
+ target: changan
38
+ },
39
+ '/rs/license': {
40
+ target: changan
41
+ },
42
+ '/xyhf/rs/xyhf': {
43
+ target: changan
44
+ },
45
+ '/rs/sql': {
46
+ target: bendi
47
+ },
48
+ '/rs/logic/exportfile': {
49
+ target: bendi
50
+ },
51
+ '/rs': {
52
+ //target: changan
53
+ target: changan
54
+ }
55
+ }
56
+ var devMiddleware = require('webpack-dev-middleware')(compiler, {
57
+ publicPath: config.output.publicPath,
58
+ stats: {
59
+ colors: true,
60
+ chunks: false
61
+ }
62
+ })
63
+
64
+ var hotMiddleware = require('webpack-hot-middleware')(compiler)
65
+ // force page reload when html-webpack-plugin template changes
66
+ compiler.plugin('compilation', function (compilation) {
67
+ compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) {
68
+ hotMiddleware.publish({ action: 'reload' })
69
+ cb()
70
+ })
71
+ })
72
+
73
+ // proxy api requests
74
+ Object.keys(proxyTable).forEach(function (context) {
75
+ var options = proxyTable[context]
76
+ if (typeof options === 'string') {
77
+ options = { target: options }
78
+ }
79
+ app.use(proxyMiddleware(context, options))
80
+ })
81
+
82
+ // handle fallback for HTML5 history API
83
+ app.use(require('connect-history-api-fallback')())
84
+
85
+ // serve webpack bundle output
86
+ app.use(devMiddleware)
87
+
88
+ // enable hot-reload and state-preserving
89
+ // compilation error display
90
+ app.use(hotMiddleware)
91
+
92
+ // serve pure static assets
93
+ app.use('/static', express.static('./static'))
94
+
95
+
96
+ module.exports = app.listen(8085, function (err) {
97
+ if (err) {
98
+ console.log(err)
99
+ return
100
+ }
101
+ console.log('Listening at http://localhost:8085')
102
+ })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "manage-client",
3
- "version": "1.22.39-ca",
3
+ "version": "1.22.40-ca",
4
4
  "description": "经营管控模块前台组件",
5
5
  "main": "src/index.js",
6
6
  "directories": {
@@ -1,384 +1,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_table_state}}</label>
33
- </div>
34
- </div>
35
- <div class="row">
36
- <div class="col-xs-2">
37
- <nobr><label type="text" class="form-control mystylecenter" >建档时间:</label></nobr>
38
- </div>
39
- <div class="col-xs-4">
40
- <label type="text" class="form-control mystylecenter"> {{row.f_createfile_date.substr(0,10)}}</label>
41
- </div>
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_user_phone}}</label>
47
- </div>
48
- </div>
49
- <div class="row">
50
- <div class="col-xs-2">
51
- <nobr><label type="text" class="form-control mystylecenter" >用户类型:</label></nobr>
52
- </div>
53
- <div class="col-xs-4">
54
- <label type="text" class="form-control mystylecenter"> {{row.f_user_type}}</label>
55
- </div>
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_gasproperties}}</label>
61
- </div>
62
- </div>
63
- <div class="row">
64
- <div class="col-xs-2">
65
- <nobr><label type="text" class="form-control mystylecenter" >用气设备:</label></nobr>
66
- </div>
67
- <div class="col-xs-4">
68
- <label type="text" class="form-control mystylecenter"> {{row.f_devices_type}}</label>
69
- </div>
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_meter_brand}}</label>
75
- </div>
76
- </div>
77
- <div class="row">
78
- <div class="col-xs-2">
79
- <nobr><label type="text" class="form-control mystylecenter" >合同编号:</label></nobr>
80
- </div>
81
- <div class="col-xs-4">
82
- <label type="text" class="form-control mystylecenter">{{row.f_contract_id?row.f_contract_id:''}}<a @click="showImage('供气合同')" style="float: right">查看图片</a></label>
83
- </div>
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_safeagreement_id?row.f_safeagreement_id:''}}<a @click="showImage('安全协议')" style="float: right">查看图片</a></label>
89
- </div>
90
- </div>
91
- <div class="row">
92
- <div class="col-xs-2">
93
- <nobr><label type="text" class="form-control mystylecenter" >用户地址:</label></nobr>
94
- </div>
95
- <div class="col-xs-10">
96
- <label type="text" class="form-control mystylecenter "> {{row.f_address}}</label>
97
- </div>
98
- </div>
99
- <div class="row">
100
- <div class="col-xs-2">
101
- <nobr><label type="text" class="form-control mystylecenter" >备注信息:</label></nobr>
102
- </div>
103
- <div class="col-xs-10">
104
- <label type="text" class="form-control mystylecenter "> {{row.f_reason}}</label>
105
- </div>
106
- </div>
107
- </div>
108
- <div class="row" style="margin-top:20px;height: auto">
109
- <p class="bg-info text-center" style="padding: 8px;">参数信息</p>
110
- </div>
111
- <div class="panel panel-primary datapanel" style="height: auto;padding-right:20px;">
112
- <div class="row">
113
- <div class="col-xs-2">
114
- <nobr><label type="text" class="form-control mystylecenter" >累计金额:</label></nobr>
115
- </div>
116
- <div class="col-xs-4">
117
- <label type="text" class="form-control mystylecenter"> {{row.f_total_fee}}</label>
118
- </div>
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_gas}}</label>
124
- </div>
125
- </div>
126
- <div class="row">
127
- <div class="col-xs-2">
128
- <nobr> <label type="text" class="form-control mystylecenter" >安检年数:</label></nobr>
129
- </div>
130
- <div class="col-xs-4">
131
- <label type="text" class="form-control mystylecenter"> {{row.anjianyear}}</label>
132
- </div>
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.baofeiyear}}</label>
138
- </div>
139
-
140
- </div>
141
- <div class="row">
142
- <div class="col-xs-2">
143
- <nobr><label type="text" class="form-control mystylecenter" >报警气量:</label></nobr>
144
- </div>
145
- <div class="col-xs-4">
146
- <label type="text" class="form-control mystylecenter"> {{row.onealarm}}/{{row.twoalarm}}</label>
147
- </div>
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.is_tablelimit}}/{{row.is_tablelimit_gas}}</label>
153
- </div>
154
-
155
- </div>
156
- <div class="row">
157
- <div class="col-xs-2">
158
- <nobr><label type="text" class="form-control mystylecenter" >死表关阀:</label></nobr>
159
- </div>
160
- <div class="col-xs-4">
161
- <label type="text" class="form-control mystylecenter"> {{row.is_close}}/{{row.is_close_one}}/{{row.is_close_two}}</label>
162
- </div>
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.pricedate?row.pricedate.substr(0,10):''}}</label>
168
- </div>
169
- </div>
170
- <div class="row">
171
- <div class="col-xs-2">
172
- <nobr> <label type="text" class="form-control mystylecenter" >新单价:</label></nobr>
173
- </div>
174
- <div class="col-xs-4">
175
- <label type="text" class="form-control mystylecenter"> {{row.pricenew}}</label>
176
- </div>
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.f_price_name}}</label>
182
- </div>
183
- </div>
184
- <div class="row">
185
- <div class="col-xs-2">
186
- <nobr><label type="text" class="form-control mystylecenter" >表号:</label></nobr>
187
- </div>
188
- <div class="col-xs-4">
189
- <label type="text" class="form-control mystylecenter"> {{row.f_meternumber}}</label>
190
- </div>
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_metertitles}}</label>
196
- </div>
197
- </div>
198
- <div class="row">
199
- <div class="col-xs-2">
200
- <nobr><label type="text" class="form-control mystylecenter" >计量表编号:</label></nobr>
201
- </div>
202
- <div class="col-xs-4">
203
- <label type="text" class="form-control mystylecenter"> {{row.f_barcode}}</label>
204
- </div>
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_changetable_date}}</label>
210
- </div>
211
- </div>
212
-
213
- </div>
214
- <div class="row" style="margin-top:10px;">
215
- <button type="button" class="btn btn-info btn-ln fr" @click="$parent.$parent.cancel()" >关闭</button>
216
- </div>
217
- <div class="full-img" v-if="show" >
218
- <template v-for="(i,row) in images">
219
- <img :src="row.downloadurl" v-show="i===index" class="img-state">
220
- </template>
221
- <div class="btns">
222
- <button type="button" name="button" class="btn btn-primary" @click="enlarge()">放大</button>
223
- <button type="button" name="button" class="btn btn-primary" @click="reduce()">缩小</button>
224
- <button type="button" name="button" class="btn btn-primary" :disabled="index===0" @click="up()">上一个</button>
225
- {{ index +1 }} / {{ images.length }}&nbsp;
226
- <button type="button" name="button" class="btn btn-primary" :disabled="index===this.images.length" @click="down()" >下一个</button>
227
- <button type="button" name="button" class="btn btn-primary" @click="leftRevolve()">向左旋转</button>
228
- <button type="button" name="button" class="btn btn-primary" @click="rightRevolve()">向右旋转</button>
229
- <button type="button" name="button" class="btn btn-primary" @click="close()" >关闭</button>
230
- </div>
231
- </div>
232
- </div>
233
- </template>
234
-
235
- <script>
236
- import vue from 'vue'
237
-
238
- import {HttpResetClass} from 'vue-client'
239
- import $ from "jquery";
240
-
241
- export default {
242
- title: '表具信息',
243
- // 表相关信息1
244
- props: ['searchdata'],
245
-
246
- data () {
247
- return {
248
- model: null,
249
- row:{},
250
- meterInfo:{},
251
- show: false,
252
- images: [],
253
- index: 0
254
- }
255
- },
256
- methods: {
257
- up(){
258
- this.index -= 1
259
- },
260
- down(){
261
- this.index += 1
262
- },
263
- open () {
264
- this.deg = 0
265
- this.power = 0.5
266
- this.show = true
267
- },
268
- close () {
269
- this.show = false
270
- },
271
- enlarge () {
272
- this.power = 2*this.power
273
- this.imgState()
274
- },
275
- reduce () {
276
- this.power = 0.5*this.power
277
- this.imgState()
278
- },
279
- leftRevolve () {
280
- this.deg -= 90
281
- this.imgState()
282
- },
283
- rightRevolve () {
284
- this.deg += 90
285
- this.imgState()
286
- },
287
- imgState () {
288
- $('.img-state').css({
289
- 'transform': 'rotate(' + this.deg + 'deg) scale(' + this.power + ' ,' + this.power + ')'
290
- })
291
- },
292
- showImage(type){
293
- let http = new HttpResetClass()
294
- // 如果展示供气合同, 开始查询
295
- this.$resetpost('/rs/sql/singleTable_OrderBy',
296
- {
297
- data:{
298
- tablename: "t_check_paper cp LEFT JOIN t_paper_overall_imgs poi ON concat(CP.ID,'') = POI.F_PAPER_ID",
299
- orderitem: " f_offsite_time desc",
300
- items: " CP.F_CARD_ID, cp.f_offsite_time, cp.f_checker_name, POI.TITLE, '/rs/image/file/' || POI.F_OVERALL_PATH downloadurl ",
301
- 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)) `
302
- }
303
- },
304
- {resolveMsg: null, rejectMsg: null}).then((res) => {
305
- this.images = res.data.filter(item => item.title===type)
306
- console.log(this.images)
307
- if (this.images.length===0){
308
- this.$showAlert('暂时没有图片展示','warning',2000)
309
- return
310
- }
311
- this.index = 0
312
- this.open()
313
- })
314
- },
315
- // 发送请求数据
316
- search () {
317
- let http = new HttpResetClass()
318
- let constr=' 1=1 '
319
- if(this.searchdata.f_card_id){
320
- constr=constr+' and '+` f_card_id ='${this.searchdata.f_card_id}' `
321
- }else if(this.searchdata.f_user_id) {
322
- constr=constr+' and '+` f_user_id ='${this.searchdata.f_user_id}' `
323
- }else if(this.searchdata.f_userinfo_id) {
324
- constr=constr+' and '+` f_userinfo_id ='${this.searchdata.f_userinfo_id}' `
325
- }else if(this.searchdata.f_userinfo_code) {
326
- constr=constr+' and '+` f_userinfo_code ='${this.searchdata.f_userinfo_code}' `
327
- }else {
328
- return
329
- }
330
- http.load('POST','rs/sql/mange_getMsgByCardId',{data: {condition: constr}},
331
- {resolveMsg: null, rejectMsg: null}).then((res) => {
332
- this.row = res.data[0]})
333
- },
334
- },
335
- ready () {
336
- this.search()
337
- },
338
- watch: {
339
-
340
- },
341
- computed: {
342
- }
343
- }
344
- </script>
345
- <style scoped>
346
- .full-img {
347
- position: fixed;
348
- top: 0;
349
- bottom: 0;
350
- left: 0;
351
- right: 0;
352
- z-index: 20;
353
- background: rgba(0,0,0,0.8);
354
- display: flex;
355
- overflow: auto;
356
- flex-direction: column;
357
- justify-content: center;
358
- align-items: center;
359
- color: #fff;
360
- }
361
- .btns {
362
- position: fixed;
363
- bottom: 100px;
364
- height: auto;
365
- }
366
- .btns button {
367
- margin-right: 20px;
368
- }
369
- .img-state {
370
- width: 70%
371
- }
372
- .datapanel {
373
- color: #111;
374
- background-color: white;
375
- box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
376
- padding: 10px 10px 10px 10px;
377
- border-radius:15px;
378
- }
379
- .mystylecenter{
380
- border: 0px;
381
- text-align: center;
382
- padding-left: 1px;
383
- }
384
- </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
+ 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>