style:登记薄点击业务号弹出材料信息功能的完善
Showing
10 changed files
with
88 additions
and
100 deletions
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-06-14 15:05:38 | 4 | * @LastEditTime: 2023-09-21 09:27:14 |
| 5 | */ | 5 | */ |
| 6 | import Vue from 'vue' | 6 | import Vue from 'vue' |
| 7 | import Popup from './index.vue' | 7 | import Popup from './index.vue' |
| ... | @@ -50,6 +50,8 @@ const Popup1 = (title, editItem, data, formData) => { | ... | @@ -50,6 +50,8 @@ const Popup1 = (title, editItem, data, formData) => { |
| 50 | let instance = new PopupBox({ | 50 | let instance = new PopupBox({ |
| 51 | data | 51 | data |
| 52 | }).$mount() | 52 | }).$mount() |
| 53 | // 设置 z-index 并递增层级计数器 | ||
| 54 | instance.zIndex = data.zIndexCounter++ | ||
| 53 | document.body.appendChild(instance.$el) | 55 | document.body.appendChild(instance.$el) |
| 54 | Vue.nextTick(() => { | 56 | Vue.nextTick(() => { |
| 55 | instance.isShow = true | 57 | instance.isShow = true | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-19 10:19:52 | 4 | * @LastEditTime: 2023-09-21 09:25:47 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <transition name="msgbox-fade"> | 7 | <transition name="msgbox-fade"> |
| 8 | <div class="ls-mask" v-if="myShow"> | 8 | <div class="ls-mask" ref="popup" v-if="myShow"> |
| 9 | <div class="ls-mask-window" :class="isMain ? 'mainCenter' : 'contentCenter'" :style="{ 'width': width }"> | 9 | <div class="ls-mask-window" :class="isMain ? 'mainCenter' : 'contentCenter'" :style="{ 'width': width }"> |
| 10 | <div class="ls-head"> | 10 | <div class="ls-head"> |
| 11 | <div class="ls-title" :style="{ 'text-align': titleStyle }"> | 11 | <div class="ls-title" :style="{ 'text-align': titleStyle }"> |
| ... | @@ -30,6 +30,7 @@ | ... | @@ -30,6 +30,7 @@ |
| 30 | name: 'index', | 30 | name: 'index', |
| 31 | data () { | 31 | data () { |
| 32 | return { | 32 | return { |
| 33 | zIndexCounter: 2000, | ||
| 33 | title: '标题', | 34 | title: '标题', |
| 34 | editItem: "", | 35 | editItem: "", |
| 35 | isMain: false, | 36 | isMain: false, | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-15 09:30:33 | 4 | * @LastEditTime: 2023-09-21 09:39:21 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <el-dialog | 7 | <el-dialog |
| ... | @@ -12,14 +12,6 @@ | ... | @@ -12,14 +12,6 @@ |
| 12 | custom-class="insetDialog" | 12 | custom-class="insetDialog" |
| 13 | append-to-body | 13 | append-to-body |
| 14 | width="31%"> | 14 | width="31%"> |
| 15 | <!-- <el-radio-group v-model="radio"> | ||
| 16 | <el-radio-button | ||
| 17 | v-for="(value, key) in qllxlistdata" | ||
| 18 | :key="key" | ||
| 19 | :label="value" | ||
| 20 | ></el-radio-button> | ||
| 21 | |||
| 22 | </el-radio-group> --> | ||
| 23 | <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" | 15 | <el-button class="gettypebutton" v-for="(value, key) in qllxlistdata" |
| 24 | :key="key" | 16 | :key="key" |
| 25 | :label="value" @click="clicksss(key)" plain>{{value}}</el-button> | 17 | :label="value" @click="clicksss(key)" plain>{{value}}</el-button> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-09-19 09:12:32 | 4 | * @LastEditTime: 2023-09-21 10:19:25 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="tableBox"> | 7 | <div class="tableBox"> |
| ... | @@ -235,7 +235,10 @@ | ... | @@ -235,7 +235,10 @@ |
| 235 | } else { | 235 | } else { |
| 236 | getBlParamsByYwh(ywh, bsmQlxx).then(res => { | 236 | getBlParamsByYwh(ywh, bsmQlxx).then(res => { |
| 237 | let data = res.result | 237 | let data = res.result |
| 238 | ywPopupDialog("材料信息", "registerBook/components/clxx/index", data, "60%", true, false) | 238 | this.$popup('材料信息', 'registerBook/components/clxx/index', { |
| 239 | width: '60%', | ||
| 240 | formData: data | ||
| 241 | }) | ||
| 239 | }) | 242 | }) |
| 240 | } | 243 | } |
| 241 | } | 244 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-16 14:59:46 | 4 | * @LastEditTime: 2023-09-21 10:18:57 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| ... | @@ -252,9 +252,9 @@ | ... | @@ -252,9 +252,9 @@ |
| 252 | this.$popup("登记簿详情", "registerBook/djbFrame", { | 252 | this.$popup("登记簿详情", "registerBook/djbFrame", { |
| 253 | formData: param | 253 | formData: param |
| 254 | }) | 254 | }) |
| 255 | }, | 255 | } |
| 256 | }, | 256 | } |
| 257 | }; | 257 | } |
| 258 | </script> | 258 | </script> |
| 259 | <style scoped lang="scss"> | 259 | <style scoped lang="scss"> |
| 260 | @import "~@/styles/mixin.scss"; | 260 | @import "~@/styles/mixin.scss"; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-23 14:51:26 | 4 | * @LastEditTime: 2023-09-21 09:37:44 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 抵押权利信息查询 --> | 7 | <!-- 抵押权利信息查询 --> |
| ... | @@ -223,9 +223,9 @@ | ... | @@ -223,9 +223,9 @@ |
| 223 | this.$popup("登记簿详情", "registerBook/djbFrame", { | 223 | this.$popup("登记簿详情", "registerBook/djbFrame", { |
| 224 | formData: param | 224 | formData: param |
| 225 | }) | 225 | }) |
| 226 | }, | 226 | } |
| 227 | }, | 227 | } |
| 228 | }; | 228 | } |
| 229 | </script> | 229 | </script> |
| 230 | <style scoped lang="scss"> | 230 | <style scoped lang="scss"> |
| 231 | @import "~@/styles/mixin.scss"; | 231 | @import "~@/styles/mixin.scss"; | ... | ... |
| ... | @@ -38,7 +38,6 @@ | ... | @@ -38,7 +38,6 @@ |
| 38 | </el-col> | 38 | </el-col> |
| 39 | <el-col :span="3" class="btnColRight"> | 39 | <el-col :span="3" class="btnColRight"> |
| 40 | <el-form-item> | 40 | <el-form-item> |
| 41 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
| 42 | <el-button type="primary" @click="handleSearch">查询</el-button> | 41 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 43 | </el-form-item> | 42 | </el-form-item> |
| 44 | </el-col> | 43 | </el-col> |
| ... | @@ -67,7 +66,7 @@ | ... | @@ -67,7 +66,7 @@ |
| 67 | import { datas, sendThis } from "../javascript/selecBdcql.js"; | 66 | import { datas, sendThis } from "../javascript/selecBdcql.js"; |
| 68 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | 67 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; |
| 69 | import { selectQlxx } from "@/api/ywsq.js"; | 68 | import { selectQlxx } from "@/api/ywsq.js"; |
| 70 | import { startBusinessFlow,startTogetherFlow } from "@/api/workFlow.js"; | 69 | import { startBusinessFlow, startTogetherFlow } from "@/api/workFlow.js"; |
| 71 | import { getQllxByBsmSqyw } from "@/api/sysSqdjyw.js"; | 70 | import { getQllxByBsmSqyw } from "@/api/sysSqdjyw.js"; |
| 72 | export default { | 71 | export default { |
| 73 | mixins: [table, jump], | 72 | mixins: [table, jump], |
| ... | @@ -127,64 +126,64 @@ | ... | @@ -127,64 +126,64 @@ |
| 127 | return; | 126 | return; |
| 128 | } | 127 | } |
| 129 | this.loading = true; | 128 | this.loading = true; |
| 130 | if(this.sqywInfo.sqfl=='1'){ | 129 | if (this.sqywInfo.sqfl == '1') { |
| 131 | startBusinessFlow({ | 130 | startBusinessFlow({ |
| 132 | bsmSqyw: this.sqywInfo.bsmSqyw, | 131 | bsmSqyw: this.sqywInfo.bsmSqyw, |
| 133 | bdcdysz: this.bdcdysz, | 132 | bdcdysz: this.bdcdysz, |
| 134 | }).then((res) => { | 133 | }).then((res) => { |
| 135 | this.loading = false | 134 | this.loading = false |
| 136 | if (res.code == 200) { | 135 | if (res.code == 200) { |
| 137 | this.$message({ | 136 | this.$message({ |
| 138 | showClose: true, | 137 | showClose: true, |
| 139 | message: "发起申请成功", | 138 | message: "发起申请成功", |
| 140 | type: "success", | 139 | type: "success", |
| 141 | }); | 140 | }); |
| 142 | if (!this.isJump) { | 141 | if (!this.isJump) { |
| 143 | this.jump(res.result, this.sqywInfo.djywbm); | 142 | this.jump(res.result, this.sqywInfo.djywbm); |
| 144 | } else { | 143 | } else { |
| 145 | store.dispatch('user/refreshPage', true); | 144 | store.dispatch('user/refreshPage', true); |
| 146 | } | 145 | } |
| 147 | this.$popupCacel() | ||
| 148 | } else { | ||
| 149 | if (res.result && res.result.length > 0) { | ||
| 150 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | ||
| 151 | } else { | ||
| 152 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | ||
| 153 | } | ||
| 154 | } | ||
| 155 | }).catch(() => { | ||
| 156 | this.loading = false | ||
| 157 | }) | ||
| 158 | }else{ | ||
| 159 | startTogetherFlow({ | ||
| 160 | bsmSqyw: this.sqywInfo.bsmSqyw, | ||
| 161 | bdcdysz: this.bdcdysz, | ||
| 162 | }).then((res) => { | ||
| 163 | this.loading = false | ||
| 164 | if (res.code == 200) { | ||
| 165 | this.$message({ | ||
| 166 | showClose: true, | ||
| 167 | message: '发起申请成功', | ||
| 168 | type: 'success' | ||
| 169 | }) | ||
| 170 | if (!this.isJump) { | ||
| 171 | this.jump(res.result, this.sqywInfo.djywbm) | ||
| 172 | } else { | ||
| 173 | store.dispatch('user/refreshPage', true); | ||
| 174 | this.$popupCacel() | 146 | this.$popupCacel() |
| 147 | } else { | ||
| 148 | if (res.result && res.result.length > 0) { | ||
| 149 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | ||
| 150 | } else { | ||
| 151 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | ||
| 152 | } | ||
| 175 | } | 153 | } |
| 176 | } else { | 154 | }).catch(() => { |
| 177 | if (res.result && res.result.length > 0) { | 155 | this.loading = false |
| 178 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | 156 | }) |
| 157 | } else { | ||
| 158 | startTogetherFlow({ | ||
| 159 | bsmSqyw: this.sqywInfo.bsmSqyw, | ||
| 160 | bdcdysz: this.bdcdysz, | ||
| 161 | }).then((res) => { | ||
| 162 | this.loading = false | ||
| 163 | if (res.code == 200) { | ||
| 164 | this.$message({ | ||
| 165 | showClose: true, | ||
| 166 | message: '发起申请成功', | ||
| 167 | type: 'success' | ||
| 168 | }) | ||
| 169 | if (!this.isJump) { | ||
| 170 | this.jump(res.result, this.sqywInfo.djywbm) | ||
| 171 | } else { | ||
| 172 | store.dispatch('user/refreshPage', true); | ||
| 173 | this.$popupCacel() | ||
| 174 | } | ||
| 179 | } else { | 175 | } else { |
| 180 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | 176 | if (res.result && res.result.length > 0) { |
| 177 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | ||
| 178 | } else { | ||
| 179 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | ||
| 180 | } | ||
| 181 | } | 181 | } |
| 182 | } | 182 | }).catch(() => { |
| 183 | }).catch(() => { | 183 | this.loading = false |
| 184 | this.loading = false | 184 | }) |
| 185 | }) | ||
| 186 | } | 185 | } |
| 187 | 186 | ||
| 188 | }, | 187 | }, |
| 189 | /** | 188 | /** |
| 190 | * @description: handleSelectionChange | 189 | * @description: handleSelectionChange | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-08-02 09:58:45 | 4 | * @LastEditTime: 2023-09-21 10:16:16 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
| 8 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
| 9 | <div class="from-clues-header"> | 9 | <div class="from-clues-header"> |
| 10 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="70px"> | 10 | <el-form :model="queryForm" ref="queryForm" @submit.native.prevent label-width="100px"> |
| 11 | <el-row> | 11 | <el-row> |
| 12 | <el-col :span="10"> | 12 | <el-col :span="8"> |
| 13 | <el-form-item label="不动产单元号" label-width="105px"> | 13 | <el-form-item label="不动产单元号"> |
| 14 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> | 14 | <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> |
| 15 | </el-input> | 15 | </el-input> |
| 16 | </el-form-item> | 16 | </el-form-item> |
| 17 | </el-col> | 17 | </el-col> |
| 18 | <el-col :span="10"> | 18 | <el-col :span="8"> |
| 19 | <el-form-item label="不动产权证号" label-width="105px"> | 19 | <el-form-item label="不动产权证号"> |
| 20 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> | 20 | <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100"> |
| 21 | </el-input> | 21 | </el-input> |
| 22 | </el-form-item> | 22 | </el-form-item> |
| 23 | </el-col> | 23 | </el-col> |
| 24 | <el-col :span="5"> | 24 | <el-col :span="8"> |
| 25 | <el-form-item label="业务号"> | 25 | <el-form-item label="业务号"> |
| 26 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> | 26 | <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width100"> |
| 27 | </el-input> | 27 | </el-input> |
| 28 | </el-form-item> | 28 | </el-form-item> |
| 29 | </el-col> | 29 | </el-col> |
| 30 | <el-col :span="6"> | 30 | <el-col :span="8"> |
| 31 | <el-form-item label="坐落"> | 31 | <el-form-item label="坐落"> |
| 32 | <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width200px"> | 32 | <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100"> |
| 33 | </el-input> | 33 | </el-input> |
| 34 | </el-form-item> | 34 | </el-form-item> |
| 35 | </el-col> | 35 | </el-col> |
| 36 | <el-col :span="4" class="btnColRight"> | 36 | <el-col :span="16" class="btnColRight"> |
| 37 | <el-form-item> | 37 | <el-form-item> |
| 38 | <!-- <el-button type="primary" @click="resetForm(true)">重置</el-button> --> | ||
| 39 | <el-button type="primary" @click="handleSearch">查询</el-button> | 38 | <el-button type="primary" @click="handleSearch">查询</el-button> |
| 39 | <el-button type="primary" @click="resetForm(true)">重置</el-button> | ||
| 40 | </el-form-item> | 40 | </el-form-item> |
| 41 | </el-col> | 41 | </el-col> |
| 42 | </el-row> | 42 | </el-row> |
| ... | @@ -122,14 +122,6 @@ | ... | @@ -122,14 +122,6 @@ |
| 122 | }, | 122 | }, |
| 123 | // 高级查询 | 123 | // 高级查询 |
| 124 | moreQueryClick () { }, | 124 | moreQueryClick () { }, |
| 125 | // openDialog (scroll) { | ||
| 126 | // this.$popupDialog('登记簿详情', 'registerBook/djbFrame', scroll, '85%'); | ||
| 127 | // }, | ||
| 128 | // handleLpbClick (item) { | ||
| 129 | // this.$popupDialog('楼盘表', 'lpb/index', { | ||
| 130 | // bsm: '' | ||
| 131 | // }, '85%') | ||
| 132 | // }, | ||
| 133 | /** | 125 | /** |
| 134 | * @description: ywhClick | 126 | * @description: ywhClick |
| 135 | * @param {*} item) | 127 | * @param {*} item) |
| ... | @@ -249,10 +241,8 @@ | ... | @@ -249,10 +241,8 @@ |
| 249 | bdcdyh: row.bdcdyh, | 241 | bdcdyh: row.bdcdyh, |
| 250 | bsmQlxx: row.bsmQlxx, | 242 | bsmQlxx: row.bsmQlxx, |
| 251 | }; | 243 | }; |
| 252 | this.$popup("登记簿详情", "registerBook/djbFrame", { | 244 | ywPopupDialog("登记簿详情", "registerBook/djbFrame", param, '80%', true) |
| 253 | formData: param | 245 | } |
| 254 | }) | ||
| 255 | }, | ||
| 256 | } | 246 | } |
| 257 | } | 247 | } |
| 258 | </script> | 248 | </script> | ... | ... |
| ... | @@ -39,6 +39,7 @@ | ... | @@ -39,6 +39,7 @@ |
| 39 | */ | 39 | */ |
| 40 | 40 | ||
| 41 | loadView (view) { | 41 | loadView (view) { |
| 42 | console.log(view, 'viewviewview'); | ||
| 42 | return (r) => | 43 | return (r) => |
| 43 | require.ensure([], () => r(require(`./components/${view}.vue`))); | 44 | require.ensure([], () => r(require(`./components/${view}.vue`))); |
| 44 | }, | 45 | }, | ... | ... |
-
Please register or sign in to post a comment