apply-clients 7.1.36-yuchuan-1 → 7.1.36-yuchuan-3

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 (58) hide show
  1. package/build/dev-server.js +7 -3
  2. package/package.json +3 -3
  3. package/src/apply.js +12 -1
  4. package/src/applyAndroid.js +6 -0
  5. package/src/components/android/AppUpload.vue +15 -0
  6. package/src/components/android/Ignition/VentilationIgnition.vue +1 -1
  7. package/src/components/android/Process/AppExplorationUser.vue +2 -2
  8. package/src/components/android/Process/AppServiceControl.vue +1410 -1397
  9. package/src/components/android/Supervisory/AppProcessSupervisory.vue +334 -334
  10. package/src/components/android/Task/Build/BuildTsak.vue +7 -4
  11. package/src/components/android/Task/GuanXianJianShe/AppExplorationGuanXian.vue +317 -0
  12. package/src/components/android/Task/GuanXianJianShe/AppGuanXianCaiLiao.vue +237 -0
  13. package/src/components/android/Task/ShenHe/BuZhangShenHe.vue +64 -64
  14. package/src/components/android/Task/ShenHe/JingLiShenHe.vue +64 -64
  15. package/src/components/android/Task/ShiGongXinXi/AppShowBuildUser.vue +11 -7
  16. package/src/components/android/Task/UpBuild/UpBuildDui.vue +5 -2
  17. package/src/components/android/Task/UpBuild/UpBuildTsak.vue +5 -2
  18. package/src/components/android/Task/UpBuild/UpJianLi.vue +5 -2
  19. package/src/components/product/ApplyCharge/ApplyChargeList.vue +943 -606
  20. package/src/components/product/ApplyGaiXianCharge/ApplyGaiXianChargeList.vue +8 -7
  21. package/src/components/product/ApplyGuanXian/GuanXianCaiLiao.vue +236 -235
  22. package/src/components/product/ApplyGuanXian/GuanXianExplorationSelect.vue +324 -323
  23. package/src/components/product/ChongZheng/ApplyChongZhengList.vue +10 -9
  24. package/src/components/product/Function/InstallInfoSelect.vue +15 -13
  25. package/src/components/product/Function/Service/FunctionServiceControl.vue +475 -475
  26. package/src/components/product/Ignition/IgnitionList.vue +236 -236
  27. package/src/components/product/Ignition/IgnitionListManage.vue +403 -204
  28. package/src/components/product/Ignition/IgnitionRecord.vue +14 -13
  29. package/src/components/product/List/ShowAllActivity.vue +455 -0
  30. package/src/components/product/List/ShowDevices.vue +279 -279
  31. package/src/components/product/Print/BuildOrder/buildOrderList.vue +9 -8
  32. package/src/components/product/Print/BuildOrder/printBuildOrder.vue +6 -0
  33. package/src/components/product/Process/ExplorationSelect.vue +591 -580
  34. package/src/components/product/Process/ExplorationUser.vue +158 -158
  35. package/src/components/product/Process/New1ExplorationUser.vue +201 -0
  36. package/src/components/product/Process/New2ExplorationUser.vue +163 -0
  37. package/src/components/product/Process/NewExplorationSelect.vue +586 -0
  38. package/src/components/product/Process/NewExplorationUser.vue +219 -184
  39. package/src/components/product/Process/Processes/ApplyChaiChuInfo.vue +587 -587
  40. package/src/components/product/Process/Processes/InstallationDetails.vue +80 -7
  41. package/src/components/product/Process/Processes/Print/printPaymentApproval.vue +224 -224
  42. package/src/components/product/Process/Processes/newDevicesManagement.vue +26 -1
  43. package/src/components/product/Process/Processes/newInstallationDetails.vue +1 -36
  44. package/src/components/product/Process/Processes/selectOldUserinfo.vue +1 -1
  45. package/src/components/product/Process/Service/ServiceControl.vue +2166 -2155
  46. package/src/components/product/Report/ReportItems.vue +85 -79
  47. package/src/components/product/Report/apply-stair-kaifa.vue +0 -1
  48. package/src/components/product/Report/gongchengbu.vue +199 -0
  49. package/src/components/product/ServiceView.vue +12 -0
  50. package/src/components/product/Stop/StopApplyList.vue +8 -8
  51. package/src/components/product/Supervisory/Service/SupervisoryServiceControl.vue +14 -0
  52. package/src/components/product/Supervisory/SupervisoryList.vue +539 -536
  53. package/src/components/product/Supervisory/YiBanSupervisoryControl.vue +114 -0
  54. package/src/components/product/Supervisory/YiBanSupervisoryList.vue +541 -0
  55. package/dist-android.7z +0 -0
  56. package/dist.7z +0 -0
  57. package/src/components/product/Process/Processes/addressAndUserinfoManagement.vue +0 -207
  58. package/yarn-error.log +0 -9976
@@ -1,158 +1,158 @@
1
- <template>
2
- <div class="flex-row">
3
- <div class="basic-main">
4
- <div :class="showData ? 'top' : 'auto'">
5
- <exploration-select v-ref:query :show-data="showData"></exploration-select>
6
- </div>
7
- <!-- <div v-if="showtotal">-->
8
- <!-- <new-exploration-user :selectdata="selectdata"></new-exploration-user>-->
9
- <!-- </div>-->
10
- <div v-if="showtotal" style="height: 89%">
11
- <tabset v-ref:tabs :close="false" :active.sync="active">
12
- <tab :header='selectdata.defname'>
13
- <service-control v-ref:service :selectdata="selectdata"></service-control>
14
- </tab>
15
- <tab header='地图'>
16
- <apply-map-com :selectdata="selectdata"></apply-map-com>
17
- </tab>
18
- <tab header='附件'>
19
- <apply-upload :blodid="selectdata.f_process_id"
20
- :isupload = "true"
21
- :isdelete="true"
22
- :isusetype="true"
23
- :isremark = "true"
24
- :takeimg="true"
25
- :issearch="true"
26
- :defname="selectdata.defname">
27
- </apply-upload>
28
- </tab>
29
- </tabset>
30
- </div>
31
- </div>
32
- </div>
33
- </template>
34
- <script>
35
- import Vue from 'vue'
36
- import {HttpResetClass} from 'vue-client'
37
- export default {
38
- title: '报建流程',
39
- data () {
40
- return {
41
- showData: true, // 控制列表数据
42
- showtotal: false, // 详情显示
43
- selectdata: {},
44
- xmlname: '', // 配置文件名
45
- active: 0 // 配置文件名
46
- }
47
- },
48
- ready () {
49
- console.log('=============用户信息=================')
50
- console.log(this.$login.f)
51
- console.log(this.$login.r)
52
- },
53
- methods: {
54
- // 获取页面配置json文件
55
- async loadName () {
56
-
57
- let data = {
58
- workname: this.selectdata.processname
59
- }
60
- let res = await this.$resetpost(
61
- 'rs/logic/ApplyGetConfigs',
62
- {data: data},
63
- {resolveMsg: null, rejectMsg: '配置数据获取失败!!!'}
64
- )
65
-
66
- Vue.prototype.$workflow_vue = res.data
67
- }
68
- },
69
- events: {
70
- 'locationclick' (res) {
71
- console.log('/*/*/*/*/*/*/*/*/*/*/*/*/*/**/*/*/*/*')
72
- if (res.pname){
73
- this.$refs.service.setLabelValue('定位地址', res.pname + res.cityname + res.adname + res.address + res.name)
74
- }else {
75
- this.$refs.service.setLabelValue('定位地址', res.province + res.city + res.address + res.name)
76
- }
77
- this.$refs.service.show_data.f_lng = res.location.lng
78
- this.$refs.service.show_data.f_lat = res.location.lat
79
- this.active = 0
80
- },
81
- 'onMessage' (data) {
82
- console.log('接收消息')
83
- console.log(data)
84
- if (data.type === 'apply-task') {
85
- this.$refs.query.$refs.cp.$refs.cri.search()
86
- }
87
- },
88
- // 刷新控制层
89
- async 'breakControl' (servicedata) {
90
-
91
- if (servicedata.id) {
92
- let data = {
93
- condition: `u.id = ${servicedata.id}`,
94
- data: {
95
- userid: this.$login.f.id,
96
- f_filiale: this.$login.f.f_fengongsi
97
- }
98
- }
99
- let res = await this.$resetpost(
100
- 'rs/sql/checkuser',
101
- {data: data},
102
- {resolveMsg: null, rejectMsg: '数据更新失败,请手查询更新!!!'}
103
- )
104
-
105
- this.selectdata = res.data[0]
106
- } else {
107
- this.selectdata = servicedata
108
- }
109
-
110
- this.showtotal = false
111
- this.$nextTick(() => {
112
- this.showtotal = true
113
- })
114
-
115
- },
116
- // 初始化
117
- async 'apply' (val) {
118
- this.showtotal = false
119
- this.selectdata = val
120
-
121
- // 次方法必须同步执行,否则后续会出问题
122
- // 获取页面json配置文件
123
- await this.loadName()
124
-
125
- // 显示详细
126
- this.showtotal = true
127
- // 关闭列表数据
128
- this.showData = false
129
- // 关闭分页
130
- this.$refs.query.$refs.cp.pager = false
131
- },
132
- 'search' () {
133
- this.selectdata = {}
134
- // 关闭详细
135
- this.showtotal = false
136
- // 显示列表数据
137
- this.showData = true
138
- // 显示分页
139
- this.$refs.query.$refs.cp.pager = true
140
- // 调用查询
141
- this.$refs.query.$refs.cp.$refs.cri.search()
142
- },
143
- 'loadPage' () {
144
- this.selectdata = {}
145
- // 关闭详细
146
- this.showtotal = false
147
- // 显示列表数据
148
- this.showData = true
149
- // 显示分页
150
- this.$refs.query.$refs.cp.pager = true
151
- // 调用查询
152
- this.$refs.query.$refs.cp.loadPage(this.$refs.query.model.pageIndex)
153
- }
154
- },
155
- watch: {
156
- }
157
- }
158
- </script>
1
+ <template>
2
+ <div class="flex-row">
3
+ <div class="basic-main">
4
+ <div :class="showData ? 'top' : 'auto'">
5
+ <exploration-select v-ref:query :show-data="showData"></exploration-select>
6
+ </div>
7
+ <!-- <div v-if="showtotal">-->
8
+ <!-- <new-exploration-user :selectdata="selectdata"></new-exploration-user>-->
9
+ <!-- </div>-->
10
+ <div v-if="showtotal" style="height: 89%">
11
+ <tabset v-ref:tabs :close="false" :active.sync="active">
12
+ <tab :header='selectdata.defname'>
13
+ <service-control v-ref:service :selectdata="selectdata"></service-control>
14
+ </tab>
15
+ <tab header='地图'>
16
+ <apply-map-com :selectdata="selectdata"></apply-map-com>
17
+ </tab>
18
+ <tab header='附件'>
19
+ <apply-upload :blodid="selectdata.f_process_id"
20
+ :isupload = "true"
21
+ :isdelete="true"
22
+ :isusetype="true"
23
+ :isremark = "true"
24
+ :takeimg="true"
25
+ :issearch="true"
26
+ :defname="selectdata.defname">
27
+ </apply-upload>
28
+ </tab>
29
+ </tabset>
30
+ </div>
31
+ </div>
32
+ </div>
33
+ </template>
34
+ <script>
35
+ import Vue from 'vue'
36
+ import {HttpResetClass} from 'vue-client'
37
+ export default {
38
+ title: '报建流程',
39
+ data () {
40
+ return {
41
+ showData: true, // 控制列表数据
42
+ showtotal: false, // 详情显示
43
+ selectdata: {},
44
+ xmlname: '', // 配置文件名
45
+ active: 0 // 配置文件名
46
+ }
47
+ },
48
+ ready () {
49
+ console.log('=============用户信息=================')
50
+ console.log(this.$login.f)
51
+ console.log(this.$login.r)
52
+ },
53
+ methods: {
54
+ // 获取页面配置json文件
55
+ async loadName () {
56
+
57
+ let data = {
58
+ workname: this.selectdata.processname
59
+ }
60
+ let res = await this.$resetpost(
61
+ 'rs/logic/ApplyGetConfigs',
62
+ {data: data},
63
+ {resolveMsg: null, rejectMsg: '配置数据获取失败!!!'}
64
+ )
65
+
66
+ Vue.prototype.$workflow_vue = res.data
67
+ }
68
+ },
69
+ events: {
70
+ 'locationclick' (res) {
71
+ console.log('/*/*/*/*/*/*/*/*/*/*/*/*/*/**/*/*/*/*')
72
+ if (res.pname){
73
+ this.$refs.service.setLabelValue('定位地址', res.pname + res.cityname + res.adname + res.address + res.name)
74
+ }else {
75
+ this.$refs.service.setLabelValue('定位地址', res.province + res.city + res.address + res.name)
76
+ }
77
+ this.$refs.service.show_data.f_lng = res.location.lng
78
+ this.$refs.service.show_data.f_lat = res.location.lat
79
+ this.active = 0
80
+ },
81
+ 'onMessage' (data) {
82
+ console.log('接收消息')
83
+ console.log(data)
84
+ if (data.type === 'apply-task') {
85
+ this.$refs.query.$refs.cp.$refs.cri.search()
86
+ }
87
+ },
88
+ // 刷新控制层
89
+ async 'breakControl' (servicedata) {
90
+
91
+ if (servicedata.id) {
92
+ let data = {
93
+ condition: `u.id = ${servicedata.id}`,
94
+ data: {
95
+ userid: this.$login.f.id,
96
+ f_filiale: this.$login.f.f_fengongsi
97
+ }
98
+ }
99
+ let res = await this.$resetpost(
100
+ 'rs/sql/checkuser',
101
+ {data: data},
102
+ {resolveMsg: null, rejectMsg: '数据更新失败,请手查询更新!!!'}
103
+ )
104
+
105
+ this.selectdata = res.data[0]
106
+ } else {
107
+ this.selectdata = servicedata
108
+ }
109
+
110
+ this.showtotal = false
111
+ this.$nextTick(() => {
112
+ this.showtotal = true
113
+ })
114
+
115
+ },
116
+ // 初始化
117
+ async 'apply' (val) {
118
+ this.showtotal = false
119
+ this.selectdata = val
120
+
121
+ // 次方法必须同步执行,否则后续会出问题
122
+ // 获取页面json配置文件
123
+ await this.loadName()
124
+
125
+ // 显示详细
126
+ this.showtotal = true
127
+ // 关闭列表数据
128
+ this.showData = false
129
+ // 关闭分页
130
+ this.$refs.query.$refs.cp.pager = false
131
+ },
132
+ 'search' () {
133
+ this.selectdata = {}
134
+ // 关闭详细
135
+ this.showtotal = false
136
+ // 显示列表数据
137
+ this.showData = true
138
+ // 显示分页
139
+ this.$refs.query.$refs.cp.pager = true
140
+ // 调用查询
141
+ this.$refs.query.$refs.cp.$refs.cri.search()
142
+ },
143
+ 'loadPage' () {
144
+ this.selectdata = {}
145
+ // 关闭详细
146
+ this.showtotal = false
147
+ // 显示列表数据
148
+ this.showData = true
149
+ // 显示分页
150
+ this.$refs.query.$refs.cp.pager = true
151
+ // 调用查询
152
+ this.$refs.query.$refs.cp.loadPage(this.$refs.query.model.pageIndex)
153
+ }
154
+ },
155
+ watch: {
156
+ }
157
+ }
158
+ </script>
@@ -0,0 +1,201 @@
1
+ <template>
2
+ <div class="flex-row">
3
+ <div class="basic-main">
4
+ <div :class="showData1 ? 'top' : 'auto'">
5
+ <new-exploration-select v-ref:query :show-data="showData1"></new-exploration-select>
6
+ </div>
7
+ <!-- <div v-if="showtotal">-->
8
+ <!-- <new-exploration-user :selectdata="selectdata"></new-exploration-user>-->
9
+ <!-- </div>-->
10
+ <div v-if="showtotal" style="height: 89%">
11
+ <tabset v-ref:tabs :close="false" :active.sync="active">
12
+ <tab :header='selectdata.defname'>
13
+ <service-control v-ref:service :selectdata="selectdata"></service-control>
14
+ </tab>
15
+ <tab header='地图'>
16
+ <apply-map-com :selectdata="selectdata"></apply-map-com>
17
+ </tab>
18
+ <tab header='附件'>
19
+ <apply-upload :blodid="selectdata.f_process_id"
20
+ :isupload = "true"
21
+ :isdelete="true"
22
+ :isusetype="true"
23
+ :isremark = "true"
24
+ :takeimg="true"
25
+ :issearch="true"
26
+ :defname="selectdata.defname">
27
+ </apply-upload>
28
+ </tab>
29
+ </tabset>
30
+ </div>
31
+ </div>
32
+ </div>
33
+ </template>
34
+ <script>
35
+ import Vue from 'vue'
36
+ import {HttpResetClass} from 'vue-client'
37
+ export default {
38
+ title: '报建流程',
39
+ props: ['xselectdata', 'mark'],
40
+ data () {
41
+ return {
42
+ showData1: false, // 控制列表数据
43
+ showtotal: false, // 详情显示
44
+ selectdata: {},
45
+ xmlname: '', // 配置文件名
46
+ active: 0 // 配置文件名
47
+ }
48
+ },
49
+ ready () {
50
+ console.log('=============用户信息=================')
51
+ console.log(this.$login.f)
52
+ console.log(this.$login.r)
53
+
54
+ this.selectdata = this.xselectdata
55
+ // this.loadName().then(res=>{
56
+ // this.showtotal = true
57
+ // })
58
+ },
59
+ methods: {
60
+ // 获取页面配置json文件
61
+ async loadName () {
62
+
63
+ let data = {
64
+ workname: this.selectdata.processname
65
+ }
66
+ let res = await this.$resetpost(
67
+ 'rs/logic/ApplyGetConfigs',
68
+ {data: data},
69
+ {resolveMsg: null, rejectMsg: '配置数据获取失败!!!'}
70
+ )
71
+
72
+ Vue.prototype.$workflow_vue = res.data
73
+ },
74
+ async breakControl (servicedata) {
75
+
76
+ if (servicedata.id) {
77
+ let data = {
78
+ condition: `u.id = ${servicedata.id}`,
79
+ data: {
80
+ userid: this.$login.f.id,
81
+ f_filiale: this.$login.f.f_fengongsi
82
+ }
83
+ }
84
+ let res = await this.$resetpost(
85
+ 'rs/sql/checkuser',
86
+ {data: data},
87
+ {resolveMsg: null, rejectMsg: '数据更新失败,请手查询更新!!!'}
88
+ )
89
+
90
+ this.selectdata = res.data[0]
91
+ } else {
92
+ this.selectdata = servicedata
93
+ }
94
+
95
+ this.showtotal = false
96
+ this.$nextTick(() => {
97
+ this.showtotal = true
98
+ })
99
+
100
+ },
101
+ },
102
+ events: {
103
+ 'locationclick' (res) {
104
+ console.log('/*/*/*/*/*/*/*/*/*/*/*/*/*/**/*/*/*/*')
105
+ if (res.pname){
106
+ this.$refs.service.setLabelValue('定位地址', res.pname + res.cityname + res.adname + res.address + res.name)
107
+ }else {
108
+ this.$refs.service.setLabelValue('定位地址', res.province + res.city + res.address + res.name)
109
+ }
110
+ this.$refs.service.show_data.f_lng = res.location.lng
111
+ this.$refs.service.show_data.f_lat = res.location.lat
112
+ this.active = 0
113
+ },
114
+ 'onMessage' (data) {
115
+ console.log('接收消息')
116
+ console.log(data)
117
+ if (data.type === 'apply-task') {
118
+ this.$refs.query.$refs.cp.$refs.cri.search()
119
+ }
120
+ },
121
+ // 刷新控制层
122
+ async 'breakControl' (servicedata) {
123
+
124
+ if (servicedata.id) {
125
+ let data = {
126
+ condition: `u.id = ${servicedata.id}`,
127
+ data: {
128
+ userid: this.$login.f.id,
129
+ f_filiale: this.$login.f.f_fengongsi
130
+ }
131
+ }
132
+ let res = await this.$resetpost(
133
+ 'rs/sql/checkuser',
134
+ {data: data},
135
+ {resolveMsg: null, rejectMsg: '数据更新失败,请手查询更新!!!'}
136
+ )
137
+
138
+ this.selectdata = res.data[0]
139
+ } else {
140
+ this.selectdata = servicedata
141
+ }
142
+
143
+ this.showtotal = false
144
+ this.$nextTick(() => {
145
+ this.showtotal = true
146
+ })
147
+
148
+ },
149
+ // 初始化
150
+ async 'apply' (val) {
151
+ this.showtotal = false
152
+ this.selectdata = val
153
+
154
+ // 次方法必须同步执行,否则后续会出问题
155
+ // 获取页面json配置文件
156
+ await this.loadName()
157
+
158
+ // 显示详细
159
+ this.showtotal = true
160
+ // 关闭列表数据
161
+ this.showData1 = false
162
+ // 关闭分页
163
+ // this.$refs.query.$refs.cp.pager = false
164
+ },
165
+ 'search' () {
166
+ this.selectdata = {}
167
+ // 关闭详细
168
+ this.showtotal = false
169
+ // 显示列表数据
170
+ this.showData1 = false
171
+ // 显示分页
172
+ // this.$refs.query.$refs.cp.pager = false
173
+ // // 调用查询
174
+ // this.$refs.query.$refs.cp.$refs.cri.search()
175
+ },
176
+ 'loadPage' () {
177
+ this.selectdata = {}
178
+ // 关闭详细
179
+ this.showtotal = false
180
+ // 显示列表数据
181
+ this.showData1 = false
182
+ // 调用查询
183
+ // this.$refs.query.$refs.cp.loadPage(this.$refs.query.model.pageIndex)
184
+ this.$dispatch('loadPage1', this.mark)
185
+ }
186
+ },
187
+ watch: {
188
+ "xselectdata"(val) {
189
+ console.log("当前数据显示一下",this.xselectdata)
190
+ this.selectdata = val
191
+ if (val){
192
+ this.loadName().then(res=>{
193
+ this.showtotal = true
194
+ })
195
+ }else {
196
+ this.showtotal = false
197
+ }
198
+ }
199
+ }
200
+ }
201
+ </script>
@@ -0,0 +1,163 @@
1
+ <template>
2
+ <div style="overflow: auto">
3
+ <div class="container1" v-show="tableShow" :class="{ 'zoom': zoom }">
4
+ <button class="close1" @click="toggleZoom()">{{ !zoom ? '+' : '-'}}</button>
5
+ <div class="box">
6
+ <new-exploration-user :dataname="'民用报建'"></new-exploration-user>
7
+ </div>
8
+ </div>
9
+
10
+ <div class="container1" v-show="tableShow2" :class="{ 'zoom': zoom2 }">
11
+ <div class="close1" @click="toggleZoom2">{{ !zoom2 ? '+' : '-'}}</div>
12
+ <div class="box">
13
+ <new-exploration-user :dataname="'非民用报建'"></new-exploration-user>
14
+ </div>
15
+ </div>
16
+
17
+ <div class="container1" v-show="tableShow3" :class="{ 'zoom': zoom3 }">
18
+ <div class="close1" @click="toggleZoom3">{{ !zoom3 ? '+' : '-'}}</div>
19
+ <div class="box">
20
+ <new-exploration-user :dataname="'设备变更'"></new-exploration-user>
21
+ </div>
22
+ </div>
23
+
24
+ <div class="container1" v-show="tableShow4" :class="{ 'zoom': zoom4 }">
25
+ <div class="close1" @click="toggleZoom4">{{ !zoom4 ? '+' : '-'}}</div>
26
+ <div class="box">
27
+ <new-exploration-user :dataname="'改线业务'"></new-exploration-user>
28
+ </div>
29
+ </div>
30
+
31
+ <div class="container1" v-show="tableShow5" :class="{ 'zoom': zoom5 }">
32
+ <div class="close1" @click="toggleZoom5">{{ !zoom5 ? '+' : '-'}}</div>
33
+ <div class="box">
34
+ <new-exploration-user :dataname="'设备拆除'"></new-exploration-user>
35
+ </div>
36
+ </div>
37
+
38
+ <div class="container1" v-show="tableShow6" :class="{ 'zoom': zoom6 }">
39
+ <div class="close1" @click="toggleZoom6">{{ !zoom6 ? '+' : '-'}}</div>
40
+ <div class="box">
41
+ <new-exploration-user :dataname="'分户挂表'"></new-exploration-user>
42
+ </div>
43
+ </div>
44
+ </div>
45
+ </template>
46
+ <script>
47
+ export default {
48
+ title: '报建流程',
49
+ data () {
50
+ return {
51
+ zoom: false,
52
+ zoom2: false,
53
+ zoom3: false,
54
+ zoom4: false,
55
+ zoom5: false,
56
+ zoom6: false,
57
+ tableShow: true,
58
+ tableShow2: true,
59
+ tableShow3: true,
60
+ tableShow4: true,
61
+ tableShow5: true,
62
+ tableShow6: true
63
+ }
64
+ },
65
+ methods: {
66
+ toggleZoom () {
67
+ this.zoom = !this.zoom
68
+ this.tableShow2 = !this.tableShow2
69
+ this.tableShow3 = !this.tableShow3
70
+ this.tableShow4 = !this.tableShow4
71
+ this.tableShow5 = !this.tableShow5
72
+ this.tableShow6 = !this.tableShow6
73
+ },
74
+ toggleZoom2 () {
75
+ this.zoom2 = !this.zoom2
76
+ this.tableShow = !this.tableShow
77
+ this.tableShow3 = !this.tableShow3
78
+ this.tableShow4 = !this.tableShow4
79
+ this.tableShow5 = !this.tableShow5
80
+ this.tableShow6 = !this.tableShow6
81
+ },
82
+ toggleZoom3 () {
83
+ this.zoom3 = !this.zoom3
84
+ this.tableShow2 = !this.tableShow2
85
+ this.tableShow = !this.tableShow
86
+ this.tableShow4 = !this.tableShow4
87
+ this.tableShow5 = !this.tableShow5
88
+ this.tableShow6 = !this.tableShow6
89
+ },
90
+ toggleZoom4 () {
91
+ this.zoom4 = !this.zoom4
92
+ this.tableShow2 = !this.tableShow2
93
+ this.tableShow3 = !this.tableShow3
94
+ this.tableShow = !this.tableShow
95
+ this.tableShow5 = !this.tableShow5
96
+ this.tableShow6 = !this.tableShow6
97
+ },
98
+ toggleZoom5 () {
99
+ this.zoom5 = !this.zoom5
100
+ this.tableShow2 = !this.tableShow2
101
+ this.tableShow3 = !this.tableShow3
102
+ this.tableShow4 = !this.tableShow4
103
+ this.tableShow = !this.tableShow
104
+ this.tableShow6 = !this.tableShow6
105
+ },
106
+ toggleZoom6 () {
107
+ this.zoom6 = !this.zoom6
108
+ this.tableShow2 = !this.tableShow2
109
+ this.tableShow3 = !this.tableShow3
110
+ this.tableShow4 = !this.tableShow4
111
+ this.tableShow5 = !this.tableShow5
112
+ this.tableShow = !this.tableShow
113
+ }
114
+ },
115
+ watch: {}
116
+ }
117
+ </script>
118
+ <style scoped>
119
+ .container1 {
120
+ max-width: 49%;
121
+ width: 100%;
122
+ height: 50%;
123
+ position: relative;
124
+ display: inline-block;
125
+ margin: 3px;
126
+ cursor: pointer;
127
+ padding: 4px;
128
+ background: #666666
129
+ }
130
+
131
+ .box {
132
+ width: 100%;
133
+ height: 100%;
134
+ }
135
+
136
+ .zoom {
137
+ max-width: 99%;
138
+ position: relative;
139
+ top: 0;
140
+ left: 0;
141
+ z-index: 1;
142
+ width: 100%;
143
+ height: 100%;
144
+ background-color: #fff;
145
+ border: 0px solid #1e1f22;
146
+ }
147
+
148
+ .close1 {
149
+ position: absolute;
150
+ top: 8px;
151
+ right: 8px;
152
+ width: 30px;
153
+ height: 30px;
154
+ text-align: center;
155
+ line-height: 19px;
156
+ font-size: 25px;
157
+ font-weight: bold;
158
+ background-color: #00a3f0;
159
+ color: #000;
160
+ border-radius: 50%;
161
+ cursor: pointer;
162
+ }
163
+ </style>