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