Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev
Showing
2 changed files
with
398 additions
and
374 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,396 +23,419 @@ | ... | @@ -23,396 +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) { |
179 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { result: res.result } }) | ||
180 | } else { | ||
181 | if (res.result && res.result.length > 0) { | ||
182 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { result: res.result } }) | ||
183 | } else { | ||
184 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { message: res.message } }) | ||
185 | } | ||
186 | } | ||
165 | } | 187 | } |
166 | } | 188 | }).catch(() => { |
167 | }).catch(() => { | 189 | this.loading = false |
168 | this.loading = false | 190 | }) |
169 | }) | 191 | // todo 调用保存接口 传入参数待定 |
170 | // todo 调用保存接口 传入参数待定 | 192 | //console.log(this.bsmList,'this.bsmList'); |
171 | //console.log(this.bsmList,'this.bsmList'); | 193 | // 保存成功后关闭弹框 |
172 | // 保存成功后关闭弹框 | 194 | //this.$popupCacel() |
173 | //this.$popupCacel() | 195 | }, |
174 | }, | 196 | // 改变户选中状态 |
175 | // 改变户选中状态 | 197 | /** |
176 | /** | 198 | * @description: 改变户选中状态 |
177 | * @description: 改变户选中状态 | 199 | * @param {*} bsms |
178 | * @param {*} bsms | 200 | * @param {*} color |
179 | * @param {*} color | 201 | * @author: renchao |
180 | * @author: renchao | 202 | */ |
181 | */ | 203 | changeChoosed (bsms, color) { |
182 | changeChoosed(bsms, color){ | 204 | this.changeChoosedObj.bsms = bsms; |
183 | this.changeChoosedObj.bsms = bsms; | 205 | this.changeChoosedObj.color = color; |
184 | this.changeChoosedObj.color = color; | 206 | }, |
185 | }, | 207 | /** |
186 | /** | 208 | * @description: clearChangeChoosedObj |
187 | * @description: clearChangeChoosedObj | 209 | * @author: renchao |
188 | * @author: renchao | 210 | */ |
189 | */ | 211 | clearChangeChoosedObj () { |
190 | clearChangeChoosedObj(){ | 212 | this.changeChoosedObj.bsms = []; |
191 | this.changeChoosedObj.bsms = []; | 213 | }, |
192 | }, | 214 | //全选户 |
193 | //全选户 | 215 | /** |
194 | /** | 216 | * @description: 全选户 |
195 | * @description: 全选户 | 217 | * @param {*} val |
196 | * @param {*} val | 218 | * @author: renchao |
197 | * @author: renchao | 219 | */ |
198 | */ | 220 | zdySelectAll (val) { |
199 | zdySelectAll(val) { | 221 | this.selectAllObj.selectAll = val; |
200 | this.selectAllObj.selectAll = val; | 222 | }, |
201 | }, | 223 | //获取楼盘表数据 |
202 | //获取楼盘表数据 | 224 | /** |
203 | /** | 225 | * @description: 获取楼盘表数据 |
204 | * @description: 获取楼盘表数据 | 226 | * @param {*} zrzbsm |
205 | * @param {*} zrzbsm | 227 | * @param {*} scyclx |
206 | * @param {*} scyclx | 228 | * @param {*} actual |
207 | * @param {*} actual | 229 | * @author: renchao |
208 | * @author: renchao | 230 | */ |
209 | */ | 231 | getLpb (zrzbsm, scyclx, actual) { |
210 | getLpb(zrzbsm, scyclx, actual) { | 232 | if (!zrzbsm) { |
211 | if(!zrzbsm){ | 233 | this.$message({ |
212 | this.$message({ | ||
213 | message: "暂无楼盘表", | 234 | message: "暂无楼盘表", |
214 | type: "warning", | 235 | type: "warning", |
215 | }); | 236 | }); |
216 | }else{ | ||
217 | getLpb(zrzbsm, scyclx).then((res) => { | ||
218 | if (res.code == 200) { | ||
219 | if(scyclx){ | ||
220 | if(res.result.syclx == "1") { | ||
221 | res.result.lpb.ljzs = res.result.lpb.ljzs.sort(this.compare("place")); | ||
222 | this.lpbData = res.result.lpb == null ? this.lpbData : res.result.lpb; | ||
223 | } | ||
224 | }else{ | ||
225 | res.result.lpb.ljzs = res.result.lpb.ljzs.sort(this.compare("place")); | ||
226 | this.lpbData = res.result.lpb == null ? this.lpbData : res.result.lpb; | ||
227 | } | ||
228 | } else { | 237 | } else { |
229 | this.$message({ | 238 | getLpb(zrzbsm, scyclx).then((res) => { |
230 | message: res.message, | 239 | if (res.code == 200) { |
231 | type: "warning", | 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 | } | ||
232 | }); | 257 | }); |
233 | } | 258 | } |
234 | }); | ||
235 | } | ||
236 | 259 | ||
237 | }, | 260 | }, |
238 | //户右键点击事件 | 261 | //户右键点击事件 |
239 | /** | 262 | /** |
240 | * @description: 户右键点击事件 | 263 | * @description: 户右键点击事件 |
241 | * @param {*} e | 264 | * @param {*} e |
242 | * @param {*} item | 265 | * @param {*} item |
243 | * @param {*} type | 266 | * @param {*} type |
244 | * @author: renchao | 267 | * @author: renchao |
245 | */ | 268 | */ |
246 | openMenu(e, item, type) { | 269 | openMenu (e, item, type) { |
247 | this.lpbChLeft = e.pageX - 96; | 270 | this.lpbChLeft = e.pageX - 96; |
248 | this.lpbChTop = e.pageY - 23; | 271 | this.lpbChTop = e.pageY - 23; |
249 | // this.lpbChVisible = true; | 272 | // this.lpbChVisible = true; |
250 | }, | 273 | }, |
251 | //关闭户右键菜单 | 274 | //关闭户右键菜单 |
252 | /** | 275 | /** |
253 | * @description: 关闭户右键菜单 | 276 | * @description: 关闭户右键菜单 |
254 | * @author: renchao | 277 | * @author: renchao |
255 | */ | 278 | */ |
256 | closeMenu() { | 279 | closeMenu () { |
257 | this.lpbChVisible = false; | 280 | this.lpbChVisible = false; |
258 | }, | 281 | }, |
259 | //右键菜单点击 | 282 | //右键菜单点击 |
260 | /** | 283 | /** |
261 | * @description: 右键菜单点击 | 284 | * @description: 右键菜单点击 |
262 | * @author: renchao | 285 | * @author: renchao |
263 | */ | 286 | */ |
264 | menuClick() { | 287 | menuClick () { |
265 | this.closeMenu(); | 288 | this.closeMenu(); |
266 | }, | 289 | }, |
267 | /** | 290 | /** |
268 | * @description: compare | 291 | * @description: compare |
269 | * @param {*} property | 292 | * @param {*} property |
270 | * @author: renchao | 293 | * @author: renchao |
271 | */ | 294 | */ |
272 | compare(property) { | 295 | compare (property) { |
273 | return function (a, b) { | 296 | return function (a, b) { |
274 | var value1 = a[property]; | 297 | var value1 = a[property]; |
275 | var value2 = b[property]; | 298 | var value2 = b[property]; |
276 | return value1 - value2; | 299 | return value1 - value2; |
277 | }; | 300 | }; |
278 | }, | 301 | }, |
279 | /** | 302 | /** |
280 | * @description: submitForm | 303 | * @description: submitForm |
281 | * @author: renchao | 304 | * @author: renchao |
282 | */ | 305 | */ |
283 | submitForm () { | 306 | submitForm () { |
284 | if (this.bsmList.length == 0) { | 307 | if (this.bsmList.length == 0) { |
285 | this.$message.error("请至少选择一条数据"); | 308 | this.$message.error("请至少选择一条数据"); |
286 | return; | 309 | return; |
287 | } | 310 | } |
288 | this.loading = true; | 311 | this.loading = true; |
289 | startBusinessFlow({ | 312 | startBusinessFlow({ |
290 | bsmSqyw: this.sqywInfo.bsmSqyw, | 313 | bsmSqyw: this.sqywInfo.bsmSqyw, |
291 | bdcdysz: this.bsmList, | 314 | bdcdysz: this.bsmList, |
292 | }).then((res) => { | 315 | }).then((res) => { |
293 | this.loading = false | 316 | this.loading = false |
294 | if (res.code == 200) { | 317 | if (res.code == 200) { |
295 | this.$message({ | 318 | this.$message({ |
296 | showClose: true, | 319 | showClose: true, |
297 | message: '发起申请成功', | 320 | message: '发起申请成功', |
298 | type: 'success' | 321 | type: 'success' |
299 | }) | 322 | }) |
300 | if (!this.isJump) { | 323 | if (!this.isJump) { |
301 | this.jump(res.result, this.sqywInfo.djywbm) | 324 | this.jump(res.result, this.sqywInfo.djywbm) |
302 | } else { | 325 | } else { |
303 | store.dispatch('user/refreshPage', true); | 326 | store.dispatch('user/refreshPage', true); |
304 | } | 327 | } |
305 | this.close() | 328 | this.close() |
306 | } else { | ||
307 | if (res.result && res.result.length > 0) { | ||
308 | this.$popup("申请错误明细", "components/ywdialog", { width:'36%', formData:{result: res.result} }) | ||
309 | } else { | 329 | } else { |
310 | 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 | } | ||
311 | } | 335 | } |
312 | } | 336 | }).catch(() => { |
313 | }).catch(() => { | 337 | this.loading = false |
314 | this.loading = false | 338 | }) |
315 | }) | 339 | }, |
340 | /** | ||
341 | * @description: close | ||
342 | * @param {*} val | ||
343 | * @author: renchao | ||
344 | */ | ||
345 | close () { | ||
346 | ywPopupCacel() | ||
347 | }, | ||
316 | }, | 348 | }, |
317 | /** | 349 | computed: { |
318 | * @description: close | 350 | lpbContentHeight () { |
319 | * @param {*} val | 351 | return this.onlyShow ? 32 : 76 |
320 | * @author: renchao | 352 | // return 76 |
321 | */ | 353 | } |
322 | close(){ | ||
323 | ywPopupCacel() | ||
324 | }, | 354 | }, |
325 | }, | 355 | watch: { |
326 | computed:{ | 356 | //户右键菜单显示时,监听到鼠标点击时关闭户右键菜单 |
327 | lpbContentHeight(){ | 357 | lpbChVisible (value) { |
328 | return this.onlyShow ? 32 : 76 | 358 | if (value) { |
329 | // return 76 | 359 | document.body.addEventListener("click", this.closeMenu); |
330 | } | 360 | } else { |
331 | }, | 361 | document.body.removeEventListener("click", this.closeMenu); |
332 | watch: { | 362 | } |
333 | //户右键菜单显示时,监听到鼠标点击时关闭户右键菜单 | ||
334 | lpbChVisible(value) { | ||
335 | if (value) { | ||
336 | document.body.addEventListener("click", this.closeMenu); | ||
337 | } else { | ||
338 | document.body.removeEventListener("click", this.closeMenu); | ||
339 | } | 363 | } |
340 | } | 364 | }, |
341 | }, | 365 | }; |
342 | }; | ||
343 | </script> | 366 | </script> |
344 | <style scoped lang="scss"> | 367 | <style scoped lang="scss"> |
345 | .lpbContent-wrap { | 368 | .lpbContent-wrap { |
346 | width: 100%; | ||
347 | height: 100%; | ||
348 | overflow: hidden; | ||
349 | .lpbContent { | ||
350 | width: 100%; | 369 | width: 100%; |
351 | position: relative; | 370 | height: 100%; |
352 | overflow: scroll; | 371 | overflow: hidden; |
353 | -webkit-user-select: none; | 372 | .lpbContent { |
354 | -moz-user-select: none; | 373 | width: 100%; |
355 | -ms-user-select: none; | 374 | position: relative; |
356 | user-select: none; | 375 | overflow: scroll; |
357 | display: flex; | 376 | -webkit-user-select: none; |
358 | flex-direction: column-reverse; | 377 | -moz-user-select: none; |
359 | box-sizing: border-box; | 378 | -ms-user-select: none; |
360 | padding-top: 20px; | 379 | user-select: none; |
361 | .ch-zdy-wrap { | ||
362 | display: flex; | 380 | display: flex; |
363 | 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 | } | ||
364 | } | 388 | } |
365 | } | 389 | .lpb-xmmc { |
366 | .lpb-xmmc { | 390 | border: 0; |
367 | border: 0; | 391 | border-top: 1px solid #e6e6e6; |
368 | border-top: 1px solid #e6e6e6; | 392 | } |
369 | } | 393 | .save-btn { |
370 | .save-btn{ | 394 | display: block; |
371 | display: block; | 395 | margin: 5px auto; |
372 | margin: 5px auto; | 396 | } |
373 | } | 397 | // 自定义右键菜单样式 |
374 | // 自定义右键菜单样式 | 398 | .contextmenu { |
375 | .contextmenu { | ||
376 | margin: 0; | ||
377 | background: #fff; | ||
378 | width: 92px; | ||
379 | z-index: 3000; | ||
380 | position: fixed; | ||
381 | list-style-type: none; | ||
382 | padding: 5px 0; | ||
383 | border-radius: 4px; | ||
384 | font-size: 12px; | ||
385 | font-weight: 400; | ||
386 | color: #333; | ||
387 | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); | ||
388 | li { | ||
389 | margin: 0; | 399 | margin: 0; |
390 | padding: 7px 16px; | 400 | background: #fff; |
391 | cursor: pointer; | 401 | width: 92px; |
392 | position: relative; | 402 | z-index: 3000; |
393 | .childUl { | 403 | position: fixed; |
394 | display: none; | 404 | list-style-type: none; |
395 | position: absolute; | 405 | padding: 5px 0; |
396 | left: 92px !important; | 406 | border-radius: 4px; |
397 | top: 0 !important; | 407 | font-size: 12px; |
398 | li { | 408 | font-weight: 400; |
399 | 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 | } | ||
400 | } | 424 | } |
401 | } | 425 | } |
402 | } | 426 | li:hover { |
403 | li:hover { | 427 | background: #eee; |
404 | background: #eee; | 428 | > .childUl { |
405 | > .childUl { | 429 | display: block; |
406 | display: block; | 430 | } |
431 | } | ||
432 | .noEdit { | ||
433 | color: #e6e6e6; | ||
434 | cursor: not-allowed; | ||
435 | } | ||
436 | .noEdit:hover { | ||
437 | background: #ffffff; | ||
407 | } | 438 | } |
408 | } | ||
409 | .noEdit { | ||
410 | color: #e6e6e6; | ||
411 | cursor: not-allowed; | ||
412 | } | ||
413 | .noEdit:hover { | ||
414 | background: #ffffff; | ||
415 | } | 439 | } |
416 | } | 440 | } |
417 | } | ||
418 | </style> | 441 | </style> | ... | ... |
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] | ... | ... |
-
Please register or sign in to post a comment