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