style:业务申请
Showing
4 changed files
with
32 additions
and
24 deletions
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | </div> | 11 | </div> |
12 | 12 | ||
13 | <div class="ls-mask-content" ref='contentRef' :style="{'height': contentHeight + 'px'}"> | 13 | <div class="ls-mask-content" ref='contentRef' :style="{'height': contentHeight + 'px'}"> |
14 | <component :is="editItem" ref='childRef' @loading='loadingFn' :formData='formData' /> | 14 | <component :is="editItem" ref='childRef' @loading='loadingFn' :key="key" :formData='formData' /> |
15 | </div> | 15 | </div> |
16 | <div class="ls-mask-footer"> | 16 | <div class="ls-mask-footer"> |
17 | <el-button type="primary" @click="onConfirm">{{confirmText}}</el-button> | 17 | <el-button type="primary" @click="onConfirm">{{confirmText}}</el-button> |
... | @@ -38,24 +38,25 @@ export default { | ... | @@ -38,24 +38,25 @@ export default { |
38 | width: "75%", | 38 | width: "75%", |
39 | height: "auto", | 39 | height: "auto", |
40 | formData: "",//父组件传递的参数 负责传给子组件 | 40 | formData: "",//父组件传递的参数 负责传给子组件 |
41 | contentHeight:"", | 41 | contentHeight: "", |
42 | iconClass:"", | 42 | iconClass: "", |
43 | key: 0 | ||
43 | } | 44 | } |
44 | }, | 45 | }, |
45 | |||
46 | props: { | 46 | props: { |
47 | loading: { type: Boolean, default: false }, | 47 | loading: { type: Boolean, default: false }, |
48 | }, | 48 | }, |
49 | watch: { | 49 | watch: { |
50 | isShow (a, b) { | 50 | isShow (a, b) { |
51 | this.key++ | ||
51 | this.editItem = this.loadViewFn(this.editItem) | 52 | this.editItem = this.loadViewFn(this.editItem) |
52 | }, | 53 | }, |
53 | }, | 54 | }, |
54 | mounted(){ | 55 | mounted () { |
55 | // 计算滚动条高度 | 56 | // 计算滚动条高度 |
56 | setTimeout(() => { | 57 | setTimeout(() => { |
57 | this.contentHeight = this.$refs.contentRef.offsetHeight | 58 | this.contentHeight = this.$refs.contentRef.offsetHeight |
58 | }, 1000); | 59 | }, 1000) |
59 | }, | 60 | }, |
60 | methods: { | 61 | methods: { |
61 | onCancel () { | 62 | onCancel () { |
... | @@ -80,7 +81,7 @@ export default { | ... | @@ -80,7 +81,7 @@ export default { |
80 | require.ensure([], () => | 81 | require.ensure([], () => |
81 | r(require(`@/views/${view}.vue`)) | 82 | r(require(`@/views/${view}.vue`)) |
82 | ); | 83 | ); |
83 | }, | 84 | } |
84 | } | 85 | } |
85 | } | 86 | } |
86 | </script> | 87 | </script> |
... | @@ -109,21 +110,26 @@ export default { | ... | @@ -109,21 +110,26 @@ export default { |
109 | transform: translate(-50%, -50%); | 110 | transform: translate(-50%, -50%); |
110 | border-radius: 10px; | 111 | border-radius: 10px; |
111 | } | 112 | } |
112 | .ls-head{ | 113 | |
114 | .ls-head { | ||
113 | position: relative; | 115 | position: relative; |
114 | } | 116 | } |
117 | |||
115 | .ls-mask-window b { | 118 | .ls-mask-window b { |
116 | padding-left: 5px; | 119 | padding-left: 5px; |
117 | } | 120 | } |
118 | .ls-title{ | 121 | |
122 | .ls-title { | ||
119 | padding: 16px; | 123 | padding: 16px; |
120 | background: linear-gradient(2deg, #00CCFF, transparent); | 124 | background: linear-gradient(2deg, #00CCFF, transparent); |
121 | color: #ffffff; | 125 | color: #ffffff; |
122 | 126 | ||
123 | } | 127 | } |
124 | .ls-title .svg-icon{ | 128 | |
129 | .ls-title .svg-icon { | ||
125 | font-size: 18px; | 130 | font-size: 18px; |
126 | } | 131 | } |
132 | |||
127 | .ls-mask-content { | 133 | .ls-mask-content { |
128 | padding: 20px; | 134 | padding: 20px; |
129 | text-align: center; | 135 | text-align: center; |
... | @@ -145,7 +151,7 @@ export default { | ... | @@ -145,7 +151,7 @@ export default { |
145 | } | 151 | } |
146 | 152 | ||
147 | 153 | ||
148 | /deep/.closeStyle{ | 154 | /deep/.closeStyle { |
149 | position: absolute; | 155 | position: absolute; |
150 | top: 17px; | 156 | top: 17px; |
151 | right: 12px; | 157 | right: 12px; |
... | @@ -153,10 +159,12 @@ export default { | ... | @@ -153,10 +159,12 @@ export default { |
153 | cursor: pointer; | 159 | cursor: pointer; |
154 | color: #ffffff; | 160 | color: #ffffff; |
155 | } | 161 | } |
162 | |||
156 | /deep/.el-loading-mask { | 163 | /deep/.el-loading-mask { |
157 | background: none; | 164 | background: none; |
158 | } | 165 | } |
159 | /deep/.el-button{ | 166 | |
167 | /deep/.el-button { | ||
160 | margin: 15px 10px; | 168 | margin: 15px 10px; |
161 | width: 75px; | 169 | width: 75px; |
162 | } | 170 | } | ... | ... |
... | @@ -153,11 +153,8 @@ export default { | ... | @@ -153,11 +153,8 @@ export default { |
153 | case "B0": | 153 | case "B0": |
154 | let type = queueDjywmc(this.$route.query.sqywbm) | 154 | let type = queueDjywmc(this.$route.query.sqywbm) |
155 | this.$popup({ | 155 | this.$popup({ |
156 | title: '提示', // 弹窗标题 | 156 | title: '查询权利信息', |
157 | editItem: 'ywbl/ywsq/components/' + type, | 157 | editItem: 'ywbl/ywsq/components/houseOwnership', |
158 | formData: this.formData, //父组件传给子组件的参数 | ||
159 | cancel: function () { }, //取消事件的回调 | ||
160 | confirm: function () { }, //确认事件的回调 | ||
161 | }) | 158 | }) |
162 | break; | 159 | break; |
163 | case "B1": | 160 | case "B1": | ... | ... |
... | @@ -116,9 +116,9 @@ export default { | ... | @@ -116,9 +116,9 @@ export default { |
116 | // 业务-登记情形选择 | 116 | // 业务-登记情形选择 |
117 | handleSelectYw (item, list) { | 117 | handleSelectYw (item, list) { |
118 | list.forEach(item => { | 118 | list.forEach(item => { |
119 | item.cselect = false | 119 | this.$set(item, 'cselect', false) |
120 | }) | 120 | }) |
121 | item.cselect = !item.cselect | 121 | item.cselect = true |
122 | this.$store.dispatch('ywbl/setDjqxObj', { | 122 | this.$store.dispatch('ywbl/setDjqxObj', { |
123 | 'djqxbm': item.nodecode, | 123 | 'djqxbm': item.nodecode, |
124 | 'djqxmc': item.nodename, | 124 | 'djqxmc': item.nodename, |
... | @@ -141,18 +141,18 @@ export default { | ... | @@ -141,18 +141,18 @@ export default { |
141 | this.djlxList = [] | 141 | this.djlxList = [] |
142 | }, | 142 | }, |
143 | // 获取下个节点类型 | 143 | // 获取下个节点类型 |
144 | getNextNode (bsmSqyw) { | 144 | getNextNode (bsmSqyw, type) { |
145 | getNextNode(bsmSqyw).then(res => { | 145 | getNextNode(bsmSqyw).then(res => { |
146 | if (res.result.djqx) this.djqxList = res.result.djqx | 146 | if (res.result.djqx) this.djqxList = res.result.djqx |
147 | if (res.result.djlx) this.djlxList = res.result.djlx | 147 | if (res.result.djlx) this.djlxList = res.result.djlx |
148 | if (type) { | ||
148 | this.djqxList.forEach(item => { | 149 | this.djqxList.forEach(item => { |
149 | this.$set(item, 'cselect', false) | 150 | this.$set(item, 'cselect', false) |
150 | this.$set(item, 'select', false) | ||
151 | }) | 151 | }) |
152 | this.djlxList.forEach(item => { | 152 | this.djlxList.forEach(item => { |
153 | this.$set(item, 'cselect', false) | 153 | this.$set(item, 'cselect', false) |
154 | this.$set(item, 'select', false) | ||
155 | }) | 154 | }) |
155 | } | ||
156 | }) | 156 | }) |
157 | }, | 157 | }, |
158 | handleCollection (item) { | 158 | handleCollection (item) { |
... | @@ -165,6 +165,7 @@ export default { | ... | @@ -165,6 +165,7 @@ export default { |
165 | message: '收藏成功!', | 165 | message: '收藏成功!', |
166 | type: 'success' | 166 | type: 'success' |
167 | }) | 167 | }) |
168 | that.getDataList() | ||
168 | } | 169 | } |
169 | }) | 170 | }) |
170 | } else { | 171 | } else { |
... | @@ -175,6 +176,7 @@ export default { | ... | @@ -175,6 +176,7 @@ export default { |
175 | message: '取消收藏成功!', | 176 | message: '取消收藏成功!', |
176 | type: 'success' | 177 | type: 'success' |
177 | }) | 178 | }) |
179 | that.getDataList() | ||
178 | } | 180 | } |
179 | }) | 181 | }) |
180 | } | 182 | } |
... | @@ -197,7 +199,7 @@ export default { | ... | @@ -197,7 +199,7 @@ export default { |
197 | this.$store.dispatch('ywbl/setBsmSqyw', item.bsmSqyw) | 199 | this.$store.dispatch('ywbl/setBsmSqyw', item.bsmSqyw) |
198 | this.$store.dispatch('ywbl/setDjywbm', item.djywbm) | 200 | this.$store.dispatch('ywbl/setDjywbm', item.djywbm) |
199 | } else { | 201 | } else { |
200 | this.getNextNode(item.bsmSqyw) | 202 | this.getNextNode(item.bsmSqyw, false) |
201 | } | 203 | } |
202 | this.djqxList = [] | 204 | this.djqxList = [] |
203 | }, | 205 | }, | ... | ... |
-
Please register or sign in to post a comment