sale-client 3.5.18 → 3.5.21

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.
@@ -0,0 +1,425 @@
1
+ <template >
2
+ <div class="auto">
3
+ <div class="auto form-group-new row">
4
+ <div class="col-sm-6" style="height:auto;width:49%;">
5
+ <p style="font-weight: bold;margin: 0"><img src="../../../../../../static/mainicon/矩形1828.png"/>&nbsp;&nbsp;基本信息</p>
6
+ <!-- 第一行数据-->
7
+ <div class="col-sm-4">
8
+ <label class="font_normal_body_new">客户编号</label>
9
+ <input class="input-underline" style="width:60%" :value="row.f_userinfo_code" readonly>
10
+ </div>
11
+ <div class="col-sm-4">
12
+ <label class="font_normal_body_new">客户姓名</label>
13
+ <input class="input-underline" style="width:60%" :value="row.f_user_name" readonly>
14
+ </div>
15
+ <div class="col-sm-4">
16
+ <label class="font_normal_body_new">用户状态</label>
17
+ <input class="input-underline" style="width:60%" :value="row.f_user_state" readonly>
18
+ </div>
19
+ <div class="col-sm-8">
20
+ <label class="font_normal_body_new">客户地址</label>
21
+ <input class="input-underline" style="width:80%" :value="row.f_address" readonly>
22
+ </div>
23
+ <div class="col-sm-4">
24
+ <label class="font_normal_body_new">客户电话</label>
25
+ <input class="input-underline" style="width:60%" :value="row.f_user_phone" readonly>
26
+ </div>
27
+ <div class="col-sm-4">
28
+ <label class="font_normal_body_new">客户类型</label>
29
+ <input class="input-underline" style="width:60%" :value="row.f_user_type" readonly>
30
+ </div>
31
+ <div class="col-sm-4">
32
+ <label class="font_normal_body_new">用气性质</label>
33
+ <input class="input-underline" style="width:60%" :value="row.f_gasproperties" readonly>
34
+ </div>
35
+ <div class="col-sm-4">
36
+ <label class="font_normal_body_new">证件类型</label>
37
+ <input class="input-underline" style="width:60%" :value="row.f_credentials" readonly>
38
+ </div>
39
+ <div class="col-sm-8">
40
+ <label class="font_normal_body_new">证件号码</label>
41
+ <input class="input-underline" style="width:80%" :value="row.f_idnumber" readonly>
42
+ </div>
43
+ <div class="col-sm-4">
44
+ <label class="font_normal_body_new">用户状态</label>
45
+ <input class="input-underline" style="width:60%" :value="row.f_user_state" readonly>
46
+ </div>
47
+ <div class="col-sm-4">
48
+ <label class="font_normal_body_new">账户余额</label>
49
+ <input class="input-underline" style="width:60%" :value="row.f_balance" readonly>
50
+ </div>
51
+ <div class="col-sm-4">
52
+ <label class="font_normal_body_new">人&ensp;口&ensp;数</label>
53
+ <input class="input-underline" style="width:60%" :value="row.f_people_num" readonly>
54
+ </div>
55
+
56
+ </div>
57
+ <div class="col-sm-6" style="height:auto;width:49%;">
58
+ <p style="font-weight: bold;margin: 0"><img src="../../../../../../static/mainicon/矩形1828.png"/>&nbsp;&nbsp;表具信息</p>
59
+ <div class="col-sm-4">
60
+ <label class="font_normal_body_new">表&emsp;号&emsp;</label>
61
+ <input class="input-underline" style="width:60%" :value="row.f_meternumber" readonly>
62
+ </div>
63
+ <div class="col-sm-4">
64
+ <label class="font_normal_body_new">气表状态</label>
65
+ <input class="input-underline" style="width:60%" :value="row.f_table_state" readonly>
66
+ </div>
67
+ <div class="col-sm-4">
68
+ <label class="font_normal_body_new">当前底数</label>
69
+ <input class="input-underline" style="width:60%" :value="row.f_meter_base" readonly>
70
+ </div>
71
+
72
+ <div class="col-sm-4">
73
+ <label class="font_normal_body_new">气表品牌</label>
74
+ <input class="input-underline" style="width:60%" :value="row.f_meter_brand" readonly>
75
+ </div>
76
+
77
+ <div class="col-sm-4">
78
+ <label class="font_normal_body_new">气价名称</label>
79
+ <input class="input-underline" style="width:60%" :value="row.f_price_name" readonly>
80
+ </div>
81
+ <div class="col-sm-4">
82
+ <label class="font_normal_body_new">气价类型</label>
83
+ <input class="input-underline" style="width:60%" :value="row.f_price_type" readonly>
84
+ </div>
85
+ <div class="col-sm-4">
86
+ <label class="font_normal_body_new">价格详情</label>
87
+ <input class="input-underline" style="width:60%" :value="row.f_detailprice" readonly>
88
+ </div>
89
+ <div class="col-sm-4">
90
+ <label class="font_normal_body_new" title="最后上报时间">上报时间</label>
91
+ <input class="input-underline" style="width:60%" :value="row.f_meteread_date ? row.f_meteread_date : '暂无'" readonly>
92
+ </div>
93
+ <div v-if="row.f_collection_type == '按金额'" class="col-sm-4">
94
+ <label class="font_normal_body_new">累购金额</label>
95
+ <input class="input-underline" style="width:60%" :value="row.total_fee" readonly>
96
+ </div>
97
+ <div v-if="row.f_collection_type == '按气量'">
98
+ <div class="col-sm-4">
99
+ <label class="font_normal_body_new">累购气量</label>
100
+ <input class="input-underline" style="width:60%" :value="row.f_total_gas" readonly>
101
+ </div>
102
+ <div class="col-sm-4">
103
+ <label class="font_normal_body_new">最后结算时间</label>
104
+ <input class="input-underline" style="width:45%" :value="row.f_hand_date ? row.f_hand_date :'暂无'" readonly>
105
+ </div>
106
+ </div>
107
+ <div v-if="row.f_meter_type.includes('物联网表')" >
108
+ <div class="col-sm-4">
109
+ <label class="font_normal_body_new">物联网次数</label>
110
+ <input class="input-underline" style="width:55%" :value="row.f_iot_times" readonly>
111
+ </div>
112
+ <div class="col-sm-4">
113
+ <label class="font_normal_body_new">表剩余金额</label>
114
+ <input class="input-underline" style="width:55%; color: red; font-weight: bold" :value="row.f_balance_amount" readonly>
115
+ </div>
116
+ <div class="col-sm-4">
117
+ <label class="font_normal_body_new">阀门状态</label>
118
+ <input class="input-underline" style="width:60%" :value="row.f_valvestate == 0 ? '已开阀' : '已关阀'" readonly>
119
+ </div>
120
+ <div class="col-sm-4">
121
+ <label class="font_normal_body_new">累计上报次数</label>
122
+ <input class="input-underline" style="width:45%" :value="row.f_meteread_number ? row.f_meteread_number : 0" readonly>
123
+ </div>
124
+ <div class="col-sm-4">
125
+ <label class="font_normal_body_new">是否自动阀控</label>
126
+ <input class="input-underline" style="width:45%" :value="row.f_network_valve == '1' ? '是' : '否'" readonly>
127
+ </div>
128
+ </div>
129
+ <div v-if="row.f_collection_type == '按气量'" >
130
+ <div class="col-sm-4">
131
+ <label class="font_normal_body_new">表剩余气量</label>
132
+ <input class="input-underline" style="width:55%" :value="row.f_balance_gas" readonly>
133
+ </div>
134
+ <div class="col-sm-4">
135
+ <label class="font_normal_body_new">累计用气金额</label>
136
+ <input class="input-underline" style="width:45%" :value="row.f_total_usegas_amount" readonly>
137
+ </div>
138
+ </div>
139
+ <div class="col-sm-4">
140
+ <label class="font_normal_body_new">写卡次数</label>
141
+ <input class="input-underline" style="width:45%" :value="row.f_times" readonly>
142
+ </div>
143
+ <div class="col-sm-4">
144
+ <label class="font_normal_body_new">抄表册名</label>
145
+ <input class="input-underline" style="width:45%" :value="(row.f_book_code!=null ? '['+row.f_book_code + '] ' : '') + (row.f_book_name!=null ? row.f_book_name:'')" readonly>
146
+ </div>
147
+ <div class="col-sm-4">
148
+ <label class="font_normal_body_new">抄表册册序号</label>
149
+ <input class="input-underline" style="width:45%" :value="row.f_meter_book_sort" readonly>
150
+ </div>
151
+ </div>
152
+ <div class="auto" style="float: right;">
153
+ <button class="button_clear " @click="cancelmain()" >返回</button>
154
+ <button class="button_search" type="button" @click="goChargeManage">去收费</button>
155
+ <button v-if="row.f_meter_brand.includes('西美')&&row.f_meter_type.includes('物联网表')"
156
+ class="button_search" type="button" @click="clearBarrier">清除障碍</button>
157
+ <button v-if="row.f_meter_type.includes('物联网表')"
158
+ class="button_search" type="button" @click="openUser">开户</button>
159
+ <button v-if="row.f_meter_type.includes('物联网表')"
160
+ class="button_search" type="button" @click="valvecontrol">开关阀</button>
161
+ <button v-if="row.f_meter_type.includes('物联网表')"
162
+ class="button_search" type="button" @click="zdfk">开关自动阀控</button>
163
+ <div
164
+ :class="{'button_shrink_top':criteriaShow,'button_shrink_bottom':!criteriaShow}"
165
+ @click="criteriaShow=!criteriaShow"
166
+ class="button_spacing"
167
+ style="float: right"></div>
168
+ </div>
169
+ </div>
170
+
171
+ <div class="auto row">
172
+ <div class="col-sm-6" style="width:49%;"></div>
173
+ <div class="auto form-group-new">
174
+ <div class="col-sm-6" style="height:auto;width:49%;" v-show="criteriaShow">
175
+ <div class="col-sm-4">
176
+ <label class="font_normal_body_new">气表型号</label>
177
+ <input class="input-underline" style="width:60%" :value="row.f_meter_style" readonly>
178
+ </div>
179
+ <div class="col-sm-4">
180
+ <label class="font_normal_body_new">气表类型</label>
181
+ <input class="input-underline" style="width:60%" :value="row.f_meter_type" readonly>
182
+ </div>
183
+ <div class="col-sm-4">
184
+ <label class="font_normal_body_new">初始底数</label>
185
+ <input class="input-underline" style="width:60%" :value="row.f_initial_base" readonly>
186
+ </div>
187
+ <div class="col-sm-4">
188
+ <label class="font_normal_body_new">左&ensp;右&ensp;表</label>
189
+ <input class="input-underline" style="width:60%" :value="row.f_aroundmeter" readonly>
190
+ </div>
191
+ <div class="col-sm-4">
192
+ <label class="font_normal_body_new">建表日期</label>
193
+ <input class="input-underline" style="width:60%" :value="row.f_input_date.substring(0,7)" readonly>
194
+ </div>
195
+ <div v-if="devices.length > 0" v-show="false" style="height: auto" >
196
+ <p style="font-weight: bold;margin: 0">设备信息</p>
197
+ <div class="panel-heading" style="height: 30px">
198
+ <h4 style="display:inline-block;margin-top: auto">设备信息</h4>
199
+ </div>
200
+ <div v-for="device in devices">
201
+
202
+ <form class="form-horizontal">
203
+ <div class="col-sm-4">
204
+ <label class="font_normal_body_new">设备类型</label>
205
+ <input class="input-underline" style="width:60%" :value="device.f_devices_type" readonly>
206
+ </div>
207
+ <div class="col-sm-4">
208
+ <label class="font_normal_body_new">设备品牌</label>
209
+ <input class="input-underline" style="width:60%" :value="device.f_brand" readonly>
210
+ </div>
211
+ <div class="col-sm-4">
212
+ <label class="font_normal_body_new">设备型号</label>
213
+ <input class="input-underline" style="width:60%" :value="device.f_devices_model" readonly>
214
+ </div>
215
+ <div class="col-sm-4">
216
+ <label class="font_normal_body_new">设备数量</label>
217
+ <input class="input-underline" style="width:60%" :value="device.f_devices_num" readonly>
218
+ </div>
219
+ </form>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </div>
225
+ <!--阀控管理弹框-->
226
+ <modal :show.sync="valve">
227
+ <header slot="modal-header" class="modal-header">
228
+ <button type="button" class="close" @click="close()"><span>&times;</span></button>
229
+ <h4 class="modal-title" align="center">阀控管理</h4>
230
+ </header>
231
+ <article slot="modal-body" class="modal-body">
232
+ <div class="form-group " style="padding-left: 8px">
233
+ <label class="font_normal_body" >操作原因</label>
234
+ <textarea class="form-control" style="width:80%" v-model="operateReason" rows="3" placeholder="请填写操作原因"></textarea>
235
+ </div>
236
+ </article>
237
+ <footer slot="modal-footer" class="modal-footer">
238
+ <button type="button" class="button_search btn-ln fr" @click='valveoperate(true)'>开阀</button>
239
+ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
240
+ <button type="button" class="btn btn-info btn-ln fr" @click='valveoperate(false)'>关阀</button>
241
+ </footer>
242
+ </modal>
243
+ </div>
244
+ </template>
245
+
246
+ <script>
247
+ import {HttpResetClass} from 'vue-client'
248
+ import Vue from 'vue'
249
+ export default {
250
+ title: '基本信息',
251
+ props: ['row'],
252
+ data () {
253
+ return {
254
+ criteriaShow: false,
255
+ devices: [],
256
+ valveLimit: false,
257
+ // 开关阀操作原因
258
+ operateReason: '',
259
+ valve: false
260
+ }
261
+ },
262
+
263
+ ready () {
264
+ this.getDevice()
265
+ this.valveLimit = this.$login.r.includes('开关阀权限')
266
+ },
267
+ methods: {
268
+ // 发送请求去数据
269
+ async getDevice () {
270
+ if (this.row) {
271
+ let http = new HttpResetClass()
272
+ let condition = `f_userinfo_id = '${this.row.f_userinfo_id}'`
273
+ let getDevices = await http.load('POST', 'rs/sql/sale_GetDevicesInfo', {data: {condition: condition}}, {rejectMsg: '获取设备信息出错!!', resolveMsg: null})
274
+ this.devices = getDevices.data
275
+ }
276
+ },
277
+
278
+ // 返回
279
+ cancelmain () {
280
+ this.$emit('cancel-main')
281
+ },
282
+ clearBarrier(){
283
+ // 地址
284
+ // 127.0.0.1:8445
285
+ // 参数
286
+ let datas = {
287
+ moduleName:"XiMeiSystem", // 固定值
288
+ content:{
289
+ tradeCode:"3015",// 固定值
290
+ appid: "yysf", // 固定值
291
+ partner: "cqsemay_bcts", // 固定值
292
+ version:"v1", // 固定值
293
+ tasked:this.getuuid(), // 任务id
294
+ notifyUrl:"http://192.168.2.10:8445/webmeter/rs/logic/XiMeiSystemCallBack", // 固定值
295
+ meterNo: this.row.f_meternumber,// 表号
296
+ signType:" MD5" //固定值
297
+ },
298
+ title: "清除异常", // 固定值
299
+ type: "清除异常", // 固定值
300
+ inputtor:this.row.f_operator, // 操作人
301
+ userId:this.row.f_userfiles_id, // 表档案ID
302
+ dataId: null // 操作记录ID
303
+ }
304
+ this.$resetpost('/webmeter/rs/logic/syncSaveSetParamsTemplate', {data: datas},{resolveMsg: `清理成功`, rejectMsg: `清理失败`}).then(res => {
305
+ })
306
+ },
307
+ getuuid(){
308
+ let uuidA = '';
309
+ var s = [];
310
+ var hexDigits = '0123456789abcdef';
311
+ for (var i = 0; i < 36; i++) {
312
+ s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
313
+ }
314
+ s[14] = '4';
315
+ s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
316
+ s[8] = s[13] = s[18] = s[23] = '-';
317
+ uuidA = s.join('');
318
+ return uuidA;
319
+ },
320
+ goChargeManage () {
321
+ this.$goto('charge-manage', {f: this.$login.f}, 'main')
322
+ },
323
+ openUser () {
324
+ this.$showMessage(`是否需要给用户进行开户?`, ['confirm', 'cancel']).then(async (res) => {
325
+ if (res === 'confirm') {
326
+ let data = {
327
+ f_userfiles_id: this.row.f_userfiles_id
328
+ }
329
+ this.$resetpost('rs/logic/startup',data)
330
+ }
331
+ })
332
+ },
333
+ // 阀控管理
334
+ zdfk () {
335
+ let data = {
336
+ f_userfiles_id: this.row.f_userfiles_id
337
+ }
338
+ if (this.row.f_network_valve !== '1') {
339
+ this.$resetpost('rs/logic/openzdfk', data, {resolveMsg: '关闭自动阀控成功。', rejectMsg: '关闭自动阀控失败!!!'})
340
+ this.row.f_network_valve = '1'
341
+ } else {
342
+ this.$resetpost('rs/logic/closezdfk', data, {resolveMsg: '开启自动阀控成功。', rejectMsg: '开启自动阀控失败!!!'})
343
+ this.row.f_network_valve = null
344
+ }
345
+ },
346
+ // 阀控管理
347
+ valvecontrol () {
348
+ if (this.$login.r.includes('开关阀')) {
349
+ this.valve = true
350
+ } else {
351
+ this.$showAlert('您没有开关阀权限,请联系管理员!!', 'warning', 3000)
352
+ }
353
+ },
354
+ close () {
355
+ this.valve = false
356
+ this.operateReason = ''
357
+ },
358
+ // 开关阀操作
359
+ async valveoperate (oper) {
360
+ let msg = oper ? '开阀' : '关阀'
361
+ let datas = {
362
+ instructType: '阀门控制',
363
+ instructTitle: `手动${msg}`,
364
+ condition: `t_userfiles.f_userfiles_id='${this.row.f_userfiles_id}'`,
365
+ meterBrandName: this.row.f_alias,
366
+ f_instruct_state: '待发送',
367
+ inputtor: Vue.$login.f.name,
368
+ reasonInfo: this.operateReason,
369
+ meternumberf: this.row.f_meternumber,
370
+ contentData: {isOpen: oper ? 1 : 0}
371
+ }
372
+ await this.$resetpost('rs/logic/iot_saveInstruct', {data: datas},
373
+ {warnMsg: `确定要进行${msg}操作吗?`, resolveMsg: `${msg}成功`, rejectMsg: `${msg}失败`}).then(res => {
374
+ this.valve = false
375
+ this.operateReason = ''
376
+ })
377
+ },
378
+ },
379
+ watch: {
380
+ 'row' () {
381
+ this.getDevice()
382
+ }
383
+ }
384
+ }
385
+ </script>
386
+ <style scoped lang="less">
387
+ .form-group-new > div {
388
+ height: 3% !important;
389
+
390
+ }
391
+
392
+ .datapanel {
393
+ color: #333;
394
+ background-color: white;
395
+ box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px ;
396
+ padding: 10px 30px 10px 30px;
397
+ height: auto;
398
+ border-radius:15px;
399
+ }
400
+
401
+ .input-underline {
402
+ border-bottom: 1px solid #dbdbdb;
403
+ border-top: 0px;
404
+ border-left: 0px;
405
+ border-right: 0px;
406
+ }
407
+ .font_normal_body_new {
408
+ font-weight: 100;
409
+ float: left;
410
+ margin-top: 0px;
411
+ font-size: 1.4rem !important;
412
+ line-height: 30px;
413
+ }
414
+
415
+ .col-sm-4,.col-sm-8{
416
+ display: flex;
417
+ align-items: center;
418
+ margin: 7px 0;
419
+
420
+ label{
421
+ line-height: unset;
422
+ margin-bottom: 0;
423
+ }
424
+ }
425
+ </style>
@@ -0,0 +1,243 @@
1
+ <template>
2
+ <partial-view v-ref:pv>
3
+ <div class="panel panel-info auto" style="margin-top: auto">
4
+ <div class="panel-heading" style="height: 35px">
5
+ <h4 style="display:inline-block;margin-top: auto">表具信息</h4>
6
+ </div>
7
+ <div class="auto ">
8
+ <div class="row">
9
+ <label class = "col-sm-5 " >气表类型</label>
10
+ <span class = "col-sm-7">{{data?data.f_meter_type:dafault.f_meter_brand}}</span>
11
+ </div>
12
+ <div class="row">
13
+ <label class = "col-sm-5 " >气表品牌</label>
14
+ <span class = "col-sm-7">{{data?data.f_meter_brand:dafault.f_meter_brand}}</span>
15
+ </div>
16
+ <div class="row">
17
+ <label class = "col-sm-5 " >气表型号</label>
18
+ <span class = "col-sm-7">{{data?data.f_meter_style:dafault.f_meter_style}}</span>
19
+ </div>
20
+ <div class="row">
21
+ <label class="col-sm-5" style="color: brown">表具状态</label>
22
+ <span class="col-sm-7" style="color: brown">{{data?data.f_table_state==='正常'?'使用中':data.f_table_state:dafault.f_table_state}}</span>
23
+ </div>
24
+ <div class="row" v-if="data.f_meter_type.includes('物联网') && data.f_collection_type === '按金额'">
25
+ <label class = "col-sm-5 " style="color: brown">系统余额</label>
26
+ <span class = "col-sm-7" style="color: brown">{{data?data.f_balance_amount:dafault.f_balance_amount}}</span>
27
+ </div>
28
+ <div class="row" v-if="data.f_meter_type.includes('物联网') && data.f_collection_type === '按气量'">
29
+ <label class = "col-sm-5 " style="color: brown">系统余量</label>
30
+ <span class = "col-sm-7" style="color: brown">{{data?data.f_balance_gas:dafault.f_balance_gas}}</span>
31
+ </div>
32
+ <div class="row" v-if="data.f_meter_type.includes('物联网') && data.f_collection_type === '按金额'">
33
+ <label class = "col-sm-5 " style="color: brown">表上余额</label>
34
+ <span class = "col-sm-7" style="color: brown">{{data?data.f_jval:dafault.f_jval}}</span>
35
+ </div>
36
+ <div class="row" v-if="data.f_meter_type.includes('物联网') && data.f_collection_type === '按气量'">
37
+ <label class = "col-sm-5 " style="color: brown">表上余量</label>
38
+ <span class = "col-sm-7" style="color: brown">{{data?data.f_jval:dafault.f_jval}}</span>
39
+ </div>
40
+ <div class="row">
41
+ <label class = "col-sm-5 " >初始表底数</label>
42
+ <span class = "col-sm-7" >{{data?data.f_initial_base:dafault.f_initial_base}}</span>
43
+ </div>
44
+ <div class="row">
45
+ <label class = "col-sm-5 " >表当前底数</label>
46
+ <span class = "col-sm-7" >{{data?data.f_meter_base:dafault.f_meter_base}}</span>
47
+ </div>
48
+ <div class="row">
49
+ <label class = "col-sm-5 " >写卡次数</label>
50
+ <span class = "col-sm-7" >{{data?data.f_times:dafault.f_times}}</span>
51
+ </div>
52
+ <div class="row" v-if="data.f_meter_type.includes('物联网')">
53
+ <label class = "col-sm-5 ">物联网次数</label>
54
+ <span class = "col-sm-7" >{{data?data.f_iot_times:dafault.f_iot_times}}</span>
55
+ </div>
56
+ <div class="row" v-if="data.f_meter_type.includes('物联网')">
57
+ <label class = "col-sm-5 ">表累购金额</label>
58
+ <span class = "col-sm-7" >{{data?data.f_total_fee:dafault.f_total_fee}}</span>
59
+ </div>
60
+ <div class="row" v-if="data.f_meter_type.includes('物联网')">
61
+ <label class = "col-sm-5 ">户累购金额</label>
62
+ <span class = "col-sm-7" >{{data?data.f_total_fee_all:dafault.f_total_fee_all}}</span>
63
+ </div>
64
+ <div class="row" v-if="(data.f_meter_type === '机表' || data.f_meter_type === '物联网表') && data.f_deduction_gas > 0">
65
+ <label class = "col-sm-5 " >剩余抵扣量</label>
66
+ <span class = "col-sm-7" >{{data?data.f_deduction_gas:dafault.f_deduction_gas}}</span>
67
+ </div>
68
+ <div class="row" v-if="data.f_meter_type.includes('卡表')">
69
+ <label class = "col-sm-5 " style="color: brown" >户累购气量</label>
70
+ <span class = "col-sm-7" style="color: brown">{{data?data.f_total_gas_all:dafault.f_total_gas_all}}</span>
71
+ </div>
72
+ <div class="row" v-if="(data.f_meter_brand.includes('数码表'))">
73
+ <label class = "col-sm-5 " style="color: brown" >累购气量</label>
74
+ <span class = "col-sm-7" style="color: brown">{{data?data.f_total_gas:dafault.f_total_gas}}</span>
75
+ </div>
76
+ <div class="row" v-if="data.f_meter_type.includes('卡表') && data.f_meter_type === '气量卡表'">
77
+ <label class = "col-sm-5 " style="color: brown" >累购气量</label>
78
+ <span class = "col-sm-7" style="color: brown">{{data?data.f_total_gas:dafault.f_total_gas}}</span>
79
+ </div>
80
+ <div class="row" v-if="data.f_meter_type.includes('卡表')">
81
+ <label class = "col-sm-5 " style="color: brown">累购金额</label>
82
+ <span class = "col-sm-7" style="color: brown">{{data?data.f_total_fee:dafault.f_total_fee}}</span>
83
+ </div>
84
+ <div class="row" v-if="data.f_meter_type.includes('卡表')">
85
+ <label class = "col-sm-5 " style="color: brown">累购写卡金额</label>
86
+ <span class = "col-sm-7" style="color: brown">{{data?data.f_write_totalfee:dafault.f_total_fee}}</span>
87
+ </div>
88
+ <div class="row">
89
+ <label class = "col-sm-5 " >气表表号</label>
90
+ <span class = "col-sm-7">{{data?data.f_meternumber:dafault.f_meternumber}}</span>
91
+ </div>
92
+ <div class="row" v-if="data.f_meter_type.includes('卡表') || (data.f_meter_type.includes('物联网表') && data.f_hascard==='是')">
93
+ <label class = "col-sm-5 " >卡&emsp;&emsp;号</label>
94
+ <span class = "col-sm-7">{{data?data.f_card_id:dafault.f_card_id}}</span>
95
+ </div>
96
+ <div class="row" v-if="data.f_meter_type.includes('卡表') || data.f_meter_type.includes('物联网表') && data.f_hascard==='是'">
97
+ <label class = "col-sm-5 " >写卡次数</label>
98
+ <span class = "col-sm-7">{{data?data.f_times:dafault.f_times}}</span>
99
+ </div>
100
+ <div class="row">
101
+ <label class = "col-sm-5 " >用气性质</label>
102
+ <span class = "col-sm-7">{{data?data.f_gasproperties:dafault.f_gasproperties}}</span>
103
+ </div>
104
+ <div class="row">
105
+ <label class = "col-sm-5 " >气价名称</label>
106
+ <span class = "col-sm-7">{{data?data.f_price_name:dafault.f_price_name}}</span>
107
+ </div>
108
+ <!--<div class="row" v-if="data.f_balance < 0">-->
109
+ <!--<label class = "col-sm-5 " >账户欠费</label>-->
110
+ <!--<span class = "col-sm-7" title="不包含违约金">{{data?0 - (data.f_balance - 0):dafault.f_balance}}</span>-->
111
+ <!--</div>-->
112
+ <!--<div class="row" v-else>-->
113
+ <!--<label class = "col-sm-5 " >账户余额</label>-->
114
+ <!--<span class = "col-sm-7">{{data?data.f_balance:dafault.f_balance}}</span>-->
115
+ <!--</div>-->
116
+ <div class="row" v-if="data.f_remanent_money > 0">
117
+ <label class = "col-sm-5 " >应补金额</label>
118
+ <span class = "col-sm-7">{{data?data.f_remanent_money:dafault.f_remanent_money}}</span>
119
+ </div>
120
+ <div class="row" v-if="data.f_remanent_gas > 0">
121
+ <label class = "col-sm-5 " >应补气量</label>
122
+ <span class = "col-sm-7">{{data?data.f_remanent_gas:dafault.f_remanent_gas}}</span>
123
+ </div>
124
+ <div class="row">
125
+ <label class = "col-sm-5 " >左&ensp;右&ensp;表</label>
126
+ <span class = "col-sm-7">{{data?data.f_aroundmeter:dafault.f_hand_date}}</span>
127
+ </div>
128
+ <div class="row">
129
+ <label class = "col-sm-5 " >抄表册名</label>
130
+ <span class = "col-sm-7">{{data?'['+data.f_book_code + '] '+ (data.f_book_name ? data.f_book_name:''):dafault.f_book_name}}</span>
131
+ </div>
132
+ <div class="row">
133
+ <label class = "col-sm-5 " >抄表册册序号</label>
134
+ <span class = "col-sm-7">{{data?data.f_meter_book_sort:dafault.f_meter_book_sort}}</span>
135
+ </div>
136
+ <div class="row">
137
+ <label class = "col-sm-5 " >安装位置</label>
138
+ <span class = "col-sm-7">{{data?data.f_position:dafault.f_position}}</span>
139
+ </div>
140
+ <div class="row">
141
+ <label class = "col-sm-5 " >置换人员</label>
142
+ <span class = "col-sm-7">{{data?data.f_gas_person:dafault.f_hand_date}}</span>
143
+ </div>
144
+ <div class="row">
145
+ <label class = "col-sm-5 " >置换时间</label>
146
+ <span class = "col-sm-7">{{data?data.f_gas_date.substring(0,7):dafault.f_hand_date}}</span>
147
+ </div>
148
+ <div class="row">
149
+ <label class = "col-sm-5 " >抄表员</label>
150
+ <span class = "col-sm-7">{{data?data.f_inputtor:dafault.f_inputtor}}</span>
151
+ </div>
152
+ <div class="row">
153
+ <label class = "col-sm-5 " >上次抄表日</label>
154
+ <span class = "col-sm-7">{{data?data.f_hand_date.substring(0,7):dafault.f_hand_date}}</span>
155
+ </div>
156
+ <div class="row">
157
+ <label class = "col-sm-5 " >建表日期</label>
158
+ <span class = "col-sm-7">{{data?data.f_input_date.substring(0,7):dafault.f_input_date}}</span>
159
+ </div>
160
+ <div class="row">
161
+ <label class = "col-sm-5 " >备&emsp;&emsp;注</label>
162
+ <span class = "col-sm-7">{{data?data.comments:dafault.comments}}</span>
163
+ </div>
164
+ </div>
165
+ </div>
166
+ </partial-view>
167
+ </template>
168
+
169
+ <script>
170
+ /*用户档案相关信息组件*/
171
+ export default {
172
+ ready () {
173
+ console.log('看看userinfo里面接收的data数据', this.data)
174
+ },
175
+ title: '客户基本信息',
176
+ data () {
177
+ return {
178
+ dafault: {
179
+ f_total_gas_all: 0,
180
+ f_total_fee_all: 0,
181
+ f_balance_amount: 0,
182
+ f_balance_gas: 0,
183
+ f_initial_base: 0,
184
+ f_meter_base: 0,
185
+ f_deduction_gas: 0,
186
+ f_total_gas: 0,
187
+ f_total_fee: 0,
188
+ f_card_id: '*****',
189
+ f_times: 0,
190
+ f_iot_times: 0,
191
+ f_meternumber: 0,
192
+ f_gasproperties: '****',
193
+ f_price_name: '****',
194
+ f_meter_brand: '****',
195
+ f_balance: 0,
196
+ f_user_type: '**',
197
+ f_remanent_gas: 0,
198
+ f_position: '****',
199
+ f_inputtor: '****',
200
+ f_jval: 0,
201
+ f_table_state: 0
202
+ },
203
+ model: null
204
+ }
205
+ },
206
+ props: ['data'],
207
+ methods: {
208
+ dealmsg (val) {
209
+ this.$dispatch('deal-msg', val)
210
+ }
211
+ },
212
+ watch: {
213
+ 'data' (val) {
214
+ console.log('val========', val)
215
+ }
216
+ }
217
+ }
218
+ </script>
219
+ <style lang="less">
220
+ .row {
221
+ /*border-bottom:1px solid #F2F6FA;*/
222
+ margin-left: 0;
223
+ margin-right: 0;
224
+ }
225
+ // . {
226
+ // height: 23px;
227
+ // border-right: 1px solid #F2F6FA;
228
+ // margin-bottom: 0;
229
+ // text-align: left;
230
+ // }
231
+ // #address {
232
+ // border-left: 1px solid #F2F6FA;
233
+ // }
234
+ // #user-info {
235
+ // padding:6px;
236
+ // span {
237
+ // padding-left: 5px;
238
+ // }
239
+ // }
240
+ // #address1 {
241
+ // border-right: 0;
242
+ // }
243
+ </style>