manage-client 3.2.32 → 3.2.33

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.
Files changed (69) hide show
  1. package/build/dev-server.js +6 -4
  2. package/gradle/wrapper/gradle-wrapper.properties +5 -5
  3. package/package.json +1 -1
  4. package/src/components/BasisEcharts/BarChart.vue +247 -247
  5. package/src/components/SellReport/BonSummary.vue +178 -178
  6. package/src/components/SellReport/ChargePrick.vue +205 -205
  7. package/src/components/SellReport/GasBaozhuangFee.vue +237 -237
  8. package/src/components/SellReport/ManageBusSummary.vue +219 -219
  9. package/src/components/SellReport/ManageGasPrice.vue +176 -176
  10. package/src/components/SellReport/NonResidentGas.vue +203 -203
  11. package/src/components/SellReport/OutletTable.vue +258 -258
  12. package/src/components/SellReport/QibiaoShouqi.vue +242 -242
  13. package/src/components/SellReport/ReportComponrnt/TieAnAccount.vue +501 -501
  14. package/src/components/SellReport/SaleMonthReport.vue +153 -153
  15. package/src/components/SellReport/SellingTable.vue +220 -220
  16. package/src/components/SellReport/UserSellingGas.vue +228 -228
  17. package/src/components/TelReport/ZhiHuanservice.vue +162 -162
  18. package/src/components/daping/GMap.vue +636 -636
  19. package/src/components/sale/businessquery/AccountQuery/ExpectGasList.vue +504 -504
  20. package/src/components/sale/businessquery/AccountQuery/PreGasList.vue +371 -371
  21. package/src/components/sale/businessquery/AccountQuery/SellingGasList.vue +404 -404
  22. package/src/components/sale/businessquery/FMYGasQuery.vue +713 -713
  23. package/src/components/sale/businessquery/InspectListUser.vue +43 -64
  24. package/src/components/sale/businessquery/MonthGasQuery.vue +467 -467
  25. package/src/components/sale/businessquery/ProceedsOper.vue +417 -417
  26. package/src/components/sale/businessquery/YingShouMingXi.vue +525 -525
  27. package/src/components/sale/businessquery/usergas.vue +311 -311
  28. package/src/components/sale/filesquery/ArchivesManage.vue +57 -57
  29. package/src/components/sale/filesquery/FireQuery.vue +477 -477
  30. package/src/components/statistical/StatisticalAnalysis.vue +252 -252
  31. package/src/components/webmeter/DrillData/LostContactAnalysisList.vue +633 -633
  32. package/src/components/webmeter/DrillData/LostContactEcharts.vue +177 -177
  33. package/src/components/webmeter/DrillData/UserGasEform.vue +227 -227
  34. package/src/components/webmeter/DrillData/UserLostContactAnalysis.vue +585 -585
  35. package/src/components/webmeter/newwebmeter/NewException/NewGasEcharts.vue +208 -208
  36. package/src/components/webmeter/newwebmeter/NewException/TotalExceptionByMeter.vue +607 -607
  37. package/src/components/webmeter/newwebmeter/UserGasEchartsList.vue +284 -284
  38. package/src/components/webmeter/newwebmeter/UserGasList.vue +438 -438
  39. package/src/components/webmeter/newwebmeter/UserInstructEchartsList.vue +242 -242
  40. package/src/components/webmeter/newwebmeter/signAnalysisEcharts.vue +266 -266
  41. package/src/components/webmeter/newwebmeter/signAnalysisEform.vue +175 -175
  42. package/src/components/webmeter/newwebmeter/signAnalysisListMain.vue +387 -387
  43. package/src/filiale/WEINAN/EchartsBox.vue +110 -110
  44. package/src/filiale/WEINAN/ReportDataQuery.vue +325 -325
  45. package/src/filiale/WEINAN/SiteManager.vue +191 -191
  46. package/src/filiale/WEINAN/UserGasAll.vue +577 -577
  47. package/src/filiale/WEINAN/UserGasEcharts.vue +281 -281
  48. package/src/filiale/WEINAN/UserGasList.vue +438 -438
  49. package/src/filiale/WEINAN/reportManage.js +12 -12
  50. package/src/filiale/WEINAN/sale.js +36 -36
  51. package/src/filiale/alashan/reportManage.js +10 -10
  52. package/src/filiale/jingzhou/ChargeQuery.vue +1243 -1243
  53. package/src/filiale/jingzhou/config/exportConfig.js +861 -861
  54. package/src/filiale/liaoyuan/ReportList.vue +421 -421
  55. package/src/filiale/macheng/RecordInfoQuery.vue +1023 -1023
  56. package/src/filiale/meihekou/DeviceQuery.vue +545 -545
  57. package/src/filiale/meihekou/RecordInfoQuery.vue +1168 -1168
  58. package/src/filiale/meihekou/UserGasEform.vue +267 -267
  59. package/src/filiale/meihekou/YingShouMingXi.vue +538 -538
  60. package/src/filiale/meihekou/config/exportConfig.js +831 -831
  61. package/src/filiale/meihekou/sale.js +31 -31
  62. package/src/filiale/rongchuang/SellingTable.vue +250 -250
  63. package/src/filiale/rongchuang/reportManage.js +11 -11
  64. package/src/filiale/tongchuan/ManageBusSummary.vue +240 -240
  65. package/src/filiale/tongchuan/config/exportConfig.js +857 -857
  66. package/src/filiale/tongchuan/reportManage.js +5 -5
  67. package/src/main.js +4 -4
  68. package/src/saleManage.js +529 -529
  69. package/static/wuhai.json +1610 -1610
@@ -1,220 +1,220 @@
1
- <template>
2
- <div class="basic-main" style="height: 100%">
3
- <criteria-paged :model="model" :pager='false' v-ref:paged>
4
- <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:criteria>
5
- <p class="bg-info text-center" style="padding: 8px;">财务统计报表</p>
6
- <div class="form-group" v-if="!$parent.$parent.data.f_files_path"></div>
7
- <div novalidate class="form-horizontal select-overspread container-fluid auto" partial >
8
- <div class="row">
9
- <div class="col-sm-2 form-group" >
10
- <label class="font_normal_body" for="startDate">开始日期:</label>
11
- <datepicker id="startDate" placeholder="开始日期" style="width: 60%"
12
- v-model="model.startDate"
13
- :value.sync="model.startDate"
14
- :disabled-days-of-Week="[]"
15
- :format="'yyyy-MM-dd HH:mm:ss'"
16
- :show-reset-button="reset">
17
- </datepicker>
18
- </div>
19
- <div class="col-sm-2 form-group" >
20
- <label class="font_normal_body" for="endDate">结束日期:</label>
21
- <datepicker id="endDate" placeholder="结束日期" style="width: 60%"
22
- v-model="model.endDate"
23
- :value.sync="model.endDate"
24
- :disabled-days-of-Week="[]"
25
- :format="'yyyy-MM-dd HH:mm:ss'"
26
- :show-reset-button="reset">
27
- </datepicker>
28
- </div>
29
- <res-select-group :initres="$parent.$parent.initres" @re-res="$parent.$parent.getRes" v-ref:res_select></res-select-group>
30
- </div>
31
- <div class="span" style = "float:right;">
32
- <button class="button_search" @click="$parent.$parent.searchData()">查询</button>
33
- <report-print id='gasprice' top='3cm' left='0' width='100%' height='100%' :preview="true"></report-print>
34
- <report-excel id='gasprice'></report-excel>
35
- </div>
36
- </div>
37
- </criteria>
38
- <div partial='list' v-el:handcollect id='gasprice' style="overflow-y: scroll">
39
- <table class='tableprint' style="margin: 0px auto" v-if="!$parent.data.f_files_path">
40
- <thead>
41
- <tr>
42
- <th colspan='6' style="font-weight: normal; text-align: left;">
43
- <h3 style="text-align: center">{{$parent.orgname==null||$parent.orgname==''?$parent.orgname}}财务统计报表</h3>
44
- </th>
45
- </tr>
46
- <tr>
47
- <th colspan='6' style="font-weight: normal; text-align: center;">
48
- 开始时间:{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
49
- 结束时间:{{ model.model.endDate }}<br>
50
- 打印时间:{{$parent.printTime}}
51
- </th>
52
- </tr>
53
- <tr>
54
- <th colspan='6' style="font-weight: normal; text-align: center;">
55
- <span style="font-weight: normal;" v-show="$parent.orgname.trim()!=''">公司:{{$parent.orgname}}</span>
56
- <span v-show="$parent.depname.trim()!=''"> 部门:{{$parent.depname}}</span>
57
- <span style="font-weight: normal" v-show="$parent.operatorname.trim()!=''">人员:{{$parent.operatorname}}</span>
58
- </th>
59
- </tr>
60
- </thead>
61
- <tr>
62
- <td colspan='6'>
63
- {{{ model.data.substring(26,model.data.length-8) }}}
64
- </td>
65
- </tr>
66
- <tfoot>
67
- <tr style="text-align: left">
68
- <th colspan='2'>财务审核:</th>
69
- <th colspan='2'>收款审核:</th>
70
- <th colspan='2'>收款员:</th>
71
- </tr>
72
- </tfoot>
73
- </table>
74
- {{{ $parent.reportStr}}}
75
- </div>
76
- </criteria-paged>
77
- <modal :show.sync="show" v-ref:modal small backdrop="false">
78
- <header slot="modal-header" class="modal-header">
79
- <h4 class="modal-title">输入文件名称</h4>
80
- </header>
81
- <article slot="modal-body" class="modal-body">
82
- <div class="form-group">
83
- <input type="text" class="form-control" v-model="filename" placeholder='保存的文件名'>
84
- </div>
85
- </article>
86
- <footer slot="modal-footer" class="modal-footer">
87
- <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
88
- <button v-show="show" type="button" class="btn btn-success" @click='confirm(filename)'>确认</button>
89
- </footer>
90
- </modal>
91
- </div>
92
- </template>
93
-
94
- <script>
95
- import { DataModel } from 'vue-client'
96
- import co from 'co'
97
- let saveFile = function * (self) {
98
- // 线验证文件是否重名
99
- let count = yield self.$resetpost('rs/sql/manageSingleTable',
100
- {data: {tablename: 't_report_record', condition: `f_files_name = '${self.filename}'`}},
101
- {resolveMsg: null, rejectMsg: null})
102
- if (count.data.length > 0) {
103
- self.$showAlert('无法保存,文件名重名', 'warning', 3000)
104
- return
105
- }
106
- let saveBack = yield self.$resetpost('rs/logic/saveReport', {f_files_content: self.$refs.paged.$els.handcollect.innerHTML,
107
- f_files_name: self.filename, f_files_type: self.data.f_report_type, f_component_name: 'manage-bus-summary',
108
- f_operator: this.$login.f.name, f_query_month: `${self.model.model.startDate}-${self.model.model.endDate}`,
109
- f_outlets: this.$login.f.depname})
110
- if (saveBack.data.status === 'succeed') {
111
- self.show = false
112
- self.filename = ''
113
- // 后台保存完成,通知刷新
114
- self.$dispatch('save-success', self.filename)
115
- }
116
- }
117
- export default {
118
- title: '财务统计报表',
119
- props: ['data'],
120
- data () {
121
- return {
122
- printTime: this.$login.toStandardTimeString(),
123
- depresid: [],
124
- userresid: [],
125
- f_orgid: this.$login.f.orgid,
126
- f_depid: this.$login.f.depids,
127
- f_operatorid: this.$login.f.id,
128
- operatorid: [],
129
- depid: [],
130
- orgname: '',
131
- depname: '',
132
- operatorname: '',
133
- orgCondtionStr: '1=1',
134
- model: new DataModel('rs/report/sellingTable', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
135
- f_orgid: 'this.model.f_orgid'}),
136
- reportStr: null,
137
- show: false,
138
- initres: {
139
- org: [this.$login.f.orgid],
140
- dep: [],
141
- user: []
142
- }
143
- }
144
- },
145
- ready () {
146
- this.$refs.paged.$refs.criteria.$refs.res_select.sliceareashow = false
147
- this.$refs.paged.$refs.criteria.model.startDate = this.$login.toStandardDateString() + ' 00:00:00'
148
- this.$refs.paged.$refs.criteria.model.endDate = this.$login.toStandardDateString() + ' 23:59:59'
149
- // this.$refs.paged.$refs.criteria.search()
150
- console.log(this.$login.f)
151
- },
152
- methods: {
153
- searchData () {
154
- this.$refs.paged.$refs.criteria.search()
155
- },
156
- selfSearch (args) {
157
- this.printTime = this.$login.toStandardTimeString()
158
- console.log('xxxxxxxxxxx',this.orgCondtionStr)
159
- let orgstr = '1=1 '
160
- if(this.orgCondtionStr){
161
- orgstr+=this.orgCondtionStr
162
- }
163
- this.$refs.paged.$refs.criteria.model.f_orgid = orgstr
164
- this.$refs.paged.search(args)
165
- },
166
- // 根据文件路径获取储存的报表内容
167
- getFileContent (path) {
168
- this.$resetpost('rs/logic/getReportFileContent', {f_files_path: path}, {resolveMsg: null, rejectMsg: null}).then((res) => {
169
- this.reportStr = res.data.filecontent
170
- this.model.state = '正确'
171
- })
172
- },
173
- confirm () {
174
- if (!this.filename || this.filename === '') {
175
- this.$showAlert('无法保存,文件名不能为空', 'warning', 3000)
176
- }
177
- let saveGen = saveFile(this)
178
- co(saveGen)
179
- },
180
- close () {
181
- this.show = false
182
- },
183
- // 将报表保存成文件
184
- confirmReport () {
185
- this.show = true
186
- this.filename = this.data.f_report_name + this.$login.toStandardDateString()
187
- },
188
- async getRes (condition, obj) {
189
- this.orgCondtionStr = condition
190
- if(obj.orgnames.length>0){
191
- this.orgname = obj.orgnames[0];
192
- }
193
- if(obj.operatornames.length>0){
194
- let users = await this.$resetpost('rs/sql/manageSingleTable',
195
- {data: {tablename: 't_user', condition: ` id = '${obj.operatornames[0]}'`}},
196
- {resolveMsg: null, rejectMsg: null});
197
- if(users.data){
198
- this.operatorname = users.data[0].name;
199
- }
200
- }
201
- }
202
- },
203
- watch: {
204
- 'data' (val) {
205
- if (val.f_files_path) {
206
- this.getFileContent(val.f_files_path)
207
- } else {
208
- this.reportStr = null
209
- }
210
- }
211
- },
212
- computed: {
213
- }
214
- }
215
- </script>
216
- <style scoped>
217
- .noborder{
218
- border: none;
219
- }
220
- </style>
1
+ <template>
2
+ <div class="basic-main" style="height: 100%">
3
+ <criteria-paged :model="model" :pager='false' v-ref:paged>
4
+ <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:criteria>
5
+ <p class="bg-info text-center" style="padding: 8px;">财务统计报表</p>
6
+ <div class="form-group" v-if="!$parent.$parent.data.f_files_path"></div>
7
+ <div novalidate class="form-horizontal select-overspread container-fluid auto" partial >
8
+ <div class="row">
9
+ <div class="col-sm-2 form-group" >
10
+ <label class="font_normal_body" for="startDate">开始日期:</label>
11
+ <datepicker id="startDate" placeholder="开始日期" style="width: 60%"
12
+ v-model="model.startDate"
13
+ :value.sync="model.startDate"
14
+ :disabled-days-of-Week="[]"
15
+ :format="'yyyy-MM-dd HH:mm:ss'"
16
+ :show-reset-button="reset">
17
+ </datepicker>
18
+ </div>
19
+ <div class="col-sm-2 form-group" >
20
+ <label class="font_normal_body" for="endDate">结束日期:</label>
21
+ <datepicker id="endDate" placeholder="结束日期" style="width: 60%"
22
+ v-model="model.endDate"
23
+ :value.sync="model.endDate"
24
+ :disabled-days-of-Week="[]"
25
+ :format="'yyyy-MM-dd HH:mm:ss'"
26
+ :show-reset-button="reset">
27
+ </datepicker>
28
+ </div>
29
+ <res-select-group :initres="$parent.$parent.initres" @re-res="$parent.$parent.getRes" v-ref:res_select></res-select-group>
30
+ </div>
31
+ <div class="span" style = "float:right;">
32
+ <button class="button_search" @click="$parent.$parent.searchData()">查询</button>
33
+ <report-print id='gasprice' top='3cm' left='0' width='100%' height='100%' :preview="true"></report-print>
34
+ <report-excel id='gasprice'></report-excel>
35
+ </div>
36
+ </div>
37
+ </criteria>
38
+ <div partial='list' v-el:handcollect id='gasprice' style="overflow-y: scroll">
39
+ <table class='tableprint' style="margin: 0px auto" v-if="!$parent.data.f_files_path">
40
+ <thead>
41
+ <tr>
42
+ <th colspan='6' style="font-weight: normal; text-align: left;">
43
+ <h3 style="text-align: center">{{$parent.orgname==null||$parent.orgname==''?$parent.orgname}}财务统计报表</h3>
44
+ </th>
45
+ </tr>
46
+ <tr>
47
+ <th colspan='6' style="font-weight: normal; text-align: center;">
48
+ 开始时间:{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
49
+ 结束时间:{{ model.model.endDate }}<br>
50
+ 打印时间:{{$parent.printTime}}
51
+ </th>
52
+ </tr>
53
+ <tr>
54
+ <th colspan='6' style="font-weight: normal; text-align: center;">
55
+ <span style="font-weight: normal;" v-show="$parent.orgname.trim()!=''">公司:{{$parent.orgname}}</span>
56
+ <span v-show="$parent.depname.trim()!=''"> 部门:{{$parent.depname}}</span>
57
+ <span style="font-weight: normal" v-show="$parent.operatorname.trim()!=''">人员:{{$parent.operatorname}}</span>
58
+ </th>
59
+ </tr>
60
+ </thead>
61
+ <tr>
62
+ <td colspan='6'>
63
+ {{{ model.data.substring(26,model.data.length-8) }}}
64
+ </td>
65
+ </tr>
66
+ <tfoot>
67
+ <tr style="text-align: left">
68
+ <th colspan='2'>财务审核:</th>
69
+ <th colspan='2'>收款审核:</th>
70
+ <th colspan='2'>收款员:</th>
71
+ </tr>
72
+ </tfoot>
73
+ </table>
74
+ {{{ $parent.reportStr}}}
75
+ </div>
76
+ </criteria-paged>
77
+ <modal :show.sync="show" v-ref:modal small backdrop="false">
78
+ <header slot="modal-header" class="modal-header">
79
+ <h4 class="modal-title">输入文件名称</h4>
80
+ </header>
81
+ <article slot="modal-body" class="modal-body">
82
+ <div class="form-group">
83
+ <input type="text" class="form-control" v-model="filename" placeholder='保存的文件名'>
84
+ </div>
85
+ </article>
86
+ <footer slot="modal-footer" class="modal-footer">
87
+ <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
88
+ <button v-show="show" type="button" class="btn btn-success" @click='confirm(filename)'>确认</button>
89
+ </footer>
90
+ </modal>
91
+ </div>
92
+ </template>
93
+
94
+ <script>
95
+ import { DataModel } from 'vue-client'
96
+ import co from 'co'
97
+ let saveFile = function * (self) {
98
+ // 线验证文件是否重名
99
+ let count = yield self.$resetpost('rs/sql/manageSingleTable',
100
+ {data: {tablename: 't_report_record', condition: `f_files_name = '${self.filename}'`}},
101
+ {resolveMsg: null, rejectMsg: null})
102
+ if (count.data.length > 0) {
103
+ self.$showAlert('无法保存,文件名重名', 'warning', 3000)
104
+ return
105
+ }
106
+ let saveBack = yield self.$resetpost('rs/logic/saveReport', {f_files_content: self.$refs.paged.$els.handcollect.innerHTML,
107
+ f_files_name: self.filename, f_files_type: self.data.f_report_type, f_component_name: 'manage-bus-summary',
108
+ f_operator: this.$login.f.name, f_query_month: `${self.model.model.startDate}-${self.model.model.endDate}`,
109
+ f_outlets: this.$login.f.depname})
110
+ if (saveBack.data.status === 'succeed') {
111
+ self.show = false
112
+ self.filename = ''
113
+ // 后台保存完成,通知刷新
114
+ self.$dispatch('save-success', self.filename)
115
+ }
116
+ }
117
+ export default {
118
+ title: '财务统计报表',
119
+ props: ['data'],
120
+ data () {
121
+ return {
122
+ printTime: this.$login.toStandardTimeString(),
123
+ depresid: [],
124
+ userresid: [],
125
+ f_orgid: this.$login.f.orgid,
126
+ f_depid: this.$login.f.depids,
127
+ f_operatorid: this.$login.f.id,
128
+ operatorid: [],
129
+ depid: [],
130
+ orgname: '',
131
+ depname: '',
132
+ operatorname: '',
133
+ orgCondtionStr: '1=1',
134
+ model: new DataModel('rs/report/sellingTable', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
135
+ f_orgid: 'this.model.f_orgid'}),
136
+ reportStr: null,
137
+ show: false,
138
+ initres: {
139
+ org: [this.$login.f.orgid],
140
+ dep: [],
141
+ user: []
142
+ }
143
+ }
144
+ },
145
+ ready () {
146
+ this.$refs.paged.$refs.criteria.$refs.res_select.sliceareashow = false
147
+ this.$refs.paged.$refs.criteria.model.startDate = this.$login.toStandardDateString() + ' 00:00:00'
148
+ this.$refs.paged.$refs.criteria.model.endDate = this.$login.toStandardDateString() + ' 23:59:59'
149
+ // this.$refs.paged.$refs.criteria.search()
150
+ console.log(this.$login.f)
151
+ },
152
+ methods: {
153
+ searchData () {
154
+ this.$refs.paged.$refs.criteria.search()
155
+ },
156
+ selfSearch (args) {
157
+ this.printTime = this.$login.toStandardTimeString()
158
+ console.log('xxxxxxxxxxx',this.orgCondtionStr)
159
+ let orgstr = '1=1 '
160
+ if(this.orgCondtionStr){
161
+ orgstr+=this.orgCondtionStr
162
+ }
163
+ this.$refs.paged.$refs.criteria.model.f_orgid = orgstr
164
+ this.$refs.paged.search(args)
165
+ },
166
+ // 根据文件路径获取储存的报表内容
167
+ getFileContent (path) {
168
+ this.$resetpost('rs/logic/getReportFileContent', {f_files_path: path}, {resolveMsg: null, rejectMsg: null}).then((res) => {
169
+ this.reportStr = res.data.filecontent
170
+ this.model.state = '正确'
171
+ })
172
+ },
173
+ confirm () {
174
+ if (!this.filename || this.filename === '') {
175
+ this.$showAlert('无法保存,文件名不能为空', 'warning', 3000)
176
+ }
177
+ let saveGen = saveFile(this)
178
+ co(saveGen)
179
+ },
180
+ close () {
181
+ this.show = false
182
+ },
183
+ // 将报表保存成文件
184
+ confirmReport () {
185
+ this.show = true
186
+ this.filename = this.data.f_report_name + this.$login.toStandardDateString()
187
+ },
188
+ async getRes (condition, obj) {
189
+ this.orgCondtionStr = condition
190
+ if(obj.orgnames.length>0){
191
+ this.orgname = obj.orgnames[0];
192
+ }
193
+ if(obj.operatornames.length>0){
194
+ let users = await this.$resetpost('rs/sql/manageSingleTable',
195
+ {data: {tablename: 't_user', condition: ` id = '${obj.operatornames[0]}'`}},
196
+ {resolveMsg: null, rejectMsg: null});
197
+ if(users.data){
198
+ this.operatorname = users.data[0].name;
199
+ }
200
+ }
201
+ }
202
+ },
203
+ watch: {
204
+ 'data' (val) {
205
+ if (val.f_files_path) {
206
+ this.getFileContent(val.f_files_path)
207
+ } else {
208
+ this.reportStr = null
209
+ }
210
+ }
211
+ },
212
+ computed: {
213
+ }
214
+ }
215
+ </script>
216
+ <style scoped>
217
+ .noborder{
218
+ border: none;
219
+ }
220
+ </style>