apply-clients 7.1.36-yuchuan-9 → 7.1.36-yuchuan-11

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.
@@ -1,271 +1,271 @@
1
- <template>
2
- <div class="flex-row">
3
- <div class="basic-main">
4
- <criteria-paged :model="model" v-ref:cp>
5
- <criteria partial='criteria' @condition-changed='search' v-ref:cri>
6
- <div class="form-horizontal select-overspread container-fluid auto" partial>
7
- <div class="row">
8
- <div class="form-group col-sm-2">
9
- <label class="font_normal_body"><strong>报建编号:</strong></label>
10
- <input type="text" class="input_search" style="width: 60%" v-model="model.f_apply_num"
11
- v-on:keyup.enter="$parent.$parent.search()" condition="u.f_apply_num like '%{}%'"
12
- placeholder='报建编号'>
13
- </div>
14
- <div class="form-group col-sm-2">
15
- <label class="font_normal_body"><strong>用户名称:</strong></label>
16
- <input type="text" class="input_search" style="width: 60%" v-model="model.f_user_name"
17
- v-on:keyup.enter="$parent.$parent.search()" condition="u.f_user_name like '%{}%'"
18
- placeholder='用户名称'>
19
- </div>
20
- <div class="form-group col-sm-2">
21
- <label class="font_normal_body"><strong>电&emsp;&emsp;话:</strong></label>
22
- <input type="text" class="input_search" style="width: 60%" v-model="model.f_phone"
23
- v-on:keyup.enter="$parent.$parent.search()" condition="u.f_phone like '%{}%'"
24
- placeholder='电话'>
25
- </div>
26
- <div class="form-group col-sm-3 button-range">
27
- <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
28
- <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
29
- <export-excel :data="$parent.$parent.getCondition"
30
- :field="$parent.$parent.getfield"
31
- sqlurl="rs/logic/applyExportfile"
32
- sql-name="getOldDevices"
33
- template-name='设备记录信息导出'
34
- :choose-col="true"></export-excel>
35
- <div
36
- :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
37
- @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
38
- class="button_spacing"
39
- style="float: right">
40
- </div>
41
- </div>
42
- </div>
43
- <div class="row" v-show="$parent.$parent.criteriaShow">
44
- <div class="form-group col-sm-2">
45
- <label class="font_normal_body"><strong>报建类型:</strong></label>
46
- <v-select
47
- v-model="model.f_apply_type"
48
- placeholder='请选择'
49
- condition="u.f_apply_type = '{}'"
50
- :value.sync="model.f_apply_type"
51
- :options='$parent.$parent.applytype'
52
- class="select select_list"
53
- :value-single="true"
54
- close-on-select></v-select>
55
- </div>
56
- <div class="form-group col-sm-2">
57
- <label for="startDate" class="font_normal_body"><strong>开始时间:</strong></label>
58
- <datepicker id="startDate" placeholder="开始日期"
59
- style="width: 60%!important;"
60
- v-model="model.startDate"
61
- :value.sync="model.startDate"
62
- :format="'yyyy-MM-dd 00:00:00'"
63
- :show-reset-button="true"
64
- condition="ct.f_create_date >= '{}'">
65
- </datepicker>
66
- </div>
67
- <div class="form-group col-sm-2">
68
- <label for="endDate" class="font_normal_body"><strong>结束时间:</strong></label>
69
- <datepicker id="endDate" placeholder="结束日期"
70
- style="width: 60%!important;"
71
- v-model="model.endDate"
72
- :value.sync="model.endDate"
73
- :format="'yyyy-MM-dd 23:59:59'"
74
- :sho w-reset-button="true"
75
- condition="ct.f_create_date <= '{}'">
76
- </datepicker>
77
- </div>
78
- </div>
79
- </div>
80
- </criteria>
81
- <data-grid :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
82
- <template partial='head'>
83
- <tr>
84
- <th style="white-space: nowrap;">序号</th>
85
- <th style="white-space: nowrap;">用户名称</th>
86
- <th style="white-space: nowrap;">施工合同编号</th>
87
- <th style="white-space: nowrap;">供气合同编号</th>
88
- <th style="white-space: nowrap;">电话</th>
89
- <th style="white-space: nowrap;">火眼</th>
90
- <th style="white-space: nowrap;">小火眼</th>
91
- <th style="white-space: nowrap;">壁挂炉</th>
92
- <th style="white-space: nowrap;">家用灶</th>
93
- <th style="white-space: nowrap;">热水器</th>
94
- <th style="white-space: nowrap;">采暖炉</th>
95
- <th style="white-space: nowrap;">茶水炉</th>
96
- <th style="white-space: nowrap;">蒸车</th>
97
- <th style="white-space: nowrap;">蒸汽发生器</th>
98
- <th style="white-space: nowrap;">灶具</th>
99
- <th style="white-space: nowrap;">压缩机</th>
100
- <th style="white-space: nowrap;">模块炉</th>
101
- <th style="white-space: nowrap;">单位(KW)</th>
102
- <th style="white-space: nowrap;">锅炉单位(MW)</th>
103
- <th style="white-space: nowrap;">锅炉吨位(T)</th>
104
- <th style="white-space: nowrap;">报建编号</th>
105
- <th style="white-space: nowrap;">合同状态</th>
106
- <th style="white-space: nowrap;">报建类型</th>
107
- <th style="white-space: nowrap;">报建性质</th>
108
- <th style="white-space: nowrap;">安装处数</th>
109
- </tr>
110
- </template>
111
- <template partial='body'>
112
- <tr>
113
- <td style="text-align: center;">
114
- <nobr><font>{{ $index + 1 }}</font></nobr>
115
- </td>
116
- <td style="text-align: center;">
117
- <nobr><font>{{ row.f_user_name }}</font></nobr>
118
- </td>
119
- <td style="text-align: center;">
120
- <nobr><font>{{ row.f_entrust_contract_number }}</font></nobr>
121
- </td>
122
- <td style="text-align: center;">
123
- <nobr><font>{{ row.f_contract_number }}</font></nobr>
124
- </td>
125
- <td style="text-align: center;">
126
- <nobr><font>{{ row.f_phone }}</font></nobr>
127
- </td>
128
- <td style="text-align: center;">
129
- <nobr><font>{{ row.huoyan }}</font></nobr>
130
- </td>
131
- <td style="text-align: center;">
132
- <nobr><font>{{ row.xiaohuoyan }}</font></nobr>
133
- </td>
134
- <td style="text-align: center;">
135
- <nobr><font>{{ row.bigualu }}</font></nobr>
136
- </td>
137
- <td style="text-align: center;">
138
- <nobr><font>{{ row.jiayongzao }}</font></nobr>
139
- </td>
140
- <td style="text-align: center;">
141
- <nobr><font>{{ row.reshuiqi }}</font></nobr>
142
- </td>
143
- <td style="text-align: center;">
144
- <nobr><font>{{ row.cainuanlu }}</font></nobr>
145
- </td>
146
- <td style="text-align: center;">
147
- <nobr><font>{{ row.chashuilu }}</font></nobr>
148
- </td>
149
- <td style="text-align: center;">
150
- <nobr><font>{{ row.zhengche }}</font></nobr>
151
- </td>
152
- <td style="text-align: center;">
153
- <nobr><font>{{ row.zhengqifashengqi }}</font></nobr>
154
- </td>
155
- <td style="text-align: center;">
156
- <nobr><font>{{ row.zaoju }}</font></nobr>
157
- </td>
158
- <td style="text-align: center;">
159
- <nobr><font>{{ row.yasuoji }}</font></nobr>
160
- </td>
161
- <td style="text-align: center;">
162
- <nobr><font>{{ row.mokuailu }}</font></nobr>
163
- </td>
164
- <td style="text-align: center;">
165
- <nobr><font>{{ row.danweikw }}</font></nobr>
166
- </td>
167
- <td style="text-align: center;">
168
- <nobr><font>{{ row.danweimw }}</font></nobr>
169
- </td>
170
- <td style="text-align: center;">
171
- <nobr><font>{{ row.dunwei }}</font></nobr>
172
- </td>
173
- <td style="text-align: center;">
174
- <nobr><font>{{ row.f_apply_num }}</font></nobr>
175
- </td>
176
- <td style="text-align: center;">
177
- <nobr><font>{{ row.f_contract_state }}</font></nobr>
178
- </td>
179
- <td style="text-align: center;">
180
- <nobr><font>{{ row.f_apply_type }}</font></nobr>
181
- </td>
182
- <td style="text-align: center;">
183
- <nobr><font>{{ row.f_apply_nature }}</font></nobr>
184
- </td>
185
- <td style="text-align: center;">
186
- <nobr><font>{{ row.f_install_count }}</font></nobr>
187
- </td>
188
- </tr>
189
- </template>
190
- </data-grid>
191
- </criteria-paged>
192
- </div>
193
- </div>
194
- </template>
195
-
196
- <script>
197
- import {PagedList} from 'vue-client'
198
- export default {
199
- title: '原报建设备列表',
200
- data () {
201
- return {
202
- model: new PagedList('rs/sql/getOldDevices', 20, {
203
- data: {
204
- f_filiale: this.$login.f.f_fengongsi?this.$login.f.f_fengongsi:''
205
- }
206
- }),
207
- applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')?this.$appdata.getParam('报建类型'):[]],
208
- criteriaShow: false,
209
- getfield: {
210
- 'f_apply_num': ' 报 建 编 号 ',
211
- 'f_user_name': ' 用 户 名 称 ',
212
- 'f_contact': ' 联 系 人 ',
213
- 'f_address': ' 地 址 ',
214
- 'f_phone': ' 电 话 ',
215
- 'f_apply_type': ' 报 建 类 型 ',
216
- 'f_apply_nature': ' 报建性质 ',
217
- 'f_install_count': ' 安装处数 ',
218
- 'huoyan': ' 火眼 ',
219
- 'xiaohuoyan': ' 小火眼 ',
220
- 'bigualu': ' 壁挂炉 ',
221
- 'jiayongzao': ' 家用灶 ',
222
- 'reshuiqi': ' 热水器 ',
223
- 'cainuanlu': ' 采暖炉 ',
224
- 'chashuilu': ' 茶水炉 ',
225
- 'zhengche': ' 蒸车 ',
226
- 'zhengqifashengqi': ' 蒸汽发生器 ',
227
- 'zaoju': ' 灶具 ',
228
- 'yasuoji': ' 压缩机 ',
229
- 'mokuailu': ' 模块炉 ',
230
- 'danweikw': ' 锅炉单位(KW) ',
231
- 'danweimw': ' 锅炉单位(MW) ',
232
- 'dunwei': ' 锅炉吨位(T) ',
233
- 'f_entrust_contract_number': '施工合同编号',
234
- 'f_contract_number': '供气合同编号',
235
- 'f_create_date': '合同创建日期',
236
- 'f_due_money': ' 合同金额 ',
237
- 'f_contract_state': '合同状态'
238
-
239
- }
240
- }
241
- },
242
- ready () {
243
- // 调用查询
244
- this.search()
245
- },
246
- methods: {
247
- clear () {
248
- Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
249
- this.$refs.cp.$refs.cri.model[key] = []
250
- })
251
- },
252
- // 查询
253
- search () {
254
- this.$refs.cp.$refs.cri.search()
255
- }
256
- },
257
- computed: {
258
- getCondition () {
259
- return {
260
- condition: this.$refs.cp.$refs.cri.condition,
261
- data: {
262
- f_filiale: this.$login.f.f_fengongsi
263
- }
264
- }
265
- }
266
- }
267
- }
268
- </script>
269
-
270
- <style scoped>
271
- </style>
1
+ <template>
2
+ <div class="flex-row">
3
+ <div class="basic-main">
4
+ <criteria-paged :model="model" v-ref:cp>
5
+ <criteria partial='criteria' @condition-changed='search' v-ref:cri>
6
+ <div class="form-horizontal select-overspread container-fluid auto" partial>
7
+ <div class="row">
8
+ <div class="form-group col-sm-2">
9
+ <label class="font_normal_body"><strong>报建编号:</strong></label>
10
+ <input type="text" class="input_search" style="width: 60%" v-model="model.f_apply_num"
11
+ v-on:keyup.enter="$parent.$parent.search()" condition="u.f_apply_num like '%{}%'"
12
+ placeholder='报建编号'>
13
+ </div>
14
+ <div class="form-group col-sm-2">
15
+ <label class="font_normal_body"><strong>用户名称:</strong></label>
16
+ <input type="text" class="input_search" style="width: 60%" v-model="model.f_user_name"
17
+ v-on:keyup.enter="$parent.$parent.search()" condition="u.f_user_name like '%{}%'"
18
+ placeholder='用户名称'>
19
+ </div>
20
+ <div class="form-group col-sm-2">
21
+ <label class="font_normal_body"><strong>电&emsp;&emsp;话:</strong></label>
22
+ <input type="text" class="input_search" style="width: 60%" v-model="model.f_phone"
23
+ v-on:keyup.enter="$parent.$parent.search()" condition="u.f_phone like '%{}%'"
24
+ placeholder='电话'>
25
+ </div>
26
+ <div class="form-group col-sm-3 button-range">
27
+ <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
28
+ <button class="button_clear button_spacing" @click="$parent.$parent.clear()">清空</button>
29
+ <export-excel :data="$parent.$parent.getCondition"
30
+ :field="$parent.$parent.getfield"
31
+ sqlurl="rs/logic/applyExportfile"
32
+ sql-name="getOldDevices"
33
+ template-name='设备记录信息导出'
34
+ :choose-col="true"></export-excel>
35
+ <div
36
+ :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
37
+ @click="$parent.$parent.criteriaShow = !$parent.$parent.criteriaShow"
38
+ class="button_spacing"
39
+ style="float: right">
40
+ </div>
41
+ </div>
42
+ </div>
43
+ <div class="row" v-show="$parent.$parent.criteriaShow">
44
+ <div class="form-group col-sm-2">
45
+ <label class="font_normal_body"><strong>报建类型:</strong></label>
46
+ <v-select
47
+ v-model="model.f_apply_type"
48
+ placeholder='请选择'
49
+ condition="u.f_apply_type = '{}'"
50
+ :value.sync="model.f_apply_type"
51
+ :options='$parent.$parent.applytype'
52
+ class="select select_list"
53
+ :value-single="true"
54
+ close-on-select></v-select>
55
+ </div>
56
+ <div class="form-group col-sm-2">
57
+ <label for="startDate" class="font_normal_body"><strong>开始时间:</strong></label>
58
+ <datepicker id="startDate" placeholder="开始日期"
59
+ style="width: 60%!important;"
60
+ v-model="model.startDate"
61
+ :value.sync="model.startDate"
62
+ :format="'yyyy-MM-dd 00:00:00'"
63
+ :show-reset-button="true"
64
+ condition="ct.f_create_date >= '{}'">
65
+ </datepicker>
66
+ </div>
67
+ <div class="form-group col-sm-2">
68
+ <label for="endDate" class="font_normal_body"><strong>结束时间:</strong></label>
69
+ <datepicker id="endDate" placeholder="结束日期"
70
+ style="width: 60%!important;"
71
+ v-model="model.endDate"
72
+ :value.sync="model.endDate"
73
+ :format="'yyyy-MM-dd 23:59:59'"
74
+ :sho w-reset-button="true"
75
+ condition="ct.f_create_date <= '{}'">
76
+ </datepicker>
77
+ </div>
78
+ </div>
79
+ </div>
80
+ </criteria>
81
+ <data-grid :model="model" partial='list' v-ref:grid style="overflow: auto" class="list_area table_sy">
82
+ <template partial='head'>
83
+ <tr>
84
+ <th style="white-space: nowrap;">序号</th>
85
+ <th style="white-space: nowrap;">用户名称</th>
86
+ <th style="white-space: nowrap;">施工合同编号</th>
87
+ <th style="white-space: nowrap;">供气合同编号</th>
88
+ <th style="white-space: nowrap;">电话</th>
89
+ <th style="white-space: nowrap;">火眼</th>
90
+ <th style="white-space: nowrap;">小火眼</th>
91
+ <th style="white-space: nowrap;">壁挂炉</th>
92
+ <th style="white-space: nowrap;">家用灶</th>
93
+ <th style="white-space: nowrap;">热水器</th>
94
+ <th style="white-space: nowrap;">采暖炉</th>
95
+ <th style="white-space: nowrap;">茶水炉</th>
96
+ <th style="white-space: nowrap;">蒸车</th>
97
+ <th style="white-space: nowrap;">蒸汽发生器</th>
98
+ <th style="white-space: nowrap;">灶具</th>
99
+ <th style="white-space: nowrap;">压缩机</th>
100
+ <th style="white-space: nowrap;">模块炉</th>
101
+ <th style="white-space: nowrap;">单位(KW)</th>
102
+ <th style="white-space: nowrap;">锅炉单位(MW)</th>
103
+ <th style="white-space: nowrap;">锅炉吨位(T)</th>
104
+ <th style="white-space: nowrap;">报建编号</th>
105
+ <th style="white-space: nowrap;">合同状态</th>
106
+ <th style="white-space: nowrap;">报建类型</th>
107
+ <th style="white-space: nowrap;">报建性质</th>
108
+ <th style="white-space: nowrap;">安装处数</th>
109
+ </tr>
110
+ </template>
111
+ <template partial='body'>
112
+ <tr>
113
+ <td style="text-align: center;">
114
+ <nobr><font>{{ $index + 1 }}</font></nobr>
115
+ </td>
116
+ <td style="text-align: center;">
117
+ <nobr><font>{{ row.f_user_name }}</font></nobr>
118
+ </td>
119
+ <td style="text-align: center;">
120
+ <nobr><font>{{ row.f_entrust_contract_number }}</font></nobr>
121
+ </td>
122
+ <td style="text-align: center;">
123
+ <nobr><font>{{ row.f_contract_number }}</font></nobr>
124
+ </td>
125
+ <td style="text-align: center;">
126
+ <nobr><font>{{ row.f_phone }}</font></nobr>
127
+ </td>
128
+ <td style="text-align: center;">
129
+ <nobr><font>{{ row.huoyan }}</font></nobr>
130
+ </td>
131
+ <td style="text-align: center;">
132
+ <nobr><font>{{ row.xiaohuoyan }}</font></nobr>
133
+ </td>
134
+ <td style="text-align: center;">
135
+ <nobr><font>{{ row.bigualu }}</font></nobr>
136
+ </td>
137
+ <td style="text-align: center;">
138
+ <nobr><font>{{ row.jiayongzao }}</font></nobr>
139
+ </td>
140
+ <td style="text-align: center;">
141
+ <nobr><font>{{ row.reshuiqi }}</font></nobr>
142
+ </td>
143
+ <td style="text-align: center;">
144
+ <nobr><font>{{ row.cainuanlu }}</font></nobr>
145
+ </td>
146
+ <td style="text-align: center;">
147
+ <nobr><font>{{ row.chashuilu }}</font></nobr>
148
+ </td>
149
+ <td style="text-align: center;">
150
+ <nobr><font>{{ row.zhengche }}</font></nobr>
151
+ </td>
152
+ <td style="text-align: center;">
153
+ <nobr><font>{{ row.zhengqifashengqi }}</font></nobr>
154
+ </td>
155
+ <td style="text-align: center;">
156
+ <nobr><font>{{ row.zaoju }}</font></nobr>
157
+ </td>
158
+ <td style="text-align: center;">
159
+ <nobr><font>{{ row.yasuoji }}</font></nobr>
160
+ </td>
161
+ <td style="text-align: center;">
162
+ <nobr><font>{{ row.mokuailu }}</font></nobr>
163
+ </td>
164
+ <td style="text-align: center;">
165
+ <nobr><font>{{ row.danweikw }}</font></nobr>
166
+ </td>
167
+ <td style="text-align: center;">
168
+ <nobr><font>{{ row.danweimw }}</font></nobr>
169
+ </td>
170
+ <td style="text-align: center;">
171
+ <nobr><font>{{ row.dunwei }}</font></nobr>
172
+ </td>
173
+ <td style="text-align: center;">
174
+ <nobr><font>{{ row.f_apply_num }}</font></nobr>
175
+ </td>
176
+ <td style="text-align: center;">
177
+ <nobr><font>{{ row.f_contract_state }}</font></nobr>
178
+ </td>
179
+ <td style="text-align: center;">
180
+ <nobr><font>{{ row.f_apply_type }}</font></nobr>
181
+ </td>
182
+ <td style="text-align: center;">
183
+ <nobr><font>{{ row.f_apply_nature }}</font></nobr>
184
+ </td>
185
+ <td style="text-align: center;">
186
+ <nobr><font>{{ row.f_install_count }}</font></nobr>
187
+ </td>
188
+ </tr>
189
+ </template>
190
+ </data-grid>
191
+ </criteria-paged>
192
+ </div>
193
+ </div>
194
+ </template>
195
+
196
+ <script>
197
+ import {PagedList} from 'vue-client'
198
+ export default {
199
+ title: '原报建设备列表',
200
+ data () {
201
+ return {
202
+ model: new PagedList('rs/sql/getOldDevices', 20, {
203
+ data: {
204
+ f_filiale: this.$login.f.f_fengongsi?this.$login.f.f_fengongsi:'榆林.榆川天然气'
205
+ }
206
+ }),
207
+ applytype: [{label: '全部', value: ''}, ...this.$appdata.getParam('报建类型')?this.$appdata.getParam('报建类型'):[]],
208
+ criteriaShow: false,
209
+ getfield: {
210
+ 'f_apply_num': ' 报 建 编 号 ',
211
+ 'f_user_name': ' 用 户 名 称 ',
212
+ 'f_contact': ' 联 系 人 ',
213
+ 'f_address': ' 地 址 ',
214
+ 'f_phone': ' 电 话 ',
215
+ 'f_apply_type': ' 报 建 类 型 ',
216
+ 'f_apply_nature': ' 报建性质 ',
217
+ 'f_install_count': ' 安装处数 ',
218
+ 'huoyan': ' 火眼 ',
219
+ 'xiaohuoyan': ' 小火眼 ',
220
+ 'bigualu': ' 壁挂炉 ',
221
+ 'jiayongzao': ' 家用灶 ',
222
+ 'reshuiqi': ' 热水器 ',
223
+ 'cainuanlu': ' 采暖炉 ',
224
+ 'chashuilu': ' 茶水炉 ',
225
+ 'zhengche': ' 蒸车 ',
226
+ 'zhengqifashengqi': ' 蒸汽发生器 ',
227
+ 'zaoju': ' 灶具 ',
228
+ 'yasuoji': ' 压缩机 ',
229
+ 'mokuailu': ' 模块炉 ',
230
+ 'danweikw': ' 锅炉单位(KW) ',
231
+ 'danweimw': ' 锅炉单位(MW) ',
232
+ 'dunwei': ' 锅炉吨位(T) ',
233
+ 'f_entrust_contract_number': '施工合同编号',
234
+ 'f_contract_number': '供气合同编号',
235
+ 'f_create_date': '合同创建日期',
236
+ 'f_due_money': ' 合同金额 ',
237
+ 'f_contract_state': '合同状态'
238
+
239
+ }
240
+ }
241
+ },
242
+ ready () {
243
+ // 调用查询
244
+ this.search()
245
+ },
246
+ methods: {
247
+ clear () {
248
+ Object.keys(this.$refs.cp.$refs.cri.model).forEach((key) => {
249
+ this.$refs.cp.$refs.cri.model[key] = []
250
+ })
251
+ },
252
+ // 查询
253
+ search () {
254
+ this.$refs.cp.$refs.cri.search()
255
+ }
256
+ },
257
+ computed: {
258
+ getCondition () {
259
+ return {
260
+ condition: this.$refs.cp.$refs.cri.condition,
261
+ data: {
262
+ f_filiale: this.$login.f.f_fengongsi?this.$login.f.f_fengongsi:'榆林.榆川天然气'
263
+ }
264
+ }
265
+ }
266
+ }
267
+ }
268
+ </script>
269
+
270
+ <style scoped>
271
+ </style>