safecheck-client 4.0.1-4 → 4.0.1-6

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/components/NewDefectList/DefectListNew.vue +663 -663
  3. package/src/components/NewDefectList/DefectPaperNew.vue +1184 -1184
  4. package/src/components/Util/SafecheckUpload.vue +281 -281
  5. package/src/components/android/PhoneUpUserinfo.vue +1249 -1249
  6. package/src/components/android/SafeRightTree.vue +218 -218
  7. package/src/components/android/SafecheckDevices.vue +1340 -1340
  8. package/src/components/paper/PaperList.vue +797 -797
  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/CheckBookSearchArea.vue +560 -560
  15. package/src/components/pc/CheckBookSearchUnit.vue +229 -229
  16. package/src/components/pc/CheckBookSearchUser.vue +659 -659
  17. package/src/components/pc/CheckBookSearchUserList.vue +674 -674
  18. package/src/components/pc/CheckBookUser.vue +333 -333
  19. package/src/components/pc/PaperDefectMain.vue +880 -880
  20. package/src/filiale/jinhong/pc/checkUserList.vue +742 -743
  21. package/src/filiale/meihekou/android/CheckPlanList.vue +198 -198
  22. package/src/filiale/meihekou/android/CheckPlanListArea.vue +190 -190
  23. package/src/filiale/meihekou/android/CurrentCreate.vue +1038 -1038
  24. package/src/filiale/meihekou/android/PaperFeedback.vue +1542 -1542
  25. package/src/filiale/meihekou/android/SafecheckDevices.vue +1340 -1340
  26. package/src/filiale/meihekou/android/SafecheckOrderV.vue +2433 -2433
  27. package/src/filiale/meihekou/android.js +22 -22
  28. package/src/filiale/meihekou/pc/NewCheckpaper.vue +2027 -2027
  29. package/src/filiale/qingjian/pc/NewCheckpaper.vue +1 -0
  30. package/src/main.js +33 -33
@@ -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
+