manage-client 3.2.6 → 3.2.10

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 (70) hide show
  1. package/build/dev-server.js +5 -3
  2. package/package.json +2 -2
  3. package/src/components/BasisEcharts/BarChart.vue +247 -247
  4. package/src/components/SellReport/BonSummary.vue +178 -244
  5. package/src/components/SellReport/DepartmentPrick.vue +1 -1
  6. package/src/components/SellReport/GasBaozhuangFee.vue +237 -237
  7. package/src/components/SellReport/ManageBusSummary.vue +219 -242
  8. package/src/components/SellReport/ManageGasPrice.vue +176 -241
  9. package/src/components/SellReport/NonResidentGas.vue +203 -244
  10. package/src/components/SellReport/OutletTable.vue +258 -258
  11. package/src/components/SellReport/ReportComponrnt/TieAnAccount.vue +501 -499
  12. package/src/components/SellReport/SaleMonthReport.vue +153 -227
  13. package/src/components/SellReport/SellingTable.vue +220 -220
  14. package/src/components/SellReport/UserSellingGas.vue +177 -251
  15. package/src/components/TelReport/ZhiHuanservice.vue +162 -161
  16. package/src/components/daping/GMap.vue +636 -636
  17. package/src/components/sale/businessquery/AccountQuery/ExpectGasList.vue +504 -504
  18. package/src/components/sale/businessquery/AccountQuery/PreGasList.vue +371 -371
  19. package/src/components/sale/businessquery/AccountQuery/SellingGasList.vue +404 -404
  20. package/src/components/sale/businessquery/FMYGasQuery.vue +713 -713
  21. package/src/components/sale/businessquery/MonthGasQuery.vue +467 -467
  22. package/src/components/sale/businessquery/OtherChargeQuery.vue +619 -619
  23. package/src/components/sale/businessquery/ProceedsOper.vue +417 -417
  24. package/src/components/sale/businessquery/YingShouMingXi.vue +525 -525
  25. package/src/components/sale/config/exportConfig.js +885 -885
  26. package/src/components/statistical/StatisticalAnalysis.vue +252 -247
  27. package/src/components/webmeter/DrillData/LostContactAnalysisList.vue +633 -633
  28. package/src/components/webmeter/DrillData/LostContactEcharts.vue +177 -177
  29. package/src/components/webmeter/DrillData/UserGasAll.vue +596 -596
  30. package/src/components/webmeter/DrillData/UserGasEform.vue +227 -227
  31. package/src/components/webmeter/DrillData/UserLostContactAnalysis.vue +585 -585
  32. package/src/components/webmeter/instruction/NewQueryInstruct.vue +443 -443
  33. package/src/components/webmeter/newwebmeter/NewException/TotalExceptionByMeter.vue +607 -607
  34. package/src/components/webmeter/newwebmeter/UserGasEchartsList.vue +284 -283
  35. package/src/components/webmeter/newwebmeter/UserGasList.vue +438 -438
  36. package/src/components/webmeter/newwebmeter/UserInstructEchartsList.vue +242 -242
  37. package/src/components/webmeter/newwebmeter/signAnalysisEcharts.vue +266 -266
  38. package/src/components/webmeter/newwebmeter/signAnalysisEform.vue +175 -175
  39. package/src/components/webmeter/newwebmeter/signAnalysisListMain.vue +387 -387
  40. package/src/components/webmeter/report/ReportList.vue +422 -422
  41. package/src/filiale/WEINAN/EchartsBox.vue +110 -110
  42. package/src/filiale/WEINAN/SiteManager.vue +191 -191
  43. package/src/filiale/WEINAN/UserGasList.vue +438 -0
  44. package/src/filiale/WEINAN/reportManage.js +12 -12
  45. package/src/filiale/WEINAN/sale.js +32 -29
  46. package/src/filiale/alashan/reportManage.js +10 -10
  47. package/src/filiale/jingzhou/ChargeQuery.vue +1243 -1243
  48. package/src/filiale/jingzhou/config/exportConfig.js +861 -861
  49. package/src/filiale/meihekou/UserGasEform.vue +267 -267
  50. package/src/filiale/meihekou/sale.js +26 -26
  51. package/src/filiale/rongchuang/SellingTable.vue +250 -250
  52. package/src/filiale/rongchuang/reportManage.js +11 -11
  53. package/src/filiale/shaoguan/RecordInfoQuery.vue +1108 -1108
  54. package/src/filiale/shaoguan/sale/businessquery/oldMeterList.vue +5 -0
  55. package/src/filiale/tongchuan/CriteriaPaged.vue +49 -0
  56. package/src/filiale/tongchuan/sale.js +16 -16
  57. package/src/filiale/wuhai/ChargeQuery.vue +1247 -0
  58. package/src/filiale/wuhai/sale.js +10 -0
  59. package/src/main.js +1 -1
  60. package/static/wuhai.json +1610 -1610
  61. package/.gradle/7.1/dependencies-accessors/dependencies-accessors.lock +0 -0
  62. package/.gradle/7.1/dependencies-accessors/gc.properties +0 -0
  63. package/.gradle/7.1/executionHistory/executionHistory.bin +0 -0
  64. package/.gradle/7.1/executionHistory/executionHistory.lock +0 -0
  65. package/.gradle/7.1/fileChanges/last-build.bin +0 -0
  66. package/.gradle/7.1/fileHashes/fileHashes.bin +0 -0
  67. package/.gradle/7.1/fileHashes/fileHashes.lock +0 -0
  68. package/.gradle/7.1/gc.properties +0 -0
  69. package/.gradle/buildOutputCleanup/outputFiles.bin +0 -0
  70. package/.gradle/configuration-cache/gc.properties +0 -0
@@ -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>