manage-client 3.2.76 → 3.2.79

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.
@@ -0,0 +1,248 @@
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 :show-component="$parent.$parent.resshow" :selectin="true" :initres="$parent.$parent.initres" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>
30
+ <!--<div class="col-sm-4">-->
31
+ <!--<label class="font_normal_body">&nbsp;&nbsp;&nbsp;公司&nbsp;&nbsp;&nbsp; </label>-->
32
+ <!--<right-tree @re-res="$parent.$parent.getRes"></right-tree>-->
33
+ <!--</div>-->
34
+ <!--<div class="col-sm-4">-->
35
+ <!--<label class="font_normal_body">&nbsp;&nbsp;&nbsp;部门&nbsp;&nbsp;&nbsp; </label>-->
36
+ <!--<res-select restype='department'-->
37
+ <!--is-mul="false"-->
38
+ <!--@res-select="$parent.$parent.getdep"-->
39
+ <!--:parentresid="$parent.$parent.depresid"-->
40
+ <!--:initresid='$parent.$parent.depid'>-->
41
+ <!--</res-select>-->
42
+ <!--</div>-->
43
+ <div style = "float:right;">
44
+ <button class="button_search" @click="$parent.$parent.searchData()">查询</button>
45
+ <report-print id='gasprice' top='3cm' left='0' width='100%' height='100%' :preview="true"></report-print>
46
+ <report-excel id='gasprice'></report-excel>
47
+ </div>
48
+ </div>
49
+ <!--<div class="span" style = "float:right;">-->
50
+
51
+ <!--</div>-->
52
+ </div>
53
+ </criteria>
54
+ <div partial='list' v-el:handcollect id='gasprice' style="overflow-y: scroll">
55
+ <table class='tableprint' style="margin: 0px auto" v-if="!$parent.data.f_files_path">
56
+ <thead>
57
+ <tr>
58
+ <th colspan='{{$parent.spans}}' style="font-weight: bold; text-align: left;">
59
+ <h3 style="text-align: center">日售气量汇总表</h3>
60
+ </th>
61
+ </tr>
62
+ <tr>
63
+ <th colspan='{{$parent.spans}}' style="font-weight: normal; text-align: center;">
64
+ 开始时间:{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
65
+ 结束时间:{{ model.model.endDate }}&nbsp;&nbsp;<br/>
66
+ 打印时间:{{$parent.printTime}}
67
+ </th>
68
+ </tr>
69
+ <tr>
70
+ <th colspan='{{$parent.spans}}' style="font-weight: normal; text-align: center;">
71
+ <div>
72
+ <span v-show="$parent.orgname.trim()!=''">公司:{{$parent.orgname}}</span>
73
+ <span v-show="$parent.depname.trim()!=''"> 部门:{{$parent.depname}}</span>
74
+ </div>
75
+ </th>
76
+ </tr>
77
+ </thead>
78
+ <tr>
79
+ <td style="font-weight: normal;" id="test">
80
+ {{{ model.data.substring(26,model.data.length-8) }}}
81
+ </td>
82
+ </tr>
83
+ <tfoot>
84
+ <tr style="text-align: left">
85
+ <th colspan='{{$parent.spans}}' style="font-weight: normal; text-align: left;">
86
+ 收款人:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
87
+ 审核人:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
88
+ 经手人:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
89
+ </th>
90
+ </tr>
91
+ </tfoot>
92
+ </table>
93
+ {{{ $parent.reportStr}}}
94
+ </div>
95
+ </criteria-paged>
96
+ <modal :show.sync="show" v-ref:modal small backdrop="false">
97
+ <header slot="modal-header" class="modal-header">
98
+ <h4 class="modal-title">输入文件名称</h4>
99
+ </header>
100
+ <article slot="modal-body" class="modal-body">
101
+ <div class="form-group">
102
+ <input type="text" class="form-control" v-model="filename" placeholder='保存的文件名'>
103
+ </div>
104
+ </article>
105
+ <footer slot="modal-footer" class="modal-footer">
106
+ <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
107
+ <button v-show="show" type="button" class="btn btn-success" @click='confirm(filename)'>确认</button>
108
+ </footer>
109
+ </modal>
110
+ </div>
111
+ </template>
112
+
113
+ <script>
114
+ import { DataModel } from 'vue-client'
115
+ import co from 'co'
116
+ let saveFile = function * (self) {
117
+ // 线验证文件是否重名
118
+ let count = yield self.$resetpost('rs/sql/manageSingleTable',
119
+ {data: {tablename: 't_report_record', condition: `f_files_name = '${self.filename}'`}},
120
+ {resolveMsg: null, rejectMsg: null})
121
+ if (count.data.length > 0) {
122
+ self.$showAlert('无法保存,文件名重名', 'warning', 3000)
123
+ return
124
+ }
125
+ let saveBack = yield self.$resetpost('rs/logic/saveReport', {f_files_content: self.$refs.paged.$els.handcollect.innerHTML,
126
+ f_files_name: self.filename, f_files_type: self.data.f_report_type, f_component_name: 'manage-bus-summary',
127
+ f_operator: this.$login.f.name, f_query_month: `${self.model.model.startDate}-${self.model.model.endDate}`,
128
+ f_outlets: this.$login.f.depname})
129
+ if (saveBack.data.status === 'succeed') {
130
+ self.show = false
131
+ self.filename = ''
132
+ // 后台保存完成,通知刷新
133
+ self.$dispatch('save-success', self.filename)
134
+ }
135
+ }
136
+ export default {
137
+ title: '日售气量汇总表',
138
+ props: ['data'],
139
+ data () {
140
+ return {
141
+ printTime: this.$login.toStandardTimeString(),
142
+ depresid: [],
143
+ userresid: [],
144
+ initres: {
145
+ org:[this.$login.f.orgid],
146
+ dep:[],
147
+ user:[]
148
+ },
149
+ f_orgid: this.$login.f.orgid,
150
+ f_depid: this.$login.f.depids,
151
+ f_operatorid: this.$login.f.id,
152
+ operatorid: [],
153
+ depid: [],
154
+ orgname: '',
155
+ depname: '',
156
+ operatorname: '',
157
+ orgCondtionStr: '1=1',
158
+ model: new DataModel('rs/report/manage_day_sellgas', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
159
+ f_orgid: 'this.model.f_orgid'}),
160
+ reportStr: null,
161
+ resshow:['company','department','operator'],
162
+ show: false,
163
+ spans: ''
164
+ }
165
+ },
166
+ ready () {
167
+ this.$refs.paged.$refs.criteria.model.startDate = this.$login.toStandardDateString() + ' 00:00:00'
168
+ this.$refs.paged.$refs.criteria.model.endDate = this.$login.toStandardDateString() + ' 23:59:59'
169
+ // this.$refs.paged.$refs.criteria.search()
170
+ },
171
+ methods: {
172
+ searchData () {
173
+ this.$refs.paged.$refs.criteria.search()
174
+ },
175
+ selfSearch (args) {
176
+ this.printTime = this.$login.toStandardTimeString()
177
+ let orgcondition = ' '
178
+ let orgstr = this.orgCondtionStr
179
+ orgcondition = orgcondition + orgstr
180
+ this.$refs.paged.$refs.criteria.model.f_orgid = orgcondition + (this.f_state && this.f_state != '' ? " and f_state='" + this.f_state + "' " : '')
181
+ this.$refs.paged.search(args)
182
+ },
183
+ getRes (condition, obj) {
184
+ this.orgCondtionStr = condition
185
+ this.orgname = obj.orgnames[0]
186
+ this.depname = obj.depnames[0]
187
+ },
188
+ getdep (obj, val) {
189
+ this.depname = val[0]
190
+ this.userresid = obj
191
+ this.f_depid = obj
192
+ },
193
+ getuser ( obj, val) {
194
+ this.operatorname = val[0]
195
+ this.f_operatorid = obj
196
+ },
197
+
198
+ // 根据文件路径获取储存的报表内容
199
+ getFileContent (path) {
200
+ this.$resetpost('rs/logic/getReportFileContent', {f_files_path: path}, {resolveMsg: null, rejectMsg: null}).then((res) => {
201
+ this.reportStr = res.data.filecontent
202
+ this.model.state = '正确'
203
+ })
204
+ },
205
+ confirm () {
206
+ if (!this.filename || this.filename === '') {
207
+ this.$showAlert('无法保存,文件名不能为空', 'warning', 3000)
208
+ }
209
+ let saveGen = saveFile(this)
210
+ co(saveGen)
211
+ },
212
+ close () {
213
+ this.show = false
214
+ },
215
+ // 将报表保存成文件
216
+ confirmReport () {
217
+ this.show = true
218
+ this.filename = this.data.f_report_name + this.$login.toStandardDateString()
219
+ }
220
+ },
221
+ watch: {
222
+ 'data' (val) {
223
+ if (val.f_files_path) {
224
+ this.getFileContent(val.f_files_path)
225
+ } else {
226
+ this.reportStr = null
227
+ }
228
+ },
229
+ 'model.data' (val) {
230
+ let tab = document.getElementById('test').children[0]
231
+ var tds = tab.getElementsByTagName('td')
232
+ var num = 0
233
+ for (let td of tds) {
234
+ let span = td.getAttribute('colspan')
235
+ num = num + ((span ? span : 1) - 0)
236
+ }
237
+ this.spans = num
238
+ }
239
+ },
240
+ computed: {
241
+ }
242
+ }
243
+ </script>
244
+ <style scoped>
245
+ .noborder{
246
+ border: none;
247
+ }
248
+ </style>
@@ -0,0 +1,249 @@
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 :show-component="$parent.$parent.resshow" :selectin="true" :initres="$parent.$parent.initres" @re-res="$parent.$parent.getRes" v-ref:sel></res-select-group>
30
+ <!--<div class="col-sm-4">-->
31
+ <!--<label class="font_normal_body">&nbsp;&nbsp;&nbsp;公司&nbsp;&nbsp;&nbsp; </label>-->
32
+ <!--<right-tree @re-res="$parent.$parent.getRes"></right-tree>-->
33
+ <!--</div>-->
34
+ <!--<div class="col-sm-4">-->
35
+ <!--<label class="font_normal_body">&nbsp;&nbsp;&nbsp;部门&nbsp;&nbsp;&nbsp; </label>-->
36
+ <!--<res-select restype='department'-->
37
+ <!--is-mul="false"-->
38
+ <!--@res-select="$parent.$parent.getdep"-->
39
+ <!--:parentresid="$parent.$parent.depresid"-->
40
+ <!--:initresid='$parent.$parent.depid'>-->
41
+ <!--</res-select>-->
42
+ <!--</div>-->
43
+ <div style = "float:right;">
44
+ <button class="button_search" @click="$parent.$parent.searchData()">查询</button>
45
+ <report-print id='gasprice' top='3cm' left='0' width='100%' height='100%'></report-print>
46
+ <report-excel id='gasprice'></report-excel>
47
+ </div>
48
+ </div>
49
+ <!--<div class="span" style = "float:right;">-->
50
+
51
+ <!--</div>-->
52
+ </div>
53
+ </criteria>
54
+ <div partial='list' v-el:handcollect id='gasprice' style="overflow-y: scroll">
55
+ <table class='tableprint' style="margin: 0px auto" v-if="!$parent.data.f_files_path">
56
+ <thead>
57
+ <tr>
58
+ <th colspan='{{$parent.spans}}' style="font-weight: bold; text-align: left;">
59
+ <h3 style="text-align: center">营业厅售气情况统计表</h3>
60
+ </th>
61
+ </tr>
62
+ <tr>
63
+ <th colspan='{{$parent.spans}}' style="font-weight: normal; text-align: center;">
64
+ 开始时间:{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
65
+ 结束时间:{{ model.model.endDate }}&nbsp;&nbsp;<br/>
66
+ 打印时间:{{$parent.printTime}}
67
+ </th>
68
+ </tr>
69
+ <tr>
70
+ <th colspan='{{$parent.spans}}' style="font-weight: normal; text-align: center;">
71
+ <div>
72
+ <span v-show="$parent.orgname.trim()!=''">公司:{{$parent.orgname}}</span>
73
+ <span v-show="$parent.depname.trim()!=''"> 部门:{{$parent.depname}}</span>
74
+ </div>
75
+ </th>
76
+ </tr>
77
+ </thead>
78
+ <tr>
79
+ <td style="font-weight: normal;" id="test">
80
+ {{{ model.data.substring(26,model.data.length-8) }}}
81
+ </td>
82
+ </tr>
83
+ <tfoot>
84
+ <tr style="text-align: left">
85
+ <th colspan='{{$parent.spans}}' style="font-weight: normal; text-align: left;">
86
+ 收款人:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
87
+ 运营部审核人:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
88
+ 微信后台审核人:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
89
+ 经手人:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
90
+ </th>
91
+ </tr>
92
+ </tfoot>
93
+ </table>
94
+ {{{ $parent.reportStr}}}
95
+ </div>
96
+ </criteria-paged>
97
+ <modal :show.sync="show" v-ref:modal small backdrop="false">
98
+ <header slot="modal-header" class="modal-header">
99
+ <h4 class="modal-title">输入文件名称</h4>
100
+ </header>
101
+ <article slot="modal-body" class="modal-body">
102
+ <div class="form-group">
103
+ <input type="text" class="form-control" v-model="filename" placeholder='保存的文件名'>
104
+ </div>
105
+ </article>
106
+ <footer slot="modal-footer" class="modal-footer">
107
+ <button v-show="show" type="button" class="btn btn-default" @click='close'>取消</button>
108
+ <button v-show="show" type="button" class="btn btn-success" @click='confirm(filename)'>确认</button>
109
+ </footer>
110
+ </modal>
111
+ </div>
112
+ </template>
113
+
114
+ <script>
115
+ import { DataModel } from 'vue-client'
116
+ import co from 'co'
117
+ let saveFile = function * (self) {
118
+ // 线验证文件是否重名
119
+ let count = yield self.$resetpost('rs/sql/manageSingleTable',
120
+ {data: {tablename: 't_report_record', condition: `f_files_name = '${self.filename}'`}},
121
+ {resolveMsg: null, rejectMsg: null})
122
+ if (count.data.length > 0) {
123
+ self.$showAlert('无法保存,文件名重名', 'warning', 3000)
124
+ return
125
+ }
126
+ let saveBack = yield self.$resetpost('rs/logic/saveReport', {f_files_content: self.$refs.paged.$els.handcollect.innerHTML,
127
+ f_files_name: self.filename, f_files_type: self.data.f_report_type, f_component_name: 'manage-bus-summary',
128
+ f_operator: this.$login.f.name, f_query_month: `${self.model.model.startDate}-${self.model.model.endDate}`,
129
+ f_outlets: this.$login.f.depname})
130
+ if (saveBack.data.status === 'succeed') {
131
+ self.show = false
132
+ self.filename = ''
133
+ // 后台保存完成,通知刷新
134
+ self.$dispatch('save-success', self.filename)
135
+ }
136
+ }
137
+ export default {
138
+ title: '营业厅售气情况统计表',
139
+ props: ['data'],
140
+ data () {
141
+ return {
142
+ printTime: this.$login.toStandardTimeString(),
143
+ depresid: [],
144
+ userresid: [],
145
+ initres: {
146
+ org:[this.$login.f.orgid],
147
+ dep:[],
148
+ user:[]
149
+ },
150
+ f_orgid: this.$login.f.orgid,
151
+ f_depid: this.$login.f.depids,
152
+ f_operatorid: this.$login.f.id,
153
+ operatorid: [],
154
+ depid: [],
155
+ orgname: '',
156
+ depname: '',
157
+ operatorname: '',
158
+ orgCondtionStr: '1=1',
159
+ model: new DataModel('rs/report/managehandsellmoney', {startDate: 'this.model.startDate', endDate: 'this.model.endDate',
160
+ f_orgid: 'this.model.f_orgid'}),
161
+ reportStr: null,
162
+ resshow:['company','department','operator'],
163
+ show: false,
164
+ spans: ''
165
+ }
166
+ },
167
+ ready () {
168
+ this.$refs.paged.$refs.criteria.model.startDate = this.$login.toStandardDateString() + ' 00:00:00'
169
+ this.$refs.paged.$refs.criteria.model.endDate = this.$login.toStandardDateString() + ' 23:59:59'
170
+ // this.$refs.paged.$refs.criteria.search()
171
+ },
172
+ methods: {
173
+ searchData () {
174
+ this.$refs.paged.$refs.criteria.search()
175
+ },
176
+ selfSearch (args) {
177
+ this.printTime = this.$login.toStandardTimeString()
178
+ let orgcondition = ' '
179
+ let orgstr = this.orgCondtionStr
180
+ orgcondition = orgcondition + orgstr
181
+ this.$refs.paged.$refs.criteria.model.f_orgid = orgcondition + (this.f_state && this.f_state != '' ? " and f_state='" + this.f_state + "' " : '')
182
+ this.$refs.paged.search(args)
183
+ },
184
+ getRes (condition, obj) {
185
+ this.orgCondtionStr = condition
186
+ this.orgname = obj.orgnames[0]
187
+ this.depname = obj.depnames[0]
188
+ },
189
+ getdep (obj, val) {
190
+ this.depname = val[0]
191
+ this.userresid = obj
192
+ this.f_depid = obj
193
+ },
194
+ getuser ( obj, val) {
195
+ this.operatorname = val[0]
196
+ this.f_operatorid = obj
197
+ },
198
+
199
+ // 根据文件路径获取储存的报表内容
200
+ getFileContent (path) {
201
+ this.$resetpost('rs/logic/getReportFileContent', {f_files_path: path}, {resolveMsg: null, rejectMsg: null}).then((res) => {
202
+ this.reportStr = res.data.filecontent
203
+ this.model.state = '正确'
204
+ })
205
+ },
206
+ confirm () {
207
+ if (!this.filename || this.filename === '') {
208
+ this.$showAlert('无法保存,文件名不能为空', 'warning', 3000)
209
+ }
210
+ let saveGen = saveFile(this)
211
+ co(saveGen)
212
+ },
213
+ close () {
214
+ this.show = false
215
+ },
216
+ // 将报表保存成文件
217
+ confirmReport () {
218
+ this.show = true
219
+ this.filename = this.data.f_report_name + this.$login.toStandardDateString()
220
+ }
221
+ },
222
+ watch: {
223
+ 'data' (val) {
224
+ if (val.f_files_path) {
225
+ this.getFileContent(val.f_files_path)
226
+ } else {
227
+ this.reportStr = null
228
+ }
229
+ },
230
+ 'model.data' (val) {
231
+ let tab = document.getElementById('test').children[0]
232
+ var tds = tab.getElementsByTagName('td')
233
+ var num = 0
234
+ for (let td of tds) {
235
+ let span = td.getAttribute('colspan')
236
+ num = num + ((span ? span : 1) - 0)
237
+ }
238
+ this.spans = num
239
+ }
240
+ },
241
+ computed: {
242
+ }
243
+ }
244
+ </script>
245
+ <style scoped>
246
+ .noborder{
247
+ border: none;
248
+ }
249
+ </style>