manage-client 3.2.75 → 3.2.78

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/.babelrc +5 -5
  2. package/.classpath +6 -6
  3. package/.editorconfig +9 -9
  4. package/.gradle/4.4/fileContent/fileContent.lock +0 -0
  5. package/.gradle/4.4/fileHashes/fileHashes.bin +0 -0
  6. package/.gradle/4.4/fileHashes/fileHashes.lock +0 -0
  7. package/.gradle/4.4/taskHistory/taskHistory.bin +0 -0
  8. package/.gradle/4.4/taskHistory/taskHistory.lock +0 -0
  9. package/.gradle/buildOutputCleanup/outputFiles.bin +0 -0
  10. package/.project +18 -18
  11. package/README.md +38 -38
  12. package/build/dev-server.js +2 -2
  13. package/build/libs/ManageClient-3.1.0-17.jar +0 -0
  14. package/build/tmp/jar/MANIFEST.MF +2 -0
  15. package/config/dev.env.js +6 -6
  16. package/config/prod.env.js +3 -3
  17. package/config/test.env.js +6 -6
  18. package/package.json +2 -2
  19. package/release.bat +5 -5
  20. package/src/components/MeterManage/ChangeMeterQuery.vue +82 -82
  21. package/src/components/MeterManage/HandQuery.vue +72 -72
  22. package/src/components/MeterManage/ReversalQuery.vue +77 -77
  23. package/src/components/SellReport/GaspriceHas.vue +141 -141
  24. package/src/components/SellReport/ManageBusSummary.vue +224 -224
  25. package/src/components/WebReport/AbnormalInfoEcharts.vue +120 -120
  26. package/src/components/WebReport/Communication.vue +131 -131
  27. package/src/components/WebReport/CompanyUser.vue +79 -79
  28. package/src/components/WebReport/GaspriceHas.vue +141 -141
  29. package/src/components/WebReport/ReportWorklist.vue +220 -220
  30. package/src/components/WebReport/SellType.vue +89 -89
  31. package/src/components/WebReport/Telemanlist.vue +221 -221
  32. package/src/components/WebReport/UserGasEcharts.vue +107 -107
  33. package/src/components/WebReport/ValueEcharts.vue +99 -99
  34. package/src/components/sale/businessquery/ChargeQuery.vue +1277 -1276
  35. package/src/components/sale/businessquery/overDueQuery.vue +12 -0
  36. package/src/components/sale/config/DefaultPrint.js +6 -6
  37. package/src/components/sale/config/exportConfig.js +925 -925
  38. package/src/components/sale/filesquery/detail/oper/ChangeMessage.vue +46 -46
  39. package/src/components/sale/filesquery/detail/oper/HandOper.vue +46 -46
  40. package/src/components/sale/filesquery/detail/oper/HandleMessage.vue +46 -46
  41. package/src/components/webmeter/gasAnalysis/GasAnalysisEcharts.vue +144 -144
  42. package/src/components/webmeter/gasAnalysis/GasAnalysisSummary.vue +162 -162
  43. package/src/components/webmeter/instruction/NewQueryInstruct.vue +446 -446
  44. package/src/components/webmeter/newwebmeter/NewException/NewExceptionEform.vue +149 -149
  45. package/src/filiale/macheng/FxGasTable.vue +236 -0
  46. package/src/filiale/macheng/ManageBusSummary.vue +224 -0
  47. package/src/filiale/macheng/ManageDayGas.vue +248 -0
  48. package/src/filiale/macheng/ManageHandSellMoney.vue +249 -0
  49. package/src/filiale/macheng/ManageMonthGas.vue +250 -0
  50. package/src/filiale/macheng/ManageOtherCharge.vue +251 -0
  51. package/src/filiale/macheng/ManageSellType.vue +287 -0
  52. package/src/filiale/macheng/RecordInfoQuery.vue +2 -2
  53. package/src/filiale/macheng/SellingTable.vue +219 -0
  54. package/src/filiale/macheng/UserBalanceReport.vue +178 -0
  55. package/src/filiale/macheng/config/exportConfig.js +67 -67
  56. package/src/filiale/macheng/reportManage.js +19 -0
  57. package/src/filiale/macheng/sale.js +11 -11
  58. package/src/main.js +2 -2
  59. package/src/plugins/LodopFuncs.js +124 -124
  60. package/src/stores/GetParames.js +15 -15
  61. package/src/stores/Util.js +132 -132
  62. package/test/unit/.eslintrc +5 -5
  63. package/test/unit/TestUtil.js +35 -35
  64. package/test/unit/context.html +20 -20
  65. package/test/unit/index.js +13 -13
  66. package/test/unit/init.js +11 -11
  67. package/test/unit/karma.conf.js +45 -45
  68. package/test/unit/specs/components/CallReport/Repair.spec.js +25 -25
  69. package/test/unit/specs/components/ManageBusiness/EquipmentQuery.spec.js +21 -21
  70. package/test/unit/specs/components/ManageBusiness/TableWithQuery.spec.js +21 -21
  71. package/test/unit/specs/components/ManageBusiness/UserQuery.spec.js +21 -21
@@ -1,224 +1,224 @@
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
- <div novalidate class="form-horizontal select-overspread container-fluid auto" partial >
6
- <div class="row">
7
- <div class="col-sm-2 form-group" >
8
- <label class="font_normal_body" for="startDate">开始日期:</label>
9
- <datepicker id="startDate" placeholder="开始日期" style="width: 60%"
10
- v-model="model.startDate"
11
- :value.sync="model.startDate"
12
- :disabled-days-of-Week="[]"
13
- :format="'yyyy-MM-dd HH:mm:ss'"
14
- :show-reset-button="reset">
15
- </datepicker>
16
- </div>
17
- <div class="col-sm-2 form-group" >
18
- <label class="font_normal_body" for="endDate">结束日期:</label>
19
- <datepicker id="endDate" placeholder="结束日期" style="width: 60%"
20
- v-model="model.endDate"
21
- :value.sync="model.endDate"
22
- :disabled-days-of-Week="[]"
23
- :format="'yyyy-MM-dd HH:mm:ss'"
24
- :show-reset-button="reset">
25
- </datepicker>
26
- </div><!--
27
- <div class="col-sm-2 form-group">
28
- <label class="font_normal_body">&nbsp;&nbsp;&nbsp;公司&nbsp;&nbsp;&nbsp; </label>
29
- <right-tree @re-res="$parent.$parent.getRes" style="width: 60%"></right-tree>
30
- </div>
31
- <div class="col-sm-2 form-group">
32
- <label class="font_normal_body">&nbsp;&nbsp;&nbsp;部门&nbsp;&nbsp;&nbsp; </label>
33
- <res-select restype='department'
34
- is-mul="false"
35
- @res-select="$parent.$parent.getdep"
36
- :parentresid="$parent.$parent.depresid"
37
- :initresid='$parent.$parent.depid'>
38
- </res-select>
39
-
40
- </div>
41
- <div class="col-sm-2 form-group">
42
- <label class="font_normal_body">&nbsp;&nbsp;&nbsp;人员&nbsp;&nbsp;&nbsp; </label>
43
- <res-select restype='user'
44
- is-mul="false"
45
- @res-select="$parent.$parent.getuser"
46
- :parentresid="$parent.$parent.userresid"
47
- :initresid='$parent.$parent.operatorid'>
48
- </res-select>
49
- </div>
50
- -->
51
- <res-select-group :show-component="$parent.$parent.resshow" :selectin="true" :initres="$parent.$parent.initres" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>
52
- </div>
53
- <div class="span" style = "float:right;">
54
- <button class="button_search" @click="$parent.$parent.searchData()">查询</button>
55
- <report-print id='gasprice' top='3cm' left='0' width='100%' height='100%' :preview="true"></report-print>
56
- <report-excel id='gasprice'></report-excel>
57
- <div style="float: right" class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,
58
- 'button_shrink_bottom':!$parent.$parent.criteriaShow}" @click="$parent.$parent.hidden()"></div>
59
- </div>
60
- <div class="row" v-show="$parent.$parent.criteriaShow">
61
- <div class="col-sm-2 form-group">
62
- <label class="font_normal_body">收费状态</label>
63
- <v-select :value.sync="$parent.$parent.f_state" multiple
64
- v-model="$parent.$parent.f_state"
65
- :options='$parent.$parent.charge_state' placeholder='请选择'
66
- condition="f_state in {}"
67
- close-on-select></v-select>
68
- </div>
69
- </div>
70
- </div>
71
- </criteria>
72
- <div partial='list' v-el:handcollect id='gasprice' style="overflow-y: scroll">
73
- <table class='tableprint' style="margin: 0px auto">
74
- <thead>
75
- <tr>
76
- <th :colspan='$parent.spans' style="font-weight: normal; text-align: left;">
77
- <h3 style="text-align: center">收费结账报表</h3>
78
- </th>
79
- </tr>
80
- <tr>
81
- <th :colspan='$parent.spans' style="font-weight: normal; text-align: center;">
82
- 开始时间:{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
83
- 结束时间:{{ model.model.endDate }}&nbsp;&nbsp;<br/>
84
- <!--打印时间:{{{$parent.printTime}}}-->
85
- 打印时间:{{$parent.printTime}}
86
- <!--收费员:{{// $parent.operatorname}}-->
87
- </th>
88
- </tr>
89
- <tr>
90
- <th :colspan='$parent.spans' style="font-weight: normal; text-align: center;">
91
- <div>
92
- <span style="font-weight: normal;text-align: center;margin:5px 15px" v-show="$parent.orgname">公司:{{$parent.orgname}}</span>
93
- <span v-show="$parent.depname"> 部门:{{$parent.depname}}</span>
94
- <span style="font-weight: normal;text-align: center;margin:5px 15px" v-show="$refs.criteria.$refs.res.obj.operatornames[0]">人员:{{$parent.operatorname}}</span>
95
- </div>
96
- </th>
97
- </tr>
98
- </thead>
99
- <tr>
100
- <td :colspan='$parent.spans' class="noborder">
101
- {{{ model.data.substring(26,model.data.length-8) }}}
102
- </td>
103
- </tr>
104
- <tfoot>
105
- <tr style="text-align: left">
106
- <th :colspan='Math.floor($parent.spans/3)'>财务审核:</th>
107
- <th :colspan='Math.floor($parent.spans/3)'>收款审核:</th>
108
- <th :colspan='Math.floor($parent.spans/3)'>收款员:</th>
109
- </tr>
110
- </tfoot>
111
- </table>
112
- {{{ $parent.reportStr}}}
113
- </div>
114
- </criteria-paged>
115
- </div>
116
- </template>
117
-
118
- <script>
119
- import { DataModel } from 'vue-client'
120
- import co from 'co'
121
-
122
- export default {
123
- title: '收费结账报表',
124
- props: ['data'],
125
- data () {
126
- return {
127
- printTime: this.$login.toStandardTimeString(),
128
- depresid: [],
129
- userresid: [],
130
- f_orgid: this.$login.f.orgid,
131
- f_depid: this.$login.f.depids,
132
- f_operatorid: this.$login.f.id,
133
- operatorid: [],
134
- depid: [],
135
- orgname: '',
136
- depname: '',
137
- criteriaShow: false,
138
- operatorname: '',
139
- orgCondtionStr: '1=1',
140
- f_state:['有效'],
141
- model: new DataModel('rs/report/getmoneyall', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
142
- f_orgid: 'this.model.f_orgid'}),
143
- reportStr: null,
144
- resshow:['company','department','operator'],
145
- spans: 0,
146
- initres: {
147
- org: [this.$login.f.orgid],
148
- dep: [],
149
- user: []
150
- }
151
- }
152
- },
153
- ready () {
154
- this.$refs.paged.$refs.criteria.model.startDate = this.$login.toStandardDateString() + ' 00:00:00'
155
- this.$refs.paged.$refs.criteria.model.endDate = this.$login.toStandardDateString() + ' 23:59:59'
156
- console.log(this.$login.f)
157
- },
158
- methods: {
159
- searchData () {
160
- this.$refs.paged.$refs.criteria.search()
161
- },
162
- selfSearch (args) {
163
- this.printTime = this.$login.toStandardTimeString()
164
- let orgcondition = '1=1'
165
- let orgstr = this.orgCondtionStr
166
- orgcondition = orgcondition + orgstr
167
- /* if (this.f_orgid && this.f_orgid[0]) {
168
- orgcondition += ' and f_orgid in (' + this.f_orgid + ')'
169
- }
170
- if (this.f_depid && this.f_depid[0]) {
171
- orgcondition += ' and f_depid in (' + this.f_depid + ')'
172
- }
173
- if(this.f_operatorid && this.f_operatorid[0]) {
174
- orgcondition += ' and f_operatorid in (' + this.f_operatorid + ')'
175
- }*/
176
- if(this.f_state && this.f_state[0]) {
177
- orgcondition += ` and f_state in('${this.f_state.toString().replace(/,/g,"','")}')`
178
- }
179
- this.$refs.paged.$refs.criteria.model.f_orgid = orgcondition
180
- this.$refs.paged.search(args)
181
- },
182
-
183
- hidden() {
184
- this.criteriaShow = !this.criteriaShow
185
- },
186
- getRes (condition, obj) {
187
- this.orgCondtionStr = condition
188
- this.orgname = obj.orgnames[0]
189
- this.depname = obj.depnames[0]
190
- },
191
- getdep (obj, val) {
192
- this.depname = val[0]
193
- this.userresid = obj
194
- this.f_depid = obj
195
- },
196
- getuser ( obj, val) {
197
- this.operatorname = val[0]
198
- this.f_operatorid = obj
199
- }
200
- },
201
- watch: {
202
- 'model.data' (val) {
203
- let len=0
204
- let a=val.split('</tr>')
205
- for(let i=0;i<a.length;i++){
206
- if(a[i].split('</td>').length-1>len){
207
- len=a[i].split('</td>').length-1
208
- }
209
- }
210
- this.spans = len
211
- }
212
- },
213
- computed: {
214
- charge_state() {
215
- return [{label: '全部', value: ''}, ...this.$appdata.getParam('收费状态')]
216
- }
217
- }
218
- }
219
- </script>
220
- <style scoped>
221
- .noborder{
222
- border: none;
223
- }
224
- </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
+ <div novalidate class="form-horizontal select-overspread container-fluid auto" partial >
6
+ <div class="row">
7
+ <div class="col-sm-2 form-group" >
8
+ <label class="font_normal_body" for="startDate">开始日期:</label>
9
+ <datepicker id="startDate" placeholder="开始日期" style="width: 60%"
10
+ v-model="model.startDate"
11
+ :value.sync="model.startDate"
12
+ :disabled-days-of-Week="[]"
13
+ :format="'yyyy-MM-dd HH:mm:ss'"
14
+ :show-reset-button="reset">
15
+ </datepicker>
16
+ </div>
17
+ <div class="col-sm-2 form-group" >
18
+ <label class="font_normal_body" for="endDate">结束日期:</label>
19
+ <datepicker id="endDate" placeholder="结束日期" style="width: 60%"
20
+ v-model="model.endDate"
21
+ :value.sync="model.endDate"
22
+ :disabled-days-of-Week="[]"
23
+ :format="'yyyy-MM-dd HH:mm:ss'"
24
+ :show-reset-button="reset">
25
+ </datepicker>
26
+ </div><!--
27
+ <div class="col-sm-2 form-group">
28
+ <label class="font_normal_body">&nbsp;&nbsp;&nbsp;公司&nbsp;&nbsp;&nbsp; </label>
29
+ <right-tree @re-res="$parent.$parent.getRes" style="width: 60%"></right-tree>
30
+ </div>
31
+ <div class="col-sm-2 form-group">
32
+ <label class="font_normal_body">&nbsp;&nbsp;&nbsp;部门&nbsp;&nbsp;&nbsp; </label>
33
+ <res-select restype='department'
34
+ is-mul="false"
35
+ @res-select="$parent.$parent.getdep"
36
+ :parentresid="$parent.$parent.depresid"
37
+ :initresid='$parent.$parent.depid'>
38
+ </res-select>
39
+
40
+ </div>
41
+ <div class="col-sm-2 form-group">
42
+ <label class="font_normal_body">&nbsp;&nbsp;&nbsp;人员&nbsp;&nbsp;&nbsp; </label>
43
+ <res-select restype='user'
44
+ is-mul="false"
45
+ @res-select="$parent.$parent.getuser"
46
+ :parentresid="$parent.$parent.userresid"
47
+ :initresid='$parent.$parent.operatorid'>
48
+ </res-select>
49
+ </div>
50
+ -->
51
+ <res-select-group :show-component="$parent.$parent.resshow" :selectin="true" :initres="$parent.$parent.initres" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>
52
+ </div>
53
+ <div class="span" style = "float:right;">
54
+ <button class="button_search" @click="$parent.$parent.searchData()">查询</button>
55
+ <report-print id='gasprice' top='3cm' left='0' width='100%' height='100%' :preview="true"></report-print>
56
+ <report-excel id='gasprice'></report-excel>
57
+ <div style="float: right" class="button_spacing" :class="{'button_shrink_top':$parent.$parent.criteriaShow,
58
+ 'button_shrink_bottom':!$parent.$parent.criteriaShow}" @click="$parent.$parent.hidden()"></div>
59
+ </div>
60
+ <div class="row" v-show="$parent.$parent.criteriaShow">
61
+ <div class="col-sm-2 form-group">
62
+ <label class="font_normal_body">收费状态</label>
63
+ <v-select :value.sync="$parent.$parent.f_state" multiple
64
+ v-model="$parent.$parent.f_state"
65
+ :options='$parent.$parent.charge_state' placeholder='请选择'
66
+ condition="f_state in {}"
67
+ close-on-select></v-select>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ </criteria>
72
+ <div partial='list' v-el:handcollect id='gasprice' style="overflow-y: scroll">
73
+ <table class='tableprint' style="margin: 0px auto">
74
+ <thead>
75
+ <tr>
76
+ <th :colspan='$parent.spans' style="font-weight: normal; text-align: left;">
77
+ <h3 style="text-align: center">收费结账报表</h3>
78
+ </th>
79
+ </tr>
80
+ <tr>
81
+ <th :colspan='$parent.spans' style="font-weight: normal; text-align: center;">
82
+ 开始时间:{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
83
+ 结束时间:{{ model.model.endDate }}&nbsp;&nbsp;<br/>
84
+ <!--打印时间:{{{$parent.printTime}}}-->
85
+ 打印时间:{{$parent.printTime}}
86
+ <!--收费员:{{// $parent.operatorname}}-->
87
+ </th>
88
+ </tr>
89
+ <tr>
90
+ <th :colspan='$parent.spans' style="font-weight: normal; text-align: center;">
91
+ <div>
92
+ <span style="font-weight: normal;text-align: center;margin:5px 15px" v-show="$parent.orgname">公司:{{$parent.orgname}}</span>
93
+ <span v-show="$parent.depname"> 部门:{{$parent.depname}}</span>
94
+ <span style="font-weight: normal;text-align: center;margin:5px 15px" v-show="$refs.criteria.$refs.res.obj.operatornames[0]">人员:{{$parent.operatorname}}</span>
95
+ </div>
96
+ </th>
97
+ </tr>
98
+ </thead>
99
+ <tr>
100
+ <td :colspan='$parent.spans' class="noborder">
101
+ {{{ model.data.substring(26,model.data.length-8) }}}
102
+ </td>
103
+ </tr>
104
+ <tfoot>
105
+ <tr style="text-align: left">
106
+ <th :colspan='Math.floor($parent.spans/3)'>财务审核:</th>
107
+ <th :colspan='Math.floor($parent.spans/3)'>收款审核:</th>
108
+ <th :colspan='Math.floor($parent.spans/3)'>收款员:</th>
109
+ </tr>
110
+ </tfoot>
111
+ </table>
112
+ {{{ $parent.reportStr}}}
113
+ </div>
114
+ </criteria-paged>
115
+ </div>
116
+ </template>
117
+
118
+ <script>
119
+ import { DataModel } from 'vue-client'
120
+ import co from 'co'
121
+
122
+ export default {
123
+ title: '收费结账报表',
124
+ props: ['data'],
125
+ data () {
126
+ return {
127
+ printTime: this.$login.toStandardTimeString(),
128
+ depresid: [],
129
+ userresid: [],
130
+ f_orgid: this.$login.f.orgid,
131
+ f_depid: this.$login.f.depids,
132
+ f_operatorid: this.$login.f.id,
133
+ operatorid: [],
134
+ depid: [],
135
+ orgname: '',
136
+ depname: '',
137
+ criteriaShow: false,
138
+ operatorname: '',
139
+ orgCondtionStr: '1=1',
140
+ f_state:['有效'],
141
+ model: new DataModel('rs/report/getmoneyall', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
142
+ f_orgid: 'this.model.f_orgid'}),
143
+ reportStr: null,
144
+ resshow:['company','department','operator'],
145
+ spans: 0,
146
+ initres: {
147
+ org: [this.$login.f.orgid],
148
+ dep: [],
149
+ user: []
150
+ }
151
+ }
152
+ },
153
+ ready () {
154
+ this.$refs.paged.$refs.criteria.model.startDate = this.$login.toStandardDateString() + ' 00:00:00'
155
+ this.$refs.paged.$refs.criteria.model.endDate = this.$login.toStandardDateString() + ' 23:59:59'
156
+ console.log(this.$login.f)
157
+ },
158
+ methods: {
159
+ searchData () {
160
+ this.$refs.paged.$refs.criteria.search()
161
+ },
162
+ selfSearch (args) {
163
+ this.printTime = this.$login.toStandardTimeString()
164
+ let orgcondition = '1=1'
165
+ let orgstr = this.orgCondtionStr
166
+ orgcondition = orgcondition + orgstr
167
+ /* if (this.f_orgid && this.f_orgid[0]) {
168
+ orgcondition += ' and f_orgid in (' + this.f_orgid + ')'
169
+ }
170
+ if (this.f_depid && this.f_depid[0]) {
171
+ orgcondition += ' and f_depid in (' + this.f_depid + ')'
172
+ }
173
+ if(this.f_operatorid && this.f_operatorid[0]) {
174
+ orgcondition += ' and f_operatorid in (' + this.f_operatorid + ')'
175
+ }*/
176
+ if(this.f_state && this.f_state[0]) {
177
+ orgcondition += ` and f_state in('${this.f_state.toString().replace(/,/g,"','")}')`
178
+ }
179
+ this.$refs.paged.$refs.criteria.model.f_orgid = orgcondition
180
+ this.$refs.paged.search(args)
181
+ },
182
+
183
+ hidden() {
184
+ this.criteriaShow = !this.criteriaShow
185
+ },
186
+ getRes (condition, obj) {
187
+ this.orgCondtionStr = condition
188
+ this.orgname = obj.orgnames[0]
189
+ this.depname = obj.depnames[0]
190
+ },
191
+ getdep (obj, val) {
192
+ this.depname = val[0]
193
+ this.userresid = obj
194
+ this.f_depid = obj
195
+ },
196
+ getuser ( obj, val) {
197
+ this.operatorname = val[0]
198
+ this.f_operatorid = obj
199
+ }
200
+ },
201
+ watch: {
202
+ 'model.data' (val) {
203
+ let len=0
204
+ let a=val.split('</tr>')
205
+ for(let i=0;i<a.length;i++){
206
+ if(a[i].split('</td>').length-1>len){
207
+ len=a[i].split('</td>').length-1
208
+ }
209
+ }
210
+ this.spans = len
211
+ }
212
+ },
213
+ computed: {
214
+ charge_state() {
215
+ return [{label: '全部', value: ''}, ...this.$appdata.getParam('收费状态')]
216
+ }
217
+ }
218
+ }
219
+ </script>
220
+ <style scoped>
221
+ .noborder{
222
+ border: none;
223
+ }
224
+ </style>