style:楼盘表添加单元
Showing
2 changed files
with
367 additions
and
368 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,386 @@ | ... | @@ -23,388 +23,386 @@ |
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 chCpn from "./ch.vue"; |
36 | import chCpn from "./ch.vue"; | 35 | import zdyCpn from "./zdys.vue"; |
37 | import zdyCpn from "./zdys.vue"; | 36 | import ljzsCpn from "./ljzs.vue"; |
38 | import ljzsCpn from "./ljzs.vue"; | 37 | import { getLpb } from "@/api/lpcx.js"; |
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, | 67 | }, |
102 | lpbChTop: 100, | 68 | onlyShow: { |
103 | // 改变户选中状态 | 69 | type: Boolean, |
104 | changeChoosedObj:{ | 70 | default: true, |
105 | bsms:[], | 71 | }, |
106 | color:'' | 72 | showSave: { |
73 | type: Boolean, | ||
74 | default: false, | ||
107 | }, | 75 | }, |
108 | // 选中户bsm合集 | 76 | scyclx: { |
109 | bsmList:[], | 77 | type: Number, |
110 | loading: false, | 78 | default: 0, |
111 | }; | 79 | }, |
112 | }, | 80 | sqywInfo: { |
113 | mounted() { | 81 | type: Object, |
114 | this.scyclx ? this.getLpb(this.zrzbsm,this.scyclx):this.getLpb(this.zrzbsm); | 82 | default: () => { } |
115 | window.lpbContent = this; | 83 | }, |
116 | }, | 84 | isJump: { type: Boolean, default: false }, |
117 | methods: { | 85 | }, |
118 | /** | 86 | data () { |
119 | * @description: 获取当前楼盘表选中户信息 | 87 | return { |
120 | * @param {Array} bsmList | 88 | lpbData: { |
121 | * @author: renchao | 89 | ljzs: [], |
122 | */ | 90 | cs: [], |
123 | getBsmList(bsmList,compFlag){ | 91 | zdys: [], |
124 | // 根据本次传入的组件标识删除之前对应组件标识存入hbsmList的数据 | 92 | }, |
125 | this.bsmList = this.bsmList.filter((i) => i.flag != compFlag) | 93 | //户全选标识 由于依赖注入的绑定并不是可响应的,所以传入可监听的对象以获取其属性的响应 |
126 | // 合并本次数据 | 94 | selectAllObj: { |
127 | this.bsmList = this.bsmList.concat([...new Map(bsmList.map(item => [item.bdcdyh, item])).values()]); | 95 | selectAll: false, |
128 | // }) | 96 | }, |
97 | //层户右键菜单显隐 | ||
98 | lpbChVisible: false, | ||
99 | //右键菜单定位位置 | ||
100 | lpbChLeft: 100, | ||
101 | lpbChTop: 100, | ||
102 | // 改变户选中状态 | ||
103 | changeChoosedObj: { | ||
104 | bsms: [], | ||
105 | color: '' | ||
106 | }, | ||
107 | // 选中户bsm合集 | ||
108 | bsmList: [], | ||
109 | loading: false, | ||
110 | }; | ||
111 | }, | ||
112 | mounted () { | ||
113 | this.scyclx ? this.getLpb(this.zrzbsm, this.scyclx) : this.getLpb(this.zrzbsm); | ||
114 | window.lpbContent = this; | ||
129 | }, | 115 | }, |
130 | /** | 116 | methods: { |
131 | * @description: 保存当前楼盘表 | 117 | /** |
132 | * @author: renchao | 118 | * @description: 获取当前楼盘表选中户信息 |
133 | */ | 119 | * @param {Array} bsmList |
134 | saveLpb(){ | 120 | * @author: renchao |
135 | if (this.bsmList.length == 0) { | 121 | */ |
122 | getBsmList (bsmList, compFlag) { | ||
123 | // 根据本次传入的组件标识删除之前对应组件标识存入hbsmList的数据 | ||
124 | this.bsmList = this.bsmList.filter((i) => i.flag != compFlag) | ||
125 | // 合并本次数据 | ||
126 | this.bsmList = this.bsmList.concat([...new Map(bsmList.map(item => [item.bdcdyh, item])).values()]); | ||
127 | // }) | ||
128 | }, | ||
129 | /** | ||
130 | * @description: 保存当前楼盘表 | ||
131 | * @author: renchao | ||
132 | */ | ||
133 | saveLpb () { | ||
134 | if (this.bsmList.length == 0) { | ||
136 | this.$message.error("请至少选择一条数据"); | 135 | this.$message.error("请至少选择一条数据"); |
137 | return; | 136 | return; |
138 | } | 137 | } |
139 | this.loading = true; | 138 | this.loading = true; |
140 | againAddSldy({ | 139 | store.dispatch('user/reMenuRefresh', false) |
141 | bsmSqyw: this.sqywInfo.bsmSqyw, | 140 | againAddSldy({ |
142 | bsmSlsq: this.sqywInfo.bsmSlsq, | 141 | bsmSqyw: this.sqywInfo.bsmSqyw, |
143 | bdcdysz: this.bsmList, | 142 | bsmSlsq: this.sqywInfo.bsmSlsq, |
144 | sjlx: "houses" | 143 | bdcdysz: this.bsmList, |
145 | }).then((res) => { | 144 | sjlx: "houses" |
146 | this.loading = false | 145 | }).then((res) => { |
147 | if (res.code == 200) { | 146 | this.loading = false |
148 | this.$message({ | 147 | if (res.code == 200) { |
149 | showClose: true, | 148 | this.$message({ |
150 | message: '添加成功', | 149 | showClose: true, |
151 | type: 'success' | 150 | message: '添加成功', |
152 | }) | 151 | type: 'success' |
153 | if (!this.isJump) { | 152 | }) |
154 | this.jump(res.result, this.sqywInfo.djywbm) | 153 | store.dispatch('user/reMenuRefresh', true) |
155 | } else { | 154 | if (!this.isJump) { |
156 | store.dispatch('user/refreshPage', true); | 155 | this.jump(res.result, this.sqywInfo.djywbm) |
157 | } | 156 | } |
158 | //this.close(); | 157 | this.$popupCacel(); |
159 | 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 { | 158 | } else { |
164 | this.$popup("申请错误明细", "components/ywdialog", { width:'36%', formData:{message: res.message} }) | 159 | if (res.result && res.result.length > 0) { |
160 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { result: res.result } }) | ||
161 | } else { | ||
162 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { message: res.message } }) | ||
163 | } | ||
165 | } | 164 | } |
166 | } | 165 | }).catch(() => { |
167 | }).catch(() => { | 166 | this.loading = false |
168 | this.loading = false | 167 | }) |
169 | }) | 168 | // todo 调用保存接口 传入参数待定 |
170 | // todo 调用保存接口 传入参数待定 | 169 | //console.log(this.bsmList,'this.bsmList'); |
171 | //console.log(this.bsmList,'this.bsmList'); | 170 | // 保存成功后关闭弹框 |
172 | // 保存成功后关闭弹框 | 171 | //this.$popupCacel() |
173 | //this.$popupCacel() | 172 | }, |
174 | }, | 173 | // 改变户选中状态 |
175 | // 改变户选中状态 | 174 | /** |
176 | /** | 175 | * @description: 改变户选中状态 |
177 | * @description: 改变户选中状态 | 176 | * @param {*} bsms |
178 | * @param {*} bsms | 177 | * @param {*} color |
179 | * @param {*} color | 178 | * @author: renchao |
180 | * @author: renchao | 179 | */ |
181 | */ | 180 | changeChoosed (bsms, color) { |
182 | changeChoosed(bsms, color){ | 181 | this.changeChoosedObj.bsms = bsms; |
183 | this.changeChoosedObj.bsms = bsms; | 182 | this.changeChoosedObj.color = color; |
184 | this.changeChoosedObj.color = color; | 183 | }, |
185 | }, | 184 | /** |
186 | /** | 185 | * @description: clearChangeChoosedObj |
187 | * @description: clearChangeChoosedObj | 186 | * @author: renchao |
188 | * @author: renchao | 187 | */ |
189 | */ | 188 | clearChangeChoosedObj () { |
190 | clearChangeChoosedObj(){ | 189 | this.changeChoosedObj.bsms = []; |
191 | this.changeChoosedObj.bsms = []; | 190 | }, |
192 | }, | 191 | //全选户 |
193 | //全选户 | 192 | /** |
194 | /** | 193 | * @description: 全选户 |
195 | * @description: 全选户 | 194 | * @param {*} val |
196 | * @param {*} val | 195 | * @author: renchao |
197 | * @author: renchao | 196 | */ |
198 | */ | 197 | zdySelectAll (val) { |
199 | zdySelectAll(val) { | 198 | this.selectAllObj.selectAll = val; |
200 | this.selectAllObj.selectAll = val; | 199 | }, |
201 | }, | 200 | //获取楼盘表数据 |
202 | //获取楼盘表数据 | 201 | /** |
203 | /** | 202 | * @description: 获取楼盘表数据 |
204 | * @description: 获取楼盘表数据 | 203 | * @param {*} zrzbsm |
205 | * @param {*} zrzbsm | 204 | * @param {*} scyclx |
206 | * @param {*} scyclx | 205 | * @param {*} actual |
207 | * @param {*} actual | 206 | * @author: renchao |
208 | * @author: renchao | 207 | */ |
209 | */ | 208 | getLpb (zrzbsm, scyclx, actual) { |
210 | getLpb(zrzbsm, scyclx, actual) { | 209 | getLpb(zrzbsm, scyclx).then((res) => { |
211 | getLpb(zrzbsm, scyclx).then((res) => { | 210 | if (res.code == 200) { |
212 | if (res.code == 200) { | 211 | if (scyclx) { |
213 | if(scyclx){ | 212 | if (res.result.syclx == "1") { |
214 | if(res.result.syclx == "1") { | 213 | res.result.lpb.ljzs = res.result.lpb.ljzs.sort(this.compare("place")); |
214 | this.lpbData = res.result.lpb == null ? this.lpbData : res.result.lpb; | ||
215 | } | ||
216 | } else { | ||
215 | res.result.lpb.ljzs = res.result.lpb.ljzs.sort(this.compare("place")); | 217 | res.result.lpb.ljzs = res.result.lpb.ljzs.sort(this.compare("place")); |
216 | this.lpbData = res.result.lpb == null ? this.lpbData : res.result.lpb; | 218 | this.lpbData = res.result.lpb == null ? this.lpbData : res.result.lpb; |
217 | } | 219 | } |
218 | }else{ | 220 | } else { |
219 | res.result.lpb.ljzs = res.result.lpb.ljzs.sort(this.compare("place")); | 221 | this.$message({ |
220 | this.lpbData = res.result.lpb == null ? this.lpbData : res.result.lpb; | 222 | message: res.message, |
223 | type: "warning", | ||
224 | }); | ||
221 | } | 225 | } |
222 | } else { | 226 | }); |
223 | this.$message({ | 227 | }, |
224 | message: res.message, | 228 | //户右键点击事件 |
225 | type: "warning", | 229 | /** |
226 | }); | 230 | * @description: 户右键点击事件 |
227 | } | 231 | * @param {*} e |
228 | }); | 232 | * @param {*} item |
229 | }, | 233 | * @param {*} type |
230 | //户右键点击事件 | 234 | * @author: renchao |
231 | /** | 235 | */ |
232 | * @description: 户右键点击事件 | 236 | openMenu (e, item, type) { |
233 | * @param {*} e | 237 | this.lpbChLeft = e.pageX - 96; |
234 | * @param {*} item | 238 | this.lpbChTop = e.pageY - 23; |
235 | * @param {*} type | 239 | // this.lpbChVisible = true; |
236 | * @author: renchao | 240 | }, |
237 | */ | 241 | //关闭户右键菜单 |
238 | openMenu(e, item, type) { | 242 | /** |
239 | this.lpbChLeft = e.pageX - 96; | 243 | * @description: 关闭户右键菜单 |
240 | this.lpbChTop = e.pageY - 23; | 244 | * @author: renchao |
241 | // this.lpbChVisible = true; | 245 | */ |
242 | }, | 246 | closeMenu () { |
243 | //关闭户右键菜单 | 247 | this.lpbChVisible = false; |
244 | /** | 248 | }, |
245 | * @description: 关闭户右键菜单 | 249 | //右键菜单点击 |
246 | * @author: renchao | 250 | /** |
247 | */ | 251 | * @description: 右键菜单点击 |
248 | closeMenu() { | 252 | * @author: renchao |
249 | this.lpbChVisible = false; | 253 | */ |
250 | }, | 254 | menuClick () { |
251 | //右键菜单点击 | 255 | this.closeMenu(); |
252 | /** | 256 | }, |
253 | * @description: 右键菜单点击 | 257 | /** |
254 | * @author: renchao | 258 | * @description: compare |
255 | */ | 259 | * @param {*} property |
256 | menuClick() { | 260 | * @author: renchao |
257 | this.closeMenu(); | 261 | */ |
258 | }, | 262 | compare (property) { |
259 | /** | 263 | return function (a, b) { |
260 | * @description: compare | 264 | var value1 = a[property]; |
261 | * @param {*} property | 265 | var value2 = b[property]; |
262 | * @author: renchao | 266 | return value1 - value2; |
263 | */ | 267 | }; |
264 | compare(property) { | 268 | }, |
265 | return function (a, b) { | 269 | /** |
266 | var value1 = a[property]; | 270 | * @description: submitForm |
267 | var value2 = b[property]; | 271 | * @author: renchao |
268 | return value1 - value2; | 272 | */ |
269 | }; | 273 | submitForm () { |
270 | }, | 274 | if (this.bsmList.length == 0) { |
271 | /** | ||
272 | * @description: submitForm | ||
273 | * @author: renchao | ||
274 | */ | ||
275 | submitForm () { | ||
276 | if (this.bsmList.length == 0) { | ||
277 | this.$message.error("请至少选择一条数据"); | 275 | this.$message.error("请至少选择一条数据"); |
278 | return; | 276 | return; |
279 | } | 277 | } |
280 | this.loading = true; | 278 | this.loading = true; |
281 | startBusinessFlow({ | 279 | startBusinessFlow({ |
282 | bsmSqyw: this.sqywInfo.bsmSqyw, | 280 | bsmSqyw: this.sqywInfo.bsmSqyw, |
283 | bdcdysz: this.bsmList, | 281 | bdcdysz: this.bsmList, |
284 | }).then((res) => { | 282 | }).then((res) => { |
285 | this.loading = false | 283 | this.loading = false |
286 | if (res.code == 200) { | 284 | if (res.code == 200) { |
287 | this.$message({ | 285 | this.$message({ |
288 | showClose: true, | 286 | showClose: true, |
289 | message: '发起申请成功', | 287 | message: '发起申请成功', |
290 | type: 'success' | 288 | type: 'success' |
291 | }) | 289 | }) |
292 | if (!this.isJump) { | 290 | if (!this.isJump) { |
293 | this.jump(res.result, this.sqywInfo.djywbm) | 291 | this.jump(res.result, this.sqywInfo.djywbm) |
294 | } else { | 292 | } else { |
295 | store.dispatch('user/refreshPage', true); | 293 | store.dispatch('user/refreshPage', true); |
296 | } | 294 | } |
297 | this.close() | 295 | 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 { | 296 | } else { |
302 | this.$popup("申请错误明细", "components/ywdialog", { width:'36%', formData:{message: res.message} }) | 297 | if (res.result && res.result.length > 0) { |
298 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { result: res.result } }) | ||
299 | } else { | ||
300 | this.$popup("申请错误明细", "components/ywdialog", { width: '36%', formData: { message: res.message } }) | ||
301 | } | ||
303 | } | 302 | } |
304 | } | 303 | }).catch(() => { |
305 | }).catch(() => { | 304 | this.loading = false |
306 | this.loading = false | 305 | }) |
307 | }) | 306 | }, |
307 | /** | ||
308 | * @description: close | ||
309 | * @param {*} val | ||
310 | * @author: renchao | ||
311 | */ | ||
312 | close () { | ||
313 | ywPopupCacel() | ||
314 | }, | ||
308 | }, | 315 | }, |
309 | /** | 316 | computed: { |
310 | * @description: close | 317 | lpbContentHeight () { |
311 | * @param {*} val | 318 | return this.onlyShow ? 32 : 76 |
312 | * @author: renchao | 319 | // return 76 |
313 | */ | 320 | } |
314 | close(){ | ||
315 | ywPopupCacel() | ||
316 | }, | 321 | }, |
317 | }, | 322 | watch: { |
318 | computed:{ | 323 | //户右键菜单显示时,监听到鼠标点击时关闭户右键菜单 |
319 | lpbContentHeight(){ | 324 | lpbChVisible (value) { |
320 | return this.onlyShow ? 32 : 76 | 325 | if (value) { |
321 | // return 76 | 326 | document.body.addEventListener("click", this.closeMenu); |
322 | } | 327 | } else { |
323 | }, | 328 | document.body.removeEventListener("click", this.closeMenu); |
324 | watch: { | 329 | } |
325 | //户右键菜单显示时,监听到鼠标点击时关闭户右键菜单 | ||
326 | lpbChVisible(value) { | ||
327 | if (value) { | ||
328 | document.body.addEventListener("click", this.closeMenu); | ||
329 | } else { | ||
330 | document.body.removeEventListener("click", this.closeMenu); | ||
331 | } | 330 | } |
332 | } | 331 | }, |
333 | }, | 332 | }; |
334 | }; | ||
335 | </script> | 333 | </script> |
336 | <style scoped lang="scss"> | 334 | <style scoped lang="scss"> |
337 | .lpbContent-wrap { | 335 | .lpbContent-wrap { |
338 | width: 100%; | ||
339 | height: 100%; | ||
340 | overflow: hidden; | ||
341 | .lpbContent { | ||
342 | width: 100%; | 336 | width: 100%; |
343 | position: relative; | 337 | height: 100%; |
344 | overflow: scroll; | 338 | overflow: hidden; |
345 | -webkit-user-select: none; | 339 | .lpbContent { |
346 | -moz-user-select: none; | 340 | width: 100%; |
347 | -ms-user-select: none; | 341 | position: relative; |
348 | user-select: none; | 342 | overflow: scroll; |
349 | display: flex; | 343 | -webkit-user-select: none; |
350 | flex-direction: column-reverse; | 344 | -moz-user-select: none; |
351 | box-sizing: border-box; | 345 | -ms-user-select: none; |
352 | padding-top: 20px; | 346 | user-select: none; |
353 | .ch-zdy-wrap { | ||
354 | display: flex; | 347 | display: flex; |
355 | flex-direction: row; | 348 | flex-direction: column-reverse; |
349 | box-sizing: border-box; | ||
350 | padding-top: 20px; | ||
351 | .ch-zdy-wrap { | ||
352 | display: flex; | ||
353 | flex-direction: row; | ||
354 | } | ||
356 | } | 355 | } |
357 | } | 356 | .lpb-xmmc { |
358 | .lpb-xmmc { | 357 | border: 0; |
359 | border: 0; | 358 | border-top: 1px solid #e6e6e6; |
360 | border-top: 1px solid #e6e6e6; | 359 | } |
361 | } | 360 | .save-btn { |
362 | .save-btn{ | 361 | display: block; |
363 | display: block; | 362 | margin: 5px auto; |
364 | margin: 5px auto; | 363 | } |
365 | } | 364 | // 自定义右键菜单样式 |
366 | // 自定义右键菜单样式 | 365 | .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; | 366 | margin: 0; |
382 | padding: 7px 16px; | 367 | background: #fff; |
383 | cursor: pointer; | 368 | width: 92px; |
384 | position: relative; | 369 | z-index: 3000; |
385 | .childUl { | 370 | position: fixed; |
386 | display: none; | 371 | list-style-type: none; |
387 | position: absolute; | 372 | padding: 5px 0; |
388 | left: 92px !important; | 373 | border-radius: 4px; |
389 | top: 0 !important; | 374 | font-size: 12px; |
390 | li { | 375 | font-weight: 400; |
391 | width: 76px; | 376 | color: #333; |
377 | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); | ||
378 | li { | ||
379 | margin: 0; | ||
380 | padding: 7px 16px; | ||
381 | cursor: pointer; | ||
382 | position: relative; | ||
383 | .childUl { | ||
384 | display: none; | ||
385 | position: absolute; | ||
386 | left: 92px !important; | ||
387 | top: 0 !important; | ||
388 | li { | ||
389 | width: 76px; | ||
390 | } | ||
392 | } | 391 | } |
393 | } | 392 | } |
394 | } | 393 | li:hover { |
395 | li:hover { | 394 | background: #eee; |
396 | background: #eee; | 395 | > .childUl { |
397 | > .childUl { | 396 | display: block; |
398 | display: block; | 397 | } |
398 | } | ||
399 | .noEdit { | ||
400 | color: #e6e6e6; | ||
401 | cursor: not-allowed; | ||
402 | } | ||
403 | .noEdit:hover { | ||
404 | background: #ffffff; | ||
399 | } | 405 | } |
400 | } | ||
401 | .noEdit { | ||
402 | color: #e6e6e6; | ||
403 | cursor: not-allowed; | ||
404 | } | ||
405 | .noEdit:hover { | ||
406 | background: #ffffff; | ||
407 | } | 406 | } |
408 | } | 407 | } |
409 | } | ||
410 | </style> | 408 | </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