ff9da1c6 by renchao@pashanhoo.com

style:权利人信息模块功能的完善

1 parent 2f882a79
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,26 +66,26 @@ ...@@ -76,26 +66,26 @@
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,
...@@ -103,7 +93,7 @@ export default { ...@@ -103,7 +93,7 @@ export default {
103 qllxDailog, 93 qllxDailog,
104 }, 94 },
105 mixins: [WorkFlow], 95 mixins: [WorkFlow],
106 data() { 96 data () {
107 return { 97 return {
108 bsmSlsq: this.$route.query.bsmSlsq, 98 bsmSlsq: this.$route.query.bsmSlsq,
109 //当前流程所在环节 99 //当前流程所在环节
...@@ -139,7 +129,7 @@ export default { ...@@ -139,7 +129,7 @@ export default {
139 ableOperation: false, 129 ableOperation: false,
140 }; 130 };
141 }, 131 },
142 mounted() { 132 mounted () {
143 // this.getleftMenubl() 133 // this.getleftMenubl()
144 }, 134 },
145 135
...@@ -149,7 +139,7 @@ export default { ...@@ -149,7 +139,7 @@ export default {
149 * @param {*} qllx 139 * @param {*} qllx
150 * @author: renchao 140 * @author: renchao
151 */ 141 */
152 stepForm(qllx) { 142 stepForm (qllx) {
153 this.oneSelectProps.qllx = qllx; 143 this.oneSelectProps.qllx = qllx;
154 if (this.$refs.Menu.supplementarylist.length) { 144 if (this.$refs.Menu.supplementarylist.length) {
155 getStepFormInfo(this.oneSelectProps).then((res) => { 145 getStepFormInfo(this.oneSelectProps).then((res) => {
...@@ -179,7 +169,7 @@ export default { ...@@ -179,7 +169,7 @@ export default {
179 * @param {*} val 169 * @param {*} val
180 * @author: renchao 170 * @author: renchao
181 */ 171 */
182 getCurrentSelectProps(val) { 172 getCurrentSelectProps (val) {
183 this.bsmRepair = val.bsmRepair; 173 this.bsmRepair = val.bsmRepair;
184 if (val.bdcdyid) { 174 if (val.bdcdyid) {
185 this.oneSelectProps = val; 175 this.oneSelectProps = val;
...@@ -200,7 +190,7 @@ export default { ...@@ -200,7 +190,7 @@ export default {
200 * @description: 获取渲染登记簿列表 190 * @description: 获取渲染登记簿列表
201 * @author: renchao 191 * @author: renchao
202 */ 192 */
203 getdjblist() { 193 getdjblist () {
204 getBdcqljqtsx({ 194 getBdcqljqtsx({
205 bdcdyid: this.currentSelectProps.bdcdyid, 195 bdcdyid: this.currentSelectProps.bdcdyid,
206 bdcdyh: this.currentSelectProps.bdcdyh, 196 bdcdyh: this.currentSelectProps.bdcdyh,
...@@ -234,7 +224,7 @@ export default { ...@@ -234,7 +224,7 @@ export default {
234 * @param {*} handleClick 224 * @param {*} handleClick
235 * @author: renchao 225 * @author: renchao
236 */ 226 */
237 handleClick(a) { 227 handleClick (a) {
238 let p = Object.keys(this.tabList[0]).filter( 228 let p = Object.keys(this.tabList[0]).filter(
239 (item) => item == "ableOperation" 229 (item) => item == "ableOperation"
240 ); 230 );
...@@ -250,7 +240,7 @@ export default { ...@@ -250,7 +240,7 @@ export default {
250 * @author: renchao 240 * @author: renchao
251 */ 241 */
252 242
253 beforeLeave(activeName) { 243 beforeLeave (activeName) {
254 if (activeName && activeName != 0) this.getFromRouter(activeName); 244 if (activeName && activeName != 0) this.getFromRouter(activeName);
255 }, 245 },
256 //切换选项卡内容组件 246 //切换选项卡内容组件
...@@ -259,7 +249,7 @@ export default { ...@@ -259,7 +249,7 @@ export default {
259 * @param {*} tabname 249 * @param {*} tabname
260 * @author: renchao 250 * @author: renchao
261 */ 251 */
262 getFromRouter(tabname) { 252 getFromRouter (tabname) {
263 this.componentTag = getForm(tabname); 253 this.componentTag = getForm(tabname);
264 }, 254 },
265 changeywh () { 255 changeywh () {
...@@ -272,7 +262,7 @@ export default { ...@@ -272,7 +262,7 @@ export default {
272 * @param {*} del 262 * @param {*} del
273 * @author: renchao 263 * @author: renchao
274 */ 264 */
275 addRepairRecord(row, del) { 265 addRepairRecord (row, del) {
276 let from = { 266 let from = {
277 bsmQlxx: "", 267 bsmQlxx: "",
278 bsmSlsq: this.bsmSlsq, 268 bsmSlsq: this.bsmSlsq,
...@@ -324,13 +314,13 @@ export default { ...@@ -324,13 +314,13 @@ export default {
324 // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true) 314 // this.$popupDialog(title, "ywbl/ywsq/selectBdc", { 'djywbm': this.$route.query.sqywbm, 'isJump': true, 'sqywInfo': data }, "80%", true)
325 // } 315 // }
326 }, 316 },
327 }; 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;
...@@ -340,5 +330,5 @@ export default { ...@@ -340,5 +330,5 @@ export default {
340 font-weight: 600; 330 font-weight: 600;
341 color: #3498db; 331 color: #3498db;
342 } 332 }
343 } 333 }
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 {
......