Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
b5f8b965 by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 3bf57f9a b58f1363
Inline Side-by-side
Showing 22 changed files with 1513 additions and 454 deletions
...@@ -4,7 +4,6 @@ ...@@ -4,7 +4,6 @@
4 * @LastEditTime: 2023-07-28 16:33:19 4 * @LastEditTime: 2023-07-28 16:33:19
5 */ 5 */
6 import { getUserInfo } from '@/api/user' 6 import { getUserInfo } from '@/api/user'
7 import { log } from 'bpmn-js-token-simulation'
8 const state = { 7 const state = {
9 name: '', 8 name: '',
10 userInfo:{}, 9 userInfo:{},
......
...@@ -2,8 +2,7 @@ ...@@ -2,8 +2,7 @@
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 :show-message="false" 4 :show-message="false"
5 * @LastEditTime: 2023-08-07 17:32:31 5 * @LastEditTime: 2023-08-17 13:23:51
6 610102123666GS00003W00000000
7 --> 6 -->
8 <template> 7 <template>
9 <!-- 受理信息 --> 8 <!-- 受理信息 -->
...@@ -212,15 +211,6 @@ ...@@ -212,15 +211,6 @@
212 </el-select> 211 </el-select>
213 </el-form-item> 212 </el-form-item>
214 </el-col> 213 </el-col>
215 <!-- <el-col :span="8">
216 <el-form-item
217 label="不动产权证号："
218 prop="qlxx.bdcqzh"
219 :rules="rules.bdcqzhrules"
220 >
221 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
222 </el-form-item>
223 </el-col> -->
224 <el-col :span="8"> 214 <el-col :span="8">
225 <el-form-item label="查封机关："> 215 <el-form-item label="查封机关：">
226 <el-input v-model="ruleForm.cfdj.cfjg"></el-input> 216 <el-input v-model="ruleForm.cfdj.cfjg"></el-input>
...@@ -274,15 +264,6 @@ ...@@ -274,15 +264,6 @@
274 <el-input v-model="ruleForm.cfdj.cffw"></el-input> 264 <el-input v-model="ruleForm.cfdj.cffw"></el-input>
275 </el-form-item> 265 </el-form-item>
276 </el-col> 266 </el-col>
277 <!-- <el-col :span="8">
278 <el-form-item
279 label="区县代码："
280 prop="qlxx.qxdm"
281 :rules="rules.qxdmrules"
282 >
283 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
284 </el-form-item>
285 </el-col> -->
286 <el-col :span="8"> 267 <el-col :span="8">
287 <el-form-item 268 <el-form-item
288 label="登记机构：" 269 label="登记机构："
...@@ -315,7 +296,7 @@ ...@@ -315,7 +296,7 @@
315 </el-date-picker> 296 </el-date-picker>
316 </el-form-item> 297 </el-form-item>
317 </el-col> 298 </el-col>
318 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'"> 299 <el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
319 <el-form-item label="解封业务号："> 300 <el-form-item label="解封业务号：">
320 <el-input maxlength="11" v-model="ruleForm.qlxx.zxywh"></el-input> 301 <el-input maxlength="11" v-model="ruleForm.qlxx.zxywh"></el-input>
321 </el-form-item> 302 </el-form-item>
...@@ -355,7 +336,7 @@ ...@@ -355,7 +336,7 @@
355 </el-date-picker> 336 </el-date-picker>
356 </el-form-item> 337 </el-form-item>
357 </el-col> 338 </el-col>
358 <el-col :span="24"> 339 <el-col :span="24">
359 <el-form-item label="附记："> 340 <el-form-item label="附记：">
360 <el-input v-model="ruleForm.cfdj.fj"></el-input> 341 <el-input v-model="ruleForm.cfdj.fj"></el-input>
361 </el-form-item> 342 </el-form-item>
...@@ -560,9 +541,9 @@ ...@@ -560,9 +541,9 @@
560 init(this.propsParam).then((res) => { 541 init(this.propsParam).then((res) => {
561 if (res.code == 200) { 542 if (res.code == 200) {
562 this.ruleForm = res.result; 543 this.ruleForm = res.result;
563 if(this.ruleForm.cfdj){ 544 if (this.ruleForm.cfdj) {
564 this.ruleForm.cfdj.sfbxf="2" 545 this.ruleForm.cfdj.sfbxf = "2"
565 } 546 }
566 this.isShow = true; 547 this.isShow = true;
567 let djlx = this.ruleForm.qlxx.djlx; 548 let djlx = this.ruleForm.qlxx.djlx;
568 this.$endLoading(); 549 this.$endLoading();
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-15 10:39:19 4 * @LastEditTime: 2023-08-15 10:39:19
5 --> 5 -->
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 </tr> 18 </tr>
19 <tr v-for="(item, index) in bdcqlml" :key="index"> 19 <tr v-for="(item, index) in bdcqlml" :key="index">
20 <td>{{ index + 1 }}</td> 20 <td>{{ index + 1 }}</td>
21 <td><el-link type="primary" @click="handleSelectBdcdyh(item.bdcdyh)" :underline="false">{{ item.bdcdyh }} </el-link></td> 21 <td><el-link type="primary" @click="handleSelectBdcdyh(item)" :underline="false">{{ item.bdcdyh }} </el-link></td>
22 <td>{{ item.bdclx }}</td> 22 <td>{{ item.bdclx }}</td>
23 <td>{{ item.szbs }}</td> 23 <td>{{ item.szbs }}</td>
24 <td>{{ item.bz }}</td> 24 <td>{{ item.bz }}</td>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:07 4 * @LastEditTime: 2023-07-19 09:52:07
5 --> 5 -->
6 <template> 6 <template>
7 <div class="bdcqljqtsx"> 7 <div class="bdcqljqtsx">
8 <div class="content"> 8 <div class="content" v-if="qlxxList.ztqlmc">
9 <div class="title">不动产权利及其他事项<br />登记信息</div> 9 <div class="title">不动产权利及其他事项<br />登记信息</div>
10 <div> 10 <div>
11 不动产单元号: 11 不动产单元号:
......
...@@ -6,148 +6,325 @@ ...@@ -6,148 +6,325 @@
6 <template> 6 <template>
7 <div class="content"> 7 <div class="content">
8 <div class="left"> 8 <div class="left">
9 <el-tree ref="tree" :data="treedata" :props="defaultProps" @node-click="handleNodeClick" 9 <el-tree
10 :default-expand-all="true" :expand-on-click-node="false" node-key="id" :default-checked-keys="[showTab]"> 10 ref="tree"
11 :data="treedata"
12 :props="defaultProps"
13 @node-click="handleNodeClick"
14 :default-expand-all="true"
15 :expand-on-click-node="false"
16 node-key="id"
17 :default-checked-keys="[showTab]"
18 >
11 </el-tree> 19 </el-tree>
20 <el-collapse v-model="activeName" accordion>
21 <el-collapse-item
22 class="sfqqq"
23 ref="sfq"
24 v-for="(item, index) in sfqdata"
25 :key="index"
26 :name="index"
27 >
28 <template slot="title">
29 <span class="text" @click="addlist(item)">
30 <span>
31 {{ item.label }}
32 </span>
33 </span>
34 </template>
35 <el-button
36 v-for="(item, index) in item.children"
37 :re='item'
38 :key="index"
39 class="sfqcontent"
40 @click="addlist(item, index)"
41 >
42 {{ item.label }}
43 </el-button>
44 </el-collapse-item>
45 </el-collapse>
12 </div> 46 </div>
13 <div class="right"> 47 <div class="right">
14 <component :is="componentTag" @getBdcdyh="getBdcdyh" v-bind="currentSelectProps" /> 48 <component
49 :is="componentTag"
50 @getBdcdyh="getBdcdyh"
51 v-bind="currentSelectProps"
52 />
15 </div> 53 </div>
16 </div> 54 </div>
17 </template> 55 </template>
18 <script> 56 <script>
19 import { getBdcqljqtsx } from "@/api/djbDetail.js"; 57 import { getBdcqljqtsx } from "@/api/djbDetail.js";
20 import { loadTreeData, getNode } from "./djbFrameData.js"; 58 import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
21 export default { 59 export default {
22 data () { 60 data() {
23 return { 61 return {
24 //接收参数 62 activeName: 0,
25 // propsParam: this.$attrs, 63 //接收参数
26 //左侧目录 64 // propsParam: this.$attrs,
27 catalog: {}, 65 //左侧目录
28 //选择加载哪一个组件 66 catalog: {},
29 componentTag: "", 67 //选择加载哪一个组件
30 //子组件接收参数 68 componentTag: "",
31 currentSelectProps: {}, 69 //子组件接收参数
32 //左侧树形结构数据 70 currentSelectProps: {},
33 treedata: [], 71 //左侧树形结构数据
34 defaultNode: "", 72 treedata: [],
35 defaultProps: { 73 sfqdata: [],
36 value: "id", 74 defaultNode: "",
37 children: "children", 75 defaultProps: {
38 label: "label", 76 value: "id",
39 }, 77 children: "children",
40 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 78 label: "label",
41 };
42 },
43 props: ["formData"],
44 mounted () {
45 this.loadData(this.formData.bdcdyh);
46 },
47 methods: {
48 getBdcdyh (val) {
49 // this.loadData(val);
50 }, 79 },
51 /** 80 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
52 * @description: loadData 81 };
53 * @author: renchao 82 },
54 */ 83 props: ["formData"],
55 loadData (val) { 84 mounted() {
56 getBdcqljqtsx({ 85 this.loadData(this.formData.bdcdyh);
57 bdcdyid: this.formData.bdcdyid, 86 },
58 bdcdyh: val, 87 methods: {
59 }).then((res) => { 88
60 if (res.code === 200) { 89 /**
61 this.treedata = loadTreeData(res.result, this.formData.bdcdyh); 90 * @description: getBdcdyh
62 this.$nextTick(function () { 91 * @author: miaofang
63 this.defaultNode = getNode(this.formData.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, this.formData.bdcdylx || ""); 92 * 点击不动产单元号事件
64 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点 93 */
65 this.loadComponent(this.defaultNode.form); 94 getBdcdyh(val) {
66 }) 95 this.addloadData(val);
96 },
97 /**
98 * @description: addloadData
99 * @author: miaofang
100 */
101 addloadData(val) {
102 getBdcqljqtsx({
103 bdcdyid: val.bdcdyid,
104 bdcdyh: val.bdcdyh,
105 }).then((res) => {
106 if (res.code === 200) {
107 if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) {
108 let index= this.sfqdata.findIndex((item) => {
109 return item.bdcdyid ==val.bdcdyid;
110 });
111 this.activeName=index
112 this.setstyle(index,0);
67 } else { 113 } else {
68 this.$message.error(res.message); 114 this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
115 this.activeName = this.sfqdata.length - 1;
116 this.$nextTick(() => {
117 this.setstyle(this.sfqdata.length - 1,0);
118 })
69 } 119 }
70 })
71 this.currentSelectProps = {
72 bdcdyid: this.formData.bdcdyid,
73 bdcdyh: this.formData.bdcdyh,
74 qllx: this.formData.qllx,
75 bsmQlxx: this.formData.bsmQlxx
76 } 120 }
77 }, 121 });
78 /** 122 this.currentSelectProps = {
79 * @description: handleNodeClick 123 bdcdyid: val.bdcdyid,
80 * @param {*} data 124 bdcdyh: val.bdcdyh,
81 * @param {*} node 125 qllx: this.formData.qllx,
82 * @param {*} elem 126 bsmQlxx: this.formData.bsmQlxx,
83 * @author: renchao 127 };
84 */ 128 },
85 handleNodeClick (data, node, elem) { 129 /**
86 this.loadComponent(data.form); 130 * @description: loadData
87 }, 131 * @author: renchao
88 /** 132 */
89 * @description: loadComponent 133 loadData(val) {
90 * @param {*} form 134 getBdcqljqtsx({
91 * @author: renchao 135 bdcdyid: this.formData.bdcdyid,
92 */ 136 bdcdyh: val,
93 loadComponent (form) { 137 }).then((res) => {
94 this.componentTag = (r) => 138 if (res.code === 200) {
95 require.ensure([], () => r(require("@/views/registerBook/" + form))) 139 this.treedata = loadTreeData(val);
140 this.sfqdata.push(
141 loadsfqData(res.result, val, this.formData.bdcdyid)
142 );
143 this.$nextTick(function () {
144 this.defaultNode = getNode(
145 this.formData.qllx,
146 { linShi: 0, xianShi: 0, liShi: 0 },
147 this.formData.bdcdylx || ""
148 );
149 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
150 this.loadComponent(this.defaultNode.form);
151 this.setstyle(0,0);
152 });
153 }
154 });
155 this.currentSelectProps = {
156 bdcdyid: this.formData.bdcdyid,
157 bdcdyh: val,
158 qllx: this.formData.qllx,
159 bsmQlxx: this.formData.bsmQlxx,
160 };
161 },
162 /**
163 * @description: handleNodeClick
164 * @param {*} data
165 * @author: renchao
166 */
167 handleNodeClick(data) {
168 this.loadComponent(data.form);
169 },
170 /**
171 * @description: setstyle
172 * @param {*} data
173 * @author: renchao
174 * 设置样式和点击定位到当前功能
175 */
176 setstyle(newindex,index) {
177 if(index==0){
178 this.loadComponent(this.$refs.sfq[newindex].$children[0].$attrs.re.form);
96 } 179 }
97 } 180 let dpme = this.$refs.sfq[newindex].$children[0].$el
98 } 181 if (index != 0) {
182 dpme.style.backgroundColor = "#ffffff";
183 dpme.style.color = "black";
184 dpme.style.border = "none";
185 } else {
186 dpme.style.backgroundColor = "#f5f5f5";
187 dpme.style.color = "#0079fe";
188 dpme.style.borderRight = "4px solid #0079fe";
189 }
190 },
191 /**
192 * @description: addlist
193 * @param {*} data
194 * @author: renchao
195 * 新增列表功能
196 */
197 addlist(data, index) {
198 let newindex= this.sfqdata.findIndex((item) => {
199 return item.bdcdyid ==data.bdcdyid;
200 });
201 this.setstyle(newindex,index);
202 this.currentSelectProps.bdcdyid = data.bdcdyid;
203 this.loadComponent(data.form);
204 },
205 /**
206 * @description: loadComponent
207 * @param {*} form
208 * @author: renchao
209 */
210 loadComponent(form) {
211 this.componentTag = (r) =>
212 require.ensure([], () => r(require("@/views/registerBook/" + form)));
213 },
214 },
215 };
99 </script> 216 </script>
100 <style scoped lang="scss"> 217 <style scoped lang="scss">
101 /deep/.rollTable { 218 /deep/.rollTable {
102 height: calc(100vh - 300px) !important; 219 height: calc(100vh - 300px) !important;
103 } 220 }
104
105 .content {
106 width: 100%;
107 height: 100%;
108 display: flex;
109
110 .left {
111 width: 256px;
112 height: 704px;
113 background-color: #f5f5f5;
114 color: #333;
115 border: 1px solid rgb(228, 228, 228);
116 }
117 221
118 .right { 222 .content {
119 width: calc(100% - 256px); 223 width: 100%;
120 height: 704px; 224 height: 100%;
121 // overflow-y: scroll; 225 display: flex;
122 // overflow: auto;
123 background-color: #f5f5f5;
124 border: 1px solid rgb(228, 228, 228);
125 }
126 }
127 226
128 /deep/ .expanded.el-tree-node__expand-icon, 227 .left {
129 /deep/ .el-tree-node__expand-icon { 228 width: 256px;
130 visibility: hidden; 229 height: 704px;
131 } 230 background-color: #f5f5f5;
132 231 color: #333;
133 /deep/ .el-tree-node__content {
134 border: 1px solid rgb(228, 228, 228); 232 border: 1px solid rgb(228, 228, 228);
135 height: 45px; 233 overflow-y: auto;
136 } 234 }
137 235
138 /deep/ .el-tree-node:focus > .el-tree-node__content { 236 .right {
237 width: calc(100% - 256px);
238 height: 704px;
239 // overflow-y: scroll;
240 // overflow: auto;
139 background-color: #f5f5f5; 241 background-color: #f5f5f5;
140 color: #0079fe; 242 border: 1px solid rgb(228, 228, 228);
141 border-right: 4px solid #0079fe;
142 } 243 }
244 }
143 245
144 /deep/.el-tree-node { 246 /deep/ .expanded.el-tree-node__expand-icon,
145 white-space: pre-wrap; 247 /deep/ .el-tree-node__expand-icon {
146 } 248 visibility: hidden;
249 }
147 250
148 /deep/ .is-current > .el-tree-node__content { 251 /deep/ .el-tree-node__content {
149 background-color: #f5f5f5; 252 border: 1px solid rgb(228, 228, 228);
150 color: #0079fe; 253 height: 45px;
151 border-right: 4px solid #0079fe; 254 }
255
256 /deep/ .el-tree-node:focus > .el-tree-node__content {
257 // background-color: #f5f5f5;
258 // color: #0079fe;
259 // border-right: 4px solid #0079fe;
260 }
261
262 /deep/.el-tree-node {
263 white-space: pre-wrap;
264 }
265
266 /deep/ .is-current > .el-tree-node__content {
267 // background-color: #f5f5f5;
268 // color: #0079fe;
269 // border-right: 4px solid #0079fe;
270 }
271
272 /deep/.el-collapse-item__header {
273 width: 100%;
274 cursor: pointer;
275 position: relative;
276 .el-collapse-item__arrow {
277 position: absolute;
278 top: 15px;
279 right: 0px;
280 }
281 align-items: center;
282 .text {
283 width: 100%;
284 height: 45px;
285 display: inline-block;
286 span {
287 margin-left: 60px;
288 padding-top: 10px;
289 display: inline-block;
290 line-height: 15px;
291 }
292 }
293 height: 45px;
294 display: inline-block;
295 line-height: 45px;
296 border: 1px solid rgb(228, 228, 228);
297 }
298 /deep/.el-collapse-item__content {
299 padding-bottom: 5px;
300 }
301 /deep/.sfqcontent {
302 white-space: wrap;
303 border: none;
304 padding: 0;
305 margin: 0;
306 cursor: pointer;
307 width: 100%;
308 height: 100px;
309 word-break: break-word;
310 display: inline;
311 span {
312 font-size: 13px;
313 display: block;
314 line-height: 15px;
315 margin-left: 70px;
152 } 316 }
317 height: 45px;
318 border: 1px solid rgb(228, 228, 228);
319 border-right: 4px solid #f5f5f5;
320 }
321 .sfqcontent:hover {
322 background-color: #f5f5f5;
323 color: black;
324 }
325 .sfqcontent:focus {
326 background-color: #f5f5f5;
327 color: #0079fe;
328 border-right: 4px solid #0079fe;
329 }
153 </style> 330 </style>
......
1 import { log } from "bpmn-js-token-simulation";
1 2
2 3
3 var qlxxPage = [ 4 var qlxxPage = [
...@@ -41,34 +42,36 @@ var qlxxPage = [ ...@@ -41,34 +42,36 @@ var qlxxPage = [
41 //组装登记簿树形结构 42 //组装登记簿树形结构
42 /** 43 /**
43 * @description: 组装登记簿树形结构 44 * @description: 组装登记簿树形结构
44 * @param {*} qlxxData
45 * @param {*} bdcdyh 45 * @param {*} bdcdyh
46 * @author: renchao 46 * @author: renchao
47 */ 47 */
48 export function loadTreeData(qlxxData, bdcdyh) { 48 export function loadTreeData(bdcdyh) {
49 let treedata = []; 49 let treedata = [];
50 //加载封面 50 //加载封面
51 treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" }); 51 treedata.push({ id: "djbfm", form: "djbfm.vue", label: "登记簿封面" });
52 treedata.push({ id: "zdjbxx", form: "zdjbxx.vue", label: "宗地基本信息\n(" + bdcdyh.substring(0, 19) + ")", children: [] }); 52 treedata.push({ id: "zdjbxx", form: "zdjbxx.vue", label: "宗地基本信息\n(" + bdcdyh.substring(0, 19) + ")", children: [] });
53 treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] }); 53 treedata[1].children.push({ id: "bdcqldjml", form: "bdcqldjml.vue", label: "不动产权利登记目录", children: [] });
54 treedata[1].children[0].children.push({
55 id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
56 });
57 //主体权利
58 treedata[1].children[0].children[0].children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx));
59 //抵押权
60 treedata[1].children[0].children[0].children.push(getNode("A37", qlxxData.diyaq, ''));
61 //地役权
62 treedata[1].children[0].children[0].children.push(getNode("A19", qlxxData.diyiq, ''));
63 //预告登记
64 treedata[1].children[0].children[0].children.push(getNode("B40", qlxxData.ygdj, ''));
65 //异议登记
66 treedata[1].children[0].children[0].children.push(getNode("B38", qlxxData.yydj, ''));
67 //查封登记
68 treedata[1].children[0].children[0].children.push(getNode("B39", qlxxData.cfdj, ''));
69
70 return treedata; 54 return treedata;
71 } 55 }
56 export function loadsfqData(qlxxData, bdcdyh,bdcdyid) {
57 let treedata={
58 bdcdyid:bdcdyid,id: "bdcqljqtsx", form: "bdcqljqtsx.vue", label: "不动产权利及其他事项\n (" + bdcdyh.slice(19) + ")", children: [],
59 };
60 //主体权利
61 treedata.children.push(getNode(qlxxData.ztqllx, qlxxData.ztql, qlxxData.bdcdylx,bdcdyid));
62 //抵押权
63 treedata.children.push(getNode("A37", qlxxData.diyaq, '',bdcdyid));
64 //地役权
65 treedata.children.push(getNode("A19", qlxxData.diyiq, '',bdcdyid));
66 //预告登记
67 treedata.children.push(getNode("B40", qlxxData.ygdj, '',bdcdyid));
68 //异议登记
69 treedata.children.push(getNode("B38", qlxxData.yydj, '',bdcdyid));
70 //查封登记
71 treedata.children.push(getNode("B39", qlxxData.cfdj, '',bdcdyid));
72
73 return treedata;
74 }
72 75
73 //获取权利类型、不动产单元类型对应的树形节点信息 76 //获取权利类型、不动产单元类型对应的树形节点信息
74 /** 77 /**
...@@ -78,18 +81,18 @@ export function loadTreeData(qlxxData, bdcdyh) { ...@@ -78,18 +81,18 @@ export function loadTreeData(qlxxData, bdcdyh) {
78 * @param {*} bdcdylx 81 * @param {*} bdcdylx
79 * @author: renchao 82 * @author: renchao
80 */ 83 */
81 export function getNode(qllx, qlxx, bdcdylx) { 84 export function getNode(qllx, qlxx, bdcdylx,bdcdyid) {
82 let node; 85 let node;
83 for (var i = 0; i < qlxxPage.length; i++) { 86 for (var i = 0; i < qlxxPage.length; i++) {
84 if (qlxxPage[i].qllx == qllx) { 87 if (qlxxPage[i].qllx == qllx) {
85 if (qllx == "A04" || qllx == "A06" || qllx == "A08") { 88 if (qllx == "A04" || qllx == "A06" || qllx == "A08") {
86 if (bdcdylx == "4") { 89 if (bdcdylx == "4") {
87 node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"}; 90 node = {bdcdyid:bdcdyid,id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
88 } else { 91 } else {
89 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"}; 92 node = { bdcdyid:bdcdyid,id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
90 } 93 }
91 } else { 94 } else {
92 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"}; 95 node = { bdcdyid:bdcdyid,id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label + "(临:" + qlxx.linShi + "，现:" + qlxx.xianShi + "，历:" + qlxx.liShi +")"};
93 } 96 }
94 break; 97 break;
95 } 98 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-07-19 09:52:59 4 * @LastEditTime: 2023-08-17 13:56:50
5 --> 5 -->
6 <template> 6 <template>
7 <div class="content loadingtext"> 7 <div class="content loadingtext">
...@@ -14,223 +14,382 @@ ...@@ -14,223 +14,382 @@
14 :default-expand-all="true" 14 :default-expand-all="true"
15 :expand-on-click-node="false" 15 :expand-on-click-node="false"
16 node-key="id" 16 node-key="id"
17 :default-checked-keys="[showTab]" 17 :default-checked-keys="[showTab]">
18 >
19 </el-tree> 18 </el-tree>
19 <el-collapse v-model="activeName" accordion>
20 <el-collapse-item
21 class="sfqqq"
22 ref="sfq"
23 v-for="(item, index) in sfqdata"
24 :key="index"
25 :name="index">
26 <template slot="title">
27 <span class="text" @click="addlist(item)">
28 <span>
29 {{ item.label }}
30 </span>
31 </span>
32 </template>
33 <el-button
34 v-for="(item, index) in item.children"
35 :re='item'
36 :key="index"
37 class="sfqcontent"
38 @click="addlist(item, index)">
39 {{ item.label }}
40 </el-button>
41 </el-collapse-item>
42 </el-collapse>
20 </div> 43 </div>
21 <div class="right"> 44 <div class="right">
22 <component :is="componentTag" v-bind="currentSelectProps" /> 45 <component
46 :is="componentTag"
47 @getBdcdyh="getBdcdyh"
48 v-bind="currentSelectProps" />
23 </div> 49 </div>
24 </div> 50 </div>
25 </template> 51 </template>
26 <script> 52 <script>
27 import { getBdcqljqtsx } from "@/api/djbDetail.js"; 53 import { getBdcqljqtsx } from "@/api/djbDetail.js";
28 import { loadTreeData, getNode } from "./djbFrameData.js"; 54 import { loadTreeData, loadsfqData, getNode } from "./djbFrameData.js";
29 // import { searchTaskToDo } from "@/api/workflow/search.js"; 55 import { searchTaskToDo } from "@/api/workflow/search.js";
30 import { getDjbBysearch } from "@/api/search.js"; 56 import { leftMenu } from "@/api/workFlow.js";
31 import { 57 export default {
32 leftMenu 58 data () {
33 } from "@/api/workFlow.js"; 59 return {
34 export default { 60 //接收参数
35 data () { 61 // propsParam: this.$attrs,
36 return { 62 //左侧目录
37 //选择加载哪一个组件 63 catalog: {},
38 componentTag: "", 64 //选择加载哪一个组件
39 //子组件接收参数 65 componentTag: "",
40 currentSelectProps: {}, 66 //子组件接收参数
41 //左侧树形结构数据 67 currentSelectProps: {},
42 treedata: [], 68 //左侧树形结构数据
43 // 查询参数 69 treedata: [],
44 queryForm: {}, 70 sfqdata: [],
71 activeName: 0,
72 // 查询参数
73 queryForm: {},
45 74
46 defaultNode: "", 75 defaultNode: "",
47 defaultProps: { 76 defaultProps: {
48 value: "id", 77 value: "id",
49 children: "children", 78 children: "children",
50 label: "label", 79 label: "label",
80 },
81 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断
82 };
83 },
84 mounted () {
85 this.getdata();
86 },
87 methods: {
88 // 截取字符的方法
89 /**
90 * @description: 截取字符的方法
91 * @param {*} obj
92 * @author: renchao
93 */
94 getCaption (obj) {
95 let index = obj.lastIndexOf("=");
96 obj = obj.substring(index + 1, obj.length);
97 return obj;
51 }, 98 },
52 showTab: "bdcqldjml", // 选中状态,根据表格中权利类型判断 99 // 通过不动产业务号获取参数
53 bdcdyid:"", 100 /**
54 bdcdyh: "", 101 * @description: 通过不动产业务号获取参数
55 qllx: "", 102 * @author: renchao
56 bsmQlxx: "", 103 */
57 }; 104 getdata () {
58 }, 105 this.queryForm = {
59 mounted () { 106 bdcdyh: this.getCaption(window.location.href),
60 this.getdata() 107 currentPage: 1,
108 djlx: "",
109 pageSize: 10,
110 qllx: "",
111 ywh: "",
112 ywly: "",
113 };
114 if (this.queryForm) {
115 this.$startLoading();
116 searchTaskToDo({
117 ...this.queryForm,
118 }).then((res) => {
119 if (res.code === 200) {
120 let { records } = res.result;
61 121
62 }, 122 this.loadBdcdylist(records[0].bsmSlsq, records[0].bestepid);
63 methods: { 123 this.$endLoading();
64 // 截取字符的方法 124 }
65 /** 125 });
66 * @description: 截取字符的方法 126 }
67 * @param {*} obj 127 },
68 * @author: renchao
69 */
70 getCaption (obj) {
71 let index = obj.lastIndexOf("=");
72 obj = obj.substring(index + 1, obj.length);
73 return obj
74 },
75 // 通过不动产业务号获取参数
76 /**
77 * @description: 通过不动产业务号获取参数
78 * @author: renchao
79 */
80 getdata () {
81 this.queryForm = {
82 bdcdyh: this.getCaption(window.location.href)
83 128
84 } 129 // 获取不动产信息
85 if (this.getCaption(window.location.href)) { 130 /**
86 this.$startLoading(); 131 * @description: 获取不动产信息
87 getDjbBysearch({ 132 * @param {*} a
88 ...this.queryForm, 133 * @param {*} b
89 }).then((res) => { 134 * @author: renchao
135 */
136 loadBdcdylist (a, b) {
137 var formdata = new FormData();
138 formdata.append("bsmSlsq", a);
139 formdata.append("bestepid", b);
140 leftMenu(formdata).then((res) => {
90 if (res.code === 200) { 141 if (res.code === 200) {
91 this.$endLoading(); 142 if (res.result) {
92 let { records } = res.result; 143 this.currentSelectProps = res.result[0];
93 if(records.length){ 144 this.loadData(this.currentSelectProps.bdcdyh);
94 console.log("true",records.length);
95 this.bdcdyid=records[0].bdcdyid
96 this.bdcdyh=records[0].bdcdyh
97 this.qllx=records[0].qllx
98 this.bsmQlxx=records[0].bsmQlxx
99 this.loadData()
100 }else{
101 console.log("false",records.length);
102 this.treedata=[]
103 } 145 }
104
105 } 146 }
106 }); 147 });
107 }else{ 148 },
108 this.treedata=[]
109 }
110 149
111 }, 150 /**
151 * @description: getBdcdyh
152 * @author: miaofang
153 * 点击不动产单元号事件
154 */
155 getBdcdyh (val) {
156 this.addloadData(val);
157 },
158 /**
159 * @description: addloadData
160 * @author: miaofang
161 */
162 addloadData (val) {
163 getBdcqljqtsx({
164 bdcdyid: val.bdcdyid,
165 bdcdyh: val.bdcdyh,
166 }).then((res) => {
167 if (res.code === 200) {
168 if (this.sfqdata.some((item) => item.bdcdyid === val.bdcdyid)) {
169 let index = this.sfqdata.findIndex((item) => {
170 return item.bdcdyid == val.bdcdyid;
171 });
172 this.activeName = index
173 this.setstyle(index, 0);
174 } else {
175 this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid));
176 this.activeName = this.sfqdata.length - 1;
177 this.$nextTick(() => {
178 this.setstyle(this.sfqdata.length - 1, 0);
179 })
180 }
181 }
182 });
183 this.currentSelectProps = {
184 bdcdyid: val.bdcdyid,
185 bdcdyh: val.bdcdyh,
186 qllx: this.formData.qllx,
187 bsmQlxx: this.formData.bsmQlxx,
188 };
189 },
190 /**
191 * @description: loadData
192 * @author: renchao
193 */
194 loadData (val) {
195 getBdcqljqtsx({
196 bdcdyid: this.currentSelectProps.bdcdyid,
197 bdcdyh: val,
198 }).then((res) => {
199 if (res.code === 200) {
200 this.treedata = loadTreeData(
201 val
202 );
203 this.sfqdata.push(
204 loadsfqData(res.result, val, this.currentSelectProps.bdcdyid)
205 );
206 this.$nextTick(function () {
207 this.defaultNode = getNode(
208 this.currentSelectProps.qllx,
209 { linShi: 0, xianShi: 0, liShi: 0 },
210 ""
211 );
212 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
213 this.loadComponent(this.defaultNode.form);
214 this.setstyle(0, 0);
215 });
216 }
217 });
218 this.currentSelectProps = {
219 bdcdyid: this.currentSelectProps.bdcdyid,
220 bdcdyh: this.currentSelectProps.bdcdyh,
221 qllx: this.currentSelectProps.qllx,
222 bsmQlxx: this.currentSelectProps.bsmQlxx,
223 };
224 },
225 /*
226 点击登记簿菜单
227 */
228 /**
229 * @description: 点击登记簿菜单
230 * @param {*} data
231 * @author: renchao
232 */
233 handleNodeClick (data) {
234 this.loadComponent(data.form);
235 },
112 236
113 // 获取不动产信息 237 /**
114 /** 238 * @description: setstyle
115 * @description: 获取不动产信息 239 * @param {*} data
116 * @param {*} a 240 * @author: renchao
117 * @param {*} b 241 * 设置样式和点击定位到当前功能
118 * @author: renchao 242 */
119 */ 243 setstyle (newindex, index) {
120 // loadBdcdylist (a, b) { 244 if (index == 0) {
121 // var formdata = new FormData(); 245 this.loadComponent(this.$refs.sfq[newindex].$children[0].$attrs.re.form);
122 // formdata.append("bsmSlsq", a);
123 // formdata.append("bestepid", b);
124 // leftMenu(formdata).then((res) => {
125 // if (res.code === 200) {
126 // if (res.result) {
127 // this.currentSelectProps = res.result[0];
128 // this.loadData();
129 // }
130 // }
131 // });
132 // },
133 /**
134 * @description: loadData
135 * @author: renchao
136 */
137 loadData () {
138 getBdcqljqtsx({
139 bdcdyid: this.bdcdyid,
140 bdcdyh: this.bdcdyh,
141 }).then((res) => {
142 if (res.code === 200) {
143 this.treedata = loadTreeData(res.result, this.bdcdyh);
144 this.$nextTick(function () {
145 this.defaultNode = getNode(this.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, "");
146 this.$refs.tree.setCurrentKey(this.defaultNode.id); //data[0].id为默认选中的节点
147 this.loadComponent(this.defaultNode.form);
148 });
149 } 246 }
150 }); 247 let dpme = this.$refs.sfq[newindex].$children[0].$el
151 this.currentSelectProps = { 248 if (index != 0) {
152 bdcdyid: this.bdcdyid, 249 dpme.style.backgroundColor = "#ffffff";
153 bdcdyh: this.bdcdyh, 250 dpme.style.color = "black";
154 qllx: this.qllx, 251 dpme.style.border = "none";
155 bsmQlxx: this.bsmQlxx, 252 } else {
156 }; 253 dpme.style.backgroundColor = "#f5f5f5";
157 }, 254 dpme.style.color = "#0079fe";
158 /* 255 dpme.style.borderRight = "4px solid #0079fe";
159 点击登记簿菜单 256 }
160 */ 257 },
161 /** 258 /**
162 * @description: 点击登记簿菜单 259 * @description: addlist
163 * @param {*} data 260 * @param {*} data
164 * @param {*} node 261 * @author: renchao
165 * @param {*} elem 262 * 新增列表功能
166 * @author: renchao 263 */
167 */ 264 addlist (data, index) {
168 handleNodeClick (data, node, elem) { 265 let newindex = this.sfqdata.findIndex((item) => {
169 this.loadComponent(data.form); 266 return item.bdcdyid == data.bdcdyid;
170 }, 267 });
171 /** 268 this.setstyle(newindex, index);
269 this.currentSelectProps.bdcdyid = data.bdcdyid;
270 this.loadComponent(data.form);
271 },
272 /**
172 * @description: loadComponent 273 * @description: loadComponent
173 * @param {*} form 274 * @param {*} form
174 * @author: renchao 275 * @author: renchao
175 */ 276 */
176 loadComponent (form) { 277 loadComponent (form) {
177 this.componentTag = (r) => 278 this.componentTag = (r) =>
178 require.ensure([], () => r(require("@/views/registerBook/" + form))); 279 require.ensure([], () => r(require("@/views/registerBook/" + form)));
280 },
179 }, 281 },
180 }, 282 };
181 };
182 </script> 283 </script>
183 <style scoped lang="scss"> 284 <style scoped lang="scss">
184 /deep/.rollTable { 285 /deep/.rollTable {
185 height: calc(120vh - 254px) !important; 286 height: calc(120vh - 254px) !important;
186 }
187
188 .content {
189 width: 100%;
190 height: 100%;
191 display: flex;
192
193 .left {
194 width: 256px;
195 height: 100%;
196 background-color: #f5f5f5;
197 color: #333;
198 border: 1px solid rgb(228, 228, 228);
199 } 287 }
200 288
201 .right { 289 .content {
202 width: calc(100% - 256px); 290 width: 100%;
203 height: 100%; 291 height: 100%;
204 // overflow-y: scroll; 292 display: flex;
205 overflow: auto; 293
206 background-color: #f5f5f5; 294 .left {
207 border: 1px solid rgb(228, 228, 228); 295 width: 256px;
296 height: 100%;
297 background-color: #f5f5f5;
298 color: #333;
299 border: 1px solid rgb(228, 228, 228);
300 }
301
302 .right {
303 width: calc(100% - 256px);
304 height: 100%;
305 // overflow-y: scroll;
306 overflow: auto;
307 background-color: #f5f5f5;
308 border: 1px solid rgb(228, 228, 228);
309 }
208 } 310 }
209 }
210 311
211 /deep/ .expanded.el-tree-node__expand-icon, 312 /deep/ .expanded.el-tree-node__expand-icon,
212 /deep/ .el-tree-node__expand-icon { 313 /deep/ .el-tree-node__expand-icon {
213 visibility: hidden; 314 visibility: hidden;
214 } 315 }
215 316
216 /deep/ .el-tree-node__content { 317 /deep/ .el-tree-node__content {
217 border: 1px solid rgb(228, 228, 228); 318 border: 1px solid rgb(228, 228, 228);
218 height: 45px; 319 height: 45px;
219 } 320 }
220 321
221 /deep/ .el-tree-node:focus > .el-tree-node__content { 322 /deep/ .el-tree-node:focus > .el-tree-node__content {
222 background-color: #f5f5f5; 323 // background-color: #f5f5f5;
223 color: #0079fe; 324 // color: #0079fe;
224 border-right: 4px solid #0079fe; 325 // border-right: 4px solid #0079fe;
225 } 326 }
226 327
227 /deep/.el-tree-node { 328 /deep/.el-tree-node {
228 white-space: pre-wrap; 329 white-space: pre-wrap;
229 } 330 }
230 331
231 /deep/ .is-current > .el-tree-node__content { 332 /deep/ .is-current > .el-tree-node__content {
232 background-color: #f5f5f5; 333 // background-color: #f5f5f5;
233 color: #0079fe; 334 // color: #0079fe;
234 border-right: 4px solid #0079fe; 335 // border-right: 4px solid #0079fe;
235 } 336 }
337 /deep/.el-collapse-item__header {
338 width: 100%;
339 cursor: pointer;
340 position: relative;
341 .el-collapse-item__arrow {
342 position: absolute;
343 top: 15px;
344 right: 0px;
345 }
346 align-items: center;
347 .text {
348 width: 100%;
349 height: 45px;
350 display: inline-block;
351 span {
352 margin-left: 60px;
353 padding-top: 10px;
354 display: inline-block;
355 line-height: 15px;
356 }
357 }
358 height: 45px;
359 display: inline-block;
360 line-height: 45px;
361 border: 1px solid rgb(228, 228, 228);
362 }
363 /deep/.el-collapse-item__content {
364 padding-bottom: 5px;
365 }
366 /deep/.sfqcontent {
367 white-space: wrap;
368 border: none;
369 padding: 0;
370 margin: 0;
371 cursor: pointer;
372 width: 100%;
373 height: 100px;
374 word-break: break-word;
375 display: inline;
376 span {
377 font-size: 13px;
378 display: block;
379 line-height: 15px;
380 margin-left: 70px;
381 }
382 height: 45px;
383 border: 1px solid rgb(228, 228, 228);
384 border-right: 4px solid #f5f5f5;
385 }
386 .sfqcontent:hover {
387 background-color: #f5f5f5;
388 color: black;
389 }
390 .sfqcontent:focus {
391 background-color: #f5f5f5;
392 color: #0079fe;
393 border-right: 4px solid #0079fe;
394 }
236 </style> 395 </style>
......
...@@ -985,37 +985,41 @@ class data extends filter { ...@@ -985,37 +985,41 @@ class data extends filter {
985 label: "证件号", 985 label: "证件号",
986 }, 986 },
987 { 987 {
988 prop: "fwxz", 988 prop: "fwxzmc",
989 label: "房屋性质", 989 label: "房屋性质",
990 }, 990 },
991 { 991 {
992 prop: "ghyt", 992 prop: "fwjgmc",
993 label: "规划用途", 993 label: "房屋结构",
994 }, 994 },
995 { 995 {
996 prop: "fwzcs", 996 prop: "ytmc",
997 label: "房屋总层数", 997 label: "房屋用途",
998 },
999 {
1000 prop: "szc",
1001 label: "所在层",
998 }, 1002 },
999 { 1003 {
1000 prop: "fwszc", 1004 prop: "zcs",
1001 label: "房屋所在层", 1005 label: "总层数",
1002 }, 1006 },
1003 { 1007 {
1004 prop: "jzmj", 1008 prop: "jzmj",
1005 label: "建筑面积", 1009 label: "建筑面积/抵押面积(㎡)",
1006 }, 1010 },
1007 { 1011 {
1008 prop: "djyy", 1012 prop: "djyy",
1009 label: "登记原因", 1013 label: "登记原因",
1010 }, 1014 },
1011 { 1015 {
1012 prop: "qdjg", 1016 prop: "fj",
1013 label: "取得价格/被担保主债权数额", 1017 label: "附记",
1014 }, 1018 },
1015 { 1019 {
1016 prop: "jedw", 1020 prop: "qdjgmc",
1017 label: "金额单位", 1021 label: "取得价格/被担保主债权数额",
1018 }, 1022 },
1019 { 1023 {
1020 prop: "dbfw", 1024 prop: "dbfw",
1021 label: "担保范围", 1025 label: "担保范围",
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-16 16:10:51 4 * @LastEditTime: 2023-08-17 13:28:21
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -327,6 +327,59 @@ ...@@ -327,6 +327,59 @@
327 * @author: renchao 327 * @author: renchao
328 */ 328 */
329 onSubmitClick () { 329 onSubmitClick () {
330 let that = this
331 if (this.ruleForm.qlrList.length == 0) {
332 this.$message({
333 showClose: true,
334 message: "请确认抵押权人信息",
335 type: "error",
336 });
337 return false;
338 }
339 if (this.ruleForm.sldy.gyfs == "0") {
340 if (this.ruleForm.qlrList.length > 1) {
341 this.$message({
342 showClose: true,
343 message: "共有方式：单独所有，权利人只能是一个人",
344 type: "error",
345 });
346 return false;
347 }
348 this.ruleForm.qlrList[0].sfczr = "1";
349 } else {
350 if (this.ruleForm.qlrList.length <= 1) {
351 this.$message({
352 showClose: true,
353 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
354 type: "error",
355 });
356 return false;
357 }
358 //是否分别持证
359 if (this.ruleForm.sldy.sqfbcz == "1") {
360 //是
361 this.ruleForm.qlrList.forEach((item, index) => {
362 item.sfczr = "1";
363 });
364 } else {
365 if (!that.ruleForm.czr) {
366 that.$message({
367 showClose: true,
368 message: "请选择持证人",
369 type: "error",
370 });
371 return false;
372 }
373 this.ruleForm.qlrList.forEach((item, index) => {
374 if (item.zjh == this.ruleForm.czr) {
375 item.sfczr = "1";
376 } else {
377 item.sfczr = "0";
378 }
379 });
380 }
381 }
382
330 saveData(this.ruleForm, this.propsParam.djlx).then((res) => { 383 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
331 if (res.code === 200) { 384 if (res.code === 200) {
332 this.$message({ 385 this.$message({
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-16 16:32:15 4 * @LastEditTime: 2023-08-17 13:46:30
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -339,6 +339,7 @@ ...@@ -339,6 +339,7 @@
339 * @author: renchao 339 * @author: renchao
340 */ 340 */
341 onSubmit () { 341 onSubmit () {
342 let that = this
342 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt); 343 let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
343 if (arr.length > 0) { 344 if (arr.length > 0) {
344 this.$message({ 345 this.$message({
...@@ -348,6 +349,58 @@ ...@@ -348,6 +349,58 @@
348 }); 349 });
349 return false; 350 return false;
350 } 351 }
352 if (this.ruleForm.qlrList.length == 0) {
353 this.$message({
354 showClose: true,
355 message: "请确认权利人信息",
356 type: "error",
357 });
358 return false;
359 }
360 if (this.ruleForm.sldy.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 } else {
371 if (this.ruleForm.qlrList.length <= 1) {
372 this.$message({
373 showClose: true,
374 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
375 type: "error",
376 });
377 return false;
378 }
379 //是否分别持证
380 if (this.ruleForm.sldy.sqfbcz == "1") {
381 //是
382 this.ruleForm.qlrList.forEach((item, index) => {
383 item.sfczr = "1";
384 });
385 } else {
386 if (!that.ruleForm.czr) {
387 that.$message({
388 showClose: true,
389 message: "请选择持证人",
390 type: "error",
391 });
392 return false;
393 }
394 this.ruleForm.qlrList.forEach((item, index) => {
395 if (item.zjh == this.ruleForm.czr) {
396 item.sfczr = "1";
397 } else {
398 item.sfczr = "0";
399 }
400 });
401 }
402 }
403
351 saveData(this.ruleForm).then((res) => { 404 saveData(this.ruleForm).then((res) => {
352 if (res.code === 200) { 405 if (res.code === 200) {
353 this.$message({ 406 this.$message({
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-16 16:05:34 4 * @LastEditTime: 2023-08-17 13:34:51
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -490,6 +490,68 @@ ...@@ -490,6 +490,68 @@
490 * @author: renchao 490 * @author: renchao
491 */ 491 */
492 onSubmit () { 492 onSubmit () {
493 let that = this
494 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
495 if (arr.length > 0) {
496 this.$message({
497 showClose: true,
498 message: "土地用途不能为空",
499 type: "error",
500 });
501 return false;
502 }
503 if (this.ruleForm.qlrList.length == 0) {
504 this.$message({
505 showClose: true,
506 message: "请确认权利人信息",
507 type: "error",
508 });
509 return false;
510 }
511
512 if (this.ruleForm.sldy.gyfs == "0") {
513 if (this.ruleForm.qlrList.length > 1) {
514 this.$message({
515 showClose: true,
516 message: "共有方式：单独所有，权利人只能是一个人",
517 type: "error",
518 });
519 return false;
520 }
521 this.ruleForm.qlrList[0].sfczr = "1";
522 } else {
523 if (this.ruleForm.qlrList.length <= 1) {
524 this.$message({
525 showClose: true,
526 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
527 type: "error",
528 });
529 return false;
530 }
531 //是否分别持证
532 if (this.ruleForm.sldy.sqfbcz == "1") {
533 //是
534 this.ruleForm.qlrList.forEach((item, index) => {
535 item.sfczr = "1";
536 });
537 } else {
538 if (!that.ruleForm.czr) {
539 that.$message({
540 showClose: true,
541 message: "请选择持证人",
542 type: "error",
543 });
544 return false;
545 }
546 this.ruleForm.qlrList.forEach((item, index) => {
547 if (item.zjh == this.ruleForm.czr) {
548 item.sfczr = "1";
549 } else {
550 item.sfczr = "0";
551 }
552 });
553 }
554 }
493 saveData(this.ruleForm).then((res) => { 555 saveData(this.ruleForm).then((res) => {
494 if (res.code === 200) { 556 if (res.code === 200) {
495 this.$message({ 557 this.$message({
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-16 15:53:25 4 * @LastEditTime: 2023-08-17 13:46:51
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -391,6 +391,7 @@ ...@@ -391,6 +391,7 @@
391 * @author: renchao 391 * @author: renchao
392 */ 392 */
393 onSubmit () { 393 onSubmit () {
394 let that = this
394 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 395 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
395 if (arr.length > 0) { 396 if (arr.length > 0) {
396 this.$message({ 397 this.$message({
...@@ -400,6 +401,58 @@ ...@@ -400,6 +401,58 @@
400 }); 401 });
401 return false; 402 return false;
402 } 403 }
404 if (this.ruleForm.qlrList.length == 0) {
405 this.$message({
406 showClose: true,
407 message: "请确认权利人信息",
408 type: "error",
409 });
410 return false;
411 }
412
413 if (this.ruleForm.sldy.gyfs == "0") {
414 if (this.ruleForm.qlrList.length > 1) {
415 this.$message({
416 showClose: true,
417 message: "共有方式：单独所有，权利人只能是一个人",
418 type: "error",
419 });
420 return false;
421 }
422 this.ruleForm.qlrList[0].sfczr = "1";
423 } else {
424 if (this.ruleForm.qlrList.length <= 1) {
425 this.$message({
426 showClose: true,
427 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
428 type: "error",
429 });
430 return false;
431 }
432 //是否分别持证
433 if (this.ruleForm.sldy.sqfbcz == "1") {
434 //是
435 this.ruleForm.qlrList.forEach((item, index) => {
436 item.sfczr = "1";
437 });
438 } else {
439 if (!that.ruleForm.czr) {
440 that.$message({
441 showClose: true,
442 message: "请选择持证人",
443 type: "error",
444 });
445 return false;
446 }
447 this.ruleForm.qlrList.forEach((item, index) => {
448 if (item.zjh == this.ruleForm.czr) {
449 item.sfczr = "1";
450 } else {
451 item.sfczr = "0";
452 }
453 });
454 }
455 }
403 saveData(this.ruleForm).then((res) => { 456 saveData(this.ruleForm).then((res) => {
404 if (res.code === 200) { 457 if (res.code === 200) {
405 this.$message({ 458 this.$message({
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-08-16 16:18:49 4 * @LastEditTime: 2023-08-17 13:57:20
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -304,6 +304,7 @@ ...@@ -304,6 +304,7 @@
304 * @author: renchao 304 * @author: renchao
305 */ 305 */
306 onSubmit () { 306 onSubmit () {
307 let that = this
307 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 308 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
308 if (arr.length > 0) { 309 if (arr.length > 0) {
309 this.$message({ 310 this.$message({
...@@ -313,6 +314,58 @@ ...@@ -313,6 +314,58 @@
313 }); 314 });
314 return false; 315 return false;
315 } 316 }
317 if (this.ruleForm.qlrList.length == 0) {
318 this.$message({
319 showClose: true,
320 message: "请确认权利人信息",
321 type: "error",
322 });
323 return false;
324 }
325
326 if (this.ruleForm.gyfs == "0") {
327 if (this.ruleForm.qlrList.length > 1) {
328 this.$message({
329 showClose: true,
330 message: "共有方式：单独所有，权利人只能是一个人",
331 type: "error",
332 });
333 return false;
334 }
335 this.ruleForm.qlrList[0].sfczr = "1";
336 } else {
337 if (this.ruleForm.qlrList.length <= 1) {
338 this.$message({
339 showClose: true,
340 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
341 type: "error",
342 });
343 return false;
344 }
345 //是否分别持证
346 if (this.ruleForm.sqfbcz == "1") {
347 //是
348 this.ruleForm.qlrList.forEach((item, index) => {
349 item.sfczr = "1";
350 });
351 } else {
352 if (!that.ruleForm.czr) {
353 that.$message({
354 showClose: true,
355 message: "请选择持证人",
356 type: "error",
357 });
358 return false;
359 }
360 this.ruleForm.qlrList.forEach((item, index) => {
361 if (item.zjh == this.ruleForm.czr) {
362 item.sfczr = "1";
363 } else {
364 item.sfczr = "0";
365 }
366 });
367 }
368 }
316 fristReg(this.ruleForm).then((res) => { 369 fristReg(this.ruleForm).then((res) => {
317 if (res.code === 200 && res.result) { 370 if (res.code === 200 && res.result) {
318 console.log(res); 371 console.log(res);
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 <!-- 2 <!--
3 * @Description: 3 * @Description:
4 * @Autor: renchao 4 * @Autor: renchao
5 * @LastEditTime: 2023-08-16 16:13:20 5 * @LastEditTime: 2023-08-17 13:40:24
6 --> 6 -->
7 <template> 7 <template>
8 <!-- 受理信息 --> 8 <!-- 受理信息 -->
...@@ -289,6 +289,7 @@ ...@@ -289,6 +289,7 @@
289 * @author: renchao 289 * @author: renchao
290 */ 290 */
291 onSubmit () { 291 onSubmit () {
292 let that = this
292 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt) 293 let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
293 if (arr.length > 0) { 294 if (arr.length > 0) {
294 this.$message({ 295 this.$message({
...@@ -298,6 +299,58 @@ ...@@ -298,6 +299,58 @@
298 }); 299 });
299 return false; 300 return false;
300 } 301 }
302 if (this.ruleForm.qlrList.length == 0) {
303 this.$message({
304 showClose: true,
305 message: "请确认权利人信息",
306 type: "error",
307 });
308 return false;
309 }
310
311 if (this.ruleForm.sldy.gyfs == "0") {
312 if (this.ruleForm.qlrList.length > 1) {
313 this.$message({
314 showClose: true,
315 message: "共有方式：单独所有，权利人只能是一个人",
316 type: "error",
317 });
318 return false;
319 }
320 this.ruleForm.qlrList[0].sfczr = "1";
321 } else {
322 if (this.ruleForm.qlrList.length <= 1) {
323 this.$message({
324 showClose: true,
325 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
326 type: "error",
327 });
328 return false;
329 }
330 //是否分别持证
331 if (this.ruleForm.sldy.sqfbcz == "1") {
332 //是
333 this.ruleForm.qlrList.forEach((item, index) => {
334 item.sfczr = "1";
335 });
336 } else {
337 if (!that.ruleForm.czr) {
338 that.$message({
339 showClose: true,
340 message: "请选择持证人",
341 type: "error",
342 });
343 return false;
344 }
345 this.ruleForm.qlrList.forEach((item, index) => {
346 if (item.zjh == this.ruleForm.czr) {
347 item.sfczr = "1";
348 } else {
349 item.sfczr = "0";
350 }
351 });
352 }
353 }
301 saveData(this.ruleForm).then((res) => { 354 saveData(this.ruleForm).then((res) => {
302 if (res.code === 200) { 355 if (res.code === 200) {
303 this.$message({ 356 this.$message({
......
1 <!-- 1 <!--
2 * @Description: 房屋多幢受理信息 2 * @Description: 房屋多幢受理信息
3 * @Autor: ssq 3 * @Autor: ssq
4 * @LastEditTime: 2023-08-16 16:14:03 4 * @LastEditTime: 2023-08-17 13:47:17
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -340,15 +340,59 @@ ...@@ -340,15 +340,59 @@
340 * @author: renchao 340 * @author: renchao
341 */ 341 */
342 onSubmit () { 342 onSubmit () {
343 // let arr = this.ruleForm.tdytqxList || [] .filter(item => !item.yt) 343 let that = this
344 // if (arr.length > 0) { 344 if (this.ruleForm.qlrList.length == 0) {
345 // this.$message({ 345 this.$message({
346 // showClose: true, 346 showClose: true,
347 // message: "土地用途不能为空", 347 message: "请确认权利人信息",
348 // type: "error", 348 type: "error",
349 // }); 349 });
350 // return false; 350 return false;
351 // } 351 }
352
353 if (this.ruleForm.sldy.gyfs == "0") {
354 if (this.ruleForm.qlrList.length > 1) {
355 this.$message({
356 showClose: true,
357 message: "共有方式：单独所有，权利人只能是一个人",
358 type: "error",
359 });
360 return false;
361 }
362 this.ruleForm.qlrList[0].sfczr = "1";
363 } else {
364 if (this.ruleForm.qlrList.length <= 1) {
365 this.$message({
366 showClose: true,
367 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
368 type: "error",
369 });
370 return false;
371 }
372 //是否分别持证
373 if (this.ruleForm.sldy.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 if (!that.ruleForm.czr) {
380 that.$message({
381 showClose: true,
382 message: "请选择持证人",
383 type: "error",
384 });
385 return false;
386 }
387 this.ruleForm.qlrList.forEach((item, index) => {
388 if (item.zjh == this.ruleForm.czr) {
389 item.sfczr = "1";
390 } else {
391 item.sfczr = "0";
392 }
393 });
394 }
395 }
352 saveData(this.ruleForm).then((res) => { 396 saveData(this.ruleForm).then((res) => {
353 if (res.code === 200) { 397 if (res.code === 200) {
354 this.$message({ 398 this.$message({
......
...@@ -295,6 +295,60 @@ ...@@ -295,6 +295,60 @@
295 * @author: renchao 295 * @author: renchao
296 */ 296 */
297 onSubmit () { 297 onSubmit () {
298 let that = this
299 if (this.ruleForm.qlrList.length == 0) {
300 this.$message({
301 showClose: true,
302 message: "请确认权利人信息",
303 type: "error",
304 });
305 return false;
306 }
307
308 if (this.ruleForm.sldy.gyfs == "0") {
309 if (this.ruleForm.qlrList.length > 1) {
310 this.$message({
311 showClose: true,
312 message: "共有方式：单独所有，权利人只能是一个人",
313 type: "error",
314 });
315 return false;
316 }
317 this.ruleForm.qlrList[0].sfczr = "1";
318 } else {
319 if (this.ruleForm.qlrList.length <= 1) {
320 this.$message({
321 showClose: true,
322 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
323 type: "error",
324 });
325 return false;
326 }
327 //是否分别持证
328 if (this.ruleForm.sldy.sqfbcz == "1") {
329 //是
330 this.ruleForm.qlrList.forEach((item, index) => {
331 item.sfczr = "1";
332 });
333 } else {
334 if (!that.ruleForm.czr) {
335 that.$message({
336 showClose: true,
337 message: "请选择持证人",
338 type: "error",
339 });
340 return false;
341 }
342 this.ruleForm.qlrList.forEach((item, index) => {
343 if (item.zjh == this.ruleForm.czr) {
344 item.sfczr = "1";
345 } else {
346 item.sfczr = "0";
347 }
348 });
349 }
350 }
351
298 saveData(this.ruleForm).then((res) => { 352 saveData(this.ruleForm).then((res) => {
299 if (res.code === 200) { 353 if (res.code === 200) {
300 this.$message({ 354 this.$message({
...@@ -329,7 +383,6 @@ ...@@ -329,7 +383,6 @@
329 upDateJtcyList (val) { 383 upDateJtcyList (val) {
330 this.ruleForm.jtcyList = _.cloneDeep(val) 384 this.ruleForm.jtcyList = _.cloneDeep(val)
331 }, 385 },
332 //水域滩涂类型变化事件
333 /** 386 /**
334 * @description: 水域滩涂类型变化事件 387 * @description: 水域滩涂类型变化事件
335 * @param {*} e 388 * @param {*} e
...@@ -342,7 +395,6 @@ ...@@ -342,7 +395,6 @@
342 }) 395 })
343 this.ruleForm.nydsyq.syttlxmc = itemLx.dname; 396 this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
344 }, 397 },
345 //养殖业方式变化事件
346 /** 398 /**
347 * @description: 养殖业方式变化事件 399 * @description: 养殖业方式变化事件
348 * @param {*} e 400 * @param {*} e
...@@ -355,7 +407,6 @@ ...@@ -355,7 +407,6 @@
355 }) 407 })
356 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname; 408 this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
357 }, 409 },
358 //用地用海变化事件
359 /** 410 /**
360 * @description: 用地用海变化事件 411 * @description: 用地用海变化事件
361 * @param {*} e 412 * @param {*} e
......
...@@ -296,6 +296,60 @@ ...@@ -296,6 +296,60 @@
296 * @author: renchao 296 * @author: renchao
297 */ 297 */
298 onSubmit () { 298 onSubmit () {
299 let that = this
300 if (this.ruleForm.qlrList.length == 0) {
301 this.$message({
302 showClose: true,
303 message: "请确认权利人信息",
304 type: "error",
305 });
306 return false;
307 }
308
309 if (this.ruleForm.sldy.gyfs == "0") {
310 if (this.ruleForm.qlrList.length > 1) {
311 this.$message({
312 showClose: true,
313 message: "共有方式：单独所有，权利人只能是一个人",
314 type: "error",
315 });
316 return false;
317 }
318 this.ruleForm.qlrList[0].sfczr = "1";
319 } else {
320 if (this.ruleForm.qlrList.length <= 1) {
321 this.$message({
322 showClose: true,
323 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
324 type: "error",
325 });
326 return false;
327 }
328 //是否分别持证
329 if (this.ruleForm.sldy.sqfbcz == "1") {
330 //是
331 this.ruleForm.qlrList.forEach((item, index) => {
332 item.sfczr = "1";
333 });
334 } else {
335 if (!that.ruleForm.czr) {
336 that.$message({
337 showClose: true,
338 message: "请选择持证人",
339 type: "error",
340 });
341 return false;
342 }
343 this.ruleForm.qlrList.forEach((item, index) => {
344 if (item.zjh == this.ruleForm.czr) {
345 item.sfczr = "1";
346 } else {
347 item.sfczr = "0";
348 }
349 });
350 }
351 }
352
299 saveData(this.ruleForm).then((res) => { 353 saveData(this.ruleForm).then((res) => {
300 if (res.code === 200) { 354 if (res.code === 200) {
301 this.$message({ 355 this.$message({
......
...@@ -48,11 +48,16 @@ ...@@ -48,11 +48,16 @@
48 </div> 48 </div>
49 <el-row :gutter="10" v-if="ruleForm.qlxx"> 49 <el-row :gutter="10" v-if="ruleForm.qlxx">
50 <el-col :span="8"> 50 <el-col :span="8">
51 <el-form-item label="原不动产登记证明号：">
52 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
51 <el-form-item label="不动产单元号："> 56 <el-form-item label="不动产单元号：">
52 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input> 57 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
53 </el-form-item> 58 </el-form-item>
54 </el-col> 59 </el-col>
55 <el-col :span="16"> 60 <el-col :span="8">
56 <el-form-item label="坐落："> 61 <el-form-item label="坐落：">
57 <el-input disabled v-model="ruleForm.sldy.zl"></el-input> 62 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
58 </el-form-item> 63 </el-form-item>
...@@ -65,10 +70,15 @@ ...@@ -65,10 +70,15 @@
65 </el-form-item> 70 </el-form-item>
66 </el-col> 71 </el-col>
67 <el-col :span="8"> 72 <el-col :span="8">
68 <el-form-item label="规划用途："> 73 <el-form-item label="土地使用权人：">
69 <el-select v-model="ruleForm.ygdj.ghyt"> 74 <el-input disabled v-model="ruleForm.ygdj.tdsyqr"></el-input>
75 </el-form-item>
76 </el-col>
77 <el-col :span="8">
78 <el-form-item label="房屋性质：">
79 <el-select v-model="ruleForm.ygdj.fwxz">
70 <el-option 80 <el-option
71 v-for="item in dictData['A17']" 81 v-for="item in dictData['A19']"
72 :key="item.dcode" 82 :key="item.dcode"
73 :label="item.dname" 83 :label="item.dname"
74 :value="item.dcode"> 84 :value="item.dcode">
...@@ -76,11 +86,13 @@ ...@@ -76,11 +86,13 @@
76 </el-select> 86 </el-select>
77 </el-form-item> 87 </el-form-item>
78 </el-col> 88 </el-col>
89 </el-row>
90 <el-row :gutter="10" v-if="ruleForm.qlxx">
79 <el-col :span="8"> 91 <el-col :span="8">
80 <el-form-item label="房屋性质："> 92 <el-form-item label="房屋用途：">
81 <el-select v-model="ruleForm.ygdj.fwxz"> 93 <el-select v-model="ruleForm.ygdj.ghyt">
82 <el-option 94 <el-option
83 v-for="item in dictData['A19']" 95 v-for="item in dictData['A17']"
84 :key="item.dcode" 96 :key="item.dcode"
85 :label="item.dname" 97 :label="item.dname"
86 :value="item.dcode"> 98 :value="item.dcode">
...@@ -88,6 +100,16 @@ ...@@ -88,6 +100,16 @@
88 </el-select> 100 </el-select>
89 </el-form-item> 101 </el-form-item>
90 </el-col> 102 </el-col>
103 <el-col :span="8">
104 <el-form-item label="所在层：">
105 <el-input v-model="ruleForm.ygdj.szc"></el-input>
106 </el-form-item>
107 </el-col>
108 <el-col :span="8">
109 <el-form-item label="总层数：">
110 <el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
111 </el-form-item>
112 </el-col>
91 </el-row> 113 </el-row>
92 <el-row :gutter="10" v-if="ruleForm.qlxx"> 114 <el-row :gutter="10" v-if="ruleForm.qlxx">
93 <el-col :span="8"> 115 <el-col :span="8">
...@@ -102,9 +124,24 @@ ...@@ -102,9 +124,24 @@
102 </el-select> 124 </el-select>
103 </el-form-item> 125 </el-form-item>
104 </el-col> 126 </el-col>
127
105 <el-col :span="8"> 128 <el-col :span="8">
106 <el-form-item label="建筑面积："> 129 <el-form-item label="建筑面积：">
107 <el-input v-model="ruleForm.ygdj.jzmj"></el-input> 130 <div class="flex">
131 <el-input v-model="ruleForm.ygdj.jzmj" :disabled="!viewEdit"
132 oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
133 <el-select
134 disabled
135 v-model="mjdw"
136 style="width: 68px">
137 <el-option
138 v-for="item in dictData['A7']"
139 :key="item.dcode"
140 :label="item.dname"
141 :value="item.dcode">
142 </el-option>
143 </el-select>
144 </div>
108 </el-form-item> 145 </el-form-item>
109 </el-col> 146 </el-col>
110 <el-col :span="8"> 147 <el-col :span="8">
...@@ -127,14 +164,9 @@ ...@@ -127,14 +164,9 @@
127 </el-col> 164 </el-col>
128 </el-row> 165 </el-row>
129 <el-row :gutter="10"> 166 <el-row :gutter="10">
130 <el-col :span="8"> 167 <el-col :span="24">
131 <el-form-item label="所在层："> 168 <el-form-item label="附记：">
132 <el-input v-model="ruleForm.ygdj.szc"></el-input> 169 <el-input v-model="ruleForm.ygdj.fj"></el-input>
133 </el-form-item>
134 </el-col>
135 <el-col :span="8">
136 <el-form-item label="总层数：">
137 <el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
138 </el-form-item> 170 </el-form-item>
139 </el-col> 171 </el-col>
140 </el-row> 172 </el-row>
...@@ -245,6 +277,7 @@ ...@@ -245,6 +277,7 @@
245 }, 277 },
246 data () { 278 data () {
247 return { 279 return {
280 mjdw: "1",
248 //表单是否可操作 281 //表单是否可操作
249 viewEdit: true, 282 viewEdit: true,
250 disabled: true, 283 disabled: true,
...@@ -285,6 +318,59 @@ ...@@ -285,6 +318,59 @@
285 * @author: renchao 318 * @author: renchao
286 */ 319 */
287 onSubmit () { 320 onSubmit () {
321 let that = this
322 if (this.ruleForm.qlrList.length == 0) {
323 this.$message({
324 showClose: true,
325 message: "请确认权利人信息",
326 type: "error",
327 });
328 return false;
329 }
330
331 if (this.ruleForm.sldy.gyfs == "0") {
332 if (this.ruleForm.qlrList.length > 1) {
333 this.$message({
334 showClose: true,
335 message: "共有方式：单独所有，权利人只能是一个人",
336 type: "error",
337 });
338 return false;
339 }
340 this.ruleForm.qlrList[0].sfczr = "1";
341 } else {
342 if (this.ruleForm.qlrList.length <= 1) {
343 this.$message({
344 showClose: true,
345 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
346 type: "error",
347 });
348 return false;
349 }
350 //是否分别持证
351 if (this.ruleForm.sldy.sqfbcz == "1") {
352 //是
353 this.ruleForm.qlrList.forEach((item, index) => {
354 item.sfczr = "1";
355 });
356 } else {
357 if (!that.ruleForm.czr) {
358 that.$message({
359 showClose: true,
360 message: "请选择持证人",
361 type: "error",
362 });
363 return false;
364 }
365 this.ruleForm.qlrList.forEach((item, index) => {
366 if (item.zjh == this.ruleForm.czr) {
367 item.sfczr = "1";
368 } else {
369 item.sfczr = "0";
370 }
371 });
372 }
373 }
288 saveData(this.ruleForm).then((res) => { 374 saveData(this.ruleForm).then((res) => {
289 if (res.code === 200) { 375 if (res.code === 200) {
290 this.$message({ 376 this.$message({
......
...@@ -261,6 +261,59 @@ ...@@ -261,6 +261,59 @@
261 * @author: renchao 261 * @author: renchao
262 */ 262 */
263 onSubmit () { 263 onSubmit () {
264 let that = this
265 if (this.ruleForm.qlrList.length == 0) {
266 this.$message({
267 showClose: true,
268 message: "请确认权利人信息",
269 type: "error",
270 });
271 return false;
272 }
273
274 if (this.ruleForm.sldy.gyfs == "0") {
275 if (this.ruleForm.qlrList.length > 1) {
276 this.$message({
277 showClose: true,
278 message: "共有方式：单独所有，权利人只能是一个人",
279 type: "error",
280 });
281 return false;
282 }
283 this.ruleForm.qlrList[0].sfczr = "1";
284 } else {
285 if (this.ruleForm.qlrList.length <= 1) {
286 this.$message({
287 showClose: true,
288 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
289 type: "error",
290 });
291 return false;
292 }
293 //是否分别持证
294 if (this.ruleForm.sldy.sqfbcz == "1") {
295 //是
296 this.ruleForm.qlrList.forEach((item, index) => {
297 item.sfczr = "1";
298 });
299 } else {
300 if (!that.ruleForm.czr) {
301 that.$message({
302 showClose: true,
303 message: "请选择持证人",
304 type: "error",
305 });
306 return false;
307 }
308 this.ruleForm.qlrList.forEach((item, index) => {
309 if (item.zjh == this.ruleForm.czr) {
310 item.sfczr = "1";
311 } else {
312 item.sfczr = "0";
313 }
314 });
315 }
316 }
264 saveData(this.ruleForm).then((res) => { 317 saveData(this.ruleForm).then((res) => {
265 if (res.code === 200) { 318 if (res.code === 200) {
266 this.$message({ 319 this.$message({
......
1 <template> 1 <template>
2 <!-- 受理信息 --> 2 <!-- 受理信息 -->
3 <div class="slxx"> 3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" v-Loading="loading" ref="ruleForm" :label-position="flag ? 'top' : ''" 4 <el-form
5 :inline="flag" label-width="120px"> 5 :model="ruleForm"
6 :rules="rules"
7 v-Loading="loading"
8 ref="ruleForm"
9 :label-position="flag ? 'top' : ''"
10 :inline="flag"
11 label-width="120px">
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 12 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 13 <div class="slxx_title title-block">
8 受理信息 14 受理信息
...@@ -83,12 +89,12 @@ ...@@ -83,12 +89,12 @@
83 <el-row :gutter="10"> 89 <el-row :gutter="10">
84 <el-col :span="8"> 90 <el-col :span="8">
85 <el-form-item label="房屋面积："> 91 <el-form-item label="房屋面积：">
86 <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> 92 <el-input disabled v-model="ruleForm.ztQlxx.qlmjmc"></el-input>
87 </el-form-item> 93 </el-form-item>
88 </el-col> 94 </el-col>
89 <el-col :span="8"> 95 <el-col :span="8">
90 <el-form-item label="房屋用途："> 96 <el-form-item label="房屋用途：">
91 <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input> 97 <el-input disabled v-model="ruleForm.ztQlxx.qlytmc"></el-input>
92 </el-form-item> 98 </el-form-item>
93 </el-col> 99 </el-col>
94 <el-col :span="8"> 100 <el-col :span="8">
...@@ -115,50 +121,55 @@ ...@@ -115,50 +121,55 @@
115 </div> 121 </div>
116 <el-row :gutter="10"> 122 <el-row :gutter="10">
117 <el-col :span="8"> 123 <el-col :span="8">
124 <el-form-item label="原不动产登记证明号：">
125 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
126 </el-form-item>
127 </el-col>
128 <el-col :span="8">
129 <el-form-item label="预告登记种类：">
130 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
131 </el-form-item>
132 </el-col>
133 <el-col :span="8">
134 <el-form-item label="是否存在禁止或限制：">
135 <el-input
136 v-model="ruleForm.ygdj.sfczjzhxz"
137 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
138 </el-form-item>
139 </el-col>
140 <el-col :span="8">
118 <el-form-item label="被担保主债权数额："> 141 <el-form-item label="被担保主债权数额：">
119 <div class="flex"> 142 <div class="flex">
120 <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input> 143 <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input>
121 <el-select 144 <el-select v-model="ruleForm.ygdj.jedw" :disabled="!viewEdit" style="width: 68px">
122 v-model="ruleForm.ygdj.jedw"
123 :disabled="!viewEdit"
124 style="width: 68px">
125 <el-option 145 <el-option
126 v-for="item in dictData['A57']" 146 v-for="item in dictData['A57']"
127 :key="item.dcode" 147 :key="item.dcode"
128 :label="item.dname" 148 :label="item.dname"
129 :value="item.dcode"> 149 :value="item.dcode"></el-option>
130 </el-option>
131 </el-select> 150 </el-select>
132 </div> 151 </div>
133 </el-form-item> 152 </el-form-item>
134 </el-col> 153 </el-col>
135 <el-col :span="8"> 154 <el-col :span="8">
136 <el-form-item label="债务履行起始时间："> 155 <el-form-item label="债务履行起始时间：">
137 <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"> 156 <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker>
138 </el-date-picker>
139 </el-form-item> 157 </el-form-item>
140 </el-col> 158 </el-col>
141 <el-col :span="8"> 159 <el-col :span="8">
142 <el-form-item label="债务履行结束时间："> 160 <el-form-item label="债务履行结束时间：">
143 <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"> 161 <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker>
144 </el-date-picker>
145 </el-form-item> 162 </el-form-item>
146 </el-col> 163 </el-col>
147 </el-row> 164 </el-row>
148 <el-row :gutter="10"> 165 <el-row :gutter="10">
149 <el-col :span="16"> 166 <el-col :span="24">
150 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
151 <el-input v-model="ruleForm.ygdj.sfczjzhxz"
152 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
153 </el-form-item>
154 </el-col>
155 <el-col :span="8">
156 <el-form-item label="担保范围："> 167 <el-form-item label="担保范围：">
157 <el-input v-model="ruleForm.ygdj.dbfw" 168 <el-input
169 v-model="ruleForm.ygdj.dbfw"
158 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 170 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
159 </el-form-item> 171 </el-form-item>
160 </el-col> 172 </el-col>
161
162 </el-row> 173 </el-row>
163 <el-row> 174 <el-row>
164 <el-col :span="24"> 175 <el-col :span="24">
...@@ -184,39 +195,37 @@ ...@@ -184,39 +195,37 @@
184 </el-col> 195 </el-col>
185 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> 196 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
186 <el-form-item label="是否分别持证："> 197 <el-form-item label="是否分别持证：">
187 <el-radio-group 198 <el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit">
188 v-model="ruleForm.sldy.sqfbcz"
189 :disabled="!viewEdit">
190 <el-radio :label="1">是</el-radio> 199 <el-radio :label="1">是</el-radio>
191 <el-radio :label="0">否</el-radio> 200 <el-radio :label="0">否</el-radio>
192 </el-radio-group> 201 </el-radio-group>
193 </el-form-item> 202 </el-form-item>
194 </el-col> 203 </el-col>
195 <el-col 204 <el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
196 :span="6"
197 v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
198 <el-form-item label="持证人："> 205 <el-form-item label="持证人：">
199 <el-select 206 <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!viewEdit">
200 v-model="ruleForm.czr"
201 placeholder="持证人"
202 :disabled="!viewEdit">
203 <el-option 207 <el-option
204 v-for="item in czrOptions" 208 v-for="item in czrOptions"
205 :key="item.zjh" 209 :key="item.zjh"
206 :label="item.sqrmc" 210 :label="item.sqrmc"
207 :value="item.zjh"> 211 :value="item.zjh"></el-option>
208 </el-option>
209 </el-select> 212 </el-select>
210 </el-form-item> 213 </el-form-item>
211 </el-col> 214 </el-col>
212 </el-row> 215 </el-row>
213 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" 216 <qlrCommonTable
217 @upDateQlrxxList="upDateQlrxxList"
218 :tableData="ruleForm.qlrList"
219 :disabled="viewEdit"
214 :gyfs="ruleForm.sldy.gyfs" /> 220 :gyfs="ruleForm.sldy.gyfs" />
215 <div class="slxx_title title-block"> 221 <div class="slxx_title title-block">
216 义务人信息 222 义务人信息
217 <div class="triangle"></div> 223 <div class="triangle"></div>
218 </div> 224 </div>
219 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit" 225 <qlrCommonTable
226 @upDateQlrxxList="upDateYwrxxList"
227 :tableData="ruleForm.ywrList"
228 :disabled="viewEdit"
220 :gyfs="ruleForm.sldy.gyfs" /> 229 :gyfs="ruleForm.sldy.gyfs" />
221 <div class="slxx_title title-block"> 230 <div class="slxx_title title-block">
222 登记原因 231 登记原因
...@@ -225,9 +234,13 @@ ...@@ -225,9 +234,13 @@
225 <el-row :gutter="10"> 234 <el-row :gutter="10">
226 <el-col> 235 <el-col>
227 <el-form-item label="登记原因：" prop="djyy"> 236 <el-form-item label="登记原因：" prop="djyy">
228 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 237 <el-input
229 v-model="ruleForm.ygdj.djyy"> 238 class="textArea"
230 </el-input> 239 type="textarea"
240 maxlength="500"
241 show-word-limit
242 :disabled="!viewEdit"
243 v-model="ruleForm.ygdj.djyy"></el-input>
231 </el-form-item> 244 </el-form-item>
232 </el-col> 245 </el-col>
233 </el-row> 246 </el-row>
...@@ -241,18 +254,18 @@ ...@@ -241,18 +254,18 @@
241 </div> 254 </div>
242 </template> 255 </template>
243 <script> 256 <script>
244 import ywmix from "@/views/ywbl/mixin/index" 257 import ywmix from "@/views/ywbl/mixin/index";
245 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 258 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
246 import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; 259 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
247 import { mapGetters } from "vuex"; 260 import { mapGetters } from "vuex";
248 export default { 261 export default {
249 mixins: [ywmix], 262 mixins: [ywmix],
250 created () { 263 created () {
251 this.viewEdit = this.$parent.currentSelectTab.ableOperation 264 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
252 this.propsParam = this.$attrs; 265 this.propsParam = this.$attrs;
253 var formdata = new FormData(); 266 var formdata = new FormData();
254 let that = this 267 let that = this;
255 this.loading = true 268 this.loading = true;
256 formdata.append("bsmSldy", this.propsParam.bsmSldy); 269 formdata.append("bsmSldy", this.propsParam.bsmSldy);
257 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 270 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
258 formdata.append("djlx", this.propsParam.djlx); 271 formdata.append("djlx", this.propsParam.djlx);
...@@ -267,8 +280,8 @@ ...@@ -267,8 +280,8 @@
267 }) 280 })
268 this.czrOptions = this.ruleForm.qlrList; 281 this.czrOptions = this.ruleForm.qlrList;
269 setTimeout(() => { 282 setTimeout(() => {
270 that.loading = false 283 that.loading = false;
271 }, 300) 284 }, 300);
272 } 285 }
273 }); 286 });
274 }, 287 },
...@@ -298,7 +311,7 @@ ...@@ -298,7 +311,7 @@
298 */ 311 */
299 upDateQlrxxList (val) { 312 upDateQlrxxList (val) {
300 this.ruleForm.qlrList = _.cloneDeep(val); 313 this.ruleForm.qlrList = _.cloneDeep(val);
301 this.czrOptions = this.ruleForm.qlrList 314 this.czrOptions = this.ruleForm.qlrList;
302 }, 315 },
303 /** 316 /**
304 * @description: 义务人信息 317 * @description: 义务人信息
...@@ -313,6 +326,59 @@ ...@@ -313,6 +326,59 @@
313 * @author: renchao 326 * @author: renchao
314 */ 327 */
315 onSubmit () { 328 onSubmit () {
329 let that = this
330 if (this.ruleForm.qlrList.length == 0) {
331 this.$message({
332 showClose: true,
333 message: "请确认权利人信息",
334 type: "error",
335 });
336 return false;
337 }
338
339 if (this.ruleForm.sldy.gyfs == "0") {
340 if (this.ruleForm.qlrList.length > 1) {
341 this.$message({
342 showClose: true,
343 message: "共有方式：单独所有，权利人只能是一个人",
344 type: "error",
345 });
346 return false;
347 }
348 this.ruleForm.qlrList[0].sfczr = "1";
349 } else {
350 if (this.ruleForm.qlrList.length <= 1) {
351 this.$message({
352 showClose: true,
353 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
354 type: "error",
355 });
356 return false;
357 }
358 //是否分别持证
359 if (this.ruleForm.sldy.sqfbcz == "1") {
360 //是
361 this.ruleForm.qlrList.forEach((item, index) => {
362 item.sfczr = "1";
363 });
364 } else {
365 if (!that.ruleForm.czr) {
366 that.$message({
367 showClose: true,
368 message: "请选择持证人",
369 type: "error",
370 });
371 return false;
372 }
373 this.ruleForm.qlrList.forEach((item, index) => {
374 if (item.zjh == this.ruleForm.czr) {
375 item.sfczr = "1";
376 } else {
377 item.sfczr = "0";
378 }
379 });
380 }
381 }
316 saveData(this.ruleForm).then((res) => { 382 saveData(this.ruleForm).then((res) => {
317 if (res.code === 200) { 383 if (res.code === 200) {
318 this.$message({ 384 this.$message({
...@@ -320,7 +386,7 @@ ...@@ -320,7 +386,7 @@
320 message: "保存成功！", 386 message: "保存成功！",
321 type: "success", 387 type: "success",
322 }); 388 });
323 this.$store.dispatch('user/refreshPage', true); 389 this.$store.dispatch("user/refreshPage", true);
324 } else { 390 } else {
325 this.$message({ 391 this.$message({
326 showClose: true, 392 showClose: true,
......
...@@ -257,6 +257,8 @@ ...@@ -257,6 +257,8 @@
257 * @author: renchao 257 * @author: renchao
258 */ 258 */
259 onSubmitClick () { 259 onSubmitClick () {
260 let that = this
261
260 saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => { 262 saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
261 if (res.code === 200) { 263 if (res.code === 200) {
262 this.$message({ 264 this.$message({
......
...@@ -324,6 +324,59 @@ ...@@ -324,6 +324,59 @@
324 * @author: renchao 324 * @author: renchao
325 */ 325 */
326 onSubmitClick () { 326 onSubmitClick () {
327 let that = this
328 if (this.ruleForm.qlrList.length == 0) {
329 this.$message({
330 showClose: true,
331 message: "请确认权利人信息",
332 type: "error",
333 });
334 return false;
335 }
336
337 if (this.ruleForm.sldy.gyfs == "0") {
338 if (this.ruleForm.qlrList.length > 1) {
339 this.$message({
340 showClose: true,
341 message: "共有方式：单独所有，权利人只能是一个人",
342 type: "error",
343 });
344 return false;
345 }
346 this.ruleForm.qlrList[0].sfczr = "1";
347 } else {
348 if (this.ruleForm.qlrList.length <= 1) {
349 this.$message({
350 showClose: true,
351 message: "共有方式：共同所有，按份所有，其他所有，权利人必须是两个以上",
352 type: "error",
353 });
354 return false;
355 }
356 //是否分别持证
357 if (this.ruleForm.sldy.sqfbcz == "1") {
358 //是
359 this.ruleForm.qlrList.forEach((item, index) => {
360 item.sfczr = "1";
361 });
362 } else {
363 if (!that.ruleForm.czr) {
364 that.$message({
365 showClose: true,
366 message: "请选择持证人",
367 type: "error",
368 });
369 return false;
370 }
371 this.ruleForm.qlrList.forEach((item, index) => {
372 if (item.zjh == this.ruleForm.czr) {
373 item.sfczr = "1";
374 } else {
375 item.sfczr = "0";
376 }
377 });
378 }
379 }
327 saveData(this.ruleForm, this.propsParam.djlx).then((res) => { 380 saveData(this.ruleForm, this.propsParam.djlx).then((res) => {
328 if (res.code === 200) { 381 if (res.code === 200) {
329 this.$message({ 382 this.$message({
......