Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
486e911e by 夏齐
Options

首次登记和注销登记代码优化

1 parent c46a339c
Inline Side-by-side
Showing 5 changed files with 345 additions and 40 deletions
...@@ -8,22 +8,22 @@ export function Init(data) { ...@@ -8,22 +8,22 @@ export function Init(data) {
8 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/fristInit"; 8 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/fristInit";
9 break; 9 break;
10 case "200": 10 case "200":
11 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/transferInit"; 11 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/transferInit";
12 break; 12 break;
13 case "300": 13 case "300":
14 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/changeInit"; 14 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/changeInit";
15 break; 15 break;
16 case "400": 16 case "400":
17 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/logoutInit"; 17 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/logoutInit";
18 break; 18 break;
19 case "500": 19 case "500":
20 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/riviseInit"; 20 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/riviseInit";
21 break; 21 break;
22 case "901": 22 case "901":
23 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/renewalInit"; 23 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/renewalInit";
24 break; 24 break;
25 case "902": 25 case "902":
26 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/fdcq2lr/replaceInit"; 26 apiUrl = SERVER.SERVERAPI+"/rest/ywbl/ygdj/replaceInit";
27 break; 27 break;
28 } 28 }
29 return request({ 29 return request({
...@@ -34,7 +34,7 @@ export function Init(data) { ...@@ -34,7 +34,7 @@ export function Init(data) {
34 } 34 }
35 // 初始化内容 35 // 初始化内容
36 export function saveData (data) { 36 export function saveData (data) {
37 console.log("222222222222222"); 37 console.log("222222222222222"+data);
38 return request({ 38 return request({
39 url: SERVER.SERVERAPI + '/rest/ywbl/ygdj/saveData', 39 url: SERVER.SERVERAPI + '/rest/ywbl/ygdj/saveData',
40 method: 'post', 40 method: 'post',
......
...@@ -646,7 +646,7 @@ class data extends filter { ...@@ -646,7 +646,7 @@ class data extends filter {
646 label: "坐落", 646 label: "坐落",
647 }, 647 },
648 { 648 {
649 prop: "qlr", 649 prop: "qlrmc",
650 label: "权利人", 650 label: "权利人",
651 }, 651 },
652 { 652 {
...@@ -654,11 +654,11 @@ class data extends filter { ...@@ -654,11 +654,11 @@ class data extends filter {
654 label: "证件种类", 654 label: "证件种类",
655 }, 655 },
656 { 656 {
657 prop: "qlrzjh", 657 prop: "qlrzjhm",
658 label: "证件号", 658 label: "证件号",
659 }, 659 },
660 { 660 {
661 prop: "ywr", 661 prop: "ywrmc",
662 label: "义务人", 662 label: "义务人",
663 }, 663 },
664 { 664 {
...@@ -666,7 +666,7 @@ class data extends filter { ...@@ -666,7 +666,7 @@ class data extends filter {
666 label: "证件种类", 666 label: "证件种类",
667 }, 667 },
668 { 668 {
669 prop: "ywrzjh", 669 prop: "ywrzjhm",
670 label: "证件号", 670 label: "证件号",
671 }, 671 },
672 { 672 {
...@@ -714,7 +714,7 @@ class data extends filter { ...@@ -714,7 +714,7 @@ class data extends filter {
714 label: "登记时间", 714 label: "登记时间",
715 }, 715 },
716 { 716 {
717 prop: "bdcdjzmh", 717 prop: "bdcqzh",
718 label: "不动产登记证明号", 718 label: "不动产登记证明号",
719 }, 719 },
720 { 720 {
...@@ -722,21 +722,17 @@ class data extends filter { ...@@ -722,21 +722,17 @@ class data extends filter {
722 label: "登簿人", 722 label: "登簿人",
723 }, 723 },
724 { 724 {
725 prop: "zxygywh", 725 prop: "zxywh",
726 label: "注销预告业务号", 726 label: "注销预告业务号",
727 }, 727 },
728 { 728 {
729 prop: "zxygyy", 729 prop: "zxyy",
730 label: "注销预告原因", 730 label: "注销预告原因",
731 }, 731 },
732 { 732 {
733 prop: "zxsj", 733 prop: "zxsj",
734 label: "注销时间", 734 label: "注销时间",
735 }, 735 }
736 {
737 prop: "qszt",
738 label: "权属状态",
739 },
740 ], 736 ],
741 CFDJ: [ 737 CFDJ: [
742 { 738 {
......
1 //流程环节操作按钮 1 //流程环节操作按钮
2 export function getForm(tabName, djywbm) { 2 export function getForm(tabName, djywbm) {
3 console.log("88888888"+tabName);
3 let form; 4 let form;
4 switch (tabName) { 5 switch (tabName) {
5 case "jsydsyqslxx100": 6 case "jsydsyqslxx100":
...@@ -48,10 +49,10 @@ export function getForm(tabName, djywbm) { ...@@ -48,10 +49,10 @@ export function getForm(tabName, djywbm) {
48 form = require("@/views/registerBook/zdjbxx.vue"); 49 form = require("@/views/registerBook/zdjbxx.vue");
49 break; 50 break;
50 case "ygmm100": 51 case "ygmm100":
51 form = require("@/views/ywbl/ygdj/slxx.vue"); 52 form=require("@/views/ywbl/ygdj/slxx.vue");
52 break; 53 break;
53 case "ygmm300": 54 case "ygmm300":
54 form = require("@/views/ywbl/fdcq2/slxx.vue"); 55 form=require("@/views/ywbl/ygdj/slxx300.vue");
55 break; 56 break;
56 case "cfdjxx": 57 case "cfdjxx":
57 form = require("@/views/registerBook/cfdj.vue"); 58 form = require("@/views/registerBook/cfdj.vue");
......
...@@ -134,28 +134,13 @@ ...@@ -134,28 +134,13 @@
134 <el-col :span="14" v-if="ruleForm.qlxx"> 134 <el-col :span="14" v-if="ruleForm.qlxx">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式："> 135 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs"> 136 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
137 <el-radio label="1">单独所有</el-radio> 137 <el-radio label="0">单独所有</el-radio>
138 <el-radio label="2">共同共有</el-radio> 138 <el-radio label="1">共同共有</el-radio>
139 <el-radio label="3">按份所有</el-radio> 139 <el-radio label="2">按份所有</el-radio>
140 <el-radio label="3">其它共有</el-radio>
140 </el-radio-group> 141 </el-radio-group>
141 </el-form-item> 142 </el-form-item>
142 </el-col> 143 </el-col>
143 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
144 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
145 <el-radio-group v-model="ruleForm.sffbcz">
146 <el-radio label="1">是</el-radio>
147 <el-radio label="0">否</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 <el-col :span="5" v-show="ruleForm.qlxx&&ruleForm.qlxx.gyfs == '2'">
152 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
153 <el-select v-model="ruleForm.czr" placeholder="持证人">
154 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
155 </el-option>
156 </el-select>
157 </el-form-item>
158 </el-col>
159 </el-row> 144 </el-row>
160 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" 145 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
161 :gyfs="ruleForm.qlxx.gyfs" /> 146 :gyfs="ruleForm.qlxx.gyfs" />
......
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
5 label-width="120px">
6 <div class="slxx_con">
7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10" v-if="ruleForm.slywxx">
12 <el-col :span="8">
13 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
14 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
19 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
24 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10" v-if="ruleForm.slywxx">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
31 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记类型：">
36 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记情形：">
41 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 </el-row>
45 <div class="slxx_title title-block">
46 不动产单元情况
47 <div class="triangle"></div>
48 </div>
49
50 <!-- <el-button type="primary" style="float: right;margin-right: 20px; " @click="onClick">数据查看</el-button>-->
51
52 <el-row :gutter="10" v-if="ruleForm.qlxx">
53 <el-col :span="8">
54 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
55 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
56 </el-form-item>
57 </el-col>
58 <el-col :span="16">
59 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
60 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
61 </el-form-item>
62 </el-col>
63 </el-row>
64 <el-row :gutter="10">
65 <el-col :span="8">
66 <el-form-item :class="flag ? 'marginBot0' : ''" label="规划用途：">
67 <el-input disabled v-model="ruleForm.ygdj.ghyt"></el-input>
68 </el-form-item>
69 </el-col>
70 <el-col :span="8">
71 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用起止时间：">
72 <el-input disabled v-model="ruleForm.ygdj.ghyt"></el-input>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item :class="flag ? 'marginBot0' : ''" label="土地使用期限：">
77 <el-input disabled v-model="ruleForm.ygdj.ghyt"></el-input>
78 </el-form-item>
79 </el-col>
80 </el-row>
81 <el-row :gutter="10" v-if="ruleForm.qlxx">
82 <el-col :span="8">
83 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋用途：">
84 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
85 </el-form-item>
86 </el-col>
87 <el-col :span="8">
88 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋性质：">
89 <el-input disabled v-model="ruleForm.ygdj.fwxzmc"></el-input>
90 </el-form-item>
91 </el-col>
92 <el-col :span="8">
93 <el-form-item :class="flag ? 'marginBot0' : ''" label="房屋结构：">
94 <el-input disabled v-model="ruleForm.ygdj.fwjgmc"></el-input>
95 </el-form-item>
96 </el-col>
97 </el-row>
98 <el-row :gutter="10" >
99 <el-col :span="8">
100 <el-form-item :class="flag ? 'marginBot0' : ''" label="所在层：">
101 <el-input disabled v-model="ruleForm.ygdj.szc"></el-input>
102 </el-form-item>
103 </el-col>
104 <el-col :span="8">
105 <el-form-item :class="flag ? 'marginBot0' : ''" label="总层数：">
106 <el-input disabled v-model="ruleForm.ygdj.zcs"></el-input>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item :class="flag ? 'marginBot0' : ''" label="竣工时间：">
111 <el-input disabled v-model="ruleForm.ygdj.jgsj"></el-input>
112 </el-form-item>
113 </el-col>
114 </el-row>
115 <el-row :gutter="10" v-if="ruleForm.qlxx">
116 <el-col :span="8">
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="建筑面积：">
118 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
119 </el-form-item>
120 </el-col>
121 <el-col :span="8">
122 <el-form-item :class="flag ? 'marginBot0' : ''" label="专有建筑面积：">
123 <el-input disabled v-model="ruleForm.ygdj.zyjzmj"></el-input>
124 </el-form-item>
125 </el-col>
126 <el-col :span="8">
127 <el-form-item :class="flag ? 'marginBot0' : ''" label="分摊建筑面积：">
128 <el-input disabled v-model="ruleForm.ygdj.ftjzmj"></el-input>
129 </el-form-item>
130 </el-col>
131 </el-row>
132 <div class="slxx_title title-block">
133 权利人信息
134 <div class="triangle"></div>
135 </div>
136 <el-row :gutter="10">
137 <el-col :span="14" v-if="ruleForm.qlxx">
138 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
139 <el-radio-group :disabled="$route.query.viewtype==1" v-model="ruleForm.slywxx.gyfs">
140 <el-radio label="0">单独所有</el-radio>
141 <el-radio label="1">共同共有</el-radio>
142 <el-radio label="2">按份所有</el-radio>
143 <el-radio label="3">其它共有</el-radio>
144 </el-radio-group>
145 </el-form-item>
146 </el-col>
147 </el-row>
148 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
149 :gyfs="ruleForm.qlxx.gyfs" />
150 <div class="slxx_title title-block">
151 义务人信息
152 <div class="triangle"></div>
153 </div>
154 <InformationTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
155 :gyfs="ruleForm.qlxx.gyfs" />
156 <div class="slxx_title title-block">
157 登记原因
158 <div class="triangle"></div>
159 </div>
160 <el-row :gutter="10">
161 <el-col>
162 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
163 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1"
164 v-model="ruleForm.ygdj.djyy">
165 </el-input>
166 </el-form-item>
167 </el-col>
168 </el-row>
169 </div>
170 <el-row class="btn" v-if="!$route.query.viewtype">
171 <el-form-item :class="flag ? 'marginBot0' : ''">
172 <el-button type="primary" @click="onSubmit">保存</el-button>
173 </el-form-item>
174 </el-row>
175 </el-form>
176 </div>
177 </template>
178 <script>
179 import InformationTable from "@/views/workflow/components/InformationTable";
180 import { Init, saveData } from "@/api/ygdjFlow.js";
181 import { mapGetters } from "vuex";
182 export default {
183 async created () {
184 this.propsParam = this.$attrs;
185 var formdata = new FormData();
186 formdata.append("bsmSldy", this.propsParam.bsmSldy);
187 formdata.append("djlx", this.propsParam.djlx);
188 Init(formdata).then((res) => {
189 if (res.code === 200 && res.result) {
190 this.ruleForm = res.result;
191 }
192 });
193 },
194 components: { InformationTable },
195 computed: {
196 ...mapGetters(["dictData", "flag"]),
197 },
198 data () {
199 return {
200 disabled: true,
201 tdytOption: [],
202 czrOptions: [],
203 ruleForm: {},
204 //传递参数
205 propsParam: this.$attrs,
206 rules: {},
207 };
208 },
209 methods: {
210 onClick(){
211 this.$popup("房屋信息比对","ywbl/ygdj/slxxCompareDetai",
212 {
213 formData: {
214 bsmSldy: this.propsParam.bsmSldy,
215 qllx: this.propsParam.qllx
216 }
217 });
218 },
219 // 更新权利人信息
220 upDateQlrxxList (val) {
221 this.ruleForm.qlrList = _.cloneDeep(val);
222 },
223 // 更新权利人信息
224 upDateYwrxxList (val) {
225 this.ruleForm.ywrList = _.cloneDeep(val);
226 },
227
228 onSubmit () {
229 saveData(this.ruleForm).then((res) => {
230 if (res.code === 200) {
231 this.$message({
232 showClose: true,
233 message: "保存成功！",
234 type: "success",
235 });
236 } else {
237 this.$message({
238 showClose: true,
239 message: res.message,
240 type: "error",
241 });
242 }
243 });
244 },
245 },
246 };
247 </script>
248 <style scoped lang='scss'>
249 @import "~@/styles/public.scss";
250
251 /deep/.el-form {
252 display: flex;
253 flex-direction: column;
254 height: calc(100vh - 130px);
255 background-color: aqua;
256 }
257
258 /deep/.el-form-item__label {
259 padding: 0;
260 }
261
262 /deep/.el-radio {
263 margin-right: 10px;
264 }
265
266 /deep/.el-select {
267 width: 100%;
268 }
269
270 /deep/.el-form-item {
271 margin-bottom: 8px;
272 }
273
274 .marginBot0 {
275 margin-bottom: 0 !important;
276 }
277
278 .slxx {
279 box-sizing: border-box;
280 }
281
282 .slxx_con {
283 flex: 1;
284 height: 100%;
285 background-color: #ffffff;
286 overflow-y: auto;
287 padding-right: 3px;
288 overflow-x: hidden;
289 }
290
291 .submit_btn {
292 height: 50px;
293 }
294
295 .slxx_title {
296 border-bottom: 1px solid $borderColor;
297 padding-left: 10px;
298 padding-bottom: 5px;
299 margin-bottom: 10px;
300 margin-top: 5px;
301 font-size: 16px;
302 font-weight: 500;
303 color: #4a4a4a;
304 }
305
306 .btn {
307 text-align: center;
308 padding-top: 10px;
309 height: 36px;
310 background-color: #ffffff;
311 padding: 5px 0;
312 }
313
314 .textArea {
315 /deep/.el-textarea__inner {
316 min-height: 90px !important;
317 }
318 }
319
320 /deep/.el-form-item__label {
321 padding-bottom: 0px;
322 }
323 </style>