style:权利人信息模块功能的完善
Showing
9 changed files
with
271 additions
and
285 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-07-11 08:58:31 | 4 | * @LastEditTime: 2023-08-14 11:16:12 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="container"> | 7 | <div class="container"> |
... | @@ -12,8 +12,7 @@ | ... | @@ -12,8 +12,7 @@ |
12 | <li | 12 | <li |
13 | @click="operation(item)" | 13 | @click="operation(item)" |
14 | v-for="(item, index) in leftButtonList" | 14 | v-for="(item, index) in leftButtonList" |
15 | :key="index" | 15 | :key="index"> |
16 | > | ||
17 | <svg-icon class="icon" :icon-class="item.icon" /> | 16 | <svg-icon class="icon" :icon-class="item.icon" /> |
18 | <span class="iconName">{{ item.name }}</span> | 17 | <span class="iconName">{{ item.name }}</span> |
19 | </li> | 18 | </li> |
... | @@ -22,17 +21,11 @@ | ... | @@ -22,17 +21,11 @@ |
22 | <li | 21 | <li |
23 | @click="operation(item)" | 22 | @click="operation(item)" |
24 | v-for="(item, index) in rightButtonList" | 23 | v-for="(item, index) in rightButtonList" |
25 | :key="index" | 24 | :key="index"> |
26 | > | ||
27 | <svg-icon class="icon" :icon-class="item.icon" /> | 25 | <svg-icon class="icon" :icon-class="item.icon" /> |
28 | <span class="iconName">{{ item.name }}</span> | 26 | <span class="iconName">{{ item.name }}</span> |
29 | </li> | 27 | </li> |
30 | </ul> | 28 | </ul> |
31 | <!-- <NoticeBar | ||
32 | class="NoticeBar" | ||
33 | :noticeList="noticeList" | ||
34 | v-if="noticeList.length > 0" | ||
35 | /> --> | ||
36 | </div> | 29 | </div> |
37 | <!-- 内容框架 --> | 30 | <!-- 内容框架 --> |
38 | <div class="containerFrame"> | 31 | <div class="containerFrame"> |
... | @@ -52,22 +45,19 @@ | ... | @@ -52,22 +45,19 @@ |
52 | <el-tabs | 45 | <el-tabs |
53 | v-model="tabName" | 46 | v-model="tabName" |
54 | :before-leave="beforeLeave" | 47 | :before-leave="beforeLeave" |
55 | @tab-click="handleClick" | 48 | @tab-click="handleClick"> |
56 | > | ||
57 | <el-tab-pane | 49 | <el-tab-pane |
58 | :label="item.name" | 50 | :label="item.name" |
59 | :name="item.value" | 51 | :name="item.value" |
60 | v-for="item in tabList" | 52 | v-for="item in tabList" |
61 | :key="item.value" | 53 | :key="item.value"> |
62 | > | ||
63 | </el-tab-pane> | 54 | </el-tab-pane> |
64 | </el-tabs> | 55 | </el-tabs> |
65 | 56 | ||
66 | <component | 57 | <component |
67 | :key="fresh" | 58 | :key="fresh" |
68 | :is="componentTag" | 59 | :is="componentTag" |
69 | v-bind="currentSelectProps" | 60 | v-bind="currentSelectProps" /> |
70 | /> | ||
71 | </div> | 61 | </div> |
72 | </div> | 62 | </div> |
73 | </div> | 63 | </div> |
... | @@ -76,269 +66,269 @@ | ... | @@ -76,269 +66,269 @@ |
76 | </div> | 66 | </div> |
77 | </template> | 67 | </template> |
78 | <style scoped lang="scss"> | 68 | <style scoped lang="scss"> |
79 | @import "~@/styles/mixin.scss"; | 69 | @import "~@/styles/mixin.scss"; |
80 | @import "./workFrame.scss"; | 70 | @import "./workFrame.scss"; |
81 | </style> | 71 | </style> |
82 | <script> | 72 | <script> |
83 | import WorkFlow from "./mixin/index"; | 73 | import WorkFlow from "./mixin/index"; |
84 | import { getForm } from "./flowform"; | 74 | import { getForm } from "./flowform"; |
85 | import { getStepFormInfo } from "@/api/workFlow.js"; | 75 | import { getStepFormInfo } from "@/api/workFlow.js"; |
86 | import NoticeBar from "@/components/NoticeBar/index"; | 76 | import NoticeBar from "@/components/NoticeBar/index"; |
87 | // import ProcessViewer from "./components/processViewer.vue"; | 77 | // import ProcessViewer from "./components/processViewer.vue"; |
88 | 78 | ||
89 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; | 79 | import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; |
90 | import qllxDailog from "./djbBook/components/qllxDailog"; | 80 | import qllxDailog from "./djbBook/components/qllxDailog"; |
91 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; | 81 | import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; |
92 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; | 82 | import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; |
93 | // 登记簿数据信息 | 83 | // 登记簿数据信息 |
94 | import { addRepairRecord } from "@/api/djbRepair.js"; | 84 | import { addRepairRecord } from "@/api/djbRepair.js"; |
95 | // 获取权利类型数组 | 85 | // 获取权利类型数组 |
96 | 86 | ||
97 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; | 87 | import { getBdcqljqtsx } from "@/api/djbDetail.js"; |
98 | export default { | 88 | export default { |
99 | components: { | 89 | components: { |
100 | selectBdc, | 90 | selectBdc, |
101 | NoticeBar, | 91 | NoticeBar, |
102 | ordinaryMenu, | 92 | ordinaryMenu, |
103 | qllxDailog, | 93 | qllxDailog, |
104 | }, | ||
105 | mixins: [WorkFlow], | ||
106 | data() { | ||
107 | return { | ||
108 | bsmSlsq: this.$route.query.bsmSlsq, | ||
109 | //当前流程所在环节 | ||
110 | bestepid: this.$route.query.bestepid, | ||
111 | //当前流程所在环节 | ||
112 | zbhj: this.$route.query.zbhj, | ||
113 | //设置那个表单选中 | ||
114 | tabName: "", | ||
115 | isEdit: true, | ||
116 | // 弹框显示 | ||
117 | dialogVisible: true, | ||
118 | //表单集合 | ||
119 | tabList: [], | ||
120 | //选择加载哪一个组件 | ||
121 | componentTag: "", | ||
122 | //设置表单传递数据 | ||
123 | currentSelectProps: {}, | ||
124 | // 首次拿到的业务信息 | ||
125 | oneSelectProps: {}, | ||
126 | //材料信息选择卡索引 | ||
127 | oneget: true, | ||
128 | //页面监听时间 | ||
129 | _beforeUnload_time: "", | ||
130 | treedata: {}, | ||
131 | tabdata: [], | ||
132 | bsmRepair: "", | ||
133 | defaultNode: {}, | ||
134 | clxxForm: "", | ||
135 | //材料信息选择卡索引 | ||
136 | clxxIndex: "", | ||
137 | //材料信息选项卡对象 | ||
138 | clxxTab: {}, | ||
139 | ableOperation: false, | ||
140 | }; | ||
141 | }, | ||
142 | mounted() { | ||
143 | // this.getleftMenubl() | ||
144 | }, | ||
145 | |||
146 | methods: { | ||
147 | /** | ||
148 | * @description: stepForm | ||
149 | * @param {*} qllx | ||
150 | * @author: renchao | ||
151 | */ | ||
152 | stepForm(qllx) { | ||
153 | this.oneSelectProps.qllx = qllx; | ||
154 | if (this.$refs.Menu.supplementarylist.length) { | ||
155 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
156 | this.$nextTick(function () { | ||
157 | this.tabList = res.result; | ||
158 | this.tabName = this.tabList[0].value; | ||
159 | this.ableOperation = this.tabList[0].ableOperation; | ||
160 | this.getFromRouter(this.tabName); | ||
161 | |||
162 | if (this.tabList.length != 8) { | ||
163 | let that = this; | ||
164 | this.tabList.forEach(function (item, index) { | ||
165 | if (item.value == "clxx") { | ||
166 | that.clxxIndex = index; | ||
167 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); | ||
168 | that.clxxTab = item; | ||
169 | } | ||
170 | }); | ||
171 | } | ||
172 | }); | ||
173 | }); | ||
174 | } | ||
175 | }, | 94 | }, |
176 | // 获取右侧选项卡 | 95 | mixins: [WorkFlow], |
177 | /** | 96 | data () { |
178 | * @description: 获取右侧选项卡 | 97 | return { |
179 | * @param {*} val | 98 | bsmSlsq: this.$route.query.bsmSlsq, |
180 | * @author: renchao | 99 | //当前流程所在环节 |
181 | */ | 100 | bestepid: this.$route.query.bestepid, |
182 | getCurrentSelectProps(val) { | 101 | //当前流程所在环节 |
183 | this.bsmRepair = val.bsmRepair; | 102 | zbhj: this.$route.query.zbhj, |
184 | if (val.bdcdyid) { | 103 | //设置那个表单选中 |
185 | this.oneSelectProps = val; | 104 | tabName: "", |
186 | } | 105 | isEdit: true, |
187 | this.currentSelectProps = val; | 106 | // 弹框显示 |
188 | if (this.currentSelectProps.bsmRepair) { | 107 | dialogVisible: true, |
189 | this.stepForm(this.currentSelectProps.qllx); | 108 | //表单集合 |
190 | } else if (!this.oneget) { | 109 | tabList: [], |
191 | this.getdjblist(); | 110 | //选择加载哪一个组件 |
192 | } | 111 | componentTag: "", |
193 | if (this.oneget) { | 112 | //设置表单传递数据 |
194 | this.oneget = false; | 113 | currentSelectProps: {}, |
195 | this.stepForm(this.currentSelectProps.qllx); | 114 | // 首次拿到的业务信息 |
196 | } | 115 | oneSelectProps: {}, |
116 | //材料信息选择卡索引 | ||
117 | oneget: true, | ||
118 | //页面监听时间 | ||
119 | _beforeUnload_time: "", | ||
120 | treedata: {}, | ||
121 | tabdata: [], | ||
122 | bsmRepair: "", | ||
123 | defaultNode: {}, | ||
124 | clxxForm: "", | ||
125 | //材料信息选择卡索引 | ||
126 | clxxIndex: "", | ||
127 | //材料信息选项卡对象 | ||
128 | clxxTab: {}, | ||
129 | ableOperation: false, | ||
130 | }; | ||
197 | }, | 131 | }, |
198 | // 获取渲染登记簿列表 | 132 | mounted () { |
199 | /** | 133 | // this.getleftMenubl() |
200 | * @description: 获取渲染登记簿列表 | ||
201 | * @author: renchao | ||
202 | */ | ||
203 | getdjblist() { | ||
204 | getBdcqljqtsx({ | ||
205 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
206 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
207 | }).then((res) => { | ||
208 | if (res.code === 200) { | ||
209 | this.treedata = loadTreeData(res.result); | ||
210 | this.$nextTick(function () { | ||
211 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
212 | linShi: 0, | ||
213 | xianShi: 0, | ||
214 | liShi: 0, | ||
215 | }); | ||
216 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
217 | }); | ||
218 | let settree = JSON.parse(JSON.stringify(this.treedata)); | ||
219 | this.tabdata = [ | ||
220 | ...settree, | ||
221 | ...settree[1].children[0].children[0].children, | ||
222 | ]; | ||
223 | this.tabdata.forEach((item, index, arr) => { | ||
224 | arr[index].name = item.label; | ||
225 | arr[index].value = item.id; | ||
226 | }); | ||
227 | this.tabList = this.tabdata; | ||
228 | } | ||
229 | }); | ||
230 | }, | 134 | }, |
231 | //选项卡切换事件 | ||
232 | /** | ||
233 | * @description: 右侧表单选项卡事件 | ||
234 | * @param {*} handleClick | ||
235 | * @author: renchao | ||
236 | */ | ||
237 | handleClick(a) { | ||
238 | let p = Object.keys(this.tabList[0]).filter( | ||
239 | (item) => item == "ableOperation" | ||
240 | ); | ||
241 | if (p) { | ||
242 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
243 | } | ||
244 | 135 | ||
245 | }, | 136 | methods: { |
246 | //右侧表单选项卡事件 | 137 | /** |
247 | /** | 138 | * @description: stepForm |
248 | * @description: 右侧表单选项卡事件 | 139 | * @param {*} qllx |
249 | * @param {*} activeName | 140 | * @author: renchao |
250 | * @author: renchao | 141 | */ |
251 | */ | 142 | stepForm (qllx) { |
143 | this.oneSelectProps.qllx = qllx; | ||
144 | if (this.$refs.Menu.supplementarylist.length) { | ||
145 | getStepFormInfo(this.oneSelectProps).then((res) => { | ||
146 | this.$nextTick(function () { | ||
147 | this.tabList = res.result; | ||
148 | this.tabName = this.tabList[0].value; | ||
149 | this.ableOperation = this.tabList[0].ableOperation; | ||
150 | this.getFromRouter(this.tabName); | ||
252 | 151 | ||
253 | beforeLeave(activeName) { | 152 | if (this.tabList.length != 8) { |
254 | if (activeName && activeName != 0) this.getFromRouter(activeName); | 153 | let that = this; |
255 | }, | 154 | this.tabList.forEach(function (item, index) { |
256 | //切换选项卡内容组件 | 155 | if (item.value == "clxx") { |
257 | /** | 156 | that.clxxIndex = index; |
258 | * @description: 切换选项卡内容组件 | 157 | that.clxxForm = getForm(item.value, that.$route.query.sqywbm); |
259 | * @param {*} tabname | 158 | that.clxxTab = item; |
260 | * @author: renchao | 159 | } |
261 | */ | 160 | }); |
262 | getFromRouter(tabname) { | 161 | } |
263 | this.componentTag = getForm(tabname); | 162 | }); |
264 | }, | 163 | }); |
265 | changeywh () { | ||
266 | this.$refs.Menu.getleftMenubl("change"); | ||
267 | }, | ||
268 | // 增加补录记录 | ||
269 | /** | ||
270 | * @description: 增加补录记录 | ||
271 | * @param {*} row | ||
272 | * @param {*} del | ||
273 | * @author: renchao | ||
274 | */ | ||
275 | addRepairRecord(row, del) { | ||
276 | let from = { | ||
277 | bsmQlxx: "", | ||
278 | bsmSlsq: this.bsmSlsq, | ||
279 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
280 | operate: "C", | ||
281 | qllx: "", | ||
282 | }; | ||
283 | if (row) { | ||
284 | from.bsmQlxx = row.bsmQlxx; | ||
285 | if (del) { | ||
286 | from.operate = del; | ||
287 | } else { | ||
288 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
289 | } | 164 | } |
290 | from.qllx = row.qllx; | 165 | }, |
291 | } | 166 | // 获取右侧选项卡 |
292 | addRepairRecord(from) | 167 | /** |
293 | .then((res) => { | 168 | * @description: 获取右侧选项卡 |
294 | if (res.code == "200") { | 169 | * @param {*} val |
295 | this.$refs.qllxlist.dialogVisible = false; | 170 | * @author: renchao |
296 | this.$nextTick(() => { | 171 | */ |
297 | this.$refs.Menu.getleftMenubl(res.result); | 172 | getCurrentSelectProps (val) { |
298 | this.$message({ | 173 | this.bsmRepair = val.bsmRepair; |
299 | type: "success", | 174 | if (val.bdcdyid) { |
300 | message: "补录成功!", | 175 | this.oneSelectProps = val; |
176 | } | ||
177 | this.currentSelectProps = val; | ||
178 | if (this.currentSelectProps.bsmRepair) { | ||
179 | this.stepForm(this.currentSelectProps.qllx); | ||
180 | } else if (!this.oneget) { | ||
181 | this.getdjblist(); | ||
182 | } | ||
183 | if (this.oneget) { | ||
184 | this.oneget = false; | ||
185 | this.stepForm(this.currentSelectProps.qllx); | ||
186 | } | ||
187 | }, | ||
188 | // 获取渲染登记簿列表 | ||
189 | /** | ||
190 | * @description: 获取渲染登记簿列表 | ||
191 | * @author: renchao | ||
192 | */ | ||
193 | getdjblist () { | ||
194 | getBdcqljqtsx({ | ||
195 | bdcdyid: this.currentSelectProps.bdcdyid, | ||
196 | bdcdyh: this.currentSelectProps.bdcdyh, | ||
197 | }).then((res) => { | ||
198 | if (res.code === 200) { | ||
199 | this.treedata = loadTreeData(res.result); | ||
200 | this.$nextTick(function () { | ||
201 | this.defaultNode = getNode(this.currentSelectProps.qllx, { | ||
202 | linShi: 0, | ||
203 | xianShi: 0, | ||
204 | liShi: 0, | ||
301 | }); | 205 | }); |
206 | this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点 | ||
302 | }); | 207 | }); |
303 | } else { | 208 | let settree = JSON.parse(JSON.stringify(this.treedata)); |
304 | this.$alert(res.message, "提示", { | 209 | this.tabdata = [ |
305 | confirmButtonText: "确定", | 210 | ...settree, |
306 | type: "warning", | 211 | ...settree[1].children[0].children[0].children, |
212 | ]; | ||
213 | this.tabdata.forEach((item, index, arr) => { | ||
214 | arr[index].name = item.label; | ||
215 | arr[index].value = item.id; | ||
307 | }); | 216 | }); |
217 | this.tabList = this.tabdata; | ||
308 | } | 218 | } |
309 | }) | ||
310 | .catch((res) => { | ||
311 | console.log("错", res); | ||
312 | }); | 219 | }); |
313 | }, | 220 | }, |
314 | // openDialog () { | 221 | //选项卡切换事件 |
315 | // this.$store.dispatch('user/refreshPage', false) | 222 | /** |
316 | // let data = JSON.parse(localStorage.getItem('ywbl')) | 223 | * @description: 右侧表单选项卡事件 |
317 | // let title | 224 | * @param {*} handleClick |
318 | // if (data?.sqywmc) { | 225 | * @author: renchao |
319 | // title = "申请业务:" + data?.sqywmc | 226 | */ |
320 | // } else { | 227 | handleClick (a) { |
321 | // title = "申请业务:" + data?.djywmc | 228 | let p = Object.keys(this.tabList[0]).filter( |
322 | // } | 229 | (item) => item == "ableOperation" |
230 | ); | ||
231 | if (p) { | ||
232 | this.ableOperation = this.tabList[a.index].ableOperation; | ||
233 | } | ||
234 | |||
235 | }, | ||
236 | //右侧表单选项卡事件 | ||
237 | /** | ||
238 | * @description: 右侧表单选项卡事件 | ||
239 | * @param {*} activeName | ||
240 | * @author: renchao | ||
241 | */ | ||
323 | 242 | ||
324 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | 243 | beforeLeave (activeName) { |
325 | // } | 244 | if (activeName && activeName != 0) this.getFromRouter(activeName); |
326 | }, | 245 | }, |
327 | }; | 246 | //切换选项卡内容组件 |
247 | /** | ||
248 | * @description: 切换选项卡内容组件 | ||
249 | * @param {*} tabname | ||
250 | * @author: renchao | ||
251 | */ | ||
252 | getFromRouter (tabname) { | ||
253 | this.componentTag = getForm(tabname); | ||
254 | }, | ||
255 | changeywh () { | ||
256 | this.$refs.Menu.getleftMenubl("change"); | ||
257 | }, | ||
258 | // 增加补录记录 | ||
259 | /** | ||
260 | * @description: 增加补录记录 | ||
261 | * @param {*} row | ||
262 | * @param {*} del | ||
263 | * @author: renchao | ||
264 | */ | ||
265 | addRepairRecord (row, del) { | ||
266 | let from = { | ||
267 | bsmQlxx: "", | ||
268 | bsmSlsq: this.bsmSlsq, | ||
269 | bsmSldy: this.currentSelectProps.bsmSldy, | ||
270 | operate: "C", | ||
271 | qllx: "", | ||
272 | }; | ||
273 | if (row) { | ||
274 | from.bsmQlxx = row.bsmQlxx; | ||
275 | if (del) { | ||
276 | from.operate = del; | ||
277 | } else { | ||
278 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
279 | } | ||
280 | from.qllx = row.qllx; | ||
281 | } | ||
282 | addRepairRecord(from) | ||
283 | .then((res) => { | ||
284 | if (res.code == "200") { | ||
285 | this.$refs.qllxlist.dialogVisible = false; | ||
286 | this.$nextTick(() => { | ||
287 | this.$refs.Menu.getleftMenubl(res.result); | ||
288 | this.$message({ | ||
289 | type: "success", | ||
290 | message: "补录成功!", | ||
291 | }); | ||
292 | }); | ||
293 | } else { | ||
294 | this.$alert(res.message, "提示", { | ||
295 | confirmButtonText: "确定", | ||
296 | type: "warning", | ||
297 | }); | ||
298 | } | ||
299 | }) | ||
300 | .catch((res) => { | ||
301 | console.log("错", res); | ||
302 | }); | ||
303 | }, | ||
304 | // openDialog () { | ||
305 | // this.$store.dispatch('user/refreshPage', false) | ||
306 | // let data = JSON.parse(localStorage.getItem('ywbl')) | ||
307 | // let title | ||
308 | // if (data?.sqywmc) { | ||
309 | // title = "申请业务:" + data?.sqywmc | ||
310 | // } else { | ||
311 | // title = "申请业务:" + data?.djywmc | ||
312 | // } | ||
313 | |||
314 | // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) | ||
315 | // } | ||
316 | }, | ||
317 | }; | ||
328 | </script> | 318 | </script> |
329 | <style scoped lang="scss"> | 319 | <style scoped lang="scss"> |
330 | .rightContainer { | 320 | .rightContainer { |
331 | position: relative; | 321 | position: relative; |
332 | } | 322 | } |
333 | .count { | 323 | .count { |
334 | font-size: 14px; | 324 | font-size: 14px; |
335 | position: absolute; | 325 | position: absolute; |
336 | right: 25px; | 326 | right: 25px; |
337 | top: 12px; | 327 | top: 12px; |
338 | height: 30px; | 328 | height: 30px; |
339 | span { | 329 | span { |
340 | font-weight: 600; | 330 | font-weight: 600; |
341 | color: #3498db; | 331 | color: #3498db; |
332 | } | ||
342 | } | 333 | } |
343 | } | ||
344 | </style> | 334 | </style> | ... | ... |
... | @@ -132,14 +132,11 @@ | ... | @@ -132,14 +132,11 @@ |
132 | * @author: renchao | 132 | * @author: renchao |
133 | */ | 133 | */ |
134 | getCurrentSelectProps (val) { | 134 | getCurrentSelectProps (val) { |
135 | console.log(val, 'valvalvalval'); | ||
135 | this.currentSelectProps = val | 136 | this.currentSelectProps = val |
136 | |||
137 | getZdInfo(val.bdcdyid).then(res => { | 137 | getZdInfo(val.bdcdyid).then(res => { |
138 | this.bsmZd = res?.result[0]?.bsmZd | 138 | this.bsmZd = res?.result[0]?.bsmZd |
139 | }) | 139 | }) |
140 | // getZdInfo(val.bdcdyid).then(res => { | ||
141 | // this.bsmZd = res?.result[0]?.bsmZd | ||
142 | // }) | ||
143 | }, | 140 | }, |
144 | /** | 141 | /** |
145 | * @description: beforeunloadHandler | 142 | * @description: beforeunloadHandler | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-08-14 10:58:48 | 4 | * @LastEditTime: 2023-08-14 11:23:50 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -117,14 +117,14 @@ | ... | @@ -117,14 +117,14 @@ |
117 | </el-radio-group> | 117 | </el-radio-group> |
118 | </el-form-item> | 118 | </el-form-item> |
119 | </el-col> | 119 | </el-col> |
120 | <el-col :span="5"> | 120 | <!-- <el-col :span="5"> |
121 | <el-form-item label="发证方式:"> | 121 | <el-form-item label="发证方式:"> |
122 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> | 122 | <el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation"> |
123 | <el-radio label="1">小证</el-radio> | 123 | <el-radio label="1">小证</el-radio> |
124 | <el-radio label="2">大证</el-radio> | 124 | <el-radio label="2">大证</el-radio> |
125 | </el-radio-group> | 125 | </el-radio-group> |
126 | </el-form-item> | 126 | </el-form-item> |
127 | </el-col> | 127 | </el-col> --> |
128 | <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> | 128 | <el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'"> |
129 | <el-form-item label="是否分别持证:"> | 129 | <el-form-item label="是否分别持证:"> |
130 | <el-radio-group | 130 | <el-radio-group |
... | @@ -253,7 +253,6 @@ | ... | @@ -253,7 +253,6 @@ |
253 | } | 253 | } |
254 | }, | 254 | }, |
255 | methods: { | 255 | methods: { |
256 | // 更新土地用途信息 | ||
257 | /** | 256 | /** |
258 | * @description: 更新土地用途信息 | 257 | * @description: 更新土地用途信息 |
259 | * @param {*} val | 258 | * @param {*} val |
... | @@ -261,10 +260,8 @@ | ... | @@ -261,10 +260,8 @@ |
261 | */ | 260 | */ |
262 | upDateTdytxxList (val) { | 261 | upDateTdytxxList (val) { |
263 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 262 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
264 | this.czrOptions = this.ruleForm.qlrList; | ||
265 | this.key++; | 263 | this.key++; |
266 | }, | 264 | }, |
267 | // 更新权利人信息 | ||
268 | /** | 265 | /** |
269 | * @description: 更新权利人信息 | 266 | * @description: 更新权利人信息 |
270 | * @param {*} val | 267 | * @param {*} val |
... | @@ -272,6 +269,8 @@ | ... | @@ -272,6 +269,8 @@ |
272 | */ | 269 | */ |
273 | upDateQlrxxList (val) { | 270 | upDateQlrxxList (val) { |
274 | this.ruleForm.qlrList = _.cloneDeep(val); | 271 | this.ruleForm.qlrList = _.cloneDeep(val); |
272 | this.czrOptions = this.ruleForm.qlrList; | ||
273 | this.key++; | ||
275 | }, | 274 | }, |
276 | /** | 275 | /** |
277 | * @description: showCZInfo | 276 | * @description: showCZInfo | ... | ... |
... | @@ -320,7 +320,7 @@ | ... | @@ -320,7 +320,7 @@ |
320 | */ | 320 | */ |
321 | upDateTdytxxList (val) { | 321 | upDateTdytxxList (val) { |
322 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 322 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
323 | this.czrOptions = this.ruleForm.qlrList; | 323 | |
324 | this.key++; | 324 | this.key++; |
325 | }, | 325 | }, |
326 | 326 | ||
... | @@ -331,6 +331,7 @@ | ... | @@ -331,6 +331,7 @@ |
331 | */ | 331 | */ |
332 | upDateQlrxxList (val) { | 332 | upDateQlrxxList (val) { |
333 | this.ruleForm.qlrList = _.cloneDeep(val); | 333 | this.ruleForm.qlrList = _.cloneDeep(val); |
334 | this.czrOptions = this.ruleForm.qlrList; | ||
334 | }, | 335 | }, |
335 | /** | 336 | /** |
336 | * @description: 更新权利人信息 | 337 | * @description: 更新权利人信息 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 受理信息 | 2 | * @Description: 受理信息 |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-14 10:27:21 | 4 | * @LastEditTime: 2023-08-14 12:48:45 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -359,7 +359,6 @@ | ... | @@ -359,7 +359,6 @@ |
359 | } | 359 | } |
360 | }); | 360 | }); |
361 | }, | 361 | }, |
362 | // 更新土地用途信息 | ||
363 | /** | 362 | /** |
364 | * @description: 更新土地用途信息 | 363 | * @description: 更新土地用途信息 |
365 | * @param {*} val | 364 | * @param {*} val |
... | @@ -367,10 +366,8 @@ | ... | @@ -367,10 +366,8 @@ |
367 | */ | 366 | */ |
368 | upDateTdytxxList (val) { | 367 | upDateTdytxxList (val) { |
369 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 368 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
370 | this.czrOptions = this.ruleForm.qlrList; | ||
371 | this.key++; | 369 | this.key++; |
372 | }, | 370 | }, |
373 | // 更新权利人信息 | ||
374 | /** | 371 | /** |
375 | * @description: 更新权利人信息 | 372 | * @description: 更新权利人信息 |
376 | * @param {*} val | 373 | * @param {*} val |
... | @@ -378,6 +375,8 @@ | ... | @@ -378,6 +375,8 @@ |
378 | */ | 375 | */ |
379 | upDateQlrxxList (val) { | 376 | upDateQlrxxList (val) { |
380 | this.ruleForm.qlrList = _.cloneDeep(val); | 377 | this.ruleForm.qlrList = _.cloneDeep(val); |
378 | this.czrOptions = this.ruleForm.qlrList; | ||
379 | this.key++; | ||
381 | }, | 380 | }, |
382 | // 更新权利人信息 | 381 | // 更新权利人信息 |
383 | /** | 382 | /** | ... | ... |
... | @@ -265,7 +265,6 @@ | ... | @@ -265,7 +265,6 @@ |
265 | */ | 265 | */ |
266 | upDateTdytxxList (val) { | 266 | upDateTdytxxList (val) { |
267 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 267 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
268 | this.czrOptions = this.ruleForm.qlrList; | ||
269 | this.key++; | 268 | this.key++; |
270 | }, | 269 | }, |
271 | /** | 270 | /** |
... | @@ -275,6 +274,8 @@ | ... | @@ -275,6 +274,8 @@ |
275 | */ | 274 | */ |
276 | upDateQlrxxList (val) { | 275 | upDateQlrxxList (val) { |
277 | this.ruleForm.qlrList = _.cloneDeep(val); | 276 | this.ruleForm.qlrList = _.cloneDeep(val); |
277 | this.czrOptions = this.ruleForm.qlrList; | ||
278 | this.key++ | ||
278 | }, | 279 | }, |
279 | /** | 280 | /** |
280 | * @description: onSubmit | 281 | * @description: onSubmit | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: 房屋多幢受理信息 | 2 | * @Description: 房屋多幢受理信息 |
3 | * @Autor: ssq | 3 | * @Autor: ssq |
4 | * @LastEditTime: 2023-08-14 11:11:09 | 4 | * @LastEditTime: 2023-08-14 12:49:48 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="slxx"> | 7 | <div class="slxx"> |
... | @@ -306,7 +306,6 @@ | ... | @@ -306,7 +306,6 @@ |
306 | }; | 306 | }; |
307 | }, | 307 | }, |
308 | methods: { | 308 | methods: { |
309 | // 更新土地用途信息 | ||
310 | /** | 309 | /** |
311 | * @description: 更新土地用途信息 | 310 | * @description: 更新土地用途信息 |
312 | * @param {*} val | 311 | * @param {*} val |
... | @@ -314,8 +313,6 @@ | ... | @@ -314,8 +313,6 @@ |
314 | */ | 313 | */ |
315 | upDateTdytxxList (val) { | 314 | upDateTdytxxList (val) { |
316 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); | 315 | this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); |
317 | this.czrOptions = this.ruleForm.qlrList; | ||
318 | this.key++; | ||
319 | }, | 316 | }, |
320 | // 更新权利人信息 | 317 | // 更新权利人信息 |
321 | /** | 318 | /** |
... | @@ -325,6 +322,8 @@ | ... | @@ -325,6 +322,8 @@ |
325 | */ | 322 | */ |
326 | upDateQlrxxList (val) { | 323 | upDateQlrxxList (val) { |
327 | this.ruleForm.qlrList = _.cloneDeep(val); | 324 | this.ruleForm.qlrList = _.cloneDeep(val); |
325 | this.czrOptions = this.ruleForm.qlrList; | ||
326 | this.key++; | ||
328 | }, | 327 | }, |
329 | // 更新权利人信息 | 328 | // 更新权利人信息 |
330 | /** | 329 | /** | ... | ... |
... | @@ -319,7 +319,6 @@ | ... | @@ -319,7 +319,6 @@ |
319 | }); | 319 | }); |
320 | }, | 320 | }, |
321 | 321 | ||
322 | // 更新权利人信息 | ||
323 | /** | 322 | /** |
324 | * @description: 更新权利人信息 | 323 | * @description: 更新权利人信息 |
325 | * @param {*} val | 324 | * @param {*} val |
... | @@ -328,6 +327,7 @@ | ... | @@ -328,6 +327,7 @@ |
328 | upDateQlrxxList (val) { | 327 | upDateQlrxxList (val) { |
329 | if (!_.isEqual(val, this.ruleForm.qlrList)) { | 328 | if (!_.isEqual(val, this.ruleForm.qlrList)) { |
330 | this.ruleForm.qlrList = _.cloneDeep(val); | 329 | this.ruleForm.qlrList = _.cloneDeep(val); |
330 | this.czrOptions = this.ruleForm.qlrList | ||
331 | } | 331 | } |
332 | }, | 332 | }, |
333 | // 更新义务人信息 | 333 | // 更新义务人信息 | ... | ... |
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-08-04 09:54:32 | 4 | * @LastEditTime: 2023-08-14 11:21:48 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -50,8 +50,8 @@ class data extends filter { | ... | @@ -50,8 +50,8 @@ class data extends filter { |
50 | }, | 50 | }, |
51 | { | 51 | { |
52 | prop: "qllxmc", | 52 | prop: "qllxmc", |
53 | width: '100', | ||
54 | showOverflowTooltip: true, | 53 | showOverflowTooltip: true, |
54 | width: '100', | ||
55 | label: "权利类型", | 55 | label: "权利类型", |
56 | }, | 56 | }, |
57 | { | 57 | { | ... | ... |
-
Please register or sign in to post a comment