Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ee7dbcdc by tianhaohao@pashanhoo.com
Options

修改预告登记页面内容

1 parent 24d2334a
Inline Side-by-side
Showing 3 changed files with 219 additions and 161 deletions
...@@ -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: "担保范围",
......
...@@ -47,12 +47,17 @@ ...@@ -47,12 +47,17 @@
47 <div class="triangle"></div> 47 <div class="triangle"></div>
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">
51 <el-form-item label="原不动产登记证明号：">
52 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
53 </el-form-item>
54 </el-col>
50 <el-col :span="8"> 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>
79 <el-col :span="8"> 89 </el-row>
80 <el-form-item label="房屋性质："> 90 <el-row :gutter="10" v-if="ruleForm.qlxx">
81 <el-select v-model="ruleForm.ygdj.fwxz"> 91 <el-col :span="8">
92 <el-form-item label="房屋用途：">
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,11 +124,26 @@ ...@@ -102,11 +124,26 @@
102 </el-select> 124 </el-select>
103 </el-form-item> 125 </el-form-item>
104 </el-col> 126 </el-col>
105 <el-col :span="8"> 127
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">
111 <el-form-item label="取得价格："> 148 <el-form-item label="取得价格：">
112 <div class="flex"> 149 <div class="flex">
...@@ -126,15 +163,10 @@ ...@@ -126,15 +163,10 @@
126 </el-form-item> 163 </el-form-item>
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>
...@@ -240,6 +272,7 @@ ...@@ -240,6 +272,7 @@
240 }, 272 },
241 data () { 273 data () {
242 return { 274 return {
275 mjdw: "1",
243 //表单是否可操作 276 //表单是否可操作
244 viewEdit: true, 277 viewEdit: true,
245 disabled: true, 278 disabled: true,
......
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"
12 >
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 13 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block"> 14 <div class="slxx_title title-block">
8 受理信息 15 受理信息
...@@ -83,12 +90,12 @@ ...@@ -83,12 +90,12 @@
83 <el-row :gutter="10"> 90 <el-row :gutter="10">
84 <el-col :span="8"> 91 <el-col :span="8">
85 <el-form-item label="房屋面积："> 92 <el-form-item label="房屋面积：">
86 <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input> 93 <el-input disabled v-model="ruleForm.ztQlxx.qlmjmc"></el-input>
87 </el-form-item> 94 </el-form-item>
88 </el-col> 95 </el-col>
89 <el-col :span="8"> 96 <el-col :span="8">
90 <el-form-item label="房屋用途："> 97 <el-form-item label="房屋用途：">
91 <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input> 98 <el-input disabled v-model="ruleForm.ztQlxx.qlytmc"></el-input>
92 </el-form-item> 99 </el-form-item>
93 </el-col> 100 </el-col>
94 <el-col :span="8"> 101 <el-col :span="8">
...@@ -115,50 +122,58 @@ ...@@ -115,50 +122,58 @@
115 </div> 122 </div>
116 <el-row :gutter="10"> 123 <el-row :gutter="10">
117 <el-col :span="8"> 124 <el-col :span="8">
125 <el-form-item label="原不动产登记证明号：">
126 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
127 </el-form-item>
128 </el-col>
129 <el-col :span="8">
130 <el-form-item label="预告登记种类：">
131 <el-input disabled v-model="ruleForm.ygdj.ygdjzlmc"></el-input>
132 </el-form-item>
133 </el-col>
134 <el-col :span="8">
135 <el-form-item label="是否存在禁止或限制：">
136 <el-input
137 v-model="ruleForm.ygdj.sfczjzhxz"
138 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
139 ></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
118 <el-form-item label="被担保主债权数额："> 143 <el-form-item label="被担保主债权数额：">
119 <div class="flex"> 144 <div class="flex">
120 <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input> 145 <el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input>
121 <el-select 146 <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 147 <el-option
126 v-for="item in dictData['A57']" 148 v-for="item in dictData['A57']"
127 :key="item.dcode" 149 :key="item.dcode"
128 :label="item.dname" 150 :label="item.dname"
129 :value="item.dcode"> 151 :value="item.dcode"
130 </el-option> 152 ></el-option>
131 </el-select> 153 </el-select>
132 </div> 154 </div>
133 </el-form-item> 155 </el-form-item>
134 </el-col> 156 </el-col>
135 <el-col :span="8"> 157 <el-col :span="8">
136 <el-form-item label="债务履行起始时间："> 158 <el-form-item label="债务履行起始时间：">
137 <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"> 159 <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker>
138 </el-date-picker>
139 </el-form-item> 160 </el-form-item>
140 </el-col> 161 </el-col>
141 <el-col :span="8"> 162 <el-col :span="8">
142 <el-form-item label="债务履行结束时间："> 163 <el-form-item label="债务履行结束时间：">
143 <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"> 164 <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker>
144 </el-date-picker>
145 </el-form-item> 165 </el-form-item>
146 </el-col> 166 </el-col>
147 </el-row> 167 </el-row>
148 <el-row :gutter="10"> 168 <el-row :gutter="10">
149 <el-col :span="16"> 169 <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="担保范围："> 170 <el-form-item label="担保范围：">
157 <el-input v-model="ruleForm.ygdj.dbfw" 171 <el-input
158 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input> 172 v-model="ruleForm.ygdj.dbfw"
173 :disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
174 ></el-input>
159 </el-form-item> 175 </el-form-item>
160 </el-col> 176 </el-col>
161
162 </el-row> 177 </el-row>
163 <el-row> 178 <el-row>
164 <el-col :span="24"> 179 <el-col :span="24">
...@@ -184,40 +199,41 @@ ...@@ -184,40 +199,41 @@
184 </el-col> 199 </el-col>
185 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'"> 200 <el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
186 <el-form-item label="是否分别持证："> 201 <el-form-item label="是否分别持证：">
187 <el-radio-group 202 <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> 203 <el-radio :label="1">是</el-radio>
191 <el-radio :label="0">否</el-radio> 204 <el-radio :label="0">否</el-radio>
192 </el-radio-group> 205 </el-radio-group>
193 </el-form-item> 206 </el-form-item>
194 </el-col> 207 </el-col>
195 <el-col 208 <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="持证人："> 209 <el-form-item label="持证人：">
199 <el-select 210 <el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!viewEdit">
200 v-model="ruleForm.czr"
201 placeholder="持证人"
202 :disabled="!viewEdit">
203 <el-option 211 <el-option
204 v-for="item in czrOptions" 212 v-for="item in czrOptions"
205 :key="item.zjh" 213 :key="item.zjh"
206 :label="item.sqrmc" 214 :label="item.sqrmc"
207 :value="item.zjh"> 215 :value="item.zjh"
208 </el-option> 216 ></el-option>
209 </el-select> 217 </el-select>
210 </el-form-item> 218 </el-form-item>
211 </el-col> 219 </el-col>
212 </el-row> 220 </el-row>
213 <qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit" 221 <qlrCommonTable
214 :gyfs="ruleForm.sldy.gyfs" /> 222 @upDateQlrxxList="upDateQlrxxList"
223 :tableData="ruleForm.qlrList"
224 :disabled="viewEdit"
225 :gyfs="ruleForm.sldy.gyfs"
226 />
215 <div class="slxx_title title-block"> 227 <div class="slxx_title title-block">
216 义务人信息 228 义务人信息
217 <div class="triangle"></div> 229 <div class="triangle"></div>
218 </div> 230 </div>
219 <qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit" 231 <qlrCommonTable
220 :gyfs="ruleForm.sldy.gyfs" /> 232 @upDateQlrxxList="upDateYwrxxList"
233 :tableData="ruleForm.ywrList"
234 :disabled="viewEdit"
235 :gyfs="ruleForm.sldy.gyfs"
236 />
221 <div class="slxx_title title-block"> 237 <div class="slxx_title title-block">
222 登记原因 238 登记原因
223 <div class="triangle"></div> 239 <div class="triangle"></div>
...@@ -225,9 +241,14 @@ ...@@ -225,9 +241,14 @@
225 <el-row :gutter="10"> 241 <el-row :gutter="10">
226 <el-col> 242 <el-col>
227 <el-form-item label="登记原因：" prop="djyy"> 243 <el-form-item label="登记原因：" prop="djyy">
228 <el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" 244 <el-input
229 v-model="ruleForm.ygdj.djyy"> 245 class="textArea"
230 </el-input> 246 type="textarea"
247 maxlength="500"
248 show-word-limit
249 :disabled="!viewEdit"
250 v-model="ruleForm.ygdj.djyy"
251 ></el-input>
231 </el-form-item> 252 </el-form-item>
232 </el-col> 253 </el-col>
233 </el-row> 254 </el-row>
...@@ -241,94 +262,94 @@ ...@@ -241,94 +262,94 @@
241 </div> 262 </div>
242 </template> 263 </template>
243 <script> 264 <script>
244 import ywmix from "@/views/ywbl/mixin/index" 265 import ywmix from "@/views/ywbl/mixin/index";
245 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 266 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
246 import { Init, saveData } from "@/api/workflow/ygdyFlow.js"; 267 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
247 import { mapGetters } from "vuex"; 268 import { mapGetters } from "vuex";
248 export default { 269 export default {
249 mixins: [ywmix], 270 mixins: [ywmix],
250 created () { 271 created() {
251 this.viewEdit = this.$parent.currentSelectTab.ableOperation 272 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
252 this.propsParam = this.$attrs; 273 this.propsParam = this.$attrs;
253 var formdata = new FormData(); 274 var formdata = new FormData();
254 let that = this 275 let that = this;
255 this.loading = true 276 this.loading = true;
256 formdata.append("bsmSldy", this.propsParam.bsmSldy); 277 formdata.append("bsmSldy", this.propsParam.bsmSldy);
257 formdata.append("bsmSlsq", this.$route.query.bsmSlsq); 278 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
258 formdata.append("djlx", this.propsParam.djlx); 279 formdata.append("djlx", this.propsParam.djlx);
259 formdata.append("isEdit", this.viewEdit); 280 formdata.append("isEdit", this.viewEdit);
260 Init(formdata).then((res) => { 281 Init(formdata).then((res) => {
261 if (res.code === 200 && res.result) { 282 if (res.code === 200 && res.result) {
262 that.ruleForm = res.result; 283 that.ruleForm = res.result;
263 this.czrOptions = this.ruleForm.qlrList; 284 this.czrOptions = this.ruleForm.qlrList;
264 setTimeout(() => { 285 setTimeout(() => {
265 that.loading = false 286 that.loading = false;
266 }, 300) 287 }, 300);
267 } 288 }
268 }); 289 });
269 }, 290 },
270 components: { qlrCommonTable }, 291 components: { qlrCommonTable },
271 computed: { 292 computed: {
272 ...mapGetters(["dictData", "flag"]), 293 ...mapGetters(["dictData", "flag"]),
294 },
295 data() {
296 return {
297 //表单是否可操作
298 viewEdit: true,
299 loading: false,
300 disabled: true,
301 tdytOption: [],
302 czrOptions: [],
303 ruleForm: {},
304 //传递参数
305 propsParam: this.$attrs,
306 rules: {},
307 };
308 },
309 methods: {
310 /**
311 * @description: 更新权利人信息
312 * @param {*} val
313 * @author: renchao
314 */
315 upDateQlrxxList(val) {
316 this.ruleForm.qlrList = _.cloneDeep(val);
317 this.czrOptions = this.ruleForm.qlrList;
273 }, 318 },
274 data () { 319 /**
275 return { 320 * @description: 义务人信息
276 //表单是否可操作 321 * @param {*} val
277 viewEdit: true, 322 * @author: renchao
278 loading: false, 323 */
279 disabled: true, 324 upDateYwrxxList(val) {
280 tdytOption: [], 325 this.ruleForm.ywrList = _.cloneDeep(val);
281 czrOptions: [],
282 ruleForm: {},
283 //传递参数
284 propsParam: this.$attrs,
285 rules: {},
286 };
287 }, 326 },
288 methods: { 327 /**
289 /** 328 * @description: onSubmit
290 * @description: 更新权利人信息 329 * @author: renchao
291 * @param {*} val 330 */
292 * @author: renchao 331 onSubmit() {
293 */ 332 saveData(this.ruleForm).then((res) => {
294 upDateQlrxxList (val) { 333 if (res.code === 200) {
295 this.ruleForm.qlrList = _.cloneDeep(val); 334 this.$message({
296 this.czrOptions = this.ruleForm.qlrList 335 showClose: true,
297 }, 336 message: "保存成功！",
298 /** 337 type: "success",
299 * @description: 义务人信息 338 });
300 * @param {*} val 339 this.$store.dispatch("user/refreshPage", true);
301 * @author: renchao 340 } else {
302 */ 341 this.$message({
303 upDateYwrxxList (val) { 342 showClose: true,
304 this.ruleForm.ywrList = _.cloneDeep(val); 343 message: res.message,
305 }, 344 type: "error",
306 /** 345 });
307 * @description: onSubmit 346 }
308 * @author: renchao 347 });
309 */
310 onSubmit () {
311 saveData(this.ruleForm).then((res) => {
312 if (res.code === 200) {
313 this.$message({
314 showClose: true,
315 message: "保存成功！",
316 type: "success",
317 });
318 this.$store.dispatch('user/refreshPage', true);
319 } else {
320 this.$message({
321 showClose: true,
322 message: res.message,
323 type: "error",
324 });
325 }
326 });
327 },
328 }, 348 },
329 }; 349 },
350 };
330 </script> 351 </script>
331 <style scoped lang='scss'> 352 <style scoped lang='scss'>
332 @import "~@/styles/public.scss"; 353 @import "~@/styles/public.scss";
333 @import "~@/styles/slxx/slxx.scss"; 354 @import "~@/styles/slxx/slxx.scss";
334 </style> 355 </style>
......