Merge branch 'dev'
Showing
5 changed files
with
419 additions
and
378 deletions
... | @@ -4,12 +4,12 @@ | ... | @@ -4,12 +4,12 @@ |
4 | <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 --> | 4 | <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 --> |
5 | <div class="ch-zdy-wrap"> | 5 | <div class="ch-zdy-wrap"> |
6 | <!-- 幢单元 --> | 6 | <!-- 幢单元 --> |
7 | <zdy-cpn v-if="lpbData.zdys.length" :zdys="lpbData.zdys" :onlyShow="onlyShow"/> | 7 | <zdy-cpn v-if="lpbData.zdys.length" :zdys="lpbData.zdys" :onlyShow="onlyShow" /> |
8 | <!-- 独立层户 --> | 8 | <!-- 独立层户 --> |
9 | <ch-cpn v-if="lpbData.cs.length" :ch="lpbData.cs" :onlyShow="onlyShow"/> | 9 | <ch-cpn v-if="lpbData.cs.length" :ch="lpbData.cs" :onlyShow="onlyShow" /> |
10 | </div> | 10 | </div> |
11 | <!-- 逻辑幢 --> | 11 | <!-- 逻辑幢 --> |
12 | <ljzs-cpn v-if="lpbData.ljzs.length" :ljzs="lpbData.ljzs" :onlyShow="onlyShow"/> | 12 | <ljzs-cpn v-if="lpbData.ljzs.length" :ljzs="lpbData.ljzs" :onlyShow="onlyShow" /> |
13 | </div> | 13 | </div> |
14 | <!-- 自然幢名称 --> | 14 | <!-- 自然幢名称 --> |
15 | <p class="lpb-xmmc" v-if="onlyShow" style="border-bottom: 1px solid #e6e6e6">{{ lpbData.xmmc }}</p> | 15 | <p class="lpb-xmmc" v-if="onlyShow" style="border-bottom: 1px solid #e6e6e6">{{ lpbData.xmmc }}</p> |
... | @@ -23,388 +23,419 @@ | ... | @@ -23,388 +23,419 @@ |
23 | <!-- 右键菜单 --> | 23 | <!-- 右键菜单 --> |
24 | <ul | 24 | <ul |
25 | v-show="lpbChVisible" | 25 | v-show="lpbChVisible" |
26 | :style="{ left: lpbChLeft + 'px', top: lpbChTop + 'px' }" | 26 | :style="{ left: lpbChLeft + 'px', top: lpbChTop + 'px' }" |
27 | class="contextmenu" | 27 | class="contextmenu"> |
28 | > | ||
29 | <li @click="menuClick">菜单一</li> | 28 | <li @click="menuClick">菜单一</li> |
30 | <li @click="menuClick">菜单二</li> | 29 | <li @click="menuClick">菜单二</li> |
31 | </ul> | 30 | </ul> |
32 | </div> | 31 | </div> |
33 | </template> | 32 | </template> |
34 | <script> | 33 | <script> |
35 | import { getLpb } from "@/api/lpcx.js"; | 34 | import { getLpb } from "@/api/lpcx.js"; |
36 | import chCpn from "./ch.vue"; | 35 | import chCpn from "./ch.vue"; |
37 | import zdyCpn from "./zdys.vue"; | 36 | import zdyCpn from "./zdys.vue"; |
38 | import ljzsCpn from "./ljzs.vue"; | 37 | import ljzsCpn from "./ljzs.vue"; |
39 | import { startBusinessFlow, choiceBdcdy,againAddSldy } from "@/api/workFlow.js"; | 38 | import { startBusinessFlow, choiceBdcdy, againAddSldy } from "@/api/workFlow.js"; |
40 | import jump from "../../ywbl/ywsq/components/mixin/jump"; | 39 | import jump from "../../ywbl/ywsq/components/mixin/jump"; |
41 | import store from '@/store/index.js' | 40 | import store from '@/store/index.js' |
42 | import { ywPopupCacel } from "@/utils/popup.js"; | 41 | import { ywPopupCacel } from "@/utils/popup.js"; |
43 | export default { | 42 | export default { |
44 | mixins: [jump], | 43 | mixins: [jump], |
45 | provide() { | 44 | provide () { |
46 | return { | 45 | return { |
47 | openMenu: this.openMenu, | 46 | openMenu: this.openMenu, |
48 | selectAll: this.selectAllObj, | 47 | selectAll: this.selectAllObj, |
49 | changeChoosedObj:this.changeChoosedObj, | 48 | changeChoosedObj: this.changeChoosedObj, |
50 | clearChangeChoosedObj:this.clearChangeChoosedObj, | 49 | clearChangeChoosedObj: this.clearChangeChoosedObj, |
51 | getBsmList:this.getBsmList | 50 | getBsmList: this.getBsmList |
52 | }; | 51 | }; |
53 | }, | ||
54 | name: "", | ||
55 | components: { chCpn, zdyCpn, ljzsCpn }, | ||
56 | props: { | ||
57 | zrzbsm: { | ||
58 | type: String, | ||
59 | default: "", | ||
60 | }, | ||
61 | lpbParent: { | ||
62 | type: String, | ||
63 | default: "isLpb", | ||
64 | }, | ||
65 | isHb: { | ||
66 | type: Boolean, | ||
67 | default: true, | ||
68 | }, | ||
69 | onlyShow:{ | ||
70 | type: Boolean, | ||
71 | default: true, | ||
72 | }, | ||
73 | showSave:{ | ||
74 | type: Boolean, | ||
75 | default: false, | ||
76 | }, | ||
77 | scyclx: { | ||
78 | type: Number, | ||
79 | default: 0, | ||
80 | }, | ||
81 | sqywInfo: { | ||
82 | type: Object, | ||
83 | default: () => { } | ||
84 | }, | 52 | }, |
85 | isJump: { type: Boolean, default: false }, | 53 | name: "", |
86 | }, | 54 | components: { chCpn, zdyCpn, ljzsCpn }, |
87 | data() { | 55 | props: { |
88 | return { | 56 | zrzbsm: { |
89 | lpbData: { | 57 | type: String, |
90 | ljzs: [], | 58 | default: "", |
91 | cs: [], | ||
92 | zdys: [], | ||
93 | }, | 59 | }, |
94 | //户全选标识 由于依赖注入的绑定并不是可响应的,所以传入可监听的对象以获取其属性的响应 | 60 | lpbParent: { |
95 | selectAllObj: { | 61 | type: String, |
96 | selectAll: false, | 62 | default: "isLpb", |
97 | }, | 63 | }, |
98 | //层户右键菜单显隐 | 64 | isHb: { |
99 | lpbChVisible: false, | 65 | type: Boolean, |
100 | //右键菜单定位位置 | 66 | default: true, |
101 | lpbChLeft: 100, | ||
102 | lpbChTop: 100, | ||
103 | // 改变户选中状态 | ||
104 | changeChoosedObj:{ | ||
105 | bsms:[], | ||
106 | color:'' | ||
107 | }, | 67 | }, |
108 | // 选中户bsm合集 | 68 | onlyShow: { |
109 | bsmList:[], | 69 | type: Boolean, |
110 | loading: false, | 70 | default: true, |
111 | }; | 71 | }, |
112 | }, | 72 | showSave: { |
113 | mounted() { | 73 | type: Boolean, |
114 | this.scyclx ? this.getLpb(this.zrzbsm,this.scyclx):this.getLpb(this.zrzbsm); | 74 | default: false, |
115 | window.lpbContent = this; | 75 | }, |
116 | }, | 76 | scyclx: { |
117 | methods: { | 77 | type: Number, |
118 | /** | 78 | default: 0, |
119 | * @description: 获取当前楼盘表选中户信息 | 79 | }, |
120 | * @param {Array} bsmList | 80 | sqywInfo: { |
121 | * @author: renchao | 81 | type: Object, |
122 | */ | 82 | default: () => { } |
123 | getBsmList(bsmList,compFlag){ | 83 | }, |
124 | // 根据本次传入的组件标识删除之前对应组件标识存入hbsmList的数据 | 84 | name: "", |
125 | this.bsmList = this.bsmList.filter((i) => i.flag != compFlag) | 85 | components: { chCpn, zdyCpn, ljzsCpn }, |
126 | // 合并本次数据 | 86 | props: { |
127 | this.bsmList = this.bsmList.concat([...new Map(bsmList.map(item => [item.bdcdyh, item])).values()]); | 87 | zrzbsm: { |
128 | // }) | 88 | type: String, |
129 | }, | 89 | default: "", |
130 | /** | 90 | }, |
131 | * @description: 保存当前楼盘表 | 91 | lpbParent: { |
132 | * @author: renchao | 92 | type: String, |
133 | */ | 93 | default: "isLpb", |
134 | saveLpb(){ | 94 | }, |
135 | if (this.bsmList.length == 0) { | 95 | isHb: { |
96 | type: Boolean, | ||
97 | default: true, | ||
98 | }, | ||
99 | onlyShow: { | ||
100 | type: Boolean, | ||
101 | default: true, | ||
102 | }, | ||
103 | showSave: { | ||
104 | type: Boolean, | ||
105 | default: false, | ||
106 | }, | ||
107 | scyclx: { | ||
108 | type: Number, | ||
109 | default: 0, | ||
110 | }, | ||
111 | sqywInfo: { | ||
112 | type: Object, | ||
113 | default: () => { } | ||
114 | }, | ||
115 | isJump: { type: Boolean, default: false }, | ||
116 | }, | ||
117 | data () { | ||
118 | return { | ||
119 | lpbData: { | ||
120 | ljzs: [], | ||
121 | cs: [], | ||
122 | zdys: [], | ||
123 | }, | ||
124 | //户全选标识 由于依赖注入的绑定并不是可响应的,所以传入可监听的对象以获取其属性的响应 | ||
125 | selectAllObj: { | ||
126 | selectAll: false, | ||
127 | }, | ||
128 | //层户右键菜单显隐 | ||
129 | lpbChVisible: false, | ||
130 | //右键菜单定位位置 | ||
131 | lpbChLeft: 100, | ||
132 | lpbChTop: 100, | ||
133 | // 改变户选中状态 | ||
134 | changeChoosedObj: { | ||
135 | bsms: [], | ||
136 | color: '' | ||
137 | }, | ||
138 | // 选中户bsm合集 | ||
139 | bsmList: [], | ||
140 | loading: false, | ||
141 | }; | ||
142 | }, | ||
143 | mounted () { | ||
144 | this.scyclx ? this.getLpb(this.zrzbsm, this.scyclx) : this.getLpb(this.zrzbsm); | ||
145 | window.lpbContent = this; | ||
146 | }, | ||
147 | /** | ||
148 | * @description: 保存当前楼盘表 | ||
149 | * @author: renchao | ||
150 | */ | ||
151 | saveLpb () { | ||
152 | if (this.bsmList.length == 0) { | ||
136 | this.$message.error("请至少选择一条数据"); | 153 | this.$message.error("请至少选择一条数据"); |
137 | return; | 154 | return; |
138 | } | 155 | } |
139 | this.loading = true; | 156 | this.loading = true; |
140 | againAddSldy({ | 157 | againAddSldy({ |
141 | bsmSqyw: this.sqywInfo.bsmSqyw, | 158 | bsmSqyw: this.sqywInfo.bsmSqyw, |
142 | bsmSlsq: this.sqywInfo.bsmSlsq, | 159 | bsmSlsq: this.sqywInfo.bsmSlsq, |
143 | bdcdysz: this.bsmList, | 160 | bdcdysz: this.bsmList, |
144 | sjlx: "houses" | 161 | sjlx: "houses" |
145 | }).then((res) => { | 162 | }).then((res) => { |
146 | this.loading = false | 163 | this.loading = false |
147 | if (res.code == 200) { | 164 | if (res.code == 200) { |
148 | this.$message({ | 165 | this.$message({ |
149 | showClose: true, | 166 | showClose: true, |
150 | message: '添加成功', | 167 | message: '添加成功', |
151 | type: 'success' | 168 | type: 'success' |
152 | }) | 169 | }) |
153 | if (!this.isJump) { | 170 | if (!this.isJump) { |
154 | this.jump(res.result, this.sqywInfo.djywbm) | 171 | this.jump(res.result, this.sqywInfo.djywbm) |
155 | } else { | 172 | } else { |
156 | store.dispatch('user/refreshPage', true); | 173 | store.dispatch('user/refreshPage', true); |
157 | } | 174 | } |
158 | //this.close(); | 175 | //this.close(); |
159 | this.$popupCacel(); | 176 | this.$popupCacel(); |
160 | } else { | ||
161 | if (res.result && res.result.length > 0) { | ||
162 | this.$popup("申请错误明细", "components/ywdialog", { width:'36%', formData:{result: res.result} }) | ||
163 | } else { | 177 | } else { |
164 | this.$popup("申请错误明细", "components/ywdialog", { width:'36%', formData:{message: res.message} }) | 178 | if (res.result && res.result.length > 0) { |
165 | } | 179 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { result: res.result } }) |
166 | } | 180 | } else { |
167 | }).catch(() => { | 181 | if (res.result && res.result.length > 0) { |
168 | this.loading = false | 182 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { result: res.result } }) |
169 | }) | 183 | } else { |
170 | // todo 调用保存接口 传入参数待定 | 184 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { message: res.message } }) |
171 | //console.log(this.bsmList,'this.bsmList'); | 185 | } |
172 | // 保存成功后关闭弹框 | ||
173 | //this.$popupCacel() | ||
174 | }, | ||
175 | // 改变户选中状态 | ||
176 | /** | ||
177 | * @description: 改变户选中状态 | ||
178 | * @param {*} bsms | ||
179 | * @param {*} color | ||
180 | * @author: renchao | ||
181 | */ | ||
182 | changeChoosed(bsms, color){ | ||
183 | this.changeChoosedObj.bsms = bsms; | ||
184 | this.changeChoosedObj.color = color; | ||
185 | }, | ||
186 | /** | ||
187 | * @description: clearChangeChoosedObj | ||
188 | * @author: renchao | ||
189 | */ | ||
190 | clearChangeChoosedObj(){ | ||
191 | this.changeChoosedObj.bsms = []; | ||
192 | }, | ||
193 | //全选户 | ||
194 | /** | ||
195 | * @description: 全选户 | ||
196 | * @param {*} val | ||
197 | * @author: renchao | ||
198 | */ | ||
199 | zdySelectAll(val) { | ||
200 | this.selectAllObj.selectAll = val; | ||
201 | }, | ||
202 | //获取楼盘表数据 | ||
203 | /** | ||
204 | * @description: 获取楼盘表数据 | ||
205 | * @param {*} zrzbsm | ||
206 | * @param {*} scyclx | ||
207 | * @param {*} actual | ||
208 | * @author: renchao | ||
209 | */ | ||
210 | getLpb(zrzbsm, scyclx, actual) { | ||
211 | getLpb(zrzbsm, scyclx).then((res) => { | ||
212 | if (res.code == 200) { | ||
213 | if(scyclx){ | ||
214 | if(res.result.syclx == "1") { | ||
215 | res.result.lpb.ljzs = res.result.lpb.ljzs.sort(this.compare("place")); | ||
216 | this.lpbData = res.result.lpb == null ? this.lpbData : res.result.lpb; | ||
217 | } | 186 | } |
218 | }else{ | ||
219 | res.result.lpb.ljzs = res.result.lpb.ljzs.sort(this.compare("place")); | ||
220 | this.lpbData = res.result.lpb == null ? this.lpbData : res.result.lpb; | ||
221 | } | 187 | } |
222 | } else { | 188 | }).catch(() => { |
189 | this.loading = false | ||
190 | }) | ||
191 | // todo 调用保存接口 传入参数待定 | ||
192 | //console.log(this.bsmList,'this.bsmList'); | ||
193 | // 保存成功后关闭弹框 | ||
194 | //this.$popupCacel() | ||
195 | }, | ||
196 | // 改变户选中状态 | ||
197 | /** | ||
198 | * @description: 改变户选中状态 | ||
199 | * @param {*} bsms | ||
200 | * @param {*} color | ||
201 | * @author: renchao | ||
202 | */ | ||
203 | changeChoosed (bsms, color) { | ||
204 | this.changeChoosedObj.bsms = bsms; | ||
205 | this.changeChoosedObj.color = color; | ||
206 | }, | ||
207 | /** | ||
208 | * @description: clearChangeChoosedObj | ||
209 | * @author: renchao | ||
210 | */ | ||
211 | clearChangeChoosedObj () { | ||
212 | this.changeChoosedObj.bsms = []; | ||
213 | }, | ||
214 | //全选户 | ||
215 | /** | ||
216 | * @description: 全选户 | ||
217 | * @param {*} val | ||
218 | * @author: renchao | ||
219 | */ | ||
220 | zdySelectAll (val) { | ||
221 | this.selectAllObj.selectAll = val; | ||
222 | }, | ||
223 | //获取楼盘表数据 | ||
224 | /** | ||
225 | * @description: 获取楼盘表数据 | ||
226 | * @param {*} zrzbsm | ||
227 | * @param {*} scyclx | ||
228 | * @param {*} actual | ||
229 | * @author: renchao | ||
230 | */ | ||
231 | getLpb (zrzbsm, scyclx, actual) { | ||
232 | if (!zrzbsm) { | ||
223 | this.$message({ | 233 | this.$message({ |
224 | message: res.message, | 234 | message: "暂无楼盘表", |
225 | type: "warning", | 235 | type: "warning", |
226 | }); | 236 | }); |
237 | } else { | ||
238 | getLpb(zrzbsm, scyclx).then((res) => { | ||
239 | if (res.code == 200) { | ||
240 | if (scyclx) { | ||
241 | if (res.result.syclx == "1") { | ||
242 | res.result.lpb.ljzs = res.result.lpb.ljzs.sort(this.compare("place")); | ||
243 | this.lpbData = res.result.lpb == null ? this.lpbData : res.result.lpb; | ||
244 | } | ||
245 | } else { | ||
246 | this.$message({ | ||
247 | message: res.message, | ||
248 | type: "warning", | ||
249 | }); | ||
250 | } | ||
251 | } else { | ||
252 | this.$message({ | ||
253 | message: res.message, | ||
254 | type: "warning", | ||
255 | }); | ||
256 | } | ||
257 | }); | ||
227 | } | 258 | } |
228 | }); | 259 | |
229 | }, | 260 | }, |
230 | //户右键点击事件 | 261 | //户右键点击事件 |
231 | /** | 262 | /** |
232 | * @description: 户右键点击事件 | 263 | * @description: 户右键点击事件 |
233 | * @param {*} e | 264 | * @param {*} e |
234 | * @param {*} item | 265 | * @param {*} item |
235 | * @param {*} type | 266 | * @param {*} type |
236 | * @author: renchao | 267 | * @author: renchao |
237 | */ | 268 | */ |
238 | openMenu(e, item, type) { | 269 | openMenu (e, item, type) { |
239 | this.lpbChLeft = e.pageX - 96; | 270 | this.lpbChLeft = e.pageX - 96; |
240 | this.lpbChTop = e.pageY - 23; | 271 | this.lpbChTop = e.pageY - 23; |
241 | // this.lpbChVisible = true; | 272 | // this.lpbChVisible = true; |
242 | }, | 273 | }, |
243 | //关闭户右键菜单 | 274 | //关闭户右键菜单 |
244 | /** | 275 | /** |
245 | * @description: 关闭户右键菜单 | 276 | * @description: 关闭户右键菜单 |
246 | * @author: renchao | 277 | * @author: renchao |
247 | */ | 278 | */ |
248 | closeMenu() { | 279 | closeMenu () { |
249 | this.lpbChVisible = false; | 280 | this.lpbChVisible = false; |
250 | }, | 281 | }, |
251 | //右键菜单点击 | 282 | //右键菜单点击 |
252 | /** | 283 | /** |
253 | * @description: 右键菜单点击 | 284 | * @description: 右键菜单点击 |
254 | * @author: renchao | 285 | * @author: renchao |
255 | */ | 286 | */ |
256 | menuClick() { | 287 | menuClick () { |
257 | this.closeMenu(); | 288 | this.closeMenu(); |
258 | }, | 289 | }, |
259 | /** | 290 | /** |
260 | * @description: compare | 291 | * @description: compare |
261 | * @param {*} property | 292 | * @param {*} property |
262 | * @author: renchao | 293 | * @author: renchao |
263 | */ | 294 | */ |
264 | compare(property) { | 295 | compare (property) { |
265 | return function (a, b) { | 296 | return function (a, b) { |
266 | var value1 = a[property]; | 297 | var value1 = a[property]; |
267 | var value2 = b[property]; | 298 | var value2 = b[property]; |
268 | return value1 - value2; | 299 | return value1 - value2; |
269 | }; | 300 | }; |
270 | }, | 301 | }, |
271 | /** | 302 | /** |
272 | * @description: submitForm | 303 | * @description: submitForm |
273 | * @author: renchao | 304 | * @author: renchao |
274 | */ | 305 | */ |
275 | submitForm () { | 306 | submitForm () { |
276 | if (this.bsmList.length == 0) { | 307 | if (this.bsmList.length == 0) { |
277 | this.$message.error("请至少选择一条数据"); | 308 | this.$message.error("请至少选择一条数据"); |
278 | return; | 309 | return; |
279 | } | 310 | } |
280 | this.loading = true; | 311 | this.loading = true; |
281 | startBusinessFlow({ | 312 | startBusinessFlow({ |
282 | bsmSqyw: this.sqywInfo.bsmSqyw, | 313 | bsmSqyw: this.sqywInfo.bsmSqyw, |
283 | bdcdysz: this.bsmList, | 314 | bdcdysz: this.bsmList, |
284 | }).then((res) => { | 315 | }).then((res) => { |
285 | this.loading = false | 316 | this.loading = false |
286 | if (res.code == 200) { | 317 | if (res.code == 200) { |
287 | this.$message({ | 318 | this.$message({ |
288 | showClose: true, | 319 | showClose: true, |
289 | message: '发起申请成功', | 320 | message: '发起申请成功', |
290 | type: 'success' | 321 | type: 'success' |
291 | }) | 322 | }) |
292 | if (!this.isJump) { | 323 | if (!this.isJump) { |
293 | this.jump(res.result, this.sqywInfo.djywbm) | 324 | this.jump(res.result, this.sqywInfo.djywbm) |
294 | } else { | 325 | } else { |
295 | store.dispatch('user/refreshPage', true); | 326 | store.dispatch('user/refreshPage', true); |
296 | } | 327 | } |
297 | this.close() | 328 | this.close() |
298 | } else { | ||
299 | if (res.result && res.result.length > 0) { | ||
300 | this.$popup("申请错误明细", "components/ywdialog", { width:'36%', formData:{result: res.result} }) | ||
301 | } else { | 329 | } else { |
302 | this.$popup("申请错误明细", "components/ywdialog", { width:'36%', formData:{message: res.message} }) | 330 | if (res.result && res.result.length > 0) { |
331 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { result: res.result } }) | ||
332 | } else { | ||
333 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { message: res.message } }) | ||
334 | } | ||
303 | } | 335 | } |
304 | } | 336 | }).catch(() => { |
305 | }).catch(() => { | 337 | this.loading = false |
306 | this.loading = false | 338 | }) |
307 | }) | 339 | }, |
340 | /** | ||
341 | * @description: close | ||
342 | * @param {*} val | ||
343 | * @author: renchao | ||
344 | */ | ||
345 | close () { | ||
346 | ywPopupCacel() | ||
347 | }, | ||
308 | }, | 348 | }, |
309 | /** | 349 | computed: { |
310 | * @description: close | 350 | lpbContentHeight () { |
311 | * @param {*} val | 351 | return this.onlyShow ? 32 : 76 |
312 | * @author: renchao | 352 | // return 76 |
313 | */ | 353 | } |
314 | close(){ | ||
315 | ywPopupCacel() | ||
316 | }, | 354 | }, |
317 | }, | 355 | watch: { |
318 | computed:{ | 356 | //户右键菜单显示时,监听到鼠标点击时关闭户右键菜单 |
319 | lpbContentHeight(){ | 357 | lpbChVisible (value) { |
320 | return this.onlyShow ? 32 : 76 | 358 | if (value) { |
321 | // return 76 | 359 | document.body.addEventListener("click", this.closeMenu); |
322 | } | 360 | } else { |
323 | }, | 361 | document.body.removeEventListener("click", this.closeMenu); |
324 | watch: { | 362 | } |
325 | //户右键菜单显示时,监听到鼠标点击时关闭户右键菜单 | ||
326 | lpbChVisible(value) { | ||
327 | if (value) { | ||
328 | document.body.addEventListener("click", this.closeMenu); | ||
329 | } else { | ||
330 | document.body.removeEventListener("click", this.closeMenu); | ||
331 | } | 363 | } |
332 | } | 364 | }, |
333 | }, | 365 | }; |
334 | }; | ||
335 | </script> | 366 | </script> |
336 | <style scoped lang="scss"> | 367 | <style scoped lang="scss"> |
337 | .lpbContent-wrap { | 368 | .lpbContent-wrap { |
338 | width: 100%; | ||
339 | height: 100%; | ||
340 | overflow: hidden; | ||
341 | .lpbContent { | ||
342 | width: 100%; | 369 | width: 100%; |
343 | position: relative; | 370 | height: 100%; |
344 | overflow: scroll; | 371 | overflow: hidden; |
345 | -webkit-user-select: none; | 372 | .lpbContent { |
346 | -moz-user-select: none; | 373 | width: 100%; |
347 | -ms-user-select: none; | 374 | position: relative; |
348 | user-select: none; | 375 | overflow: scroll; |
349 | display: flex; | 376 | -webkit-user-select: none; |
350 | flex-direction: column-reverse; | 377 | -moz-user-select: none; |
351 | box-sizing: border-box; | 378 | -ms-user-select: none; |
352 | padding-top: 20px; | 379 | user-select: none; |
353 | .ch-zdy-wrap { | ||
354 | display: flex; | 380 | display: flex; |
355 | flex-direction: row; | 381 | flex-direction: column-reverse; |
382 | box-sizing: border-box; | ||
383 | padding-top: 20px; | ||
384 | .ch-zdy-wrap { | ||
385 | display: flex; | ||
386 | flex-direction: row; | ||
387 | } | ||
356 | } | 388 | } |
357 | } | 389 | .lpb-xmmc { |
358 | .lpb-xmmc { | 390 | border: 0; |
359 | border: 0; | 391 | border-top: 1px solid #e6e6e6; |
360 | border-top: 1px solid #e6e6e6; | 392 | } |
361 | } | 393 | .save-btn { |
362 | .save-btn{ | 394 | display: block; |
363 | display: block; | 395 | margin: 5px auto; |
364 | margin: 5px auto; | 396 | } |
365 | } | 397 | // 自定义右键菜单样式 |
366 | // 自定义右键菜单样式 | 398 | .contextmenu { |
367 | .contextmenu { | ||
368 | margin: 0; | ||
369 | background: #fff; | ||
370 | width: 92px; | ||
371 | z-index: 3000; | ||
372 | position: fixed; | ||
373 | list-style-type: none; | ||
374 | padding: 5px 0; | ||
375 | border-radius: 4px; | ||
376 | font-size: 12px; | ||
377 | font-weight: 400; | ||
378 | color: #333; | ||
379 | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); | ||
380 | li { | ||
381 | margin: 0; | 399 | margin: 0; |
382 | padding: 7px 16px; | 400 | background: #fff; |
383 | cursor: pointer; | 401 | width: 92px; |
384 | position: relative; | 402 | z-index: 3000; |
385 | .childUl { | 403 | position: fixed; |
386 | display: none; | 404 | list-style-type: none; |
387 | position: absolute; | 405 | padding: 5px 0; |
388 | left: 92px !important; | 406 | border-radius: 4px; |
389 | top: 0 !important; | 407 | font-size: 12px; |
390 | li { | 408 | font-weight: 400; |
391 | width: 76px; | 409 | color: #333; |
410 | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); | ||
411 | li { | ||
412 | margin: 0; | ||
413 | padding: 7px 16px; | ||
414 | cursor: pointer; | ||
415 | position: relative; | ||
416 | .childUl { | ||
417 | display: none; | ||
418 | position: absolute; | ||
419 | left: 92px !important; | ||
420 | top: 0 !important; | ||
421 | li { | ||
422 | width: 76px; | ||
423 | } | ||
392 | } | 424 | } |
393 | } | 425 | } |
394 | } | 426 | li:hover { |
395 | li:hover { | 427 | background: #eee; |
396 | background: #eee; | 428 | > .childUl { |
397 | > .childUl { | 429 | display: block; |
398 | display: block; | 430 | } |
431 | } | ||
432 | .noEdit { | ||
433 | color: #e6e6e6; | ||
434 | cursor: not-allowed; | ||
435 | } | ||
436 | .noEdit:hover { | ||
437 | background: #ffffff; | ||
399 | } | 438 | } |
400 | } | ||
401 | .noEdit { | ||
402 | color: #e6e6e6; | ||
403 | cursor: not-allowed; | ||
404 | } | ||
405 | .noEdit:hover { | ||
406 | background: #ffffff; | ||
407 | } | 439 | } |
408 | } | 440 | } |
409 | } | ||
410 | </style> | 441 | </style> | ... | ... |
... | @@ -30,30 +30,30 @@ | ... | @@ -30,30 +30,30 @@ |
30 | <el-row> | 30 | <el-row> |
31 | <el-col :span="3"> | 31 | <el-col :span="3"> |
32 | <el-form-item label="身份证读卡器"> | 32 | <el-form-item label="身份证读卡器"> |
33 | <el-button type="text" icon="el-icon-tickets" @click="readClick">读取</el-button> | 33 | <el-button type="text" icon="el-icon-tickets" :disabled="show" @click="readClick">读取</el-button> |
34 | </el-form-item> | 34 | </el-form-item> |
35 | </el-col> | 35 | </el-col> |
36 | <el-col :span="5"> | 36 | <el-col :span="5"> |
37 | <el-form-item label="领证人" prop="lzrxm" label-width="70px"> | 37 | <el-form-item label="领证人" prop="lzrxm" label-width="70px"> |
38 | <el-input v-model="ruleForm.lzrxm"></el-input> | 38 | <el-input :disabled="show" v-model="ruleForm.lzrxm"></el-input> |
39 | </el-form-item> | 39 | </el-form-item> |
40 | </el-col> | 40 | </el-col> |
41 | <el-col :span="5"> | 41 | <el-col :span="5"> |
42 | <el-form-item label="证件类型" prop="lzrzjlb" label-width="80px"> | 42 | <el-form-item label="证件类型" prop="lzrzjlb" label-width="80px"> |
43 | <el-select v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择"> | 43 | <el-select :disabled="show" v-model="ruleForm.lzrzjlb" filterable clearable placeholder="请选择"> |
44 | <el-option v-for="item in lzrzjlbData" :key="item.dcode" :label="item.dname" :value="item.dcode"> | 44 | <el-option v-for="item in lzrzjlbData" :key="item.dcode" :label="item.dname" :value="item.dcode"> |
45 | </el-option> | 45 | </el-option> |
46 | </el-select> | 46 | </el-select> |
47 | </el-form-item> | 47 | </el-form-item> |
48 | </el-col> | 48 | </el-col> |
49 | <el-col :span="5"> | 49 | <el-col :span="5"> |
50 | <el-form-item label="证件号" prop="lzrzjh" label-width="70px"> | 50 | <el-form-item label="证件号" prop="lzrzjh" label-width="70px"> |
51 | <el-input v-model="ruleForm.lzrzjh"></el-input> | 51 | <el-input :disabled="show" v-model="ruleForm.lzrzjh"></el-input> |
52 | </el-form-item> | 52 | </el-form-item> |
53 | </el-col> | 53 | </el-col> |
54 | <el-col :span="5"> | 54 | <el-col :span="5"> |
55 | <el-form-item label="领证人电话" prop="lzrdh"> | 55 | <el-form-item label="领证人电话" prop="lzrdh"> |
56 | <el-input v-model="ruleForm.lzrdh"></el-input> | 56 | <el-input :disabled="show" v-model="ruleForm.lzrdh"></el-input> |
57 | </el-form-item> | 57 | </el-form-item> |
58 | </el-col> | 58 | </el-col> |
59 | </el-row> | 59 | </el-row> |
... | @@ -133,7 +133,8 @@ | ... | @@ -133,7 +133,8 @@ |
133 | total: 0, | 133 | total: 0, |
134 | columns: datas.columns().lzgrid, | 134 | columns: datas.columns().lzgrid, |
135 | data: [] | 135 | data: [] |
136 | } | 136 | }, |
137 | show:true | ||
137 | } | 138 | } |
138 | }, | 139 | }, |
139 | mounted () { | 140 | mounted () { |
... | @@ -202,6 +203,7 @@ | ... | @@ -202,6 +203,7 @@ |
202 | getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => { | 203 | getUnclaimedBdcqz({ bsmSlsq: Vue.prototype.$currentRoute.query.bsmSlsq }).then(res => { |
203 | if (res.code === 200) { | 204 | if (res.code === 200) { |
204 | this.tableData.data = res.result.list; | 205 | this.tableData.data = res.result.list; |
206 | this.show=!res.result.list.length>0; | ||
205 | this.$nextTick(() => { | 207 | this.$nextTick(() => { |
206 | this.tableData.data.forEach(item => { | 208 | this.tableData.data.forEach(item => { |
207 | that.$refs.table.toggleRowSelection(item) | 209 | that.$refs.table.toggleRowSelection(item) | ... | ... |
... | @@ -380,9 +380,9 @@ | ... | @@ -380,9 +380,9 @@ |
380 | </el-col> | 380 | </el-col> |
381 | </el-row> | 381 | </el-row> |
382 | <qlrCommonTable | 382 | <qlrCommonTable |
383 | :tableData="ruleForm.qlrList" | ||
383 | @upDateQlrxxList="upDateQlrxxList" | 384 | @upDateQlrxxList="upDateQlrxxList" |
384 | :disabled="!viewEdit" | 385 | :disabled="viewEdit" |
385 | :tableData="ruleForm.qlrList" | ||
386 | :gyfs="ruleForm.sldy.gyfs" /> | 386 | :gyfs="ruleForm.sldy.gyfs" /> |
387 | <div class="slxx_title title-block"> | 387 | <div class="slxx_title title-block"> |
388 | 登记原因 | 388 | 登记原因 | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2024-02-23 16:27:17 | 4 | * @LastEditTime: 2024-03-07 09:13:26 |
5 | */ | 5 | */ |
6 | import Vue from 'vue' | 6 | import Vue from 'vue' |
7 | import { getPrintTemplateByCode, getPrintAcceptance,getPrintReceiveSupplementalMaterials,getPrintRejectForms,getPrintSendBackMaterials,getPrintRiviseForms} from "@/api/print"; | 7 | import { getPrintTemplateByCode, getPrintAcceptance, getPrintReceiveSupplementalMaterials, getPrintRejectForms, getPrintSendBackMaterials, getPrintRiviseForms } from "@/api/print"; |
8 | import { uploadUndo } from "@/api/clxx"; | 8 | import { uploadUndo } from "@/api/clxx"; |
9 | import { getLodop } from "@/utils/LodopFuncs"; | 9 | import { getLodop } from "@/utils/LodopFuncs"; |
10 | import { getNewDate } from '@/utils/util' | 10 | import { getNewDate } from '@/utils/util' |
... | @@ -151,7 +151,8 @@ export default { | ... | @@ -151,7 +151,8 @@ export default { |
151 | unitData: window.unitData, | 151 | unitData: window.unitData, |
152 | bsmSlsq: this.bsmSlsq, | 152 | bsmSlsq: this.bsmSlsq, |
153 | showSave: true, | 153 | showSave: true, |
154 | djlx: window.djlx | 154 | djlx: window.djlx, |
155 | isworkFrame: true | ||
155 | }, '85%', true, false) | 156 | }, '85%', true, false) |
156 | } else { | 157 | } else { |
157 | this.$message.error(res.message) | 158 | this.$message.error(res.message) |
... | @@ -259,8 +260,8 @@ export default { | ... | @@ -259,8 +260,8 @@ export default { |
259 | }) | 260 | }) |
260 | } | 261 | } |
261 | infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] | 262 | infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] |
262 | infoRes.result.nowyue = this.newDate.slice(5,7) | 263 | infoRes.result.nowyue = this.newDate.slice(5, 7) |
263 | infoRes.result.nowri = this.newDate.slice(8,10) | 264 | infoRes.result.nowri = this.newDate.slice(8, 10) |
264 | let date = infoRes.result.sqrq | 265 | let date = infoRes.result.sqrq |
265 | infoRes.result.sqnian = date.split(' ')[0].split('-')[0] | 266 | infoRes.result.sqnian = date.split(' ')[0].split('-')[0] |
266 | infoRes.result.sqyue = date.split(' ')[0].split('-')[1] | 267 | infoRes.result.sqyue = date.split(' ')[0].split('-')[1] |
... | @@ -285,13 +286,13 @@ export default { | ... | @@ -285,13 +286,13 @@ export default { |
285 | } | 286 | } |
286 | }) | 287 | }) |
287 | break; | 288 | break; |
288 | // 补充材料通知书 | 289 | // 补充材料通知书 |
289 | case "bccltzs": | 290 | case "bccltzs": |
290 | this.$popupDialog("补充材料通知书", "workflow/top/bccltzs/index", | 291 | this.$popupDialog("补充材料通知书", "workflow/top/bccltzs/index", |
291 | { bsmSlsq: this.$route.query.bsmSlsq, bsmSldy: this.currentSelectProps.bsmSldy,type:"bccltzs" }, | 292 | { bsmSlsq: this.$route.query.bsmSlsq, bsmSldy: this.currentSelectProps.bsmSldy, type: "bccltzs" }, |
292 | '70%', true) | 293 | '70%', true) |
293 | break; | 294 | break; |
294 | // 补充材料接收凭证 | 295 | // 补充材料接收凭证 |
295 | case "bccljspz": | 296 | case "bccljspz": |
296 | getPrintTemplateByCode({ tmpno: 'bdcdjbccljspz' }).then(res => { | 297 | getPrintTemplateByCode({ tmpno: 'bdcdjbccljspz' }).then(res => { |
297 | if (res.code === 200) { | 298 | if (res.code === 200) { |
... | @@ -302,12 +303,12 @@ export default { | ... | @@ -302,12 +303,12 @@ export default { |
302 | let key = index + 1 | 303 | let key = index + 1 |
303 | this.$set(infoRes.result, "file" + key, it.sjmc) | 304 | this.$set(infoRes.result, "file" + key, it.sjmc) |
304 | this.$set(infoRes.result, "file" + key + 'ys', it.ys) | 305 | this.$set(infoRes.result, "file" + key + 'ys', it.ys) |
305 | this.$set(infoRes.result, "file" + key + 'lx', it.sjlx==1?"原件":"复印件") | 306 | this.$set(infoRes.result, "file" + key + 'lx', it.sjlx == 1 ? "原件" : "复印件") |
306 | }) | 307 | }) |
307 | } | 308 | } |
308 | infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] | 309 | infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] |
309 | infoRes.result.nowyue = this.newDate.slice(5,7) | 310 | infoRes.result.nowyue = this.newDate.slice(5, 7) |
310 | infoRes.result.nowri = this.newDate.slice(8,10) | 311 | infoRes.result.nowri = this.newDate.slice(8, 10) |
311 | let date = infoRes.result.sqrq | 312 | let date = infoRes.result.sqrq |
312 | infoRes.result.sqnian = date.split(' ')[0].split('-')[0] | 313 | infoRes.result.sqnian = date.split(' ')[0].split('-')[0] |
313 | infoRes.result.sqyue = date.split(' ')[0].split('-')[1] | 314 | infoRes.result.sqyue = date.split(' ')[0].split('-')[1] |
... | @@ -333,7 +334,7 @@ export default { | ... | @@ -333,7 +334,7 @@ export default { |
333 | }) | 334 | }) |
334 | break; | 335 | break; |
335 | 336 | ||
336 | // 不予登记告知书 | 337 | // 不予登记告知书 |
337 | case "bydjgzs": | 338 | case "bydjgzs": |
338 | getPrintTemplateByCode({ tmpno: 'bydjgzs' }).then(res => { | 339 | getPrintTemplateByCode({ tmpno: 'bydjgzs' }).then(res => { |
339 | if (res.code === 200) { | 340 | if (res.code === 200) { |
... | @@ -347,8 +348,8 @@ export default { | ... | @@ -347,8 +348,8 @@ export default { |
347 | }) | 348 | }) |
348 | } | 349 | } |
349 | infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] | 350 | infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] |
350 | infoRes.result.nowyue = this.newDate.slice(5,7) | 351 | infoRes.result.nowyue = this.newDate.slice(5, 7) |
351 | infoRes.result.nowri = this.newDate.slice(8,10) | 352 | infoRes.result.nowri = this.newDate.slice(8, 10) |
352 | let date = infoRes.result.sqrq | 353 | let date = infoRes.result.sqrq |
353 | infoRes.result.sqnian = date.split(' ')[0].split('-')[0] | 354 | infoRes.result.sqnian = date.split(' ')[0].split('-')[0] |
354 | infoRes.result.sqyue = date.split(' ')[0].split('-')[1] | 355 | infoRes.result.sqyue = date.split(' ')[0].split('-')[1] |
... | @@ -373,7 +374,7 @@ export default { | ... | @@ -373,7 +374,7 @@ export default { |
373 | } | 374 | } |
374 | }) | 375 | }) |
375 | break; | 376 | break; |
376 | // 申请材料退回通知书 | 377 | // 申请材料退回通知书 |
377 | case "sqclthtzs": | 378 | case "sqclthtzs": |
378 | getPrintTemplateByCode({ tmpno: 'bdcdjsqclthtzs' }).then(res => { | 379 | getPrintTemplateByCode({ tmpno: 'bdcdjsqclthtzs' }).then(res => { |
379 | if (res.code === 200) { | 380 | if (res.code === 200) { |
... | @@ -387,8 +388,8 @@ export default { | ... | @@ -387,8 +388,8 @@ export default { |
387 | }) | 388 | }) |
388 | } | 389 | } |
389 | infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] | 390 | infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] |
390 | infoRes.result.nowyue = this.newDate.slice(5,7) | 391 | infoRes.result.nowyue = this.newDate.slice(5, 7) |
391 | infoRes.result.nowri = this.newDate.slice(8,10) | 392 | infoRes.result.nowri = this.newDate.slice(8, 10) |
392 | let date = infoRes.result.sqrq | 393 | let date = infoRes.result.sqrq |
393 | infoRes.result.sqnian = date.split(' ')[0].split('-')[0] | 394 | infoRes.result.sqnian = date.split(' ')[0].split('-')[0] |
394 | infoRes.result.sqyue = date.split(' ')[0].split('-')[1] | 395 | infoRes.result.sqyue = date.split(' ')[0].split('-')[1] |
... | @@ -413,7 +414,7 @@ export default { | ... | @@ -413,7 +414,7 @@ export default { |
413 | } | 414 | } |
414 | }) | 415 | }) |
415 | break; | 416 | break; |
416 | // 不动产更正登记通知书 | 417 | // 不动产更正登记通知书 |
417 | case "gzdjtzs": | 418 | case "gzdjtzs": |
418 | getPrintTemplateByCode({ tmpno: 'bdcgzdjtzs' }).then(res => { | 419 | getPrintTemplateByCode({ tmpno: 'bdcgzdjtzs' }).then(res => { |
419 | if (res.code === 200) { | 420 | if (res.code === 200) { |
... | @@ -428,8 +429,8 @@ export default { | ... | @@ -428,8 +429,8 @@ export default { |
428 | }) | 429 | }) |
429 | } | 430 | } |
430 | infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] | 431 | infoRes.result.nownian = this.newDate.split(' ')[0].split('年')[0] |
431 | infoRes.result.nowyue = this.newDate.slice(5,7) | 432 | infoRes.result.nowyue = this.newDate.slice(5, 7) |
432 | infoRes.result.nowri = this.newDate.slice(8,10) | 433 | infoRes.result.nowri = this.newDate.slice(8, 10) |
433 | let date = infoRes.result.sqrq | 434 | let date = infoRes.result.sqrq |
434 | infoRes.result.sqnian = date.split(' ')[0].split('-')[0] | 435 | infoRes.result.sqnian = date.split(' ')[0].split('-')[0] |
435 | infoRes.result.sqyue = date.split(' ')[0].split('-')[1] | 436 | infoRes.result.sqyue = date.split(' ')[0].split('-')[1] | ... | ... |
... | @@ -98,6 +98,7 @@ | ... | @@ -98,6 +98,7 @@ |
98 | import table from "@/utils/mixin/table"; | 98 | import table from "@/utils/mixin/table"; |
99 | import { datas, sendThis } from "./djbcxdata"; | 99 | import { datas, sendThis } from "./djbcxdata"; |
100 | import { getDjbBysearch } from "@/api/search.js"; | 100 | import { getDjbBysearch } from "@/api/search.js"; |
101 | import { getZrzListByBsmSlsq } from "@/api/workflow/zjgcdyFlow.js"; | ||
101 | 102 | ||
102 | export default { | 103 | export default { |
103 | name: "djbcx", | 104 | name: "djbcx", |
... | @@ -137,7 +138,8 @@ | ... | @@ -137,7 +138,8 @@ |
137 | }, | 138 | }, |
138 | qllxs: [], | 139 | qllxs: [], |
139 | isDialog: false, | 140 | isDialog: false, |
140 | djbxxData: {} | 141 | djbxxData: {}, |
142 | zrzbsm:"" | ||
141 | } | 143 | } |
142 | }, | 144 | }, |
143 | computed: { | 145 | computed: { |
... | @@ -188,6 +190,11 @@ | ... | @@ -188,6 +190,11 @@ |
188 | * @author: renchao | 190 | * @author: renchao |
189 | */ | 191 | */ |
190 | handleLpbClick (item) { | 192 | handleLpbClick (item) { |
193 | let params = {zdbsm:item.bsmZd}; | ||
194 | getZrzListByBsmSlsq(params).then((res) => { | ||
195 | if (res.code === 200) { | ||
196 | } | ||
197 | }); | ||
191 | console.log("zrzbsm",item,item.zrzbsm); | 198 | console.log("zrzbsm",item,item.zrzbsm); |
192 | this.$popupDialog('楼盘表', 'lpb/index', { | 199 | this.$popupDialog('楼盘表', 'lpb/index', { |
193 | bsm: item.zrzbsm, | 200 | bsm: item.zrzbsm, | ... | ... |
-
Please register or sign in to post a comment