manage-client 3.2.20 → 3.2.24

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 (71) hide show
  1. package/build/dev-server.js +8 -8
  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/GasBaozhuangFee.vue +237 -237
  7. package/src/components/SellReport/GasMoneyPublicReport.vue +263 -0
  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/OtherChargePublicReport.vue +262 -0
  12. package/src/components/SellReport/OutletTable.vue +258 -258
  13. package/src/components/SellReport/QibiaoShouqi.vue +58 -98
  14. package/src/components/SellReport/ReportComponrnt/TieAnAccount.vue +501 -501
  15. package/src/components/SellReport/SaleMonthReport.vue +153 -153
  16. package/src/components/SellReport/SellingTable.vue +220 -220
  17. package/src/components/SellReport/UserSellingGas.vue +228 -177
  18. package/src/components/TelReport/ZhiHuanservice.vue +162 -162
  19. package/src/components/daping/GMap.vue +636 -636
  20. package/src/components/sale/businessquery/AccountQuery/ExpectGasList.vue +504 -504
  21. package/src/components/sale/businessquery/AccountQuery/PreGasList.vue +371 -371
  22. package/src/components/sale/businessquery/AccountQuery/SellingGasList.vue +404 -404
  23. package/src/components/sale/businessquery/FMYGasQuery.vue +713 -713
  24. package/src/components/sale/businessquery/MonthGasQuery.vue +467 -467
  25. package/src/components/sale/businessquery/OtherChargeQuery.vue +619 -619
  26. package/src/components/sale/businessquery/ProceedsOper.vue +417 -417
  27. package/src/components/sale/businessquery/YingShouMingXi.vue +525 -525
  28. package/src/components/sale/businessquery/usergas.vue +1 -3
  29. package/src/components/sale/config/exportConfig.js +4 -1
  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/PriceInstructDetail.vue +374 -0
  38. package/src/components/webmeter/newwebmeter/PriceInstructList.vue +332 -0
  39. package/src/components/webmeter/newwebmeter/PriceInstructManage.vue +44 -0
  40. package/src/components/webmeter/newwebmeter/UserGasEchartsList.vue +284 -284
  41. package/src/components/webmeter/newwebmeter/UserGasList.vue +438 -438
  42. package/src/components/webmeter/newwebmeter/UserInstructEchartsList.vue +242 -242
  43. package/src/components/webmeter/newwebmeter/signAnalysisEcharts.vue +266 -266
  44. package/src/components/webmeter/newwebmeter/signAnalysisEform.vue +175 -175
  45. package/src/components/webmeter/newwebmeter/signAnalysisListMain.vue +387 -387
  46. package/src/components/webmeter/recharge/RechargeList.vue +345 -0
  47. package/src/components/webmeter/report/ReportList.vue +434 -436
  48. package/src/filiale/WEINAN/EchartsBox.vue +110 -110
  49. package/src/filiale/WEINAN/ReportDataQuery.vue +50 -1
  50. package/src/filiale/WEINAN/SiteManager.vue +191 -191
  51. package/src/filiale/WEINAN/UserGasAll.vue +577 -577
  52. package/src/filiale/WEINAN/UserGasEcharts.vue +281 -281
  53. package/src/filiale/WEINAN/UserGasList.vue +438 -438
  54. package/src/filiale/WEINAN/reportManage.js +12 -12
  55. package/src/filiale/WEINAN/sale.js +36 -36
  56. package/src/filiale/alashan/reportManage.js +10 -10
  57. package/src/filiale/jingzhou/ChargeQuery.vue +1243 -1243
  58. package/src/filiale/jingzhou/config/exportConfig.js +861 -861
  59. package/src/filiale/liaoyuan/ReportList.vue +421 -421
  60. package/src/filiale/meihekou/UserGasEform.vue +267 -267
  61. package/src/filiale/meihekou/YingShouMingXi.vue +538 -538
  62. package/src/filiale/meihekou/config/exportConfig.js +831 -831
  63. package/src/filiale/meihekou/sale.js +29 -29
  64. package/src/filiale/rongchuang/SellingTable.vue +250 -250
  65. package/src/filiale/rongchuang/reportManage.js +11 -11
  66. package/src/filiale/tongchuan/ManageBusSummary.vue +240 -240
  67. package/src/filiale/tongchuan/reportManage.js +5 -5
  68. package/src/main.js +1 -1
  69. package/src/reportManage.js +8 -0
  70. package/src/webmeterManage.js +8 -0
  71. 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>