manage-client 3.2.237 → 3.2.239

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.
@@ -39,164 +39,173 @@
39
39
  condition="f_meternumber like '%{}%'" v-next-el='meternumber' v-el:meternumber
40
40
  >
41
41
  </div>
42
- <div style="float:right">
43
- <button class="button_search button_spacing" @click="search()">查询</button>
44
- <button class="button_clear button_spacing" @click="clear">清空</button>
45
- <export-excel :data="$parent.$parent.getCondition" class="button_export button_spacing"
46
- :field="$parent.$parent.getfield" :sumname="$parent.$parent.sumName"
47
- sqlurl="rs/logic/exportfile" sql-name="webmeter_getAllLoseQuery" template-name='失联分析'
48
- :choose-col="true"></export-excel>
49
- <!-- <button class="button_export button_spacing" @click="$parent.$parent.SaveAsFile('lostuserlist')">导出</button>-->
50
- <!-- <button class="button_export button_spacing" style="width: max-content" @click="$parent.$parent.showTotalForm()">显示汇总</button>-->
51
- <button class="button_search button_spacing" @click="$parent.$parent.showEcharts()">显示图表</button>
52
- <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>
53
- </div>
54
- </div>
55
- <div class="row" v-show="$parent.$parent.criteriaShow">
56
- <div class="col-sm-2 form-group">
57
- <label class="font_normal_body">&nbsp;&nbsp;&nbsp;公司&nbsp;&nbsp;&nbsp;</label>
58
- <right-tree @re-res="$parent.$parent.getorg" width="60%"
59
- :initresid='$parent.$parent.org'></right-tree>
60
- </div>
61
- <div class="col-sm-2 form-group">
62
- <label class="font_normal_body">客户类型</label>
63
- <v-select style="width:60%" id="f_user_type"
64
- v-model="model.f_user_type"
65
- placeholder='客户类型'
66
- :value.sync="model.f_user_type"
67
- @change="$parent.$parent.userTypeChange()"
68
- :options='$parent.$parent.usertypes'
69
- condition="f_user_type = '{}'"
70
- close-on-select>
71
- </v-select>
72
- </div>
73
- <div class="col-sm-2 form-group">
74
- <label class="font_normal_body">用气性质</label>
75
- <v-select style="width:60%" id="f_gasproperties"
76
- v-model="model.f_gasproperties"
77
- placeholder='用气性质'
78
- :value.sync="model.f_gasproperties"
79
- :options='$parent.$parent.gasproperties'
80
- condition="f_gasproperties = '{}'"
81
- close-on-select>
82
- </v-select>
83
- </div>
84
- <div class="col-sm-2 form-group">
85
- <label class="font_normal_body">气表品牌</label>
86
- <v-select
87
- placeholder='气表品牌'
88
- :value.sync="model.f_meter_brand"
89
- v-model="model.f_meter_brand"
90
- :options='$parent.$parent.WarningType'
91
- @change="$parent.$parent.getMeterType"
92
- close-on-select
93
- condition="f_meter_brand='{}'">
94
- </v-select>
95
- </div>
96
- <div class="col-sm-2 form-group" >
97
- <label class="font_normal_body">气表型号</label>
98
- <v-select v-if="$parent.$parent.styles"
99
- placeholder='气表型号'
100
- :value.sync="model.f_meter_style"
101
- v-model="model.f_meter_style"
102
- :options='$parent.$parent.Warningstyle'
103
- close-on-select
104
- condition="f_meter_style='{}'">
105
- </v-select>
106
- <v-select v-if="!$parent.$parent.styles"
107
- placeholder='气表型号'
108
- :value.sync="model.f_meter_style"
109
- v-model="model.f_meter_style"
110
- :options='$parent.$parent.Warningstyles'
111
- close-on-select
112
- condition="f_meter_style='{}'">
113
- </v-select>
114
- </div>
115
- <div class="col-sm-2 form-group">
116
- <label class="font_normal_body">用户状态</label>
117
- <v-select
118
- placeholder='用户状态'
119
- value-single
120
- style="width:60%"
121
- :value.sync="model.f_user_state"
122
- v-model="model.f_user_state"
123
- :options='$parent.$parent.userstate'
124
- close-on-select condition="f_user_state ='{}'">
125
- </v-select>
42
+ <div style="float:right">
43
+ <button class="button_search button_spacing" @click="search()">查询</button>
44
+ <button class="button_clear button_spacing" @click="clear">清空</button>
45
+ <export-excel :data="$parent.$parent.getCondition" class="button_export button_spacing"
46
+ :field="$parent.$parent.getfield" :sumname="$parent.$parent.sumName"
47
+ sqlurl="rs/logic/exportfile" sql-name="webmeter_getAllLoseQuery" template-name='失联分析'
48
+ :choose-col="true"></export-excel>
49
+ <!-- <button class="button_export button_spacing" @click="$parent.$parent.SaveAsFile('lostuserlist')">导出</button>-->
50
+ <!-- <button class="button_export button_spacing" style="width: max-content" @click="$parent.$parent.showTotalForm()">显示汇总</button>-->
51
+ <button class="button_search button_spacing" @click="$parent.$parent.showEcharts()">显示图表</button>
52
+ <div style="float: right" class="button_spacing"
53
+ :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
54
+ @click="$parent.$parent.hidden()"></div>
55
+ </div>
126
56
  </div>
127
- <!--<div class="col-sm-2 form-group">-->
128
- <!--<label class="font_normal_body">最新状态</label>-->
129
- <!-- <v-select style="width:60%" id="f_state"-->
130
- <!--v-model="model.f_state"-->
131
- <!--placeholder='最新状态'-->
132
- <!--:value.sync="model.f_state"-->
133
- <!--:options='$parent.$parent.getstate'-->
134
- <!--condition="f_state = '{}'"-->
135
- <!--close-on-select>-->
136
- <!--</v-select>-->
57
+ <div class="row" v-show="$parent.$parent.criteriaShow">
58
+ <div class="col-sm-2 form-group">
59
+ <label class="font_normal_body">&nbsp;&nbsp;&nbsp;公司&nbsp;&nbsp;&nbsp;</label>
60
+ <right-tree @re-res="$parent.$parent.getorg" width="60%"
61
+ :initresid='$parent.$parent.org'></right-tree>
62
+ </div>
63
+ <div class="col-sm-2 form-group">
64
+ <label class="font_normal_body">客户类型</label>
65
+ <v-select style="width:60%" id="f_user_type"
66
+ v-model="model.f_user_type"
67
+ placeholder='客户类型'
68
+ :value.sync="model.f_user_type"
69
+ @change="$parent.$parent.userTypeChange()"
70
+ :options='$parent.$parent.usertypes'
71
+ condition="f_user_type = '{}'"
72
+ close-on-select>
73
+ </v-select>
74
+ </div>
75
+ <div class="col-sm-2 form-group">
76
+ <label class="font_normal_body">用气性质</label>
77
+ <v-select style="width:60%" id="f_gasproperties"
78
+ v-model="model.f_gasproperties"
79
+ placeholder='用气性质'
80
+ :value.sync="model.f_gasproperties"
81
+ :options='$parent.$parent.gasproperties'
82
+ condition="f_gasproperties = '{}'"
83
+ close-on-select>
84
+ </v-select>
85
+ </div>
86
+ <div class="col-sm-2 form-group">
87
+ <label class="font_normal_body">气表品牌</label>
88
+ <v-select
89
+ placeholder='气表品牌'
90
+ :value.sync="model.f_meter_brand"
91
+ v-model="model.f_meter_brand"
92
+ :options='$parent.$parent.WarningType'
93
+ @change="$parent.$parent.getMeterType"
94
+ close-on-select
95
+ condition="f_meter_brand='{}'">
96
+ </v-select>
97
+ </div>
98
+ <div class="col-sm-2 form-group">
99
+ <label class="font_normal_body">气表型号</label>
100
+ <v-select v-if="$parent.$parent.styles"
101
+ placeholder='气表型号'
102
+ :value.sync="model.f_meter_style"
103
+ v-model="model.f_meter_style"
104
+ :options='$parent.$parent.Warningstyle'
105
+ close-on-select
106
+ condition="f_meter_style='{}'">
107
+ </v-select>
108
+ <v-select v-if="!$parent.$parent.styles"
109
+ placeholder='气表型号'
110
+ :value.sync="model.f_meter_style"
111
+ v-model="model.f_meter_style"
112
+ :options='$parent.$parent.Warningstyles'
113
+ close-on-select
114
+ condition="f_meter_style='{}'">
115
+ </v-select>
116
+ </div>
117
+ <div class="col-sm-2 form-group">
118
+ <label class="font_normal_body">用户状态</label>
119
+ <v-select
120
+ placeholder='用户状态'
121
+ value-single
122
+ style="width:60%"
123
+ :value.sync="model.f_user_state"
124
+ v-model="model.f_user_state"
125
+ :options='$parent.$parent.userstate'
126
+ close-on-select condition="f_user_state ='{}'">
127
+ </v-select>
128
+ </div>
129
+ <!--<div class="col-sm-2 form-group">-->
130
+ <!--<label class="font_normal_body">最新状态</label>-->
131
+ <!-- <v-select style="width:60%" id="f_state"-->
132
+ <!--v-model="model.f_state"-->
133
+ <!--placeholder='最新状态'-->
134
+ <!--:value.sync="model.f_state"-->
135
+ <!--:options='$parent.$parent.getstate'-->
136
+ <!--condition="f_state = '{}'"-->
137
+ <!--close-on-select>-->
138
+ <!--</v-select>-->
137
139
  <!--</div>-->
138
- <div class="col-sm-2 form-group">
139
- <label class="font_normal_body">开始时间</label>
140
- <datepicker style="width:60%" id="startdate" placeholder="开始时间"
141
- v-model="model.startDate"
142
- :value.sync="model.startDate"
143
- :disabled-days-of-Week="[]"
144
- :format="'yyyy-MM-dd HH:mm:ss'"
145
-
146
- :show-reset-button="reset">
147
- </datepicker>
148
- </div>
149
- <div class="col-sm-2 form-group">
150
- <label class="font_normal_body">结束时间</label>
151
- <datepicker style="width:60%" id="enddate" placeholder="结束日期"
152
- v-model="model.endDate"
153
- :value.sync="model.endDate"
154
- :disabled-days-of-Week="[]"
155
- :format="'yyyy-MM-dd HH:mm:ss'"
156
-
157
- :show-reset-button="reset">
158
- </datepicker>
159
- </div>
140
+ <div class="col-sm-2 form-group">
141
+ <label class="font_normal_body">开始时间</label>
142
+ <datepicker style="width:60%" id="startdate" placeholder="开始时间"
143
+ v-model="model.startDate"
144
+ :value.sync="model.startDate"
145
+ :disabled-days-of-Week="[]"
146
+ :format="'yyyy-MM-dd HH:mm:ss'"
147
+
148
+ :show-reset-button="reset">
149
+ </datepicker>
150
+ </div>
151
+ <div class="col-sm-2 form-group">
152
+ <label class="font_normal_body">结束时间</label>
153
+ <datepicker style="width:60%" id="enddate" placeholder="结束日期"
154
+ v-model="model.endDate"
155
+ :value.sync="model.endDate"
156
+ :disabled-days-of-Week="[]"
157
+ :format="'yyyy-MM-dd HH:mm:ss'"
158
+
159
+ :show-reset-button="reset">
160
+ </datepicker>
161
+ </div>
160
162
 
161
163
 
162
- <div class="col-sm-2 form-group flex-row" style="white-space: nowrap">
163
- <label class="font_normal_body">最长失联</label>
164
- <div class="row">
165
- <input type="text" style="width:27%" class="input_search" v-model="model.max_interval_day1"
166
- condition="max_interval_day >= {} " placeholder="">
167
- <label class="font_normal_body"> &nbsp;≤ x ≤ </label>
168
- <input type="text" style="width:27%" class="input_search" v-model="model.max_interval_day2"
169
- condition="max_interval_day <= {} " placeholder="">
164
+ <div class="col-sm-2 form-group flex-row" style="white-space: nowrap">
165
+ <label class="font_normal_body">最长失联</label>
166
+ <div class="row">
167
+ <input type="text" style="width:27%" class="input_search" v-model="model.max_interval_day1"
168
+ condition="max_interval_day >= {} " placeholder="">
169
+ <label class="font_normal_body"> &nbsp;≤ x ≤ </label>
170
+ <input type="text" style="width:27%" class="input_search" v-model="model.max_interval_day2"
171
+ condition="max_interval_day <= {} " placeholder="">
172
+ </div>
170
173
  </div>
171
- </div>
172
174
 
173
175
 
174
- <div class="col-sm-2 form-group flex-row" style="white-space: nowrap">
175
- <label class="font_normal_body">合计失联</label>
176
- <div class="row">
177
- <input type="text" style="width:27%" class="input_search" v-model="model.SLdays1"
178
- condition="SLdays >= {} " placeholder="">
179
- <label class="font_normal_body">&nbsp; ≤ x ≤ </label>
180
- <input type="text" style="width:27%" class="input_search" v-model="model.SLdays2"
181
- condition="SLdays <= {} " placeholder="">
176
+ <div class="col-sm-2 form-group flex-row" style="white-space: nowrap">
177
+ <label class="font_normal_body">合计失联</label>
178
+ <div class="row">
179
+ <input type="text" style="width:27%" class="input_search" v-model="model.SLdays1"
180
+ condition="SLdays >= {} " placeholder="">
181
+ <label class="font_normal_body">&nbsp; ≤ x ≤ </label>
182
+ <input type="text" style="width:27%" class="input_search" v-model="model.SLdays2"
183
+ condition="SLdays <= {} " placeholder="">
184
+ </div>
182
185
  </div>
183
- </div>
184
186
 
185
- <!--<div class="col-sm-2 form-group">-->
186
- <!--<label class="font_normal_body">最新失联</label>-->
187
- <!--<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.new_days1" placeholder='天数大于等于'-->
188
- <!--condition="new_days >= {}" v-next-el='new_days' v-el:new_days-->
189
- <!--&gt;-->
190
- <!--</div>-->
191
- <!--<div class="col-sm-2 form-group">-->
192
- <!--<label class="font_normal_body" style="word-break:keep-all;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>-->
193
- <!--<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.new_days2" placeholder='天数小于等于'-->
194
- <!--condition="new_days <= {}" v-next-el='new_days' v-el:new_days-->
195
- <!--&gt;-->
187
+ <div class="col-sm-2 form-group"><label class="font_normal_body">小区</label> <input @keyup.enter="search"
188
+ style="width:60%"
189
+ type="text"
190
+ class="input_search"
191
+ v-model="model.f_residential_area"
192
+ placeholder='请输入小区'
193
+ condition="f_residential_area like '%{}%'">
194
+ </div>
195
+ <!--<div class="col-sm-2 form-group">-->
196
+ <!--<label class="font_normal_body">最新失联</label>-->
197
+ <!--<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.new_days1" placeholder='天数大于等于'-->
198
+ <!--condition="new_days >= {}" v-next-el='new_days' v-el:new_days-->
199
+ <!--&gt;-->
200
+ <!--</div>-->
201
+ <!--<div class="col-sm-2 form-group">-->
202
+ <!--<label class="font_normal_body" style="word-break:keep-all;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>-->
203
+ <!--<input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.new_days2" placeholder='天数小于等于'-->
204
+ <!--condition="new_days <= {}" v-next-el='new_days' v-el:new_days-->
205
+ <!--&gt;-->
196
206
  <!--</div>-->
197
207
 
198
- </div>
199
-
208
+ </div>
200
209
 
201
210
 
202
211
  <!--:top='40' :left='60' :right='40' :bottom='60'-->
@@ -222,120 +231,136 @@
222
231
  <!--f_operate_status:'状态',f_close_reason:'关阀原因',f_area:'区域',f_districtname:'小区', f_address: '地址',id:'档案编号',yytdepa:'所属机构'}"-->
223
232
  <!--sqlurl="rs/sql/getUserGas"></export-excel>-->
224
233
 
225
- </div>
226
- </criteria>
227
- <data-grid id="lostuserlist" :model="model" partial='list' v-ref:grid class="list_area table_sy">
228
- <template partial='head'>
229
- <tr>
230
- <th style="text-align:center">
231
- <nobr>序号</nobr>
232
- </th>
233
- <th style="text-align:center">
234
- <nobr>客户编号</nobr>
235
- </th>
236
- <th style="text-align:center">
237
- <nobr>客户名称</nobr>
238
- </th>
239
- <th style="text-align:center">
240
- <nobr>客户小区</nobr>
241
- </th>
242
- <th style="text-align:center">
243
- <nobr>客户地址</nobr>
244
- </th>
245
- <th style="text-align:center">
246
- <nobr>客户类型</nobr>
247
- </th>
248
- <th style="text-align:center">
249
- <nobr>用气性质</nobr>
250
- </th>
251
- <th style="text-align:center">
252
- <nobr>当前表底数</nobr>
253
- </th>
254
- <th style="text-align:center">
255
- <nobr>表号</nobr>
256
- </th>
257
- <th style="text-align:center">
258
- <nobr>期间累计购气金额</nobr>
259
- </th>
260
- <th style="text-align:center">
261
- <nobr>当前剩余金额</nobr>
262
- </th>
263
- <th style="text-align:center">
264
- <nobr>启用日期</nobr>
265
- </th>
266
-
267
- <th style="text-align:center">
268
- <nobr>应报天数</nobr>
269
- </th>
270
- <th style="text-align:center">
271
- <nobr>实报天数</nobr>
272
- </th>
273
- <th style="text-align:center">
274
- <nobr>最长失联天数</nobr>
275
- </th>
276
- <th style="text-align:center">
277
- <nobr>累计失联天数</nobr>
278
- </th>
279
- <th style="text-align:center">
280
- <nobr>气表厂家</nobr>
281
- </th>
282
- <th style="text-align:center" >
283
- <nobr>气表型号</nobr>
284
- </th>
285
- <th style="text-align:center" >
286
- <nobr>用户状态</nobr>
287
- </th>
288
- <th style="text-align:center" >
289
- <nobr>组织机构</nobr>
290
- </th>
291
-
292
- </tr>
293
-
294
- </template>
295
- <template partial='body'>
296
- <td style="text-align:center">{{$index+1}}</td>
297
- <!--<td style="text-align:center">{{row.f_userfiles_id}}</td>-->
298
- <td style="text-align: center;"><nobr>
299
- <span @click="$parent.$parent.$parent.showmsg(row)"><a>{{row.f_userinfo_code}}</a></span>
300
- </nobr> </td>
301
- <td style="text-align:center"><nobr>{{row.f_user_name}}</nobr></td>
302
- <td style="text-align:center"><nobr>{{row.f_residential_area}}</nobr></td>
303
- <td><nobr>{{row.f_address}}</nobr></td>
304
- <td style="text-align:center">{{row.f_user_type}}</td>
305
- <td style="text-align:center">{{row.f_gasproperties}}</td>
306
- <td style="text-align:center">{{row.f_meter_base}}</td>
307
- <td style="text-align:center"><nobr>{{row.f_meternumber}}</nobr></td>
308
- <td style="text-align:center"><nobr>{{row.leigoumoney}}</nobr></td>
309
- <td style="text-align:center"><nobr>{{row.f_balance_amount}}</nobr></td>
310
- <td style="text-align:center"><nobr>{{row.f_startuse_date}}</nobr></td>
311
-
312
- <td style="text-align:center">{{row.ybdays}}</td>
313
- <td style="text-align:center">{{row.sbdays}}</td>
314
- <td style="text-align:center">
315
- <nobr>{{row.max_interval_day}}</nobr>
316
- </td>
317
- <td style="text-align:center">
318
- <nobr>{{row.sldays}}</nobr>
319
- </td>
320
- <td style="text-align:center">
321
- <nobr>{{row.f_meter_brand}}</nobr>
322
- </td>
323
- <td style="text-align:center">
324
- <nobr>{{row.f_meter_style}}</nobr>
325
- </td>
326
- <td style="text-align:center">
327
- <nobr>{{row.f_user_state}}</nobr>
328
- </td>
329
- <td style="text-align:center">
330
- <nobr>{{row.f_orgname}}</nobr>
331
- </td>
332
-
333
- </template>
334
- </data-grid>
335
- </criteria-paged>
336
- </div>
234
+ </div>
235
+ </criteria>
236
+ <data-grid id="lostuserlist" :model="model" partial='list' v-ref:grid class="list_area table_sy">
237
+ <template partial='head'>
238
+ <tr>
239
+ <th style="text-align:center">
240
+ <nobr>序号</nobr>
241
+ </th>
242
+ <th style="text-align:center">
243
+ <nobr>客户编号</nobr>
244
+ </th>
245
+ <th style="text-align:center">
246
+ <nobr>客户名称</nobr>
247
+ </th>
248
+ <th style="text-align:center">
249
+ <nobr>客户小区</nobr>
250
+ </th>
251
+ <th style="text-align:center">
252
+ <nobr>客户地址</nobr>
253
+ </th>
254
+ <th style="text-align:center">
255
+ <nobr>客户类型</nobr>
256
+ </th>
257
+ <th style="text-align:center">
258
+ <nobr>用气性质</nobr>
259
+ </th>
260
+ <th style="text-align:center">
261
+ <nobr>当前表底数</nobr>
262
+ </th>
263
+ <th style="text-align:center">
264
+ <nobr>表号</nobr>
265
+ </th>
266
+ <th style="text-align:center">
267
+ <nobr>期间累计购气金额</nobr>
268
+ </th>
269
+ <th style="text-align:center">
270
+ <nobr>当前剩余金额</nobr>
271
+ </th>
272
+ <th style="text-align:center">
273
+ <nobr>启用日期</nobr>
274
+ </th>
275
+
276
+ <th style="text-align:center">
277
+ <nobr>应报天数</nobr>
278
+ </th>
279
+ <th style="text-align:center">
280
+ <nobr>实报天数</nobr>
281
+ </th>
282
+ <th style="text-align:center">
283
+ <nobr>最长失联天数</nobr>
284
+ </th>
285
+ <th style="text-align:center">
286
+ <nobr>累计失联天数</nobr>
287
+ </th>
288
+ <th style="text-align:center">
289
+ <nobr>气表厂家</nobr>
290
+ </th>
291
+ <th style="text-align:center">
292
+ <nobr>气表型号</nobr>
293
+ </th>
294
+ <th style="text-align:center">
295
+ <nobr>用户状态</nobr>
296
+ </th>
297
+ <th style="text-align:center">
298
+ <nobr>组织机构</nobr>
299
+ </th>
300
+
301
+ </tr>
302
+
303
+ </template>
304
+ <template partial='body'>
305
+ <td style="text-align:center">{{ $index + 1 }}</td>
306
+ <!--<td style="text-align:center">{{row.f_userfiles_id}}</td>-->
307
+ <td style="text-align: center;">
308
+ <nobr>
309
+ <span @click="$parent.$parent.$parent.showmsg(row)"><a>{{ row.f_userinfo_code }}</a></span>
310
+ </nobr>
311
+ </td>
312
+ <td style="text-align:center">
313
+ <nobr>{{ row.f_user_name }}</nobr>
314
+ </td>
315
+ <td style="text-align:center">
316
+ <nobr>{{ row.f_residential_area }}</nobr>
317
+ </td>
318
+ <td>
319
+ <nobr>{{ row.f_address }}</nobr>
320
+ </td>
321
+ <td style="text-align:center">{{ row.f_user_type }}</td>
322
+ <td style="text-align:center">{{ row.f_gasproperties }}</td>
323
+ <td style="text-align:center">{{ row.f_meter_base }}</td>
324
+ <td style="text-align:center">
325
+ <nobr>{{ row.f_meternumber }}</nobr>
326
+ </td>
327
+ <td style="text-align:center">
328
+ <nobr>{{ row.leigoumoney }}</nobr>
329
+ </td>
330
+ <td style="text-align:center">
331
+ <nobr>{{ row.f_balance_amount }}</nobr>
332
+ </td>
333
+ <td style="text-align:center">
334
+ <nobr>{{ row.f_startuse_date }}</nobr>
335
+ </td>
336
+
337
+ <td style="text-align:center">{{ row.ybdays }}</td>
338
+ <td style="text-align:center">{{ row.sbdays }}</td>
339
+ <td style="text-align:center">
340
+ <nobr>{{ row.max_interval_day }}</nobr>
341
+ </td>
342
+ <td style="text-align:center">
343
+ <nobr>{{ row.sldays }}</nobr>
344
+ </td>
345
+ <td style="text-align:center">
346
+ <nobr>{{ row.f_meter_brand }}</nobr>
347
+ </td>
348
+ <td style="text-align:center">
349
+ <nobr>{{ row.f_meter_style }}</nobr>
350
+ </td>
351
+ <td style="text-align:center">
352
+ <nobr>{{ row.f_user_state }}</nobr>
353
+ </td>
354
+ <td style="text-align:center">
355
+ <nobr>{{ row.f_orgname }}</nobr>
356
+ </td>
357
+
358
+ </template>
359
+ </data-grid>
360
+ </criteria-paged>
361
+ </div>
337
362
  <div class="flex-row" v-show="echarts" style="width: 100%;height: 90%;">
338
- <lost-contact-echarts :groupname="groupname[0]" :condition = "condition" :startdate="startDate"
363
+ <lost-contact-echarts :groupname="groupname[0]" :condition="condition" :startdate="startDate"
339
364
  :enddate="endDate" :echarts="echarts"></lost-contact-echarts>
340
365
  </div>
341
366
  <div class="span" v-show="isActiveTotalForm" style="width: 100%;height: 90%;">
@@ -347,304 +372,305 @@
347
372
  <!-- <div v-show="isActiveTotalForm" style="height: 40px;width: 100%;">-->
348
373
  <!-- <button class="button_search button_spacing" @click="notShowTotalForm()">隐藏汇总</button>-->
349
374
  <!-- </div>-->
350
- <!-- <div class="flex-row" v-show="isActiveTotalForm" style="width: 100%;height: 90%;">-->
351
- <!-- <lost-contact-eform :condition="model.condition" :startdate="startDate"-->
352
- <!-- :enddate="endDate"></lost-contact-eform>-->
353
- <!-- </div>-->
354
- <div class="flex-row" style="width:99%;height:98%;margin-bottom:0px" v-if="showdetail">
355
- <user-info-detail-manage-new :f_userinfo_id="rowdata.f_userinfo_id" @cancel-main="cancel"></user-info-detail-manage-new>
375
+ <!-- <div class="flex-row" v-show="isActiveTotalForm" style="width: 100%;height: 90%;">-->
376
+ <!-- <lost-contact-eform :condition="model.condition" :startdate="startDate"-->
377
+ <!-- :enddate="endDate"></lost-contact-eform>-->
378
+ <!-- </div>-->
379
+ <div class="flex-row" style="width:99%;height:98%;margin-bottom:0px" v-if="showdetail">
380
+ <user-info-detail-manage-new :f_userinfo_id="rowdata.f_userinfo_id"
381
+ @cancel-main="cancel"></user-info-detail-manage-new>
356
382
  </div>
357
383
  </template>
358
384
 
359
385
  <script>
360
- import {PagedList} from 'vue-client'
361
- import UserGasEcharts from '../../components/webmeter/DrillData/UserGasEcharts'
362
- import * as Util from '../../Util'
363
- import plugin from 'system-clients/src/plugins/GetLoginInfoService'
364
- import {HttpResetClass} from 'vue-client'
365
- let readySomething = async function (self) {
366
-
367
- await self.$MagLoadParams.loadParam()
368
- self.initParams()
369
- let year = new Date().getFullYear()
370
- self.$refs.paged.$refs.cri.model.startDate = year+'-01-01 00:00:00'
371
- // self.$refs.paged.$refs.cri.model.startDate = Util.toStandardDateString() + ' 00:00:00'
372
- self.$refs.paged.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
373
- self.$refs.paged.$refs.cri.model.f_user_state='正常'
374
- self.$refs.paged.$refs.cri.search()
375
- }
376
- export default {
377
- title: '失联分析',
378
- props: ['data'],
379
- components: {UserGasEcharts},
380
- data() {
381
- return {
382
- model: new PagedList('rs/sql/webmeter_getAllLoseQuery', 20, {
383
- startDate: 'this.model.startDate',
384
- endDate: 'this.model.endDate'
385
- }),
386
- getfield:{
387
- "f_userinfo_code":"客户编号","f_user_name":"客户名称",
388
- "f_address":"客户地址","f_user_type":"客户类型","f_gasproperties":"用气性质",
389
- "f_meternumber":"表号",
390
-
391
- "f_startuse_date":"启用日期",
392
- "ybdays":"应报天数",
393
- "sbdays":"实报天数",
394
- "max_interval_day":"最长失联天数","sldays":"累计失联天数",
395
- "f_meter_brand":"气表厂家","f_orgname":"组织机构"},
396
- reportStr: null,
397
- show: false,
398
- showdetail:false,
399
- rowdata:{},
400
- startDate: '',
401
- endDate: '',
402
- criteriaShow:false,
403
- outlets: [],
404
- gasproperties:[{label: '全部', value: ''}],
405
- operator: [],
406
- WarningType: [
407
- {label: '全部', value: ''}
408
- ],
409
- Warningstyles: [
410
- {label: '全部', value: ''}
411
- ],
412
- styles:false,
413
- filename: '',
414
- orgCondtionStr: ` and f_orgid = ${this.$login.f.orgid}`,
415
- echarts: false,
416
- orgid:[this.$login.f.orgid],
417
- searchshow: false,
418
- isActiveTotalForm: false,
419
- condition: '1=1',
420
- groupname: ['max_days_type'],
421
- getgroupname: [
422
- {label: '客户类型', value: 'f_user_type'},
423
- {label: '用气性质', value: 'f_gasproperties'},
424
- {label: '分公司', value: 'f_orgname'},
425
- {label: '最长失联天数', value: 'max_days_type'},
426
- {label: '合计失联天数', value: 'all_days_type'}
427
- ],
428
- org:[this.$login.f.orgid]
386
+ import {PagedList} from 'vue-client'
387
+ import UserGasEcharts from '../../components/webmeter/DrillData/UserGasEcharts'
388
+ import * as Util from '../../Util'
389
+ import plugin from 'system-clients/src/plugins/GetLoginInfoService'
390
+ import {HttpResetClass} from 'vue-client'
391
+
392
+ let readySomething = async function (self) {
393
+
394
+ await self.$MagLoadParams.loadParam()
395
+ self.initParams()
396
+ let year = new Date().getFullYear()
397
+ self.$refs.paged.$refs.cri.model.startDate = year + '-01-01 00:00:00'
398
+ // self.$refs.paged.$refs.cri.model.startDate = Util.toStandardDateString() + ' 00:00:00'
399
+ self.$refs.paged.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
400
+ self.$refs.paged.$refs.cri.model.f_user_state = '正常'
401
+ self.$refs.paged.$refs.cri.search()
402
+ }
403
+ export default {
404
+ title: '失联分析',
405
+ props: ['data'],
406
+ components: {UserGasEcharts},
407
+ data() {
408
+ return {
409
+ model: new PagedList('rs/sql/webmeter_getAllLoseQuery', 20, {
410
+ startDate: 'this.model.startDate',
411
+ endDate: 'this.model.endDate'
412
+ }),
413
+ getfield: {
414
+ "f_userinfo_code": "客户编号", "f_user_name": "客户名称",
415
+ "f_address": "客户地址", "f_user_type": "客户类型", "f_gasproperties": "用气性质",
416
+ "f_meternumber": "表号",
417
+
418
+ "f_startuse_date": "启用日期",
419
+ "ybdays": "应报天数",
420
+ "sbdays": "实报天数",
421
+ "max_interval_day": "最长失联天数", "sldays": "累计失联天数",
422
+ "f_meter_brand": "气表厂家", "f_orgname": "组织机构"
423
+ },
424
+ reportStr: null,
425
+ show: false,
426
+ showdetail: false,
427
+ rowdata: {},
428
+ startDate: '',
429
+ endDate: '',
430
+ criteriaShow: false,
431
+ outlets: [],
432
+ gasproperties: [{label: '全部', value: ''}],
433
+ operator: [],
434
+ WarningType: [
435
+ {label: '全部', value: ''}
436
+ ],
437
+ Warningstyles: [
438
+ {label: '全部', value: ''}
439
+ ],
440
+ styles: false,
441
+ filename: '',
442
+ orgCondtionStr: ` and f_orgid = ${this.$login.f.orgid}`,
443
+ echarts: false,
444
+ orgid: [this.$login.f.orgid],
445
+ searchshow: false,
446
+ isActiveTotalForm: false,
447
+ condition: '1=1',
448
+ groupname: ['max_days_type'],
449
+ getgroupname: [
450
+ {label: '客户类型', value: 'f_user_type'},
451
+ {label: '用气性质', value: 'f_gasproperties'},
452
+ {label: '分公司', value: 'f_orgname'},
453
+ {label: '最长失联天数', value: 'max_days_type'},
454
+ {label: '合计失联天数', value: 'all_days_type'}
455
+ ],
456
+ org: [this.$login.f.orgid]
429
457
 
430
- }
431
- },
432
- ready() {
433
- readySomething(this)
434
- this.getMeterTypeAndBrand('f_meter_brand', '1=1')
458
+ }
459
+ },
460
+ ready() {
461
+ readySomething(this)
462
+ this.getMeterTypeAndBrand('f_meter_brand', '1=1')
463
+ },
464
+ methods: {
465
+ getMeterType() {
466
+ this.Warningstyle = [{label: '全部', value: ''}]
467
+ this.styles = false
468
+ let f_meter_brand = this.$refs.paged.$refs.cri.model.f_meter_brand
469
+ this.getMeterTypeAndBrand('f_meter_style', `f_meter_brand='${f_meter_brand}'`)
435
470
  },
436
- methods: {
437
- getMeterType() {
438
- this.Warningstyle = [{label: '全部', value: ''}]
439
- this.styles = false
440
- let f_meter_brand = this.$refs.paged.$refs.cri.model.f_meter_brand
441
- this.getMeterTypeAndBrand('f_meter_style', `f_meter_brand='${f_meter_brand}'`)
442
- },
443
- getMeterTypeAndBrand(groupname, condition) {
444
- condition = `${condition} and ui.f_orgid like '${this.$login.f.orgid}%'`
445
- let self = this
446
- let load = new HttpResetClass()
447
- load.load('POST', 'rs/sql/getMeterStyleAndBrand1', {
448
- data: {
449
- condition: condition,
450
- groupname: groupname
451
- }
452
- }, {warnMsg: null, resolveMsg: null}).then((res) => {
453
- for (let i = 0; i < res.data.length; i++) {
454
- if (groupname == 'f_meter_brand') {
455
- let dr = {}
456
- dr.label = res.data[i].f_meter_brand
457
- dr.value = res.data[i].f_meter_brand
458
- //气表品牌
459
- self.WarningType.push(dr)
460
- } else if (groupname == 'f_meter_style') {
461
- self.Warningstyle= [
462
- {label: '全部', value: ''}
463
- ],
464
- self.$refs.paged.$refs.cri.model.f_meter_style=''
465
- let dr = {}
466
- dr.label = res.data[i].f_meter_style
467
- dr.value = res.data[i].f_meter_style
468
- //气表类型
469
- self.Warningstyle.push(dr)
470
- }
471
- }
472
- if (self.Warningstyle.length > 1) {
473
- self.showMeterStyle()
471
+ getMeterTypeAndBrand(groupname, condition) {
472
+ condition = `${condition} and ui.f_orgid like '${this.$login.f.orgid}%'`
473
+ let self = this
474
+ let load = new HttpResetClass()
475
+ load.load('POST', 'rs/sql/getMeterStyleAndBrand1', {
476
+ data: {
477
+ condition: condition,
478
+ groupname: groupname
479
+ }
480
+ }, {warnMsg: null, resolveMsg: null}).then((res) => {
481
+ for (let i = 0; i < res.data.length; i++) {
482
+ if (groupname == 'f_meter_brand') {
483
+ let dr = {}
484
+ dr.label = res.data[i].f_meter_brand
485
+ dr.value = res.data[i].f_meter_brand
486
+ //气表品牌
487
+ self.WarningType.push(dr)
488
+ } else if (groupname == 'f_meter_style') {
489
+ self.Warningstyle = [
490
+ {label: '全部', value: ''}
491
+ ],
492
+ self.$refs.paged.$refs.cri.model.f_meter_style = ''
493
+ let dr = {}
494
+ dr.label = res.data[i].f_meter_style
495
+ dr.value = res.data[i].f_meter_style
496
+ //气表类型
497
+ self.Warningstyle.push(dr)
474
498
  }
475
- })
476
-
477
- },
478
- showMeterStyle() {
479
- this.styles = true
480
- },
481
- userTypeChange () {
482
- this.gasproperties=[{label: '全部', value: ''}]
483
- if(this.$refs.paged.$refs.cri.model && this.$refs.paged.$refs.cri.model.f_user_type) {
484
- this.$refs.paged.$refs.cri.model.f_gasproperties=''
485
-
486
- console.log(this.$refs.paged.$refs.cri.model.f_user_type[0])
487
- this.gasproperties = this.$appdata.getParam(this.$refs.paged.$refs.cri.model.f_user_type[0])
488
- // this.gasproperties.push({label: '全部', value: ''})
489
499
  }
490
- else{
491
- this.gasproperties =[{label: '全部', value: ''}]
500
+ if (self.Warningstyle.length > 1) {
501
+ self.showMeterStyle()
492
502
  }
493
- },
494
- hidden(){
495
- this.criteriaShow = !this.criteriaShow
496
- },
497
- clickshow() {
498
- this.searchshow = !this.searchshow
499
- },
500
- showmsg(obj){
501
- this.rowdata=obj
502
- this.showdetail = true
503
- },
504
- cancel() {
505
- this.showdetail = false
506
- },
507
- initParams () {
508
- let arr = []
509
- this.$MagGetSaleParam.getGasbrand().forEach((item) => {
510
- let temp = {}
511
- if(item.value.f_meter_type==='物联网表'){
512
- temp.label = item.label
513
- temp.value = item.value.f_meter_brand
514
- arr.push(temp )
515
- }
503
+ })
516
504
 
517
- })
518
-
519
- },
520
- search(args) {
521
- this.startDate = this.$refs.paged.$refs.cri.model.startDate
522
- this.endDate = this.$refs.paged.$refs.cri.model.endDate
523
- if (this.endDate == '' || this.startDate == '') {
524
- return this.$showMessage("时间区间的开始和结束时间不能为空!")
525
- }
526
- this.condition = args.condition = this.$refs.paged.$refs.cri.condition + `${this.orgCondtionStr}`
527
- this.model.search(args.condition, args.model)
528
- },
529
- getorg(obj) {
530
- if (obj.resids.length>0) {
531
- this.orgCondtionStr = " and f_orgid in " + plugin.convertToIn(obj.resids)
532
- }else
533
- {
534
- this.orgCondtionStr = " and f_orgid = " + this.$login.f.orgid
505
+ },
506
+ showMeterStyle() {
507
+ this.styles = true
508
+ },
509
+ userTypeChange() {
510
+ this.gasproperties = [{label: '全部', value: ''}]
511
+ if (this.$refs.paged.$refs.cri.model && this.$refs.paged.$refs.cri.model.f_user_type) {
512
+ this.$refs.paged.$refs.cri.model.f_gasproperties = ''
513
+
514
+ console.log(this.$refs.paged.$refs.cri.model.f_user_type[0])
515
+ this.gasproperties = this.$appdata.getParam(this.$refs.paged.$refs.cri.model.f_user_type[0])
516
+ // this.gasproperties.push({label: '全部', value: ''})
517
+ } else {
518
+ this.gasproperties = [{label: '全部', value: ''}]
519
+ }
520
+ },
521
+ hidden() {
522
+ this.criteriaShow = !this.criteriaShow
523
+ },
524
+ clickshow() {
525
+ this.searchshow = !this.searchshow
526
+ },
527
+ showmsg(obj) {
528
+ this.rowdata = obj
529
+ this.showdetail = true
530
+ },
531
+ cancel() {
532
+ this.showdetail = false
533
+ },
534
+ initParams() {
535
+ let arr = []
536
+ this.$MagGetSaleParam.getGasbrand().forEach((item) => {
537
+ let temp = {}
538
+ if (item.value.f_meter_type === '物联网表') {
539
+ temp.label = item.label
540
+ temp.value = item.value.f_meter_brand
541
+ arr.push(temp)
535
542
  }
536
- },
537
- // SaveAsFile(str) {
538
- // this.$showMessage('您是否需要导出本页数据?', ['confirm', 'cancel']).then((res) => {
539
- // if (res === 'confirm') {
540
- // let style = '<style>' +
541
- // 'td {border-width: 1px;padding: 2px;border-style: solid; border-color:black; border-collapse:collapse;} .tdright{text-align: right;} .tdcenter{text-align: center;}</style>';
542
- // let strHtml = style + document.getElementById(str).innerHTML;
543
- // console.log(strHtml);
544
- // let LODOP = getLodop();
545
- // LODOP.PRINT_INIT('');
546
- // LODOP.ADD_PRINT_TABLE(5, 5, '99%', '100%', strHtml);
547
- // LODOP.SAVE_TO_FILE('失联分析.xls')
548
- // }
549
- // })
550
- // },
551
- clearmsg() {
552
- this.$refs.paged.$refs.cri.model = {}
553
- },
554
543
 
544
+ })
555
545
 
556
- close() {
557
- this.show = false
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
546
+ },
547
+ search(args) {
548
+ this.startDate = this.$refs.paged.$refs.cri.model.startDate
549
+ this.endDate = this.$refs.paged.$refs.cri.model.endDate
550
+ if (this.endDate == '' || this.startDate == '') {
551
+ return this.$showMessage("时间区间的开始和结束时间不能为空!")
577
552
  }
553
+ this.condition = args.condition = this.$refs.paged.$refs.cri.condition + `${this.orgCondtionStr}`
554
+ this.model.search(args.condition, args.model)
578
555
  },
579
- watch: {
580
- 'data'(val) {
581
- if (val.f_files_path) {
582
- this.getFileContent(val.f_files_path)
583
- } else {
584
- this.reportStr = null
585
- }
556
+ getorg(obj) {
557
+ if (obj.resids.length > 0) {
558
+ this.orgCondtionStr = " and f_orgid in " + plugin.convertToIn(obj.resids)
559
+ } else {
560
+ this.orgCondtionStr = " and f_orgid = " + this.$login.f.orgid
586
561
  }
587
562
  },
588
- computed: {
589
- // usertypes () {
590
- // return this.$appdate.getParams("客户类型")
591
- // },
592
- getCondition() {
593
- let condition=this.$refs.paged.$refs.cri.condition + this.orgCondtionStr
594
- return {
595
- condition: condition ,
596
- startDate:`${this.$refs.paged.$refs.cri.model.startDate}`,
597
- endDate:`${this.$refs.paged.$refs.cri.model.endDate}`
598
- }
563
+ // SaveAsFile(str) {
564
+ // this.$showMessage('您是否需要导出本页数据?', ['confirm', 'cancel']).then((res) => {
565
+ // if (res === 'confirm') {
566
+ // let style = '<style>' +
567
+ // 'td {border-width: 1px;padding: 2px;border-style: solid; border-color:black; border-collapse:collapse;} .tdright{text-align: right;} .tdcenter{text-align: center;}</style>';
568
+ // let strHtml = style + document.getElementById(str).innerHTML;
569
+ // console.log(strHtml);
570
+ // let LODOP = getLodop();
571
+ // LODOP.PRINT_INIT('');
572
+ // LODOP.ADD_PRINT_TABLE(5, 5, '99%', '100%', strHtml);
573
+ // LODOP.SAVE_TO_FILE('失联分析.xls')
574
+ // }
575
+ // })
576
+ // },
577
+ clearmsg() {
578
+ this.$refs.paged.$refs.cri.model = {}
579
+ },
599
580
 
600
- },
601
- usertypes() {
602
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
603
- },
604
- f_outlets() {
605
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('网点查询用')]
606
- },
607
- valveStatus() {
608
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
609
- },
610
- getstate() {
611
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('最新状态')]
612
- },
613
- userstate() {
614
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户状态')]
581
+
582
+ close() {
583
+ this.show = false
584
+ },
585
+ // 显示柱状图
586
+ showEcharts() {
587
+ this.echarts = true
588
+ this.isActiveTotalForm = false
589
+ },
590
+ notShowTotalForm() {
591
+ this.echarts = false
592
+ this.isActiveTotalForm = false
593
+ },
594
+ // 不显示柱状图
595
+ notShowEcharts() {
596
+ this.echarts = false
597
+ this.isActiveTotalForm = false
598
+ },
599
+ // 显示汇总数据表格
600
+ showTotalForm() {
601
+ this.echarts = false
602
+ this.isActiveTotalForm = true
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
615
611
  }
616
612
  }
613
+ },
614
+ computed: {
615
+ // usertypes () {
616
+ // return this.$appdate.getParams("客户类型")
617
+ // },
618
+ getCondition() {
619
+ let condition = this.$refs.paged.$refs.cri.condition + this.orgCondtionStr
620
+ return {
621
+ condition: condition,
622
+ startDate: `${this.$refs.paged.$refs.cri.model.startDate}`,
623
+ endDate: `${this.$refs.paged.$refs.cri.model.endDate}`
624
+ }
625
+
626
+ },
627
+ usertypes() {
628
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
629
+ },
630
+ f_outlets() {
631
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('网点查询用')]
632
+ },
633
+ valveStatus() {
634
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表类型')]
635
+ },
636
+ getstate() {
637
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('最新状态')]
638
+ },
639
+ userstate() {
640
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户状态')]
641
+ }
617
642
  }
643
+ }
618
644
  </script>
619
645
  <style>
620
- .form-input-group label {
621
- text-align: right;
622
- width: auto;
623
- }
624
-
625
- .mystyle {
626
- float: right;
627
- padding-right: 10%;
628
- }
629
-
630
- .mystyle1 {
631
- padding-top: 10px;
632
-
633
- }
634
-
635
- .mystyle2 {
636
- width: 100%;
637
- height: 35px;
638
- /*background: #00A3F0;*/
639
- padding-left: 15px;
640
- float: left;
641
- }
642
-
643
- .datapanel {
644
- color: #333;
645
- background-color: white;
646
- box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
647
- padding: 10px 30px 10px 30px;
648
- border-radius: 15px;
649
- }
646
+ .form-input-group label {
647
+ text-align: right;
648
+ width: auto;
649
+ }
650
+
651
+ .mystyle {
652
+ float: right;
653
+ padding-right: 10%;
654
+ }
655
+
656
+ .mystyle1 {
657
+ padding-top: 10px;
658
+
659
+ }
660
+
661
+ .mystyle2 {
662
+ width: 100%;
663
+ height: 35px;
664
+ /*background: #00A3F0;*/
665
+ padding-left: 15px;
666
+ float: left;
667
+ }
668
+
669
+ .datapanel {
670
+ color: #333;
671
+ background-color: white;
672
+ box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
673
+ padding: 10px 30px 10px 30px;
674
+ border-radius: 15px;
675
+ }
650
676
  </style>