Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
bee6edb8 by 单帅旗
Options

新增：批量房屋首次登记

1 parent c30c2bea
Inline Side-by-side
Showing 4 changed files with 654 additions and 267 deletions
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:30:58 4 * @LastEditTime: 2023-05-17 10:30:58
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8
9 /**
10 * 国有建设用地使用权/房屋所有权-批量房屋初始化
11 * @param data
12 * @author ssq 2023年5月26日14点29分
13 */
14 export function BatchInit(data){
15 let apiUrl = "";
16 switch (data.get("djlx")) {
17 case "100":
18 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/fristBatchInit";
19 break;
20 case "200":
21 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/transferInit";
22 break;
23 case "300":
24 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/changeInit";
25 break;
26 case "400":
27 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/logoutBatchSave";
28 break;
29 case "500":
30 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/riviseInit";
31 break;
32 case "901":
33 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/renewalInit";
34 break;
35 case "902":
36 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/replaceInit";
37 break;
38 }
39 return request({
40 url: apiUrl,
41 method: 'post',
42 data
43 })
44 }
8 /** 45 /**
9 * @description: 初始化内容 46 * @description: 初始化内容
10 * @param {*} data 47 * @param {*} data
11 * @author: renchao 48 * @author: renchao
12 */ 49 */
13 export function Init (data) { 50 export function Init (data) {
14 let apiUrl = ""; 51 let apiUrl = "";
15 switch (data.get("djlx")) { 52 switch (data.get("djlx")) {
16 case "100": 53 case "100":
17 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/fristInit"; 54 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/fristInit";
18 break; 55 break;
19 case "200": 56 case "200":
20 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/transferInit"; 57 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/transferInit";
21 break; 58 break;
22 case "300": 59 case "300":
23 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/changeInit"; 60 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/changeInit";
24 break; 61 break;
25 case "400": 62 case "400":
26 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/logoutInit"; 63 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/logoutInit";
27 break; 64 break;
28 case "500": 65 case "500":
29 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/riviseInit"; 66 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/riviseInit";
30 break; 67 break;
31 case "901": 68 case "901":
32 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/renewalInit"; 69 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/renewalInit";
33 break; 70 break;
34 case "902": 71 case "902":
35 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/replaceInit"; 72 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/replaceInit";
36 break; 73 break;
37 } 74 }
38 return request({ 75 return request({
39 url: apiUrl, 76 url: apiUrl,
40 method: 'post', 77 method: 'post',
41 data 78 data
42 }) 79 })
43 } 80 }
44 /** 81 /**
45 * @description: 首次登记提交 82 * @description: 首次登记提交
...@@ -47,11 +84,11 @@ export function Init (data) { ...@@ -47,11 +84,11 @@ export function Init (data) {
47 * @author: renchao 84 * @author: renchao
48 */ 85 */
49 export function saveBatchData (data) { 86 export function saveBatchData (data) {
50 return request({ 87 return request({
51 url: SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/saveBatchData", 88 url: SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/saveBatchData",
52 method: 'post', 89 method: 'post',
53 data 90 data
54 }) 91 })
55 } 92 }
56 93
57 /** 94 /**
...@@ -60,10 +97,10 @@ export function saveBatchData (data) { ...@@ -60,10 +97,10 @@ export function saveBatchData (data) {
60 * @author: renchao 97 * @author: renchao
61 */ 98 */
62 export function saveData (data) { 99 export function saveData (data) {
63 return request({ 100 return request({
64 url: SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/saveData", 101 url: SERVER.SERVERAPI + "/rest/ywbl/fdcq2lr/saveData",
65 method: 'post', 102 method: 'post',
66 data 103 data
67 }) 104 })
68 } 105 }
69 106
......
...@@ -39,151 +39,156 @@ ...@@ -39,151 +39,156 @@
39 </div> 39 </div>
40 </template> 40 </template>
41 <script> 41 <script>
42 import { mapGetters } from 'vuex' 42 import { mapGetters } from 'vuex'
43 import { leftMenu } from "@/api/fqsq.js" 43 import { leftMenu } from "@/api/fqsq.js"
44 import { deleteSlbdcdy } from "@/api/ywbl.js"; 44 import { deleteSlbdcdy } from "@/api/ywbl.js";
45 export default { 45 export default {
46 data () { 46 data () {
47 return { 47 return {
48 //受理申请标识码 48 //受理申请标识码
49 bsmSlsq: this.$route.query.bsmSlsq, 49 bsmSlsq: this.$route.query.bsmSlsq,
50 //当前流程所在环节 50 //当前流程所在环节
51 bestepid: this.$route.query.bestepid, 51 bestepid: this.$route.query.bestepid,
52 // 默认选中 52 // 默认选中
53 activeIndex: '0', 53 activeIndex: '0',
54 // 折叠 54 // 折叠
55 isShowdrawer: true, 55 isShowdrawer: true,
56 // 批量操作 56 // 批量操作
57 showBatch: false, 57 showBatch: false,
58 //批量操作按钮名称 58 //批量操作按钮名称
59 batchButtonName: '', 59 batchButtonName: '',
60 //左侧菜单数据集合 60 //左侧菜单数据集合
61 unitData: [], 61 unitData: [],
62 // 设置表单传递数据 62 // 设置表单传递数据
63 currentSelectProps: {} 63 currentSelectProps: {}
64 } 64 }
65 }, 65 },
66 mounted () { 66 mounted () {
67 this.loadBdcdylist(); 67 this.loadBdcdylist();
68 }, 68 },
69 computed: { 69 computed: {
70 ...mapGetters(['isRefresh']) 70 ...mapGetters(['isRefresh'])
71 },
72 watch: {
73 isRefresh: {
74 handler (newVal, oldVal) {
75 if (newVal) this.loadBdcdylist()
76 },
77 immediate: true
78 }
79 },
80 methods: {
81 //读取申请单元信息
82 loadBdcdylist () {
83 var formdata = new FormData();
84 formdata.append("bsmSlsq", this.bsmSlsq);
85 formdata.append("bestepid", this.bestepid);
86 leftMenu(formdata).then((res) => {
87 if (res.code === 200 && res.result) {
88 this.unitData = res.result;
89 this.currentSelectProps = res.result[0];
90 this.$emit('getCurrentSelectProps', this.currentSelectProps);
91 this.judgeBatchShow();
92 if (this.showBatch) {
93 //满足批量查封/批量抵押按钮出现 即先展示批量表单
94 this.batchUnitClick();
95 } else {
96 //默认选择单元列表第一个
97 this.unitClick(0);
98 }
99 }
100 })
71 }, 101 },
72 watch: { 102 //批量按钮判断
73 isRefresh: { 103 judgeBatchShow () {
74 handler (newVal, oldVal) { 104 this.showBatch = false;
75 if (newVal) this.loadBdcdylist() 105 if (this.unitData.length > 1) {
76 }, 106 let qllx = this.$route.query?.sqywbm?.substring(0, 3);
77 immediate: true 107 switch (qllx) {
108 case 'A04':
109 this.showBatch = true;
110 this.batchButtonName = '批量单元信息';
111 break;
112 case 'B39':
113 this.showBatch = true;
114 this.batchButtonName = '批量查封清单信息';
115 break;
116 case 'A37':
117 this.showBatch = true;
118 this.batchButtonName = '批量抵押';
119 break;
120 default:
121 this.batchButtonName = '批量操作';
122 }
78 } 123 }
79 }, 124 },
80 methods: { 125 /**
81 //读取申请单元信息 126 * @description: 删除左侧列表
82 loadBdcdylist () { 127 * @param {*} item
83 var formdata = new FormData(); 128 * @author: renchao
84 formdata.append("bsmSlsq", this.bsmSlsq); 129 */
85 formdata.append("bestepid", this.bestepid); 130 handleDel (item) {
86 leftMenu(formdata).then((res) => { 131 this.$confirm("确定要删除吗, 是否继续?", "提示", {
87 if (res.code === 200 && res.result) { 132 confirmButtonText: "确定",
88 this.unitData = res.result; 133 cancelButtonText: "取消",
89 this.currentSelectProps = res.result[0]; 134 type: "warning",
90 this.$emit('getCurrentSelectProps', this.currentSelectProps); 135 })
91 this.judgeBatchShow(); 136 .then(() => {
92 if (this.showBatch) { 137 var formdata = new FormData();
93 //满足批量查封/批量抵押按钮出现 即先展示批量表单 138 formdata.append("bsmSldyList", item.bsmSldy.split(","));
94 this.batchUnitClick(); 139 // formdata.append("bsmSlsq", this.bsmSlsq);
140 deleteSlbdcdy(formdata).then((res) => {
141 if (res.code == 200) {
142 this.$message.success("删除成功");
143 /**
144 * @description: 更新列表
145 * @author: miaofang
146 */
147 this.loadBdcdylist()
148 // this.$parent.updateDialog();
95 } else { 149 } else {
96 //默认选择单元列表第一个 150 this.$message.error(res.message);
97 this.unitClick(0);
98 } 151 }
99 } 152 });
100 })
101 },
102 //批量按钮判断
103 judgeBatchShow () {
104 this.showBatch = false;
105 if (this.unitData.length > 1) {
106 let qllx = this.$route.query?.sqywbm?.substring(0, 3);
107 switch (qllx) {
108 case 'B39':
109 this.showBatch = true;
110 this.batchButtonName = '批量查封清单信息';
111 break;
112 case 'A37':
113 this.showBatch = true;
114 this.batchButtonName = '批量抵押';
115 break;
116 default:
117 this.batchButtonName = '批量操作';
118 }
119 }
120 },
121 /**
122 * @description: 删除左侧列表
123 * @param {*} item
124 * @author: renchao
125 */
126 handleDel (item) {
127 this.$confirm("确定要删除吗, 是否继续?", "提示", {
128 confirmButtonText: "确定",
129 cancelButtonText: "取消",
130 type: "warning",
131 }) 153 })
132 .then(() => { 154 .catch(() => {
133 var formdata = new FormData(); 155 this.$message({
134 formdata.append("bsmSldyList", item.bsmSldy.split(",")); 156 type: "info",
135 // formdata.append("bsmSlsq", this.bsmSlsq); 157 message: "已取消删除",
136 deleteSlbdcdy(formdata).then((res) => {
137 if (res.code == 200) {
138 this.$message.success("删除成功");
139 /**
140 * @description: 更新列表
141 * @author: miaofang
142 */
143 this.loadBdcdylist()
144 // this.$parent.updateDialog();
145 } else {
146 this.$message.error(res.message);
147 }
148 });
149 })
150 .catch(() => {
151 this.$message({
152 type: "info",
153 message: "已取消删除",
154 });
155 }); 158 });
156 }, 159 });
157 //批量按钮点击事件 160 },
158 batchUnitClick () { 161 //批量按钮点击事件
159 this.currentSelectProps.batchOperation = true; 162 batchUnitClick () {
160 this.activeIndex = "-1"; 163 this.currentSelectProps.batchOperation = true;
161 this.$parent.stepForm(); 164 this.activeIndex = "-1";
162 }, 165 this.$parent.stepForm();
163 //批量操作 166
164 handleBatchDel () { 167 },
165 this.$popupDialog("批量删除", "workflow/components/batchDel", { 168 //批量操作
166 bsmSlsq: this.bsmSlsq, 169 handleBatchDel () {
167 dataList: this.unitData, 170 this.$popupDialog("批量删除", "workflow/components/batchDel", {
168 }, '50%', true) 171 bsmSlsq: this.bsmSlsq,
169 }, 172 dataList: this.unitData,
170 //申请单元点击事件 173 }, '50%', true)
171 unitClick (index) { 174 },
172 this.currentSelectProps = this.unitData[index]; 175 //申请单元点击事件
173 this.currentSelectProps.batchOperation = false; 176 unitClick (index) {
174 this.activeIndex = index.toString(); 177 this.currentSelectProps = this.unitData[index];
175 //选中表单传递数据 178 this.currentSelectProps.batchOperation = false;
176 this.$emit('getCurrentSelectProps', this.currentSelectProps); 179 this.activeIndex = index.toString();
177 this.$parent.stepForm(index); 180 //选中表单传递数据
178 this.$store.dispatch('user/refreshPage', false); 181 this.$emit('getCurrentSelectProps', this.currentSelectProps);
179 } 182 this.$parent.stepForm(index);
183 this.$store.dispatch('user/refreshPage', false);
180 } 184 }
181 } 185 }
186 }
182 </script> 187 </script>
183 <style scoped lang='scss'> 188 <style scoped lang='scss'>
184 @import "~@/styles/mixin.scss"; 189 @import "~@/styles/mixin.scss";
185 @import "../../workFrame.scss"; 190 @import "../../workFrame.scss";
186 .leftmenu ul { 191 .leftmenu ul {
187 height: calc(100vh - 120px); 192 height: calc(100vh - 120px);
188 } 193 }
189 </style> 194 </style>
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-29 14:39:11 4 * @LastEditTime: 2023-05-29 14:39:11
5 */ 5 */
6 //流程环节操作按钮 6 //流程环节操作按钮
7 export function getForm (tabName, djywbm) { 7 export function getForm(tabName, djywbm) {
8 let form; 8 let form;
9 switch (tabName) { 9 switch (tabName) {
10 case "jsydsyqslxx100": 10 case "jsydsyqslxx100":
11 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); 11 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue");
12 break; 12 break;
13 case "jsydsyqslxx300": 13 case "jsydsyqslxx300":
14 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); 14 form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue");
15 break; 15 break;
16 case "fwsyqslxx100": 16 case "fwsyqslxx100":
17 form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); 17 form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue");
18 break; 18 break;
19 case "fwsyqslxx300": 19 case "fwsyqslxx300":
20 form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue"); 20 form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue");
21 break; 21 break;
22 case "nydsyqslxx100": 22 case "nydsyqslxx100":
23 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); 23 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
24 break; 24 break;
25 case "nydsyqslxx200": 25 case "plfdcq2":
26 form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); 26 form = require("@/views/ywbl/slsqxx/fdcq2/slxxOverview.vue");
27 break; 27 break;
28 case "tdslxxCfdj": 28 case "nydsyqslxx200":
29 form = require("@/views/ywbl/slsqxx/cfdj/tdslxx.vue"); 29 form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
30 break; 30 break;
31 case "plslxxCfdj": 31 case "tdslxxCfdj":
32 form = require("@/views/ywbl/slsqxx/cfdj/plcfslxx.vue"); 32 form = require("@/views/ywbl/slsqxx/cfdj/tdslxx.vue");
33 break; 33 break;
34 case "diyaqSlxx": 34 case "plslxxCfdj":
35 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 35 form = require("@/views/ywbl/slsqxx/cfdj/plcfslxx.vue");
36 break; 36 break;
37 case "diyaqSlxx200": 37 case "diyaqSlxx":
38 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue"); 38 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
39 break; 39 break;
40 case "diyaqSlxx300": 40 case "diyaqSlxx200":
41 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue"); 41 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue");
42 break; 42 break;
43 case "clxx": 43 case "diyaqSlxx300":
44 form = require("@/views/workflow/components/clxxUnify.vue"); 44 form = require("@/views/ywbl/slsqxx/diyaq/slxx200.vue");
45 break; 45 break;
46 case "spyj": 46 case "clxx":
47 form = require("@/views/workflow/components/spyj.vue"); 47 form = require("@/views/workflow/components/clxxUnify.vue");
48 break; 48 break;
49 case "zdjbxx": 49 case "spyj":
50 form = require("@/views/registerBook/zdjbxx.vue"); 50 form = require("@/views/workflow/components/spyj.vue");
51 break; 51 break;
52 case "ygmm100": 52 case "zdjbxx":
53 form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue"); 53 form = require("@/views/registerBook/zdjbxx.vue");
54 break; 54 break;
55 case "ygmm300": 55 case "ygmm100":
56 form = require("@/views/ywbl/slsqxx/ygdj/slxx300.vue"); 56 form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue");
57 break; 57 break;
58 case "ygdy100": 58 case "ygmm300":
59 case "ygdy300": 59 form = require("@/views/ywbl/slsqxx/ygdj/slxx300.vue");
60 form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue"); 60 break;
61 break; 61 case "ygdy100":
62 case "zjgcdyqSlxx": 62 case "ygdy300":
63 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); 63 form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue");
64 break; 64 break;
65 case "cfdjxx": 65 case "zjgcdyqSlxx":
66 form = require("@/views/registerBook/cfdj.vue"); 66 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
67 break; 67 break;
68 case "jsydsyqQlxx": 68 case "cfdjxx":
69 form = require("@/views/registerBook/jsydsyq.vue"); 69 form = require("@/views/registerBook/cfdj.vue");
70 break; 70 break;
71 case "nydsyqQlxx": 71 case "jsydsyqQlxx":
72 form = require("@/views/registerBook/nydsyq.vue"); 72 form = require("@/views/registerBook/jsydsyq.vue");
73 break; 73 break;
74 case "fdcq2Qlxx": 74 case "nydsyqQlxx":
75 form = require("@/views/registerBook/fdcq2.vue"); 75 form = require("@/views/registerBook/nydsyq.vue");
76 break; 76 break;
77 case "diyaqQlxx": 77 case "fdcq2Qlxx":
78 form = require("@/views/registerBook/diyaq.vue"); 78 form = require("@/views/registerBook/fdcq2.vue");
79 break; 79 break;
80 case "ygdjQlxx": 80 case "diyaqQlxx":
81 form = require("@/views/registerBook/ygdj.vue"); 81 form = require("@/views/registerBook/diyaq.vue");
82 break; 82 break;
83 case "szxx": 83 case "ygdjQlxx":
84 form = require("@/views/workflow/components/szxx.vue"); 84 form = require("@/views/registerBook/ygdj.vue");
85 break; 85 break;
86 case "fzxx": 86 case "szxx":
87 form = require("@/views/workflow/components/fzxx.vue"); 87 form = require("@/views/workflow/components/szxx.vue");
88 break; 88 break;
89 case "zdt": 89 case "fzxx":
90 form = require("@/views/workflow/components/zdt.vue"); 90 form = require("@/views/workflow/components/fzxx.vue");
91 break; 91 break;
92 default: 92 case "zdt":
93 form = require("@/views/error-page/404.vue"); 93 form = require("@/views/workflow/components/zdt.vue");
94 break; 94 break;
95 } 95 default:
96 return (r) => require.ensure([], () => r(form)); 96 form = require("@/views/error-page/404.vue");
97 break;
98 }
99 return (r) => require.ensure([], () => r(form));
97 } 100 }
......
1 <!--
2 * @Description: 受理信息
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:41:40
5 -->
6 <template>
7 <div class="slxx">
8 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
9 label-width="120px">
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block">
12 受理信息
13 <div class="triangle"></div>
14 </div>
15 <el-row :gutter="10" v-if="ruleForm.slsq">
16 <el-col :span="8">
17 <el-form-item label="业务号：">
18 <el-input disabled v-model="ruleForm.slsq.ywh"></el-input>
19 </el-form-item>
20 </el-col>
21 <el-col :span="8">
22 <el-form-item label="受理人员：">
23 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
24 </el-form-item>
25 </el-col>
26 <el-col :span="8">
27 <el-form-item label="受理时间：">
28 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
29 </el-form-item>
30 </el-col>
31 </el-row>
32 <el-row :gutter="10" v-if="ruleForm.slsq">
33 <el-col :span="8">
34 <el-form-item label="权利类型：">
35 <el-input disabled v-model="ruleForm.slsq.qllxmc"></el-input>
36 </el-form-item>
37 </el-col>
38 <el-col :span="8">
39 <el-form-item label="登记类型：">
40 <el-input disabled v-model="ruleForm.slsq.djlxmc"></el-input>
41 </el-form-item>
42 </el-col>
43 <el-col :span="8">
44 <el-form-item label="登记情形：">
45 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
46 </el-form-item>
47 </el-col>
48 </el-row>
49 <div class="slxx_title title-block">
50 房屋概况
51 <div class="triangle"></div>
52 </div>
53 <el-row :gutter="10" v-if="ruleForm.zdjbxx">
54 <el-col :span="8">
55 <el-form-item label="规划用途名称：">
56 <el-input disabled v-model="ruleForm.zdjbxx.ghytmc"></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="8">
60 <el-form-item label="权利设定方式名称：">
61 <el-input disabled v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
62 </el-form-item>
63 </el-col>
64 <el-col :span="8">
65 <el-form-item label="房屋性质：">
66 <el-input disabled v-model="splicingFdcq2.fwxz"></el-input>
67 </el-form-item>
68 </el-col>
69 </el-row>
70 <el-row :gutter="10" v-if="ruleForm.zdjbxx">
71 <el-col :span="8">
72 <el-form-item label="房屋结构：">
73 <el-input disabled v-model="splicingFdcq2.fwjg"></el-input>
74 </el-form-item>
75 </el-col>
76 <el-col :span="8">
77 <el-form-item label="建筑总面积：">
78 <el-input disabled v-model="splicingFdcq2.jzmj"></el-input>
79 </el-form-item>
80 </el-col>
81 <el-col :span="8">
82 <el-form-item label="房屋总套数：">
83 <el-input disabled v-model="splicingFdcq2.zts"></el-input>
84 </el-form-item>
85 </el-col>
86 </el-row>
87 <div class="slxx_title title-block">
88 权利人信息
89 <div class="triangle"></div>
90 </div>
91 <el-row :gutter="10">
92 <el-col :span="14" v-if="ruleForm.qlxx">
93 <el-form-item label="共有方式：">
94 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
95 v-model="ruleForm.slsq.gyfs">
96 <el-radio label="0">单独所有</el-radio>
97 <el-radio label="1">共同共有</el-radio>
98 <el-radio label="2">按份所有</el-radio>
99 <el-radio label="3">其它共有</el-radio>
100 </el-radio-group>
101 </el-form-item>
102 </el-col>
103 <el-col :span="5">
104 <el-form-item label="发证方式：">
105 <el-radio-group v-model="ruleForm.slsq.fzfs">
106 <el-radio label="1">小证</el-radio>
107 <el-radio label="2">大证</el-radio>
108 </el-radio-group>
109 </el-form-item>
110 </el-col>
111
112 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'">
113 <el-form-item label="是否分别持证：">
114 <el-radio-group v-model="ruleForm.slsq.sqfbcz">
115 <el-radio label="1">是</el-radio>
116 <el-radio label="0">否</el-radio>
117 </el-radio-group>
118 </el-form-item>
119 </el-col>
120 <el-col :span="5" v-show="ruleForm.qlxx && ruleForm.qlxx.gyfs == '2'">
121 <el-form-item label="持证人：">
122 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
123 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
124 </el-option>
125 </el-select>
126 </el-form-item>
127 </el-col>
128 </el-row>
129 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
130 :gyfs="ruleForm.qlxx.gyfs" />
131
132 <!-- <div v-if="ruleForm.ywrList">
133 <div class="slxx_title title-block">
134 义务人信息
135 <div class="triangle"></div>
136 </div>
137 <qlrCommonTable v-if="ruleForm.qlxxList" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
138 :gyfs="ruleForm.qlxx.gyfs" />
139 </div>-->
140 <div class="slxx_title title-block">
141 登记原因
142 <div class="triangle"></div>
143 </div>
144 <el-row :gutter="10">
145 <el-col>
146 <el-form-item v-if="ruleForm.fdcq2" label="登记原因：" prop="djyy">
147 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
148 v-model="ruleForm.fdcq2.djyy">
149 </el-input>
150 </el-form-item>
151 </el-col>
152 </el-row>
153 </div>
154 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
155 <el-form-item>
156 <el-button type="primary" @click="onSubmit">保存</el-button>
157 </el-form-item>
158 </el-row>
159 </el-form>
160 </div>
161 </template>
162 <script>
163 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
164 import {BatchInit, Init, saveBatchData, saveData} from "@/api/workflow/fwsyqFlow.js";
165 import { mapGetters } from "vuex";
166 export default {
167 created(callbackfn, thisArg) {
168 this.ableOperation = this.$parent.currentSelectTab.ableOperation
169 this.propsParam = this.$attrs;
170 var formdata = new FormData();
171 formdata.append("bsmSldy", this.propsParam.bsmSldy);
172 formdata.append("djlx", this.propsParam.djlx);
173 formdata.append("bsmSlsq", this.bsmSlsq);
174 BatchInit(formdata).then((res) => {
175 if (res.code === 200 && res.result) {
176 this.ruleForm = res.result;
177 this.ruleForm.qlxx = this.ruleForm.qlxxList[0]
178 this.splicingFdcq2Info();
179 }
180 });
181
182 },
183 components: { qlrCommonTable },
184 computed: {
185 ...mapGetters(["dictData", "flag"]),
186 },
187 data () {
188 return {
189 disabled: true,
190 tdytOption: [],
191 czrOptions: [],
192 ruleForm: {
193 slsq: {},
194 zdjbxx: {},
195 sldyList: [],
196 qlxxList: [],
197 fdcq2List:[]
198 },
199 //传递参数
200 propsParam: this.$attrs,
201 //表单是否可操作
202 ableOperation: true,
203 rules: {},
204 bsmSlsq: this.$route.query.bsmSlsq,//受理申请标识码
205 splicingFdcq2:{//前端根据后台数组组装展示内容
206 fwxz:{}//房屋性质
207 ,fwjg:{}//房屋结构
208 ,jzmj:{} //建筑面积
209 ,zts:{}//房屋总套数
210 }
211 }
212 },
213 methods: {
214 //组装房地产权通用信息
215 splicingFdcq2Info(){
216 let fdcq2List = this.ruleForm.fdcq2List;
217 let fwxzArr = [];
218 let fwjgArr = [];
219 let jzmj = 0;
220 fdcq2List.forEach(fdcq2 => {
221 fwxzArr.push(fdcq2.fwxzmc);
222 fwjgArr.push(fdcq2.fwjgmc);
223 jzmj += parseFloat(fdcq2.jzmj);
224 })
225 //将数据转为字符串
226 //房屋性质
227 let fwxz = Array.from(new Set(fwxzArr)).join(",");
228 //房屋结构
229 let fwjg = Array.from(new Set(fwjgArr)).join(",");
230 this.splicingFdcq2.fwxz = fwxz;
231 this.splicingFdcq2.fwjg = fwjg;
232 this.splicingFdcq2.jzmj = jzmj;
233 this.splicingFdcq2.zts = fdcq2List.length;
234 },
235
236 // 更新权利人信息
237 upDateQlrxxList (val) {
238 this.ruleForm.qlrList = _.cloneDeep(val);
239 },
240 showCZInfo () {
241 console.log(this.ruleForm.slsq.gyfs);
242 },
243 // 更新义务人信息
244 upDateYwrxxList (val) {
245 this.ruleForm.ywrList = _.cloneDeep(val);
246 },
247 onSubmit () {
248 saveBatchData(this.ruleForm).then((res) => {
249 if (res.code === 200) {
250 this.$message({
251 showClose: true,
252 message: "保存成功！",
253 type: "success",
254 });
255 this.$store.dispatch('user/refreshPage', true);
256 } else {
257 this.$message({
258 showClose: true,
259 message: res.message,
260 type: "error"
261 })
262 }
263 })
264 }
265 }
266 }
267 </script>
268 <style scoped lang='scss'>
269 @import "~@/styles/public.scss";
270
271 /deep/.el-form {
272 display: flex;
273 flex-direction: column;
274 height: calc(100vh - 130px);
275 }
276
277 /deep/.el-form-item__label {
278 padding: 0;
279 }
280
281 /deep/.el-radio {
282 margin-right: 10px;
283 }
284
285 /deep/.el-select {
286 width: 100%;
287 }
288
289 /deep/.el-form-item {
290 margin-bottom: 8px;
291 }
292
293 .marginBot0 {
294 margin-bottom: 0 !important;
295 }
296
297 .slxx {
298 box-sizing: border-box;
299 }
300
301 .slxx_con {
302 flex: 1;
303 height: 100%;
304 background-color: #ffffff;
305 overflow-y: auto;
306 padding-right: 3px;
307 overflow-x: hidden;
308 }
309
310 .submit_btn {
311 height: 50px;
312 }
313
314 .slxx_title {
315 border-bottom: 1px solid $borderColor;
316 padding-left: 10px;
317 padding-bottom: 5px;
318 margin-bottom: 10px;
319 margin-top: 5px;
320 font-size: 16px;
321 font-weight: 500;
322 color: #4a4a4a;
323 }
324
325 .btn {
326 text-align: center;
327 padding-top: 10px;
328 height: 36px;
329 background-color: #ffffff;
330 padding: 5px 0;
331 }
332
333 .textArea {
334 /deep/.el-textarea__inner {
335 min-height: 90px !important;
336 }
337 }
338
339 /deep/.el-form-item__label {
340 padding-bottom: 0px;
341 }
342 </style>