manage-client 4.0.26 → 4.0.28
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/SellReport/YuShouTable.vue +33 -18
- package/src/components/sale/businessquery/gasDeviceStatistics.vue +180 -0
- package/src/components/sale/config/exportConfig.js +4 -1
- package/src/components/sale/filesquery/RecordInfoQuery.vue +6 -2
- package/src/filiale/meihekou/CardHandplanQuery.vue +2 -2
- package/src/filiale/ruihua/MeterExceptionList.vue +557 -0
- package/src/filiale/ruihua/webmeterManage.js +14 -0
- package/src/filiale/xinjiangdexin/UserGasAll.vue +659 -0
- package/src/filiale/xinjiangdexin/UserGasEcharts.vue +240 -0
- package/src/filiale/xinjiangdexin/webmeterManage.js +7 -0
- package/src/filiale/zhongsheng/GasStatistics.vue +1 -1
- package/src/saleManage.js +4 -0
|
@@ -0,0 +1,659 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="flex-row" id="unit" v-show="(!echarts)&&(!isActiveTotalForm)">
|
|
3
|
+
<div class="basic-main" @keyup.enter="search">
|
|
4
|
+
<div class="flex">
|
|
5
|
+
<div class="flex" style="flex:1;">
|
|
6
|
+
<criteria-paged :model="model" :pager='true' v-ref:paged>
|
|
7
|
+
<criteria @condition-changed='$parent.search' partial='criteria' v-ref:cri>
|
|
8
|
+
<div class="form-horizontal select-overspread container-fluid auto" novalidate partial>
|
|
9
|
+
<div class="row" width="100%">
|
|
10
|
+
<div class="col-sm-2 form-group">
|
|
11
|
+
<label class="font_normal_body">客户编号</label>
|
|
12
|
+
<input style="width:60%" class="input_search" condition="f_userinfo_code like '%{}%'" placeholder='客户编号' type="text"
|
|
13
|
+
v-el:meternumber v-model="model.f_userinfo_code" v-next-el='f_userinfo_code'
|
|
14
|
+
>
|
|
15
|
+
</div>
|
|
16
|
+
<div class="col-sm-2 form-group">
|
|
17
|
+
<label class="font_normal_body">客户名称</label>
|
|
18
|
+
<input style="width:60%" class="input_search" condition="f_user_name like '%{}%'" placeholder='客户名称' type="text"
|
|
19
|
+
v-el:username v-model="model.f_username" v-next-el='userid'>
|
|
20
|
+
</div>
|
|
21
|
+
<div class="col-sm-2 form-group">
|
|
22
|
+
<label class="font_normal_body"> 小区 </label>
|
|
23
|
+
<v-select :value.sync="model.f_residential_area"
|
|
24
|
+
class="select_list select"
|
|
25
|
+
v-model="model.f_residential_area"
|
|
26
|
+
style="width: 60%"
|
|
27
|
+
multiple
|
|
28
|
+
condition="f_residential_area in {}"
|
|
29
|
+
:options='$parent.$parent.residentialArea' placeholder='选择小区'
|
|
30
|
+
close-on-select>
|
|
31
|
+
|
|
32
|
+
</v-select>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="col-sm-2 form-group">
|
|
35
|
+
<label class="font_normal_body">用气地址</label>
|
|
36
|
+
<input style="width:60%" class="input_search" condition="f_address like '%{}%'" placeholder='用气地址' type="text"
|
|
37
|
+
v-el:area v-el:xq v-model="model.f_address" v-next-el='address'
|
|
38
|
+
>
|
|
39
|
+
</div>
|
|
40
|
+
<div class="col-sm-4 form-group button-range">
|
|
41
|
+
<button @click="search()" class="button_search button_spacing">查询</button>
|
|
42
|
+
<button @click="$parent.$parent.clearmsg" class="button_clear button_spacing">清空</button>
|
|
43
|
+
<export-excel :data="$parent.$parent.getCondition()"
|
|
44
|
+
:field="$parent.$parent.getfield"
|
|
45
|
+
sqlurl="api/af-revenue/logic/openapi/exportfile" sql-name="webmeter_getUserGasList" template-name='未用气分析'
|
|
46
|
+
v-ref:exports
|
|
47
|
+
:choose-col="true"></export-excel>
|
|
48
|
+
<button class="button_export button_spacing" style="width: max-content" @click="$parent.$parent.showTotalForm()" >显示汇总</button>
|
|
49
|
+
<button class="button_export button_spacing" @click="$parent.$parent.showEcharts()">显示图表</button>
|
|
50
|
+
<div style="float: right" class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}" @click="$parent.$parent.hidden()"></div>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
53
|
+
<div class="row" v-show="$parent.$parent.criteriaShow">
|
|
54
|
+
|
|
55
|
+
<!--<div class="col-sm-2 form-group" >
|
|
56
|
+
<label class="font_normal_body">用气属性</label>
|
|
57
|
+
<v-select
|
|
58
|
+
placeholder='用气属性'
|
|
59
|
+
value-single="true"
|
|
60
|
+
:value.sync="model.f_gasproperties2"
|
|
61
|
+
v-model="model.f_gasproperties2"
|
|
62
|
+
:options='$parent.$parent.Gasproperties2'
|
|
63
|
+
close-on-select condition="uf.f_gasproperties2 {}">
|
|
64
|
+
</v-select>
|
|
65
|
+
</div>-->
|
|
66
|
+
<!-- <res-select-group :show-component="['company']" :initres="$parent.$parent.initres" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>-->
|
|
67
|
+
<div class="col-sm-2 form-group">
|
|
68
|
+
<label class="font_normal_body">表  号</label>
|
|
69
|
+
<input style="width:60%" class="input_search" condition="f_meternumber like '%{}'" placeholder='表号' type="text"
|
|
70
|
+
v-el:meternumber v-model="model.f_meternumber" v-next-el='meternumber'
|
|
71
|
+
>
|
|
72
|
+
</div>
|
|
73
|
+
<!-- <div class="col-sm-2">-->
|
|
74
|
+
<!-- <label class="font_normal_body">公  司</label>-->
|
|
75
|
+
<!-- <right-tree @re-res="$parent.$parent.getorg"-->
|
|
76
|
+
<!-- :initresid='$parent.$parent.orgid'></right-tree>-->
|
|
77
|
+
<!-- </div>-->
|
|
78
|
+
<res-select-group :show-component="$parent.$parent.resshow" :selectin="true" :initres="$parent.$parent.initres" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>
|
|
79
|
+
<!-- <div class="col-sm-2 form-group">-->
|
|
80
|
+
<!-- <label class="font_normal_body">组织机构</label>-->
|
|
81
|
+
<!-- <res-select :initresid="$parent.$parent.orgid"-->
|
|
82
|
+
<!-- style="width:60%"-->
|
|
83
|
+
<!-- @res-select="$parent.$parent.getRes"-->
|
|
84
|
+
<!-- restype='organization'>-->
|
|
85
|
+
<!-- </res-select>-->
|
|
86
|
+
<!-- </div>-->
|
|
87
|
+
|
|
88
|
+
<div class="col-sm-2 form-group">
|
|
89
|
+
<label class="font_normal_body">客户类型</label>
|
|
90
|
+
<v-select :options='$parent.$parent.Gasusertype'
|
|
91
|
+
:value.sync="model.f_user_type"
|
|
92
|
+
close-on-select
|
|
93
|
+
style="width:60%"
|
|
94
|
+
condition="f_user_type = '{}'"
|
|
95
|
+
id="f_user_type"
|
|
96
|
+
placeholder='客户类型'
|
|
97
|
+
v-model="model.f_user_type"
|
|
98
|
+
value-single="true">
|
|
99
|
+
</v-select>
|
|
100
|
+
</div>
|
|
101
|
+
<div class="col-sm-2 form-group">
|
|
102
|
+
<label class="font_normal_body">用气性质</label>
|
|
103
|
+
<v-select :options='$parent.$parent.Gasproperties'
|
|
104
|
+
:value.sync="model.f_gasproperties"
|
|
105
|
+
close-on-select
|
|
106
|
+
condition="f_gasproperties = '{}'"
|
|
107
|
+
id="f_gasproperties"
|
|
108
|
+
placeholder='用气性质'
|
|
109
|
+
style="width:60%"
|
|
110
|
+
v-model="model.f_gasproperties"
|
|
111
|
+
value-single="true">
|
|
112
|
+
</v-select>
|
|
113
|
+
</div>
|
|
114
|
+
<div class="col-sm-2 form-group">
|
|
115
|
+
<label class="font_normal_body">气表品牌</label>
|
|
116
|
+
<v-select :value.sync="model.f_meter_brand"
|
|
117
|
+
v-model="model.f_meter_brand"
|
|
118
|
+
:options='$parent.$parent.meterbrands' placeholder='请选择'
|
|
119
|
+
condition="f_meter_brand = '{}'"
|
|
120
|
+
close-on-select></v-select>
|
|
121
|
+
</div>
|
|
122
|
+
<div class="col-sm-2 form-group">
|
|
123
|
+
<label class="font_normal_body">时间区间</label>
|
|
124
|
+
<datepicker :disabled-days-of-Week="[]" :format="'yyyy-MM-dd HH:mm:ss'"
|
|
125
|
+
:show-reset-button="reset"
|
|
126
|
+
:value.sync="model.startDate"
|
|
127
|
+
id="startDate"
|
|
128
|
+
style="width:60%"
|
|
129
|
+
placeholder="开始时间"
|
|
130
|
+
v-model="model.startDate">
|
|
131
|
+
</datepicker>
|
|
132
|
+
</div>
|
|
133
|
+
<div class="col-sm-2 form-group">
|
|
134
|
+
<label class="font_normal_body" style="word-break:keep-all;"> 至 </label>
|
|
135
|
+
<datepicker :disabled-days-of-Week="[]" :format="'yyyy-MM-dd HH:mm:ss'"
|
|
136
|
+
:show-reset-button="reset"
|
|
137
|
+
:value.sync="model.endDate"
|
|
138
|
+
style="width:60%"
|
|
139
|
+
id="endDate"
|
|
140
|
+
style="width:60%"
|
|
141
|
+
placeholder="结束日期"
|
|
142
|
+
v-model="model.endDate">
|
|
143
|
+
</datepicker>
|
|
144
|
+
</div>
|
|
145
|
+
<div class="col-sm-2 form-group flex-row" style="white-space: nowrap">
|
|
146
|
+
<label class="font_normal_body"> 用气量 </label>
|
|
147
|
+
<div class="row">
|
|
148
|
+
<input type="text" style="width:27%" class="input_search" v-model="model.f_oughtamount1"
|
|
149
|
+
condition="f_oughtamount >= {} " placeholder="">
|
|
150
|
+
<label class="font_normal_body"> ≤ x ≤ </label>
|
|
151
|
+
<input type="text" style="width:27%" class="input_search" v-model="model.f_oughtamount2"
|
|
152
|
+
condition="f_oughtamount <= {} " placeholder="">
|
|
153
|
+
</div>
|
|
154
|
+
</div>
|
|
155
|
+
<!--<div class="col-sm-2 form-group">
|
|
156
|
+
<label class="font_normal_body">用 气 量 </label>
|
|
157
|
+
<input type="text" style="width:60%" class="input_search"
|
|
158
|
+
v-model="model.f_start_oughtamount" placeholder='起始气量'
|
|
159
|
+
>
|
|
160
|
+
</div>
|
|
161
|
+
<div class="col-sm-2 form-group">
|
|
162
|
+
<label class="font_normal_body"> 至 </label>
|
|
163
|
+
<input type="text" style="width:60%" class="input_search"
|
|
164
|
+
v-model="model.f_end_oughtamount" placeholder='结束气量'
|
|
165
|
+
>
|
|
166
|
+
</div>-->
|
|
167
|
+
<div class="col-sm-2 form-group">
|
|
168
|
+
<label class="font_normal_body">壁 挂 炉</label>
|
|
169
|
+
<v-select id="f_meter_brand"
|
|
170
|
+
v-model="model.f_usetype"
|
|
171
|
+
placeholder=''
|
|
172
|
+
:value.sync="model.f_usetype"
|
|
173
|
+
:options='$parent.$parent.usetypes'
|
|
174
|
+
condition="f_usetype {}" :search="false"
|
|
175
|
+
close-on-select style="width: 60%">
|
|
176
|
+
</v-select>
|
|
177
|
+
</div>
|
|
178
|
+
<div class="col-sm-2 form-group">
|
|
179
|
+
<label class="font_normal_body">房屋类型</label>
|
|
180
|
+
<v-select :value.sync="model.f_house_type" v-model="model.f_house_type"
|
|
181
|
+
:options='$parent.$parent.houseTypes' placeholder='请选择'
|
|
182
|
+
close-on-select
|
|
183
|
+
condition="f_house_type = '{}'"></v-select>
|
|
184
|
+
</div>
|
|
185
|
+
<div class="col-sm-2 form-group">
|
|
186
|
+
<label class="font_normal_body">安装位置</label>
|
|
187
|
+
<v-select :value.sync="model.f_position" v-model="model.f_position"
|
|
188
|
+
:options='$parent.$parent.positions' placeholder='请选择'
|
|
189
|
+
condition="f_position = '{}'"
|
|
190
|
+
close-on-select></v-select>
|
|
191
|
+
</div>
|
|
192
|
+
<div class="col-sm-2 form-group flex-row" style="white-space: nowrap">
|
|
193
|
+
<label class="font_normal_body">期末结余</label>
|
|
194
|
+
<div class="row">
|
|
195
|
+
<input type="text" style="width:27%" class="input_search" v-model="model.f_curbalance1"
|
|
196
|
+
condition="f_curbalance >= {} " placeholder="">
|
|
197
|
+
<label class="font_normal_body"> ≤ x ≤ </label>
|
|
198
|
+
<input type="text" style="width:27%" class="input_search" v-model="model.f_curbalance2"
|
|
199
|
+
condition="f_curbalance <= {} " placeholder="">
|
|
200
|
+
</div>
|
|
201
|
+
</div>
|
|
202
|
+
<div class="col-sm-2 form-group">
|
|
203
|
+
<label class="font_normal_body">当前阶梯</label>
|
|
204
|
+
<v-select :value.sync="model.f_stair" v-model="model.f_stair"
|
|
205
|
+
:options='$parent.$parent.stair' placeholder='请选择'
|
|
206
|
+
condition="f_stair = '{}'"
|
|
207
|
+
close-on-select></v-select>
|
|
208
|
+
</div>
|
|
209
|
+
</div>
|
|
210
|
+
</div>
|
|
211
|
+
</criteria>
|
|
212
|
+
<data-grid :model="model" id="usergasall" partial='list' class="list_area table_sy" v-ref:grid>
|
|
213
|
+
<template partial='head'>
|
|
214
|
+
<tr>
|
|
215
|
+
<th style="text-align:center">
|
|
216
|
+
<nobr>客户编号</nobr>
|
|
217
|
+
</th>
|
|
218
|
+
<th style="text-align:center">
|
|
219
|
+
<nobr>客户类型</nobr>
|
|
220
|
+
</th>
|
|
221
|
+
<th style="text-align:center">
|
|
222
|
+
<nobr>用气性质</nobr>
|
|
223
|
+
</th>
|
|
224
|
+
<th style="text-align:center">
|
|
225
|
+
<nobr>用户电话</nobr>
|
|
226
|
+
</th>
|
|
227
|
+
<!--<th style="text-align:center"><nobr>用气属性</nobr></th>-->
|
|
228
|
+
<th style="text-align:center">
|
|
229
|
+
<nobr>客户名称</nobr>
|
|
230
|
+
</th>
|
|
231
|
+
<th style="text-align:center">
|
|
232
|
+
<nobr>小区</nobr>
|
|
233
|
+
</th>
|
|
234
|
+
<th style="text-align:center">
|
|
235
|
+
<nobr>用气单价</nobr>
|
|
236
|
+
</th>
|
|
237
|
+
<th style="text-align:center">
|
|
238
|
+
<nobr>累购气量</nobr>
|
|
239
|
+
</th>
|
|
240
|
+
<th style="text-align:center">
|
|
241
|
+
<nobr>累购金额</nobr>
|
|
242
|
+
</th>
|
|
243
|
+
<th style="text-align:center">
|
|
244
|
+
<nobr>账号结余</nobr>
|
|
245
|
+
</th>
|
|
246
|
+
<th style="text-align:center">
|
|
247
|
+
<nobr>气表名称</nobr>
|
|
248
|
+
</th>
|
|
249
|
+
<th style="text-align:center">
|
|
250
|
+
<nobr>用气地址</nobr>
|
|
251
|
+
</th>
|
|
252
|
+
<th style="text-align:center">
|
|
253
|
+
<nobr>表号</nobr>
|
|
254
|
+
</th>
|
|
255
|
+
<th style="text-align:center">
|
|
256
|
+
<nobr>期初余额(元)</nobr>
|
|
257
|
+
</th>
|
|
258
|
+
<th style="text-align:center">
|
|
259
|
+
<nobr>上期底数</nobr>
|
|
260
|
+
</th>
|
|
261
|
+
<th style="text-align:center">
|
|
262
|
+
<nobr>本期底数</nobr>
|
|
263
|
+
</th>
|
|
264
|
+
<!-- <th style="text-align:center"><nobr>气价(元/m³)</nobr></th>-->
|
|
265
|
+
<th style="text-align:center">
|
|
266
|
+
<nobr>用气量(m³)</nobr>
|
|
267
|
+
</th>
|
|
268
|
+
<th style="text-align:center">
|
|
269
|
+
<nobr>用气金额(元)</nobr>
|
|
270
|
+
</th>
|
|
271
|
+
<!-- <th style="text-align:center">-->
|
|
272
|
+
<!-- <nobr>充值金额(元)</nobr>-->
|
|
273
|
+
<!-- </th>-->
|
|
274
|
+
<th style="text-align:center">
|
|
275
|
+
<nobr>期末结余(元)</nobr>
|
|
276
|
+
</th>
|
|
277
|
+
<th style="text-align:center">
|
|
278
|
+
<nobr>阶梯一气量</nobr>
|
|
279
|
+
</th>
|
|
280
|
+
<th style="text-align:center">
|
|
281
|
+
<nobr>阶梯一金额</nobr>
|
|
282
|
+
</th>
|
|
283
|
+
<th style="text-align:center">
|
|
284
|
+
<nobr>阶梯二气量</nobr>
|
|
285
|
+
</th>
|
|
286
|
+
<th style="text-align:center">
|
|
287
|
+
<nobr>阶梯二金额</nobr>
|
|
288
|
+
</th>
|
|
289
|
+
<th style="text-align:center">
|
|
290
|
+
<nobr>阶梯三气量</nobr>
|
|
291
|
+
</th>
|
|
292
|
+
<th style="text-align:center">
|
|
293
|
+
<nobr>阶梯三金额</nobr>
|
|
294
|
+
</th>
|
|
295
|
+
<th style="text-align:center">
|
|
296
|
+
<nobr>当前阶梯数</nobr>
|
|
297
|
+
</th>
|
|
298
|
+
|
|
299
|
+
</tr>
|
|
300
|
+
|
|
301
|
+
|
|
302
|
+
</template>
|
|
303
|
+
<template partial='body'>
|
|
304
|
+
<td>{{row.f_userinfo_code}}</td>
|
|
305
|
+
<td style="text-align:center">{{row.f_user_type}}</td>
|
|
306
|
+
<td style="text-align:center">{{row.f_gasproperties}}</td>
|
|
307
|
+
<td style="text-align:center">{{row.f_user_phone}}</td>
|
|
308
|
+
<!--<td style="text-align:center">{{row.f_gasproperties2}}</td>-->
|
|
309
|
+
<td style="text-align:center">
|
|
310
|
+
<nobr>{{row.f_user_name}}</nobr>
|
|
311
|
+
</td>
|
|
312
|
+
<td style="text-align:center">
|
|
313
|
+
<nobr>{{row.f_residential_area}}</nobr>
|
|
314
|
+
</td>
|
|
315
|
+
<td style="text-align:center">
|
|
316
|
+
<nobr>{{row.f_price}}</nobr>
|
|
317
|
+
</td>
|
|
318
|
+
<td style="text-align:center">{{row.f_total_gas}}</td>
|
|
319
|
+
<td style="text-align:center">{{row.f_total_fee}}</td>
|
|
320
|
+
<td style="text-align:center">{{row.f_balance_amount}}</td>
|
|
321
|
+
<td style="text-align:center">{{row.f_meter_brand}}</td>
|
|
322
|
+
<td>
|
|
323
|
+
<nobr>{{row.f_address}}</nobr>
|
|
324
|
+
</td>
|
|
325
|
+
<td>{{row.f_meternumber}}</td>
|
|
326
|
+
<td style="text-align:center">{{row.f_balance}}</td>
|
|
327
|
+
<td style="text-align:center">{{row.f_last_tablebase}}</td>
|
|
328
|
+
<td style="text-align:center">{{row.f_tablebase}}</td>
|
|
329
|
+
<!--<td style="text-align:center">{{row.f_avg_price}}</td>-->
|
|
330
|
+
<td style="text-align:center">{{row.f_oughtamount}}</td>
|
|
331
|
+
<td style="text-align:center">{{row.f_oughtfee}}</td>
|
|
332
|
+
<!-- <td style="text-align:center">{{row.f_collection}}</td>-->
|
|
333
|
+
<td style="text-align:center">{{row.f_curbalance}}</td>
|
|
334
|
+
<td style="text-align:center">{{row.f_stair_gas1}}</td>
|
|
335
|
+
<td style="text-align:center">{{row.f_stair_money1}}</td>
|
|
336
|
+
<td style="text-align:center">{{row.f_stair_gas2}}</td>
|
|
337
|
+
<td style="text-align:center">{{row.f_stair_money2}}</td>
|
|
338
|
+
<td style="text-align:center">{{row.f_stair_gas3}}</td>
|
|
339
|
+
<td style="text-align:center">{{row.f_stair_money3}}</td>
|
|
340
|
+
<td style="text-align:center">{{row.f_stair}}</td>
|
|
341
|
+
</tr>
|
|
342
|
+
</template>
|
|
343
|
+
</data-grid>
|
|
344
|
+
</criteria-paged>
|
|
345
|
+
<table class="table-hover">
|
|
346
|
+
<tr style="position: relative" class="table-bordered">
|
|
347
|
+
<td
|
|
348
|
+
style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;color: #5CB95C;font-weight: bold">
|
|
349
|
+
汇总信息
|
|
350
|
+
</td>
|
|
351
|
+
<td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
|
|
352
|
+
总累购气量: {{model.sums.f_total_gas}}
|
|
353
|
+
</td>
|
|
354
|
+
<td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
|
|
355
|
+
总累购金额: {{model.sums.f_total_fee}}
|
|
356
|
+
</td>
|
|
357
|
+
<td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
|
|
358
|
+
总账户结余: {{model.sums.f_balance_amount}}
|
|
359
|
+
</td>
|
|
360
|
+
<td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
|
|
361
|
+
本期用气量合计: {{model.sums.f_oughtamount}}
|
|
362
|
+
</td>
|
|
363
|
+
<td style="display: inline-block;width: auto;border-right: 1px solid #F2F6FA;padding: 0px 10px 0px 10px;font-weight: bold">
|
|
364
|
+
本期用气金额合计: {{model.sums.f_oughtfee}}
|
|
365
|
+
</td>
|
|
366
|
+
</tr>
|
|
367
|
+
</table>
|
|
368
|
+
</div>
|
|
369
|
+
</div>
|
|
370
|
+
</div>
|
|
371
|
+
</div>
|
|
372
|
+
<div class="flex-row" v-if="echarts">
|
|
373
|
+
<user-gas-echarts :condition="condition" :echarts="echarts" :enddate="endDate"
|
|
374
|
+
:groupname="groupname[0]" :startdate="startDate"></user-gas-echarts>
|
|
375
|
+
</div>
|
|
376
|
+
<!--汇总表显示模板-->
|
|
377
|
+
<div class="flex-row" v-if="isActiveTotalForm">
|
|
378
|
+
<user-gas-eform :condition="condition" :enddate="endDate" :startdate="startDate"></user-gas-eform>
|
|
379
|
+
</div>
|
|
380
|
+
</template>
|
|
381
|
+
|
|
382
|
+
<script>
|
|
383
|
+
import {HttpResetClass, PagedList} from 'vue-client'
|
|
384
|
+
import UserGasEcharts from './UserGasEcharts'
|
|
385
|
+
import * as Util from '../../Util'
|
|
386
|
+
import getLodop from '../../plugins/LodopFuncs'
|
|
387
|
+
import plugins from '../../plugins/GetLoginInfoService'
|
|
388
|
+
import plugin from 'system-clients/src/plugins/GetLoginInfoService'
|
|
389
|
+
let readyGen = async function (self) {
|
|
390
|
+
await self.$MagLoadParams.loadParam()
|
|
391
|
+
self.initParams()
|
|
392
|
+
self.getaddress()
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
export default {
|
|
396
|
+
title: '用气分析',
|
|
397
|
+
props: ['data'],
|
|
398
|
+
components: {UserGasEcharts},
|
|
399
|
+
data() {
|
|
400
|
+
return {
|
|
401
|
+
resshow:['company','slicearea'],
|
|
402
|
+
model: new PagedList('api/af-revenue/sql/webmeter_getUserGasList', 20, {startDate: 'this.model.startDate', endDate: 'this.model.endDate'}, {
|
|
403
|
+
f_oughtamount: 0,
|
|
404
|
+
f_oughtfee: 0,
|
|
405
|
+
f_total_gas: 0,
|
|
406
|
+
f_total_fee: 0,
|
|
407
|
+
f_balance_amount: 0
|
|
408
|
+
}),
|
|
409
|
+
stair: [
|
|
410
|
+
{label: '阶梯1', value: '阶梯1'},
|
|
411
|
+
{label: '阶梯2', value: '阶梯2'},
|
|
412
|
+
{label: '阶梯3', value: '阶梯3'}
|
|
413
|
+
],
|
|
414
|
+
getGroupNameByDate: [
|
|
415
|
+
{label: '年份', value: 'year'},
|
|
416
|
+
{label: '月份', value: 'month'},
|
|
417
|
+
{label: '周', value: 'week'}
|
|
418
|
+
],
|
|
419
|
+
meterbrands: [],
|
|
420
|
+
residentialArea: [],
|
|
421
|
+
criteriaShow: false,
|
|
422
|
+
reportStr: null,
|
|
423
|
+
show: false,
|
|
424
|
+
initres: {
|
|
425
|
+
org:[this.$login.f.orgid],
|
|
426
|
+
dep:[],
|
|
427
|
+
user:[]
|
|
428
|
+
},
|
|
429
|
+
outlets: [],
|
|
430
|
+
operator: [],
|
|
431
|
+
filename: '',
|
|
432
|
+
searchshow: true,
|
|
433
|
+
startDate: '',
|
|
434
|
+
endDate: '',
|
|
435
|
+
echarts: false,
|
|
436
|
+
isActiveTotalForm: false,
|
|
437
|
+
condition: '1=1',
|
|
438
|
+
getfield: {},
|
|
439
|
+
config: {
|
|
440
|
+
excelHeaders: {
|
|
441
|
+
'f_userinfo_code':'客户编号',
|
|
442
|
+
'f_user_type':'客户类型',
|
|
443
|
+
'f_gasproperties': '用气性质',
|
|
444
|
+
'f_user_name': '客户名称',
|
|
445
|
+
'f_user_phone':'客户电话',
|
|
446
|
+
'f_residential_area': '小区',
|
|
447
|
+
'f_price':'用气单价',
|
|
448
|
+
'f_address':'用气地址',
|
|
449
|
+
'f_meternumber': '表号',
|
|
450
|
+
'f_meter_brand':'气表品牌',
|
|
451
|
+
'f_balance':'期初余额(元)',
|
|
452
|
+
'f_last_tablebase': '上期底数',
|
|
453
|
+
'f_tablebase':'本期底数',
|
|
454
|
+
'f_oughtamount':'用气量(m³)',
|
|
455
|
+
'f_oughtfee':'用气金额(元)',
|
|
456
|
+
'f_curbalance':'期末结余(元)',
|
|
457
|
+
'f_stair_gas1':'阶梯1用气量',
|
|
458
|
+
'f_stair_money1':'阶梯1用气金额',
|
|
459
|
+
'f_stair_gas2':'阶梯2用气量',
|
|
460
|
+
'f_stair_money2':'阶梯2用气金额',
|
|
461
|
+
'f_stair_gas3':'阶梯3用气量',
|
|
462
|
+
'f_stair_money3':'阶梯3用气金额',
|
|
463
|
+
'f_stair':'当前阶梯数'
|
|
464
|
+
}
|
|
465
|
+
},
|
|
466
|
+
groupname: ['day'],
|
|
467
|
+
getgroupname: [
|
|
468
|
+
{label: '年份', value: 'year'},
|
|
469
|
+
{label: '月份', value: 'month'},
|
|
470
|
+
{label: '周', value: 'week'},
|
|
471
|
+
{label: '日', value: 'day'}
|
|
472
|
+
],
|
|
473
|
+
// orgCondtionStr: ' and h.f_orgid in (' + this.$login.f.orgid + ')',
|
|
474
|
+
orgCondtionStr: '(' + this.$login.f.orgid + ')',
|
|
475
|
+
orgid:[this.$login.f.orgid],
|
|
476
|
+
usetypes: [{label: '全部', value: ''},{label: '是', value: `= '壁挂炉'`},{label: '否', value: `!= '壁挂炉'`}],
|
|
477
|
+
zonesdata:''
|
|
478
|
+
}
|
|
479
|
+
},
|
|
480
|
+
ready() {
|
|
481
|
+
readyGen(this)
|
|
482
|
+
console.log('444444444', Util.addDate(new Date(),-6).substring(0,10))
|
|
483
|
+
this.$refs.paged.$refs.cri.model.startDate = Util.addDate(new Date(),-4).substring(0,10) + ' 00:00:00'
|
|
484
|
+
this.$refs.paged.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
|
|
485
|
+
// this.$refs.paged.$refs.cri.search()
|
|
486
|
+
this.getfield = this.config.excelHeaders
|
|
487
|
+
},
|
|
488
|
+
methods: {
|
|
489
|
+
// 查询开关
|
|
490
|
+
hidden() {
|
|
491
|
+
this.criteriaShow = !this.criteriaShow
|
|
492
|
+
},
|
|
493
|
+
async getaddress(){
|
|
494
|
+
let HttpReset = new HttpResetClass()
|
|
495
|
+
var data = await HttpReset.load('POST', 'api/af-revenue/sql/manage_getarealist', {
|
|
496
|
+
data: {
|
|
497
|
+
condition: `1=1 and s.f_orgid = '${this.$login.f.orgid}'`
|
|
498
|
+
}
|
|
499
|
+
}, {resolveMsg: null, rejectMsg: '获取小区失败!'})
|
|
500
|
+
console.log('小区',data)
|
|
501
|
+
let house = [{label: '全部', value: ''}]
|
|
502
|
+
for (let row of data.data){
|
|
503
|
+
house.push({label: row.f_residential_area, value: row.f_residential_area})
|
|
504
|
+
}
|
|
505
|
+
this.residentialArea = house
|
|
506
|
+
},
|
|
507
|
+
SaveAsFile(str) {
|
|
508
|
+
this.$showMessage('您是否需要导出本页数据？', ['confirm', 'cancel']).then((res) => {
|
|
509
|
+
if (res === 'confirm') {
|
|
510
|
+
let style = '<style>' +
|
|
511
|
+
'td {border-width: 1px;padding: 2px;border-style: solid; border-color:black; border-collapse:collapse;} .tdright{text-align: right;} .tdcenter{text-align: center;}</style>';
|
|
512
|
+
let strHtml = style + document.getElementById(str).innerHTML;
|
|
513
|
+
console.log(strHtml);
|
|
514
|
+
let LODOP = getLodop();
|
|
515
|
+
LODOP.PRINT_INIT('');
|
|
516
|
+
LODOP.ADD_PRINT_TABLE(5, 5, '99%', '100%', strHtml);
|
|
517
|
+
LODOP.SAVE_TO_FILE('用气分析.xls')
|
|
518
|
+
}
|
|
519
|
+
})
|
|
520
|
+
},
|
|
521
|
+
clearmsg() {
|
|
522
|
+
// this.$refs.paged.$refs.cri.model = {}
|
|
523
|
+
Object.keys(this.$refs.paged.$refs.cri.model).forEach((key) => {
|
|
524
|
+
console.log(this.$refs.paged.$refs.cri.model[key])
|
|
525
|
+
this.$refs.paged.$refs.cri.model[key] = []
|
|
526
|
+
})
|
|
527
|
+
},
|
|
528
|
+
initParams() {
|
|
529
|
+
// 初始化气表品牌
|
|
530
|
+
let brandArr = []
|
|
531
|
+
this.$MagGetSaleParam.getGasbrand().forEach((item) => {
|
|
532
|
+
if (item.value.f_meter_type == '物联网表') {
|
|
533
|
+
let temp = {}
|
|
534
|
+
temp.label = item.label
|
|
535
|
+
temp.value = item.value.f_meter_brand
|
|
536
|
+
brandArr.push(temp)
|
|
537
|
+
}
|
|
538
|
+
})
|
|
539
|
+
this.meterbrands = [{label: '全部', value: ''}, ...brandArr]
|
|
540
|
+
|
|
541
|
+
},
|
|
542
|
+
search(args) {
|
|
543
|
+
this.startDate = this.$refs.paged.$refs.cri.model.startDate
|
|
544
|
+
this.endDate = this.$refs.paged.$refs.cri.model.endDate
|
|
545
|
+
if (this.endDate == '' || this.startDate == '') {
|
|
546
|
+
return this.$showMessage("时间区间的开始和结束时间不能为空！")
|
|
547
|
+
}
|
|
548
|
+
// this.condition = this.$refs.paged.$refs.cri.condition + ` ${this.orgCondtionStr}`
|
|
549
|
+
if (this.orgCondtionStr)
|
|
550
|
+
this.condition = this.$refs.paged.$refs.cri.condition + ` and f_orgid in ${this.orgCondtionStr}`
|
|
551
|
+
else
|
|
552
|
+
this.condition = this.$refs.paged.$refs.cri.condition + ` and f_orgid = '${this.$login.f.orgid}'`
|
|
553
|
+
if(this.zonesdata){
|
|
554
|
+
this.condition = this.$refs.paged.$refs.cri.condition + ` and ${this.zonesdata}`
|
|
555
|
+
}
|
|
556
|
+
args.condition = this.condition
|
|
557
|
+
this.model.search(args.condition, args.model)
|
|
558
|
+
},
|
|
559
|
+
// 显示柱状图
|
|
560
|
+
showEcharts() {
|
|
561
|
+
this.echarts = true
|
|
562
|
+
this.isActiveTotalForm = false
|
|
563
|
+
},
|
|
564
|
+
notShowTotalForm() {
|
|
565
|
+
this.echarts = false
|
|
566
|
+
this.isActiveTotalForm = false
|
|
567
|
+
},
|
|
568
|
+
// 不显示柱状图
|
|
569
|
+
notShowEcharts() {
|
|
570
|
+
this.echarts = false
|
|
571
|
+
this.isActiveTotalForm = false
|
|
572
|
+
},
|
|
573
|
+
// 显示汇总数据表格
|
|
574
|
+
showTotalForm() {
|
|
575
|
+
this.echarts = false
|
|
576
|
+
this.isActiveTotalForm = true
|
|
577
|
+
},
|
|
578
|
+
close() {
|
|
579
|
+
this.show = false
|
|
580
|
+
},
|
|
581
|
+
getRes(obj) {
|
|
582
|
+
this.orgCondtionStr = plugins.convertToIn(obj)
|
|
583
|
+
if(obj.indexOf("f_zones = ")>0){
|
|
584
|
+
this.zonesdata = obj.substring(obj.indexOf("f_zones = "))
|
|
585
|
+
}else{
|
|
586
|
+
this.zonesdata='';
|
|
587
|
+
}
|
|
588
|
+
},
|
|
589
|
+
getorg(obj) {
|
|
590
|
+
this.orgCondtionStr = plugin.convertToIn(obj.resids)?plugin.convertToIn(obj.resids):'(' + this.$login.f.orgid + ')'
|
|
591
|
+
},
|
|
592
|
+
getCondition () {
|
|
593
|
+
return {
|
|
594
|
+
condition: this.condition,
|
|
595
|
+
startDate: this.startDate,
|
|
596
|
+
endDate: this.endDate
|
|
597
|
+
}
|
|
598
|
+
}
|
|
599
|
+
// getRes(condition,obj) {
|
|
600
|
+
// this.orgCondtionStr = condition
|
|
601
|
+
// this.orgname = obj.orgnames[0]
|
|
602
|
+
// this.depname = obj.depnames[0]
|
|
603
|
+
// }
|
|
604
|
+
},
|
|
605
|
+
watch: {
|
|
606
|
+
'data'(val) {
|
|
607
|
+
if (val.f_files_path) {
|
|
608
|
+
this.getFileContent(val.f_files_path)
|
|
609
|
+
} else {
|
|
610
|
+
this.reportStr = null
|
|
611
|
+
}
|
|
612
|
+
}
|
|
613
|
+
},
|
|
614
|
+
computed: {
|
|
615
|
+
houseTypes() {
|
|
616
|
+
return [{label: '全部', value: ''}, ...this.$appdata.getParam('房屋类型')]
|
|
617
|
+
},
|
|
618
|
+
positions() {
|
|
619
|
+
return [{label: '全部', value: ''}, ...this.$appdata.getParam('安装位置')]
|
|
620
|
+
},
|
|
621
|
+
Gasusertype() {
|
|
622
|
+
return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
|
|
623
|
+
},
|
|
624
|
+
valveStatus() {
|
|
625
|
+
return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
|
|
626
|
+
},
|
|
627
|
+
Gasproperties() {
|
|
628
|
+
return [{label: '全部', value: ''}, ...this.$appdata.getParam('用气性质')]
|
|
629
|
+
}
|
|
630
|
+
}
|
|
631
|
+
}
|
|
632
|
+
</script>
|
|
633
|
+
<style>
|
|
634
|
+
.mystyle {
|
|
635
|
+
float: right;
|
|
636
|
+
padding-right: 10%;
|
|
637
|
+
}
|
|
638
|
+
|
|
639
|
+
.mystyle1 {
|
|
640
|
+
padding-top: 10px;
|
|
641
|
+
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
.mystyle2 {
|
|
645
|
+
width: 100%;
|
|
646
|
+
height: 35px;
|
|
647
|
+
/*background: #00A3F0;*/
|
|
648
|
+
padding-left: 15px;
|
|
649
|
+
float: left;
|
|
650
|
+
}
|
|
651
|
+
|
|
652
|
+
.datapanel {
|
|
653
|
+
color: #333;
|
|
654
|
+
background-color: white;
|
|
655
|
+
box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
|
|
656
|
+
padding: 10px 10px 10px 10px;
|
|
657
|
+
border-radius: 15px;
|
|
658
|
+
}
|
|
659
|
+
</style>
|