safecheck-client 3.0.35-gongyi → 3.0.35-gongyi-3

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,217 +1,217 @@
1
- <template>
2
- <div class="flex">
3
- <criteria-paged :model="model" 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="form-group col-sm-4" >
8
- <label class="font_normal_body">客户编号</label>
9
- <input type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" placeholder='客户编号'
10
- condition="f_userinfo_code = '{}'" @keyup.enter="search()">
11
- </div>
12
- <div class="form-group col-sm-4" >
13
- <label class="font_normal_body">用户类型</label>
14
- <v-select style="width:60% "
15
- class="select select_list"
16
- :value.sync="model.f_user_type"
17
- v-model="model.f_user_type"
18
- :options='$parent.$parent.userType'
19
- placeholder='用户类型'
20
- condition="f_user_type = '{}'"
21
- close-on-select>
22
- </v-select>
23
- </div>
24
- <div class="form-group col-sm-4" >
25
- <label class="font_normal_body">是否已检</label>
26
- <v-select style="width:60% "
27
- class="select select_list"
28
- :value.sync="model.f_state"
29
- v-model="model.f_state"
30
- :options='$parent.$parent.checkState'
31
- placeholder='是否已检'
32
- condition="f_state = '{}'"
33
- close-on-select>
34
- </v-select>
35
- </div>
36
- <div class="form-group col-sm-4" >
37
- <label class="font_normal_body">安检状态</label>
38
- <v-select style="width:60% "
39
- class="select select_list"
40
- :value.sync="model.f_entry_status"
41
- v-model="model.f_entry_status"
42
- :options='$parent.$parent.entry_status'
43
- placeholder='安检状态'
44
- condition="f_entry_status = '{}'"
45
- close-on-select>
46
- </v-select>
47
- </div>
48
- </div>
49
- <div class="row" v-show="$parent.$parent.criteriaShow">
50
- <div class="form-group col-sm-4" >
51
- <label class="font_normal_body">气表编号</label>
52
- <input type="text" class="input_search" style="width:60%" v-model="model.f_meternumber" placeholder='气表编号'
53
- condition="f_meternumber = '{}'" @keyup.enter="search()">
54
- </div>
55
- <div class="form-group col-sm-4" >
56
- <label class="font_normal_body">气表品牌</label>
57
- <input type="text" class="input_search" style="width:60%" v-model="model.f_meter_brand" placeholder='气表品牌'
58
- condition="f_meter_brand like '%{}%'" @keyup.enter="search()">
59
- </div>
60
- </div>
61
- <div class="row">
62
- <div class="form-group col-sm-2 button-range" >
63
- <button class="button_search" style="margin-right: 10px" @click="search()" v-el:cba>查询</button>
64
- <export-excel-safe :data="$parent.$parent.exportParameter"
65
- :field="$parent.$parent.excelHeaders"
66
- sqlurl="rs/logic/SafeExportExcel" sql-name="getCheckPlanUserList"
67
- template-name='安检情况明细' :choose-col="true">
68
- </export-excel-safe>
69
- <!--展示下方条件或隐藏-->
70
- <div class="span" style="float:right;">
71
- <div class="button_spacing" style="float: right;margin-left:10px"
72
- :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
73
- @click="$parent.$parent.hidden()">
74
- </div>
75
- </div>
76
- </div>
77
- </div>
78
- </div>
79
- </criteria>
80
- <data-grid :model="model" class="table_sy" partial='list' v-ref:grid >
81
- <template partial='head' >
82
- <tr>
83
- <th><nobr>序号</nobr></th>
84
- <th><nobr>用户编号</nobr></th>
85
- <th><nobr>用户姓名</nobr></th>
86
- <th><nobr>用户电话</nobr></th>
87
- <th><nobr>气表编号</nobr></th>
88
- <th><nobr>气表品牌</nobr></th>
89
- <th><nobr>用户类型</nobr></th>
90
- <th><nobr>用户地址</nobr></th>
91
- <th><nobr>是否已检</nobr></th>
92
- <th><nobr>安检状态</nobr></th>
93
- <th><nobr>安检时间</nobr></th>
94
- <th><nobr>隐患状态</nobr></th>
95
- <th><nobr>上报条数</nobr></th>
96
- </tr>
97
- </template>
98
- <template partial='body' >
99
- <tr >
100
- <td style="text-align:center;">{{$index+1}}</td>
101
- <td style="text-align:center"><span @click="$parent.$parent.$parent.dealmsg(row)"><a>{{row.f_userinfo_code}}</a></span></td>
102
- <td style="text-align:center">{{row.f_user_name}}</td>
103
- <td style="text-align:center">{{row.f_user_phone}}</td>
104
- <td style="text-align:center">{{row.f_meternumber}}</td>
105
- <td style="text-align:center">{{row.f_meter_brand}}</td>
106
- <td style="text-align:center">{{row.f_user_type}}</td>
107
- <td style="text-align:center;white-space: nowrap;">{{row.f_address}}</td>
108
- <td style="text-align:center">{{row.f_state}}</td>
109
- <td style="text-align:center">{{row.f_entry_status}}</td>
110
- <td style="text-align:center">{{row.f_offsite_time}}</td>
111
- <td style="text-align:center">{{row.f_defect_content}}</td>
112
- <td style="text-align:center">{{row.f_check_number}}</td>
113
- </tr>
114
- </template>
115
- <template partial='foot'></template>
116
- </data-grid>
117
- </criteria-paged>
118
- </div>
119
- </template>
120
-
121
- <script>
122
- import { PagedList } from 'vue-client'
123
- export default {
124
- title: '安检情况明细',
125
- data () {
126
- return {
127
- model: new PagedList('rs/sql/getCheckPlanUserList', 50, {}),
128
- condition: '',
129
- getfield: {},
130
- userType:[{label:'全部',value:''}, ...this.$appdata.getParam('用户类型')],
131
- entry_status:[{label:'全部',value:''}, ...this.$appdata.getParam('安检状态')],
132
- checkState:[{label:'全部',value:''},{label:'已检',value:'已检'},{label:'未检',value:'未检'}],
133
- config: {
134
- excelHeaders: {
135
- 'f_price_name': '气价名称', 'f_userinfo_code': '客户编号', 'f_user_name': '客户姓名', 'f_address': '客户地址',
136
- 'f_orgname': '组织机构'
137
- }
138
- },
139
- criteriaShow:false,
140
- excelHeaders: {
141
- 'f_userinfo_code':'用户编号',
142
- 'f_user_name':'用户姓名',
143
- 'f_user_phone':'用户电话',
144
- 'f_meternumber':'气表编号',
145
- 'f_meter_brand':'气表品牌',
146
- 'f_user_type':'用户类型',
147
- 'f_address':'用户地址',
148
- 'f_state':'是否已检',
149
- 'f_entry_status':'安检状态',
150
- 'f_offsite_time':'安检时间',
151
- 'f_defect_content':'隐患状态',
152
- 'f_check_number':'上报条数'
153
- }
154
- }
155
- },
156
- props: ['checkrow'],
157
- ready () {
158
-
159
- this.search()
160
- this.getfield = this.config.excelHeaders
161
- },
162
- methods: {
163
- search () {
164
- this.$refs.paged.$refs.criteria.search()
165
- },
166
- selfSearch (args) {
167
- if(!this.checkrow){
168
- return
169
- }
170
- // args.condition = `${args.condition} and f_price_id = '${this.priceid}'`
171
- console.log(this.checkrow,this.$parent.$refs.list,'cew')
172
- var cc= this.$parent.$refs.list.model.condition
173
- console.log(cc)
174
- this.condition = args.condition
175
- args.condition=args.condition+' and '+ cc
176
- console.log( this.condition,args.condition)
177
- var self=this
178
- this.$parent.$refs.list.nameForSql.forEach(function (s) {
179
-
180
- if(s!='f_user_number'&&self.checkrow[s]!='undefined'&&self.checkrow[s]){
181
- var rowsname=self.checkrow[s].replace('*&','')
182
- args.condition=args.condition+" and s."+s+"=\'"+rowsname+"\'"
183
- }
184
- })
185
-
186
- console.log( this.condition,args.condition)
187
- this.model.search(args.condition, args.model)
188
- },
189
- dealmsg (val) {
190
- console.log(val)
191
- this.$parent.f_userinfo_id=val.f_userinfoid
192
- this.$parent.listpage=false
193
- },
194
- hidden() {
195
- this.criteriaShow = !this.criteriaShow
196
- },
197
- },
198
- watch: {
199
- 'checkrow' () {
200
- this.search()
201
- }
202
- },
203
- computed: {
204
- // 导出到Excel的条件构造
205
- exportParameter() {
206
- return {
207
- condition: this.$refs.paged.model.condition,
208
- startyear: this.$parent.$refs.list.model.params.startyear,
209
- startmon: this.$parent.$refs.list.model.params.startmon,
210
- endyear :this.$parent.$refs.list.model.params.endyear,
211
- endmon: this.$parent.$refs.list.model.params.endmon,
212
- f_user_type: this.$parent.$refs.list.model.params.f_user_type
213
- }
214
- }
215
- }
216
- }
217
- </script>
1
+ <template>
2
+ <div class="flex">
3
+ <criteria-paged :model="model" 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="form-group col-sm-4" >
8
+ <label class="font_normal_body">客户编号</label>
9
+ <input type="text" class="input_search" style="width:60%" v-model="model.f_userinfo_code" placeholder='客户编号'
10
+ condition="f_userinfo_code = '{}'" @keyup.enter="search()">
11
+ </div>
12
+ <div class="form-group col-sm-4" >
13
+ <label class="font_normal_body">用户类型</label>
14
+ <v-select style="width:60% "
15
+ class="select select_list"
16
+ :value.sync="model.f_user_type"
17
+ v-model="model.f_user_type"
18
+ :options='$parent.$parent.userType'
19
+ placeholder='用户类型'
20
+ condition="f_user_type = '{}'"
21
+ close-on-select>
22
+ </v-select>
23
+ </div>
24
+ <div class="form-group col-sm-4" >
25
+ <label class="font_normal_body">是否已检</label>
26
+ <v-select style="width:60% "
27
+ class="select select_list"
28
+ :value.sync="model.f_state"
29
+ v-model="model.f_state"
30
+ :options='$parent.$parent.checkState'
31
+ placeholder='是否已检'
32
+ condition="f_state = '{}'"
33
+ close-on-select>
34
+ </v-select>
35
+ </div>
36
+ <div class="form-group col-sm-4" >
37
+ <label class="font_normal_body">安检状态</label>
38
+ <v-select style="width:60% "
39
+ class="select select_list"
40
+ :value.sync="model.f_entry_status"
41
+ v-model="model.f_entry_status"
42
+ :options='$parent.$parent.entry_status'
43
+ placeholder='安检状态'
44
+ condition="f_entry_status = '{}'"
45
+ close-on-select>
46
+ </v-select>
47
+ </div>
48
+ </div>
49
+ <div class="row" v-show="$parent.$parent.criteriaShow">
50
+ <div class="form-group col-sm-4" >
51
+ <label class="font_normal_body">气表编号</label>
52
+ <input type="text" class="input_search" style="width:60%" v-model="model.f_meternumber" placeholder='气表编号'
53
+ condition="f_meternumber = '{}'" @keyup.enter="search()">
54
+ </div>
55
+ <div class="form-group col-sm-4" >
56
+ <label class="font_normal_body">气表品牌</label>
57
+ <input type="text" class="input_search" style="width:60%" v-model="model.f_meter_brand" placeholder='气表品牌'
58
+ condition="f_meter_brand like '%{}%'" @keyup.enter="search()">
59
+ </div>
60
+ </div>
61
+ <div class="row">
62
+ <div class="form-group col-sm-2 button-range" >
63
+ <button class="button_search" style="margin-right: 10px" @click="search()" v-el:cba>查询</button>
64
+ <export-excel-safe :data="$parent.$parent.exportParameter"
65
+ :field="$parent.$parent.excelHeaders"
66
+ sqlurl="rs/logic/SafeExportExcel" sql-name="getCheckPlanUserList"
67
+ template-name='安检情况明细' :choose-col="true">
68
+ </export-excel-safe>
69
+ <!--展示下方条件或隐藏-->
70
+ <div class="span" style="float:right;">
71
+ <div class="button_spacing" style="float: right;margin-left:10px"
72
+ :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
73
+ @click="$parent.$parent.hidden()">
74
+ </div>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ </div>
79
+ </criteria>
80
+ <data-grid :model="model" class="table_sy" partial='list' v-ref:grid >
81
+ <template partial='head' >
82
+ <tr>
83
+ <th><nobr>序号</nobr></th>
84
+ <th><nobr>用户编号</nobr></th>
85
+ <th><nobr>用户姓名</nobr></th>
86
+ <th><nobr>用户电话</nobr></th>
87
+ <th><nobr>气表编号</nobr></th>
88
+ <th><nobr>气表品牌</nobr></th>
89
+ <th><nobr>用户类型</nobr></th>
90
+ <th><nobr>用户地址</nobr></th>
91
+ <th><nobr>是否已检</nobr></th>
92
+ <th><nobr>安检状态</nobr></th>
93
+ <th><nobr>安检时间</nobr></th>
94
+ <th><nobr>隐患状态</nobr></th>
95
+ <th><nobr>上报条数</nobr></th>
96
+ </tr>
97
+ </template>
98
+ <template partial='body' >
99
+ <tr >
100
+ <td style="text-align:center;">{{$index+1}}</td>
101
+ <td style="text-align:center"><span @click="$parent.$parent.$parent.dealmsg(row)"><a>{{row.f_userinfo_code}}</a></span></td>
102
+ <td style="text-align:center">{{row.f_user_name}}</td>
103
+ <td style="text-align:center">{{row.f_user_phone}}</td>
104
+ <td style="text-align:center">{{row.f_meternumber}}</td>
105
+ <td style="text-align:center">{{row.f_meter_brand}}</td>
106
+ <td style="text-align:center">{{row.f_user_type}}</td>
107
+ <td style="text-align:center;white-space: nowrap;">{{row.f_address}}</td>
108
+ <td style="text-align:center">{{row.f_state}}</td>
109
+ <td style="text-align:center">{{row.f_entry_status}}</td>
110
+ <td style="text-align:center">{{row.f_upload_date}}</td>
111
+ <td style="text-align:center">{{row.f_defect_content}}</td>
112
+ <td style="text-align:center">{{row.f_check_number}}</td>
113
+ </tr>
114
+ </template>
115
+ <template partial='foot'></template>
116
+ </data-grid>
117
+ </criteria-paged>
118
+ </div>
119
+ </template>
120
+
121
+ <script>
122
+ import { PagedList } from 'vue-client'
123
+ export default {
124
+ title: '安检情况明细',
125
+ data () {
126
+ return {
127
+ model: new PagedList('rs/sql/getCheckPlanUserList', 50, {}),
128
+ condition: '',
129
+ getfield: {},
130
+ userType:[{label:'全部',value:''}, ...this.$appdata.getParam('用户类型')],
131
+ entry_status:[{label:'全部',value:''}, ...this.$appdata.getParam('安检状态')],
132
+ checkState:[{label:'全部',value:''},{label:'已检',value:'已检'},{label:'未检',value:'未检'}],
133
+ config: {
134
+ excelHeaders: {
135
+ 'f_price_name': '气价名称', 'f_userinfo_code': '客户编号', 'f_user_name': '客户姓名', 'f_address': '客户地址',
136
+ 'f_orgname': '组织机构'
137
+ }
138
+ },
139
+ criteriaShow:false,
140
+ excelHeaders: {
141
+ 'f_userinfo_code':'用户编号',
142
+ 'f_user_name':'用户姓名',
143
+ 'f_user_phone':'用户电话',
144
+ 'f_meternumber':'气表编号',
145
+ 'f_meter_brand':'气表品牌',
146
+ 'f_user_type':'用户类型',
147
+ 'f_address':'用户地址',
148
+ 'f_state':'是否已检',
149
+ 'f_entry_status':'安检状态',
150
+ 'f_offsite_time':'安检时间',
151
+ 'f_defect_content':'隐患状态',
152
+ 'f_check_number':'上报条数'
153
+ }
154
+ }
155
+ },
156
+ props: ['checkrow'],
157
+ ready () {
158
+
159
+ this.search()
160
+ this.getfield = this.config.excelHeaders
161
+ },
162
+ methods: {
163
+ search () {
164
+ this.$refs.paged.$refs.criteria.search()
165
+ },
166
+ selfSearch (args) {
167
+ if(!this.checkrow){
168
+ return
169
+ }
170
+ // args.condition = `${args.condition} and f_price_id = '${this.priceid}'`
171
+ console.log(this.checkrow,this.$parent.$refs.list,'cew')
172
+ var cc= this.$parent.$refs.list.model.condition
173
+ console.log(cc)
174
+ this.condition = args.condition
175
+ args.condition=args.condition+' and '+ cc
176
+ console.log( this.condition,args.condition)
177
+ var self=this
178
+ this.$parent.$refs.list.nameForSql.forEach(function (s) {
179
+
180
+ if(s!='f_user_number'&&self.checkrow[s]!='undefined'&&self.checkrow[s]){
181
+ var rowsname=self.checkrow[s].replace('*&','')
182
+ args.condition=args.condition+" and s."+s+"=\'"+rowsname+"\'"
183
+ }
184
+ })
185
+
186
+ console.log( this.condition,args.condition)
187
+ this.model.search(args.condition, args.model)
188
+ },
189
+ dealmsg (val) {
190
+ console.log(val)
191
+ this.$parent.f_userinfo_id=val.f_userinfoid
192
+ this.$parent.listpage=false
193
+ },
194
+ hidden() {
195
+ this.criteriaShow = !this.criteriaShow
196
+ },
197
+ },
198
+ watch: {
199
+ 'checkrow' () {
200
+ this.search()
201
+ }
202
+ },
203
+ computed: {
204
+ // 导出到Excel的条件构造
205
+ exportParameter() {
206
+ return {
207
+ condition: this.$refs.paged.model.condition,
208
+ startyear: this.$parent.$refs.list.model.params.startyear,
209
+ startmon: this.$parent.$refs.list.model.params.startmon,
210
+ endyear :this.$parent.$refs.list.model.params.endyear,
211
+ endmon: this.$parent.$refs.list.model.params.endmon,
212
+ f_user_type: this.$parent.$refs.list.model.params.f_user_type
213
+ }
214
+ }
215
+ }
216
+ }
217
+ </script>
@@ -37,6 +37,64 @@
37
37
  :show-reset-button="reset">
38
38
  </datepicker>
39
39
  </div>
40
+
41
+
42
+
43
+ <div class="col-sm-2 form-group">
44
+ <label class="font_normal_body">气表类型</label>
45
+ <v-select class="select_list select"
46
+ placeholder='请选择' style="width: 60%"
47
+ :value.sync="model.meter_classify" v-model="model.meter_classify"
48
+ :options='$parent.$parent.meter_classifys'
49
+ filer-key="name"
50
+ close-on-select clear-button
51
+ condition="F_METER_CLASSIFY='{}'"
52
+ :value-single="true">
53
+ </v-select>
54
+ </div>
55
+ <div class="form-group col-sm-2">
56
+ <label class="font_normal_body">安装位置</label>
57
+ <v-select class="select_list select"
58
+ placeholder='请选择' style="width: 60%"
59
+ :value.sync="model.f_position" v-model="model.f_position"
60
+ :options='$parent.$parent.positions'
61
+ filer-key="name"
62
+ close-on-select clear-button
63
+ condition="f_position='{}'"
64
+ :value-single="true">
65
+ </v-select>
66
+ </div>
67
+ <div class="form-group col-sm-2" >
68
+ <label class="font_normal_body">房屋类型</label>
69
+ <v-select class="select_list select"
70
+ placeholder='请选择' style="width: 60%"
71
+ :value.sync="model.f_house_type" v-model="model.f_house_type"
72
+ :options='$parent.$parent.housetype'
73
+ filer-key="name"
74
+ close-on-select clear-button
75
+ condition="f_house_type='{}'"
76
+ :value-single="true">
77
+ </v-select>
78
+ </div>
79
+ <div class="form-group col-sm-2">
80
+ <label class="font_normal_body">安检科室</label>
81
+ <right-tree-safe islist :source="$parent.$parent.source" v-on:re-res="$parent.$parent.reres2" :textContent="'选择科室'" >
82
+ </right-tree-safe>
83
+ </div>
84
+ <div class="form-group col-sm-2">
85
+ <label class="font_normal_body">用户类型</label>
86
+ <v-select
87
+ placeholder='用户类型'
88
+ class="select select_list"
89
+ :value.sync="model.f_usertype"
90
+ :value-single="true"
91
+ :options='$parent.$parent.userTypes'
92
+ v-model="model.f_usertype"
93
+ condition="f_check_type='{}'"
94
+ close-on-select clear-button></v-select>
95
+ </div>
96
+
97
+
40
98
  <div class="col-sm-3 form-group" style="margin-top: 8px">
41
99
  <button class="button_search button_spacing" @click="search()">查询</button>
42
100
  <report-print class="button_export button_spacing" style="width:28%" id='shexian'></report-print>
@@ -82,20 +140,60 @@
82
140
  let model = new DataModel('rs/report/hiddensituation', {startDate: 'this.model.startDate', endDate: 'this.model.endDate', f_filialeid: 'this.f_filialeid'})
83
141
  model.f_filialeid = '(' + this.$login.f.orgid + ')'
84
142
  return {
143
+ userTypes: [],
85
144
  filialeNameStr: '',
86
145
  filialeCodeStr: '',
87
146
  userid: this.$login.f.id,
88
- source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() == $organization$))`,
89
- model: model
147
+ // source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() == $organization$))`,
148
+ model: model,
149
+ positions: [],
150
+ housetype: [],
151
+ source:
152
+ 'dep=this.getParentByType($organization$).getSpecialResByType($department$),' +
153
+ 'tool.getFullTree(dep.where(row.hasSpecialRole($安检册二次分配$)))',
154
+ meter_classifys:[]//气表类型
90
155
  }
91
156
  },
92
157
  methods: {
158
+ reres2(val){
159
+ if (!val.resids || val.resids.length === 0 || val.resids[0] ==='undefined' || !val.resids[0] || val.resids.length>1){
160
+ console.log('未选择',val)
161
+ this.f_dep = ''
162
+ return
163
+ }
164
+ console.log('val2',val)
165
+ const resids = val.orgobj.filter(res=>res.resourcetype==='department')
166
+ if (resids.length>0){
167
+ this.f_dep = resids[0].name
168
+ }
169
+ },
93
170
  getRes(obj) {
94
171
  this.model.f_filialeid = this.$login.convertToIn(obj.resids);
95
172
  console.log(this.model.f_filialeid)
96
173
  },
174
+ setConList(){
175
+ this.userTypes=this.$appdata.getParam('用户类型') ? [{
176
+ label: '全部',
177
+ value: ''
178
+ }, ...this.$appdata.getParam('用户类型')] : [{label: '全部', value: ''}]
179
+
180
+ this.meter_classifys=this.$appdata.getParam('气表类型') ? [{
181
+ label: '全部',
182
+ value: ''
183
+ }, ...this.$appdata.getParam('气表类型')] : [{label: '全部', value: ''}]
184
+
185
+ this.positions=this.$appdata.getParam('安装位置') ? [{
186
+ label: '全部',
187
+ value: ''
188
+ }, ...this.$appdata.getParam('安装位置')] : [{label: '全部', value: ''}]
189
+ this.housetype=this.$appdata.getParam('房屋类型') ? [{
190
+ label: '全部',
191
+ value: ''
192
+ }, ...this.$appdata.getParam('房屋类型')] : [{label: '全部', value: ''}]
193
+ },
97
194
  },
98
195
  ready() {
196
+ this.setConList()
99
197
  },
100
198
  computed: {
101
199
  selected() {