manage-client 3.2.297 → 3.2.299

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.
@@ -55,6 +55,15 @@
55
55
  <input type="text" style="width:60%" class="input_search" v-model="model.f_address"
56
56
  condition="f_address like '%{}%'" placeholder='客户地址'>
57
57
  </div>
58
+ <div class="col-sm-2 form-group">
59
+ <label class="font_normal_body" title="气表状态">气表状态</label>
60
+ <v-select :value.sync="model.f_table_state"
61
+ :search="false"
62
+ v-model="model.f_table_state"
63
+ :options='$parent.$parent.TableStates' placeholder='请选择'
64
+ condition="f_table_state in {}"
65
+ ></v-select>
66
+ </div>
58
67
  <div class="col-sm-2 form-group">
59
68
  <label class="font_normal_body">燃气表号</label>
60
69
  <input type="text" style="width:60%" class="input_search" v-model="model.f_meternumber"
@@ -81,16 +90,16 @@
81
90
  condition="f_createfile_date <= '{}'">
82
91
  </datepicker>
83
92
  </div>
84
- <div class="col-sm-2 form-group">
85
- <label class="font_normal_body">通气年限</label>
86
- <input type="number" style="width:60%" class="input_search" v-model="model.diffAllyear1"
87
- condition="diffAllyear >= {}" placeholder="最小值">
88
- </div>
89
- <div class="col-sm-2 form-group">
90
- <label class="font_normal_body">&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>
91
- <input type="number" style="width:60%" class="input_search" v-model="model.diffAllyear2"
92
- condition="diffAllyear <= {}" placeholder="最大值">
93
- </div>
93
+ <!-- <div class="col-sm-2 form-group">-->
94
+ <!-- <label class="font_normal_body">通气年限</label>-->
95
+ <!-- <input type="number" style="width:60%" class="input_search" v-model="model.diffAllyear1"-->
96
+ <!-- condition="diffAllyear >= {}" placeholder="最小值">-->
97
+ <!-- </div>-->
98
+ <!-- <div class="col-sm-2 form-group">-->
99
+ <!-- <label class="font_normal_body">&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;</label>-->
100
+ <!-- <input type="number" style="width:60%" class="input_search" v-model="model.diffAllyear2"-->
101
+ <!-- condition="diffAllyear <= {}" placeholder="最大值">-->
102
+ <!-- </div>-->
94
103
  <div class="col-sm-2 form-group">
95
104
  <label class="font_normal_body">&nbsp;&nbsp;&nbsp;小区&nbsp;&nbsp;&nbsp;</label>
96
105
  <v-select :value.sync="model.f_residential_area"
@@ -127,6 +136,42 @@
127
136
  condition="f_user_state in {}"
128
137
  ></v-select>
129
138
  </div>
139
+ <div class="col-sm-2 form-group">
140
+ <label for="startDate" class="font_normal_body">开户日期</label>
141
+ <datepicker id="startDate2" placeholder="开始日期" style="width:60%"
142
+ v-model="model.startDate2"
143
+ :value.sync="model.startDate2"
144
+ :format="'yyyy-MM-dd 00:00:00'"
145
+ :show-reset-button="true"
146
+ condition="f_open_date >= '{}'">
147
+ </datepicker>
148
+ </div>
149
+ <div class="col-sm-2 form-group">
150
+ <label for="endDate" class="font_normal_body">开户日期</label>
151
+ <datepicker id="endDate2" placeholder="结束日期" style="width:60%"
152
+ v-model="model.endDate2"
153
+ :value.sync="model.endDate2"
154
+ :format="'yyyy-MM-dd 23:59:59'"
155
+ :show-reset-button="true"
156
+ condition="f_open_date <= '{}'">
157
+ </datepicker>
158
+ </div>
159
+ <div class="col-sm-2 form-group" >
160
+ <label class="font_normal_body">有无波纹管</label>
161
+ <v-select :value.sync="model.f_has_pepe"
162
+ v-model="model.f_has_pepe"
163
+ :options='$parent.$parent.haspipe' placeholder='请选择'
164
+ condition="f_has_pepe {}" close-on-select
165
+ ></v-select>
166
+ </div>
167
+ <div class="col-sm-2 form-group" >
168
+ <label class="font_normal_body">有无自闭阀</label>
169
+ <v-select :value.sync="model.f_is_zibifa"
170
+ v-model="model.f_is_zibifa"
171
+ :options='$parent.$parent.iszbf' placeholder='请选择'
172
+ condition="f_is_zibifa {}" close-on-select
173
+ ></v-select>
174
+ </div>
130
175
  </div>
131
176
  </div>
132
177
  </criteria>
@@ -135,7 +180,7 @@
135
180
  <tr>
136
181
  <th rowspan="2"><nobr>序号</nobr></th>
137
182
  <th colspan="7"><nobr>用户信息</nobr></th>
138
- <th colspan="8"><nobr>燃气表</nobr></th>
183
+ <th colspan="9"><nobr>燃气表</nobr></th>
139
184
  <th colspan="8"><nobr>建档信息</nobr></th>
140
185
  <th colspan="5"><nobr>燃气报警装置</nobr></th>
141
186
  <th colspan="5"><nobr>燃气灶具</nobr></th>
@@ -144,7 +189,7 @@
144
189
  <th colspan="5"><nobr>燃气壁挂炉</nobr></th>
145
190
  <th colspan="5"><nobr>燃气保险信息</nobr></th>
146
191
  <th colspan="2"><nobr>初次充值信息</nobr></th>
147
- <th colspan="2"><nobr>每年充值</nobr></th>
192
+ <!-- <th colspan="2"><nobr>每年充值</nobr></th>-->
148
193
  <th colspan="7"><nobr>安检信息</nobr></th>
149
194
  <th rowspan="2"><nobr>备注</nobr></th>
150
195
  </tr>
@@ -163,6 +208,7 @@
163
208
  <th><nobr>品牌</nobr></th>
164
209
  <th><nobr>表号</nobr></th>
165
210
  <th><nobr>类型</nobr></th>
211
+ <th><nobr>气表状态</nobr></th>
166
212
  <th><nobr>型号</nobr></th>
167
213
  <th><nobr>表向</nobr></th>
168
214
  <th><nobr>安装位置</nobr></th>
@@ -218,8 +264,8 @@
218
264
  <th><nobr>充值时间</nobr></th>
219
265
  <th><nobr>金额(元)</nobr></th>
220
266
  <!--每年充值-->
221
- <th><nobr>充值时间</nobr></th>
222
- <th><nobr>金额(元)</nobr></th>
267
+ <!-- <th><nobr>充值时间</nobr></th>-->
268
+ <!-- <th><nobr>金额(元)</nobr></th>-->
223
269
  <!--安检信息-->
224
270
  <th><nobr>安检日期</nobr></th>
225
271
  <th><nobr>安检人员</nobr></th>
@@ -268,6 +314,9 @@
268
314
  <td style="text-align: center;">
269
315
  <nobr>{{row.f_meter_type}}</nobr>
270
316
  </td>
317
+ <td style="text-align: center;">
318
+ <nobr>{{row.f_table_state}}</nobr>
319
+ </td>
271
320
  <td style="text-align: center;">
272
321
  <nobr>{{row.f_meter_style}}</nobr>
273
322
  </td>
@@ -603,6 +652,8 @@
603
652
  residentialArea: [],
604
653
  allorgid:[],
605
654
  f_filialeid: this.$login.f.f_orgid,
655
+ haspipe: [{label: '有', value: ` = '有'`},{label: '无', value: `!= '有'`}],
656
+ iszbf: [{label: '有', value: ` = '有'`},{label: '无', value: `!= '有'`}]
606
657
  }
607
658
  },
608
659
  ready() {
@@ -956,6 +1007,9 @@
956
1007
  addressstate() {
957
1008
  return [{label: '全部', value: ''}, ...this.$appdata.getParam('地址状态')]
958
1009
  },
1010
+ TableStates () {
1011
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('气表状态')]
1012
+ },
959
1013
  devicetypes () {
960
1014
  return [{label: '全部', value: ''}, ...this.$appdata.getParam('设备类型')]
961
1015
  }
@@ -64,9 +64,9 @@
64
64
  >
65
65
  </div>
66
66
  <div class="col-sm-2">
67
- <label class="font_normal_body">燃气证号</label>
68
- <input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.f_gascode" placeholder='燃气证号'
69
- condition="ss.f_gascode like '%{}%'" v-next-el='f_gascode' v-el:f_gascode
67
+ <label class="font_normal_body">小区名称</label>
68
+ <input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.f_residential_area" placeholder='燃气证号'
69
+ condition="ss.f_residential_area like '%{}%'" v-next-el='f_residential_area' v-el:f_gascode
70
70
  >
71
71
  </div>
72
72
  <div class="col-sm-2 form-group">
@@ -0,0 +1,374 @@
1
+ <template>
2
+ <div class="flex-row" v-show="!showdetail">
3
+ <div id='app1' class="basic-main" >
4
+ <criteria-paged :model="model" :pager='true' v-ref:paged>
5
+ <criteria partial='criteria' @condition-changed='$parent.search' v-ref:cri>
6
+ <div novalidate class="form-horizontal select-overspread container-fluid auto" novalidate partial>
7
+ <div class="row">
8
+ <div class="col-sm-2 form-group">
9
+ <label class="font_normal_body">客户编号</label>
10
+ <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
11
+ v-model="model.f_userinfo_code" placeholder='客户编号'
12
+ condition="f_userinfo_code like '%{}%'" v-el:xq v-next-el='userinfocode' v-el:username
13
+ >
14
+ </div>
15
+ <div class="col-sm-2 form-group">
16
+ <label class="font_normal_body">客户名称</label>
17
+ <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
18
+ v-model="model.f_user_name" placeholder='客户名称'
19
+ condition="f_user_name like '%{}%'" v-el:xq v-next-el='username' v-el:username
20
+ >
21
+ </div>
22
+ <div class="col-sm-2 form-group">
23
+ <label class="font_normal_body">客户地址</label>
24
+ <input @keyup.enter="search" style="width:60%" type="text" class="input_search" v-model="model.f_area"
25
+ placeholder='地址'
26
+ condition="f_address like '%{}%'" v-el:xq v-next-el='address' v-el:area
27
+ >
28
+ </div>
29
+ <div class="col-sm-2 form-group">
30
+ <label class="font_normal_body">&nbsp;&nbsp;&nbsp;表号&nbsp;&nbsp;&nbsp;</label>
31
+ <input @keyup.enter="search" style="width:60%" type="text" class="input_search"
32
+ v-model="model.f_meternumber" placeholder='表号'
33
+ condition="f_meternumber like '%{}%'" v-next-el='meternumber' v-el:meternumber
34
+ >
35
+ </div>
36
+ <div style="float:right">
37
+ <button class="button_search button_spacing" @click="search()">查询</button>
38
+ <button class="button_clear button_spacing" @click="clear">清空</button>
39
+ <export-excel :data="$parent.$parent.getCondition" class="button_export button_spacing"
40
+ :field="$parent.$parent.getfield" :sumname="$parent.$parent.sumName"
41
+ sqlurl="rs/logic/exportfile" sql-name="webmeter_getNoMetereadData" template-name='未上报查询'
42
+ :choose-col="true"></export-excel>
43
+
44
+ <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>
45
+ </div>
46
+ </div>
47
+ <div class="row" v-show="$parent.$parent.criteriaShow">
48
+ <div class="col-sm-2 form-group">
49
+ <label class="font_normal_body">&nbsp;&nbsp;&nbsp;公司&nbsp;&nbsp;&nbsp;</label>
50
+ <right-tree @re-res="$parent.$parent.getorg" width="60%"
51
+ :initresid='$parent.$parent.org'></right-tree>
52
+ </div>
53
+ <div class="col-sm-2 form-group">
54
+ <label class="font_normal_body">客户类型</label>
55
+ <v-select style="width:60%" id="f_user_type"
56
+ v-model="model.f_user_type"
57
+ placeholder='客户类型'
58
+ :value.sync="model.f_user_type"
59
+ @change="$parent.$parent.userTypeChange()"
60
+ :options='$parent.$parent.usertypes'
61
+ condition="f_user_type = '{}'"
62
+ close-on-select>
63
+ </v-select>
64
+ </div>
65
+ <div class="col-sm-2 form-group">
66
+ <label class="font_normal_body">用气性质</label>
67
+ <v-select style="width:60%" id="f_gasproperties"
68
+ v-model="model.f_gasproperties"
69
+ placeholder='用气性质'
70
+ :value.sync="model.f_gasproperties"
71
+ :options='$parent.$parent.gasproperties'
72
+ condition="f_gasproperties = '{}'"
73
+ close-on-select>
74
+ </v-select>
75
+ </div>
76
+ <div class="col-sm-2 form-group">
77
+ <label class="font_normal_body">气表品牌</label>
78
+ <v-select
79
+ placeholder='气表品牌'
80
+ :value.sync="model.f_meter_brand"
81
+ v-model="model.f_meter_brand"
82
+ :options='$parent.$parent.meterbrands'
83
+ close-on-select
84
+ condition="f_meter_brand='{}'">
85
+ </v-select>
86
+ </div>
87
+ <div class="col-sm-2 form-group" >
88
+ <label class="font_normal_body">气表型号</label>
89
+ <v-select
90
+ placeholder='气表型号'
91
+ :value.sync="model.f_meter_style"
92
+ v-model="model.f_meter_style"
93
+ :options='$parent.$parent.meterstyle[model.f_meter_brand]'
94
+ close-on-select
95
+ condition="f_meter_style='{}'">
96
+ </v-select>
97
+ </div>
98
+ <div class="col-sm-2 form-group">
99
+ <label class="font_normal_body">用户状态</label>
100
+ <v-select
101
+ placeholder='用户状态'
102
+ value-single="true"
103
+ style="width:60%"
104
+ :value.sync="model.f_user_state"
105
+ v-model="model.f_user_state"
106
+ :options='$parent.$parent.userstate'
107
+ close-on-select condition="f_user_state ='{}'">
108
+ </v-select>
109
+ </div>
110
+ <div class="col-sm-2 form-group">
111
+ <label class="font_normal_body">开始时间</label>
112
+ <datepicker style="width:60%" id="startdate" placeholder="开始时间"
113
+ v-model="model.startDate"
114
+ :value.sync="model.startDate"
115
+ :disabled-days-of-Week="[]"
116
+ :format="'yyyy-MM-dd 00:00:00'"
117
+ :show-reset-button="reset">
118
+ </datepicker>
119
+ </div>
120
+ <div class="col-sm-2 form-group">
121
+ <label class="font_normal_body">结束时间</label>
122
+ <datepicker style="width:60%" id="enddate" placeholder="结束日期"
123
+ v-model="model.endDate"
124
+ :value.sync="model.endDate"
125
+ :disabled-days-of-Week="[]"
126
+ :format="'yyyy-MM-dd 23:59:59'"
127
+ :show-reset-button="reset">
128
+ </datepicker>
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </criteria>
133
+ <data-grid id="lostuserlist" :model="model" partial='list' v-ref:grid class="list_area table_sy">
134
+ <template partial='head'>
135
+ <tr>
136
+ <th style="text-align:center">
137
+ <nobr>序号</nobr>
138
+ </th>
139
+ <th style="text-align:center">
140
+ <nobr>未上报日期</nobr>
141
+ </th>
142
+ <th style="text-align:center">
143
+ <nobr>客户编号</nobr>
144
+ </th>
145
+ <th style="text-align:center">
146
+ <nobr>客户名称</nobr>
147
+ </th>
148
+ <th style="text-align:center">
149
+ <nobr>客户电话</nobr>
150
+ </th>
151
+ <th style="text-align:center">
152
+ <nobr>客户地址</nobr>
153
+ </th>
154
+ <th style="text-align:center">
155
+ <nobr>客户类型</nobr>
156
+ </th>
157
+ <th style="text-align:center">
158
+ <nobr>用气性质</nobr>
159
+ </th>
160
+ <th style="text-align:center">
161
+ <nobr>表号</nobr>
162
+ </th>
163
+ <th style="text-align:center">
164
+ <nobr>气表厂家</nobr>
165
+ </th>
166
+ <th style="text-align:center" >
167
+ <nobr>气表型号</nobr>
168
+ </th>
169
+ <th style="text-align:center" >
170
+ <nobr>用户状态</nobr>
171
+ </th>
172
+ <th style="text-align:center" >
173
+ <nobr>组织机构</nobr>
174
+ </th>
175
+ </tr>
176
+ </template>
177
+ <template partial='body'>
178
+ <td style="text-align:center">{{$index+1}}</td>
179
+ <td style="text-align:center">{{row.f_date}}</td>
180
+ <td style="text-align: center;"><nobr>
181
+ <span @click="$parent.$parent.$parent.showmsg(row)"><a>{{row.f_userinfo_code}}</a></span>
182
+ </nobr> </td>
183
+ <td style="text-align:center"><nobr>{{row.f_user_name}}</nobr></td>
184
+ <td style="text-align:center"><nobr>{{row.f_user_phone}}</nobr></td>
185
+ <td><nobr>{{row.f_address}}</nobr></td>
186
+ <td style="text-align:center">{{row.f_user_type}}</td>
187
+ <td style="text-align:center">{{row.f_gasproperties}}</td>
188
+ <td style="text-align:center"><nobr>{{row.f_meternumber}}</nobr></td>
189
+ <td style="text-align:center">
190
+ <nobr>{{row.f_meter_brand}}</nobr>
191
+ </td>
192
+ <td style="text-align:center">
193
+ <nobr>{{row.f_meter_style}}</nobr>
194
+ </td>
195
+ <td style="text-align:center">
196
+ <nobr>{{row.f_user_state}}</nobr>
197
+ </td>
198
+ <td style="text-align:center">
199
+ <nobr>{{row.f_orgname}}</nobr>
200
+ </td>
201
+
202
+ </template>
203
+ </data-grid>
204
+ </criteria-paged>
205
+ </div>
206
+ </div>
207
+ <div class="flex-row" v-if="showdetail">
208
+ <user-info-detail-manage-new :f_userinfo_id="rowdata.f_userinfo_id" @cancel-main="cancel"></user-info-detail-manage-new>
209
+ </div>
210
+ </template>
211
+
212
+ <script>
213
+ import {PagedList} from 'vue-client'
214
+ import * as Util from './../../Util'
215
+ import plugin from 'system-clients/src/plugins/GetLoginInfoService'
216
+ let readySomething = async function (self) {
217
+
218
+ await self.$MagLoadParams.loadParam()
219
+ self.initParams()
220
+ self.$refs.paged.$refs.cri.model.startDate = Util.toStandardDateString() +' 00:00:00'
221
+ self.$refs.paged.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
222
+ self.$refs.paged.$refs.cri.search()
223
+ }
224
+ export default {
225
+ title: '未上报查询',
226
+ props: ['data'],
227
+ data() {
228
+ return {
229
+ model: new PagedList('rs/sql/webmeter_getNoMetereadData', 20, {
230
+ startDate: 'this.model.startDate',
231
+ endDate: 'this.model.endDate'
232
+ }),
233
+ getfield:{
234
+ 'f_userinfo_code':'客户编号','f_user_name':'客户名称','f_user_phone':'客户电话', 'f_date': '未上报日期',
235
+ 'f_address':'客户地址','f_user_type':'客户类型','f_gasproperties':'用气性质',
236
+ 'f_meternumber':'表号',
237
+ 'f_meter_brand':'气表厂家','f_orgname':'组织机构'},
238
+ showdetail:false,
239
+ rowdata:{},
240
+ startDate: '',
241
+ endDate: '',
242
+ criteriaShow:false,
243
+ outlets: [],
244
+ gasproperties:[{label: '全部', value: ''}],
245
+ operator: [],
246
+ meterbrands: [],
247
+ meterstyle:{},
248
+ orgCondtionStr: ` and f_orgid = ${this.$login.f.orgid}`,
249
+ orgid:[this.$login.f.orgid],
250
+ condition: '1=1',
251
+ org:[this.$login.f.orgid]
252
+
253
+ }
254
+ },
255
+ ready() {
256
+ readySomething(this)
257
+ },
258
+ methods: {
259
+
260
+ userTypeChange () {
261
+ this.gasproperties=[{label: '全部', value: ''}]
262
+ if(this.$refs.paged.$refs.cri.model && this.$refs.paged.$refs.cri.model.f_user_type) {
263
+ this.$refs.paged.$refs.cri.model.f_gasproperties=''
264
+ console.log(this.$refs.paged.$refs.cri.model.f_user_type[0])
265
+ this.gasproperties = this.$appdata.getParam(this.$refs.paged.$refs.cri.model.f_user_type[0])
266
+ }
267
+ else{
268
+ this.gasproperties =[{label: '全部', value: ''}]
269
+ }
270
+ },
271
+ hidden(){
272
+ this.criteriaShow = !this.criteriaShow
273
+ },
274
+ showmsg(obj){
275
+ this.rowdata = obj
276
+ this.showdetail = true
277
+ },
278
+ cancel() {
279
+ this.showdetail = false
280
+ },
281
+ initParams () {
282
+ // 初始化气表品牌
283
+ let brandArr = []
284
+ this.$MagGetSaleParam.getGasbrand().forEach((item) => {
285
+ if(item.value.f_meter_type==='物联网表'){
286
+ let temp = {}
287
+ temp.label = item.label
288
+ temp.value = item.value.f_meter_brand
289
+ brandArr.push(temp)
290
+
291
+ let styleArr = [{label: '全部', value: ''}]
292
+ for (let row of item.value.gasmodel) {
293
+ styleArr.push({label: row.label,value: row.value.f_meter_style})
294
+ }
295
+ this.meterstyle[temp.value] = styleArr
296
+ }
297
+
298
+ })
299
+ this.meterbrands = [{label: '全部', value: ''}, ...brandArr]
300
+ },
301
+ search(args) {
302
+ this.startDate = this.$refs.paged.$refs.cri.model.startDate
303
+ this.endDate = this.$refs.paged.$refs.cri.model.endDate
304
+ if (this.endDate == '' || this.startDate == '') {
305
+ return this.$showMessage("时间区间的开始和结束时间不能为空!")
306
+ }
307
+ this.condition = args.condition = this.$refs.paged.$refs.cri.condition + `${this.orgCondtionStr}`
308
+ this.model.search(args.condition, args.model)
309
+ },
310
+ getorg(obj) {
311
+ if (obj.resids.length>0) {
312
+ this.orgCondtionStr = " and f_orgid in " + plugin.convertToIn(obj.resids)
313
+ }else
314
+ {
315
+ this.orgCondtionStr = " and f_orgid = " + this.$login.f.orgid
316
+ }
317
+ },
318
+ clearmsg() {
319
+ this.$refs.paged.$refs.cri.model = {}
320
+ }
321
+ },
322
+ watch: {
323
+ },
324
+ computed: {
325
+ getCondition() {
326
+ let condition=this.$refs.paged.$refs.cri.condition + this.orgCondtionStr
327
+ return {
328
+ condition: condition ,
329
+ startDate:`${this.$refs.paged.$refs.cri.model.startDate}`,
330
+ endDate:`${this.$refs.paged.$refs.cri.model.endDate}`
331
+ }
332
+
333
+ },
334
+ usertypes() {
335
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户类型')]
336
+ },
337
+ userstate() {
338
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('用户状态')]
339
+ }
340
+ }
341
+ }
342
+ </script>
343
+ <style>
344
+ .form-input-group label {
345
+ text-align: right;
346
+ width: auto;
347
+ }
348
+
349
+ .mystyle {
350
+ float: right;
351
+ padding-right: 10%;
352
+ }
353
+
354
+ .mystyle1 {
355
+ padding-top: 10px;
356
+
357
+ }
358
+
359
+ .mystyle2 {
360
+ width: 100%;
361
+ height: 35px;
362
+ /*background: #00A3F0;*/
363
+ padding-left: 15px;
364
+ float: left;
365
+ }
366
+
367
+ .datapanel {
368
+ color: #333;
369
+ background-color: white;
370
+ box-shadow: darkgrey 0.5px 0.5px 0.5px 0.5px;
371
+ padding: 10px 30px 10px 30px;
372
+ border-radius: 15px;
373
+ }
374
+ </style>