safecheck-client 4.0.0-55 → 4.0.0-57

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 (30) hide show
  1. package/package.json +1 -1
  2. package/src/App.vue +31 -31
  3. package/src/components/NewDefectList/DefectListNew.vue +663 -663
  4. package/src/components/Util/SafecheckUpload.vue +281 -281
  5. package/src/components/android/AndroidDefectDetails.vue +725 -725
  6. package/src/components/android/PhoneUpUserinfo.vue +1249 -1249
  7. package/src/components/android/SafecheckDevices.vue +1340 -1339
  8. package/src/components/pc/AddToCheckBook.vue +237 -237
  9. package/src/components/pc/CheckBook.vue +303 -303
  10. package/src/components/pc/CheckBookArea.vue +146 -146
  11. package/src/components/pc/CheckBookCompany.vue +144 -144
  12. package/src/components/pc/CheckBookDetails.vue +161 -161
  13. package/src/components/pc/CheckBookEntry.vue +60 -60
  14. package/src/components/pc/CheckBookList.vue +366 -366
  15. package/src/components/pc/CheckBookSearchArea.vue +560 -560
  16. package/src/components/pc/CheckBookSearchUnit.vue +229 -229
  17. package/src/components/pc/CheckBookSearchUser.vue +659 -659
  18. package/src/components/pc/CheckBookSearchUserList.vue +674 -674
  19. package/src/components/pc/CheckBookUser.vue +333 -333
  20. package/src/components/pc/DefectDeal.vue +1007 -1007
  21. package/src/components/pc/PaperDefectMain.vue +880 -879
  22. package/src/filiale/meihekou/android/AreaPlan.vue +569 -569
  23. package/src/filiale/meihekou/android/CheckPlanList.vue +198 -198
  24. package/src/filiale/meihekou/android/CheckPlanListArea.vue +190 -190
  25. package/src/filiale/meihekou/android/CurrentCreate.vue +1087 -1087
  26. package/src/filiale/meihekou/android/MeterReading.vue +106 -106
  27. package/src/filiale/meihekou/android/SafecheckOrderV.vue +4 -3
  28. package/src/filiale/meihekou/android/SafecheckUserInfo.vue +787 -787
  29. package/src/filiale/meihekou/android.js +19 -19
  30. package/src/filiale/meihekou/pc.js +12 -12
@@ -1,303 +1,303 @@
1
- <template>
2
- <!--安检综合查询主界面-->
3
- <div id="unit" class="flex-row" :class="{'binary':showItem || showItemUser}">
4
- <div :class="{'basic-main':!(showItem || showItemUser),'binary-left':showItem || showItemUser}">
5
- <!--展示查询界面-->
6
- <check-book-list class="flex" :tempval="hidden" :style="style" :style2="style2" :showtype="showtype" @select-changed="selected"
7
- @canel-main="close"
8
- @addbook="addbook"
9
- :needprops="needProps"
10
- @showdetails="showdetails"
11
- v-ref:checkbook></check-book-list>
12
- </div>
13
- <div class="binary-right" v-if="showItemUser || showItem">
14
- <div class="flex">
15
- <check-book-user style="height: 100%" :row="rowData" v-if="showItemUser && rowData.f_check_book_type==='用户'"></check-book-user>
16
- <check-book-area style="height: 100%" @showuser="showuser" :row="rowData" :needprops="needProps" v-if="showItemUser && rowData.f_user_type==='民用'"></check-book-area>
17
- <check-book-company style="height: 100%" @showuser="showusercompany" :row="rowData" :needprops="needProps" v-if="showItemUser && rowData.f_user_type==='非民用'"></check-book-company>
18
- <check-book-details style="height: 100%" :row="rowData" :showtype="showtype" v-if="showItem"></check-book-details>
19
- </div>
20
- </div>
21
- </div>
22
-
23
- </template>
24
-
25
- <script>
26
- import {HttpResetClass} from "vue-client";
27
-
28
- export default {
29
- title: '片区管理',
30
- name: 'CheckPaperSearchUser',
31
- props:['showtype'],
32
- data () {
33
- return {
34
- style: 'col-sm-2 form-group',
35
- style2: 'col-sm-4 form-group',
36
- showItemUser: false,
37
- hidden: true,
38
- barwidth: '100%',
39
- showItem: false,
40
- rowData: {},
41
- needProps:{
42
- meter_gasbrand:[],
43
- checkBooks:[],
44
- entry_status:[],
45
- userTypes:[],
46
- userStates:[],
47
- gasproperties:[],
48
- areaList:[],
49
- sliceArea:[],
50
- cbc:[],
51
- meterbooks:[],
52
- checker:[],
53
- },
54
- }
55
- },
56
- ready(){
57
- this.init()
58
- },
59
- methods: {
60
- init(){
61
- this.getCheckBook()
62
- this.setConList()
63
- this.loadpage()
64
- this.getGasbrand()
65
- this.searchChecker()
66
- },
67
- //查询安检员selectChanged
68
- async searchChecker(){
69
- let res=await new HttpResetClass().load('POST', '/rs/search', {
70
- source: 'tool.getChildrenOfResName($安检员$)',
71
- userid: this.$login.f.id
72
- }, {resolveMsg: null, rejectMsg: null})
73
- this.needProps.checker=[]
74
- res.data.forEach((resRow) => {
75
- if(resRow.orgid==this.$login.f.orgid){
76
- this.needProps.checker.push({label:resRow.name,value:resRow})
77
- }
78
- })
79
- },
80
- getGasbrand(){
81
- this.needProps.meter_gasbrand=[]
82
- new HttpResetClass().load('POST', `/api/af-safecheck/sql/safe_singleTable_GroupBy`, {
83
- data: {
84
- items: 'id,f_meter_brand',
85
- tablename: 't_gasbrand',
86
- condition: `f_orgid = '${this.$login.f.orgid}'`,
87
- groupitem: 'id,f_meter_brand'
88
- }
89
- }, {resolveMsg: null, rejectMsg: null}).then(res => {
90
- this.needProps.meter_gasbrand.push({label: '全部', value: ''})
91
- //console.log('res=', JSON.stringify(res))
92
- res.data.forEach(ress => {
93
- //console.log('ress=', JSON.stringify(ress))
94
- this.needProps.meter_gasbrand.push({
95
- label: ress.f_meter_brand,
96
- value: ress.id
97
- })
98
- })
99
- })
100
- },
101
- getCheckBook(){
102
- this.needProps.checkBooks=[]
103
- new HttpResetClass().load('POST', `/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
104
- data: {
105
- items: 'id,f_check_book_name,f_check_book_type',
106
- tablename: 't_check_book',
107
- condition: `f_orgid = '${this.$login.f.orgid}'`,
108
- orderitem: 'id desc'
109
- }
110
- }, {resolveMsg: null, rejectMsg: null}).then(res => {
111
- this.needProps.checkBooks.push({label: '全部', value: ''})
112
- this.needProps.checkBooks.push({label: '未在片区内', value: '111111'})
113
- res.data.forEach(ress => {
114
- this.needProps.checkBooks.push({
115
- label: ress.f_check_book_name,
116
- value: `${ress.id}-${ress.f_check_book_type}`
117
- })
118
- })
119
- })
120
- },
121
- loadpage(){
122
- this.select_search()
123
- this.Mreadibook()
124
- this.getSliceArea()
125
- },
126
- select_search(text, type){
127
- //tag
128
- let pcdText=text?` and f_residential_area like '%${text}%'`:''
129
- if (type == 'pqId'){
130
- if(text.length==0){
131
- pcdText=text?` and 1=1`:''
132
- }else {
133
- pcdText =text?`and f_check_book_id in (${text})`:''
134
- }
135
-
136
- }
137
- new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {data:{items:"*",tablename:"t_area",orderitem:"id",condition:`f_orgid = '${this.$login.f.orgid}' ${pcdText} `}}, {resolveMsg: null, rejectMsg: null}).then((res)=>{
138
- //tag)
139
- this.needProps.areaList=[]
140
- this.needProps.areaList.push({label:"全部",value:""})
141
- res.data.forEach((result)=>{
142
- this.needProps.areaList.push({label:result.f_residential_area,value:result.f_residential_area})
143
- //console.log('this.areaList=', JSON.stringify(this.areaList))
144
- })
145
- //tag)
146
- })
147
-
148
-
149
- },
150
- //获取抄表册
151
- async Mreadibook(){
152
- this.needProps.cbc=[]
153
- this.needProps.sliceArea=[]
154
- let http = new HttpResetClass()
155
- let getMeterReadingBooks = await http.load('POST','api/af-safecheck/logic/getMeterBooksData',
156
- {data: {f_orgid: "('"+this.$login.f.orgid+"')"}},
157
- {resolveMsg: null, rejectMsg: '获取失败!!!'})
158
- this.needProps.cbc = [{label: '全部', value: ''}]
159
- //tag
160
- //tag)
161
- //tag
162
- this.needProps.meterbooks=[]
163
- this.needProps.meterbooks=getMeterReadingBooks.data.meterbooks
164
- this.needProps.meterbooks.forEach((res) => {
165
- this.needProps.cbc.push({label: res.f_book_name, value: res.id})
166
- /*if(res.f_book_slice_area){
167
- if(this.sliceArea.indexOf(res.f_book_slice_area)<0){
168
- this.sliceArea.push(res.f_book_slice_area)
169
- }
170
- }*/
171
- })
172
-
173
- },
174
- //片区获取
175
- async getSliceArea() {
176
- let http = new HttpResetClass()
177
- let getAllArea = await http.load('POST', '/rs/search', {
178
- source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
179
- userid: this.$login.f.id
180
- }, {resolveMsg: null, rejectMsg: '获取片区出错!!!'})
181
- this.needProps.sliceArea = [{label: '全部', value: ''}]
182
- //tag
183
- //tag
184
- //tag
185
- getAllArea.data.forEach((res) => {
186
- if(res.parentid==this.$login.f.orgid){
187
- this.needProps.sliceArea.push({label:res.name,value:res.name})
188
- }
189
- })
190
- //tag
191
- },
192
- setConList(){
193
- this.needProps.entry_status=this.$appdata.getParam('安检状态') ? [{
194
- label: '全部',
195
- value: ''
196
- }, ...this.$appdata.getParam('安检状态')] : [{label: '全部', value: ''}]
197
-
198
- this.needProps.userTypes=this.$appdata.getParam('用户类型') ? [{
199
- label: '全部',
200
- value: ''
201
- }, ...this.$appdata.getParam('用户类型')] : [{label: '全部', value: ''}]
202
- this.needProps.userStates=this.$appdata.getParam('安检用户状态') ? [{
203
- label: '全部',
204
- value: ''
205
- }, ...this.$appdata.getParam('安检用户状态')] : [{label: '全部', value: ''}]
206
- this.needProps.gasproperties=this.$appdata.getParam('用气性质') ? [{
207
- label: '全部',
208
- value: ''
209
- }, ...this.$appdata.getParam('用气性质')] : [{label: '全部', value: ''}]
210
- // this.meter_classifys=this.$appdata.getParam('气表类型') ? [{
211
- // label: '全部',
212
- // value: ''
213
- // }, ...this.$appdata.getParam('气表类型')] : [{label: '全部', value: ''}]
214
- },
215
- show () {
216
- this.showItem = this.showItem ? false : true
217
- },
218
- showdetails (row) {
219
- console.log('showdetails',row)
220
- this.rowData = row
221
- this.rowData.f_check_book_type='用户'
222
- this.rowData.f_user_type=''
223
- this.showItem = false
224
- this.showItemUser = true
225
- },
226
- showusercompany(row){
227
- console.log('showuser',row)
228
- this.rowData = row
229
- this.showItem = false
230
- this.rowData.f_check_book_type='用户'
231
- this.rowData.f_check_book_type1='单位'
232
- this.showItemUser = true
233
- },
234
- showuser(row){
235
- console.log('showuser',row)
236
- this.rowData = row
237
- this.showItem = false
238
- this.rowData.f_check_book_type='用户'
239
- this.rowData.f_check_book_type1='小区'
240
- this.showItemUser = true
241
- },
242
- addbook(){
243
- this.rowData= {
244
- f_is_auto:'否',
245
- f_check_book_type:"用户",
246
- }
247
- this.showItem = true
248
- },
249
- selected (row) {
250
- this.showItem = true
251
- this.barwidth = '50%'
252
- //tag
253
- this.rowData = row.val
254
- this.hidden = false
255
- //tag
256
- },
257
-
258
- close () {
259
- this.showItem = false
260
- this.barwidth = '100%'
261
- this.hidden = true
262
- }
263
- },
264
- computed:{
265
- showItemAll(){
266
- return this.showItem && this.showItemUser
267
- }
268
- },
269
- watch: {
270
- 'showItemUser' (val) {
271
- //tag
272
- console.log("showItemUser",val)
273
- if(val){
274
- this.showItem = false
275
- }
276
- if (val || this.showItem) {
277
- this.style = 'col-sm-3 form-group'
278
- this.style2 = 'col-sm-6 form-group'
279
-
280
- } else {
281
- this.style = 'col-sm-2 form-group'
282
- this.style2 = 'col-sm-4 form-group'
283
- }
284
- },
285
- 'showItem' (val) {
286
- console.log("showItem",val)
287
- if(val){
288
- this.showItemUser = false
289
- }
290
- if (val || this.showItemUser) {
291
- this.style = 'col-sm-3 form-group'
292
- this.style2 = 'col-sm-6 form-group'
293
-
294
- } else {
295
- this.style = 'col-sm-2 form-group'
296
- this.style2 = 'col-sm-4 form-group'
297
- }
298
- }
299
- }
300
- }
301
-
302
- </script>
303
-
1
+ <template>
2
+ <!--安检综合查询主界面-->
3
+ <div id="unit" class="flex-row" :class="{'binary':showItem || showItemUser}">
4
+ <div :class="{'basic-main':!(showItem || showItemUser),'binary-left':showItem || showItemUser}">
5
+ <!--展示查询界面-->
6
+ <check-book-list class="flex" :tempval="hidden" :style="style" :style2="style2" :showtype="showtype" @select-changed="selected"
7
+ @canel-main="close"
8
+ @addbook="addbook"
9
+ :needprops="needProps"
10
+ @showdetails="showdetails"
11
+ v-ref:checkbook></check-book-list>
12
+ </div>
13
+ <div class="binary-right" v-if="showItemUser || showItem">
14
+ <div class="flex">
15
+ <check-book-user style="height: 100%" :row="rowData" v-if="showItemUser && rowData.f_check_book_type==='用户'"></check-book-user>
16
+ <check-book-area style="height: 100%" @showuser="showuser" :row="rowData" :needprops="needProps" v-if="showItemUser && rowData.f_user_type==='民用'"></check-book-area>
17
+ <check-book-company style="height: 100%" @showuser="showusercompany" :row="rowData" :needprops="needProps" v-if="showItemUser && rowData.f_user_type==='非民用'"></check-book-company>
18
+ <check-book-details style="height: 100%" :row="rowData" :showtype="showtype" v-if="showItem"></check-book-details>
19
+ </div>
20
+ </div>
21
+ </div>
22
+
23
+ </template>
24
+
25
+ <script>
26
+ import {HttpResetClass} from "vue-client";
27
+
28
+ export default {
29
+ title: '片区管理',
30
+ name: 'CheckPaperSearchUser',
31
+ props:['showtype'],
32
+ data () {
33
+ return {
34
+ style: 'col-sm-2 form-group',
35
+ style2: 'col-sm-4 form-group',
36
+ showItemUser: false,
37
+ hidden: true,
38
+ barwidth: '100%',
39
+ showItem: false,
40
+ rowData: {},
41
+ needProps:{
42
+ meter_gasbrand:[],
43
+ checkBooks:[],
44
+ entry_status:[],
45
+ userTypes:[],
46
+ userStates:[],
47
+ gasproperties:[],
48
+ areaList:[],
49
+ sliceArea:[],
50
+ cbc:[],
51
+ meterbooks:[],
52
+ checker:[],
53
+ },
54
+ }
55
+ },
56
+ ready(){
57
+ this.init()
58
+ },
59
+ methods: {
60
+ init(){
61
+ this.getCheckBook()
62
+ this.setConList()
63
+ this.loadpage()
64
+ this.getGasbrand()
65
+ this.searchChecker()
66
+ },
67
+ //查询安检员selectChanged
68
+ async searchChecker(){
69
+ let res=await new HttpResetClass().load('POST', '/rs/search', {
70
+ source: 'tool.getChildrenOfResName($安检员$)',
71
+ userid: this.$login.f.id
72
+ }, {resolveMsg: null, rejectMsg: null})
73
+ this.needProps.checker=[]
74
+ res.data.forEach((resRow) => {
75
+ if(resRow.orgid==this.$login.f.orgid){
76
+ this.needProps.checker.push({label:resRow.name,value:resRow})
77
+ }
78
+ })
79
+ },
80
+ getGasbrand(){
81
+ this.needProps.meter_gasbrand=[]
82
+ new HttpResetClass().load('POST', `/api/af-safecheck/sql/safe_singleTable_GroupBy`, {
83
+ data: {
84
+ items: 'id,f_meter_brand',
85
+ tablename: 't_gasbrand',
86
+ condition: `f_orgid = '${this.$login.f.orgid}'`,
87
+ groupitem: 'id,f_meter_brand'
88
+ }
89
+ }, {resolveMsg: null, rejectMsg: null}).then(res => {
90
+ this.needProps.meter_gasbrand.push({label: '全部', value: ''})
91
+ //console.log('res=', JSON.stringify(res))
92
+ res.data.forEach(ress => {
93
+ //console.log('ress=', JSON.stringify(ress))
94
+ this.needProps.meter_gasbrand.push({
95
+ label: ress.f_meter_brand,
96
+ value: ress.id
97
+ })
98
+ })
99
+ })
100
+ },
101
+ getCheckBook(){
102
+ this.needProps.checkBooks=[]
103
+ new HttpResetClass().load('POST', `/api/af-safecheck/sql/safe_singleTable_OrderBy`, {
104
+ data: {
105
+ items: 'id,f_check_book_name,f_check_book_type',
106
+ tablename: 't_check_book',
107
+ condition: `f_orgid = '${this.$login.f.orgid}'`,
108
+ orderitem: 'id desc'
109
+ }
110
+ }, {resolveMsg: null, rejectMsg: null}).then(res => {
111
+ this.needProps.checkBooks.push({label: '全部', value: ''})
112
+ this.needProps.checkBooks.push({label: '未在片区内', value: '111111'})
113
+ res.data.forEach(ress => {
114
+ this.needProps.checkBooks.push({
115
+ label: ress.f_check_book_name,
116
+ value: `${ress.id}-${ress.f_check_book_type}`
117
+ })
118
+ })
119
+ })
120
+ },
121
+ loadpage(){
122
+ this.select_search()
123
+ this.Mreadibook()
124
+ this.getSliceArea()
125
+ },
126
+ select_search(text, type){
127
+ //tag
128
+ let pcdText=text?` and f_residential_area like '%${text}%'`:''
129
+ if (type == 'pqId'){
130
+ if(text.length==0){
131
+ pcdText=text?` and 1=1`:''
132
+ }else {
133
+ pcdText =text?`and f_check_book_id in (${text})`:''
134
+ }
135
+
136
+ }
137
+ new HttpResetClass().load("POST", `${this.$androidUtil.getProxyUrl()}/api/af-safecheck/sql/safe_singleTable_OrderBy`, {data:{items:"*",tablename:"t_area",orderitem:"id",condition:`f_orgid = '${this.$login.f.orgid}' ${pcdText} `}}, {resolveMsg: null, rejectMsg: null}).then((res)=>{
138
+ //tag)
139
+ this.needProps.areaList=[]
140
+ this.needProps.areaList.push({label:"全部",value:""})
141
+ res.data.forEach((result)=>{
142
+ this.needProps.areaList.push({label:result.f_residential_area,value:result.f_residential_area})
143
+ //console.log('this.areaList=', JSON.stringify(this.areaList))
144
+ })
145
+ //tag)
146
+ })
147
+
148
+
149
+ },
150
+ //获取抄表册
151
+ async Mreadibook(){
152
+ this.needProps.cbc=[]
153
+ this.needProps.sliceArea=[]
154
+ let http = new HttpResetClass()
155
+ let getMeterReadingBooks = await http.load('POST','api/af-safecheck/logic/getMeterBooksData',
156
+ {data: {f_orgid: "('"+this.$login.f.orgid+"')"}},
157
+ {resolveMsg: null, rejectMsg: '获取失败!!!'})
158
+ this.needProps.cbc = [{label: '全部', value: ''}]
159
+ //tag
160
+ //tag)
161
+ //tag
162
+ this.needProps.meterbooks=[]
163
+ this.needProps.meterbooks=getMeterReadingBooks.data.meterbooks
164
+ this.needProps.meterbooks.forEach((res) => {
165
+ this.needProps.cbc.push({label: res.f_book_name, value: res.id})
166
+ /*if(res.f_book_slice_area){
167
+ if(this.sliceArea.indexOf(res.f_book_slice_area)<0){
168
+ this.sliceArea.push(res.f_book_slice_area)
169
+ }
170
+ }*/
171
+ })
172
+
173
+ },
174
+ //片区获取
175
+ async getSliceArea() {
176
+ let http = new HttpResetClass()
177
+ let getAllArea = await http.load('POST', '/rs/search', {
178
+ source: 'this.getParentByType($organization$).getAllChildrens().where(row.getType() == $zone$)',
179
+ userid: this.$login.f.id
180
+ }, {resolveMsg: null, rejectMsg: '获取片区出错!!!'})
181
+ this.needProps.sliceArea = [{label: '全部', value: ''}]
182
+ //tag
183
+ //tag
184
+ //tag
185
+ getAllArea.data.forEach((res) => {
186
+ if(res.parentid==this.$login.f.orgid){
187
+ this.needProps.sliceArea.push({label:res.name,value:res.name})
188
+ }
189
+ })
190
+ //tag
191
+ },
192
+ setConList(){
193
+ this.needProps.entry_status=this.$appdata.getParam('安检状态') ? [{
194
+ label: '全部',
195
+ value: ''
196
+ }, ...this.$appdata.getParam('安检状态')] : [{label: '全部', value: ''}]
197
+
198
+ this.needProps.userTypes=this.$appdata.getParam('用户类型') ? [{
199
+ label: '全部',
200
+ value: ''
201
+ }, ...this.$appdata.getParam('用户类型')] : [{label: '全部', value: ''}]
202
+ this.needProps.userStates=this.$appdata.getParam('安检用户状态') ? [{
203
+ label: '全部',
204
+ value: ''
205
+ }, ...this.$appdata.getParam('安检用户状态')] : [{label: '全部', value: ''}]
206
+ this.needProps.gasproperties=this.$appdata.getParam('用气性质') ? [{
207
+ label: '全部',
208
+ value: ''
209
+ }, ...this.$appdata.getParam('用气性质')] : [{label: '全部', value: ''}]
210
+ // this.meter_classifys=this.$appdata.getParam('气表类型') ? [{
211
+ // label: '全部',
212
+ // value: ''
213
+ // }, ...this.$appdata.getParam('气表类型')] : [{label: '全部', value: ''}]
214
+ },
215
+ show () {
216
+ this.showItem = this.showItem ? false : true
217
+ },
218
+ showdetails (row) {
219
+ console.log('showdetails',row)
220
+ this.rowData = row
221
+ this.rowData.f_check_book_type='用户'
222
+ this.rowData.f_user_type=''
223
+ this.showItem = false
224
+ this.showItemUser = true
225
+ },
226
+ showusercompany(row){
227
+ console.log('showuser',row)
228
+ this.rowData = row
229
+ this.showItem = false
230
+ this.rowData.f_check_book_type='用户'
231
+ this.rowData.f_check_book_type1='单位'
232
+ this.showItemUser = true
233
+ },
234
+ showuser(row){
235
+ console.log('showuser',row)
236
+ this.rowData = row
237
+ this.showItem = false
238
+ this.rowData.f_check_book_type='用户'
239
+ this.rowData.f_check_book_type1='小区'
240
+ this.showItemUser = true
241
+ },
242
+ addbook(){
243
+ this.rowData= {
244
+ f_is_auto:'否',
245
+ f_check_book_type:"用户",
246
+ }
247
+ this.showItem = true
248
+ },
249
+ selected (row) {
250
+ this.showItem = true
251
+ this.barwidth = '50%'
252
+ //tag
253
+ this.rowData = row.val
254
+ this.hidden = false
255
+ //tag
256
+ },
257
+
258
+ close () {
259
+ this.showItem = false
260
+ this.barwidth = '100%'
261
+ this.hidden = true
262
+ }
263
+ },
264
+ computed:{
265
+ showItemAll(){
266
+ return this.showItem && this.showItemUser
267
+ }
268
+ },
269
+ watch: {
270
+ 'showItemUser' (val) {
271
+ //tag
272
+ console.log("showItemUser",val)
273
+ if(val){
274
+ this.showItem = false
275
+ }
276
+ if (val || this.showItem) {
277
+ this.style = 'col-sm-3 form-group'
278
+ this.style2 = 'col-sm-6 form-group'
279
+
280
+ } else {
281
+ this.style = 'col-sm-2 form-group'
282
+ this.style2 = 'col-sm-4 form-group'
283
+ }
284
+ },
285
+ 'showItem' (val) {
286
+ console.log("showItem",val)
287
+ if(val){
288
+ this.showItemUser = false
289
+ }
290
+ if (val || this.showItemUser) {
291
+ this.style = 'col-sm-3 form-group'
292
+ this.style2 = 'col-sm-6 form-group'
293
+
294
+ } else {
295
+ this.style = 'col-sm-2 form-group'
296
+ this.style2 = 'col-sm-4 form-group'
297
+ }
298
+ }
299
+ }
300
+ }
301
+
302
+ </script>
303
+