Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
b80c3d15 by jiaozeping@pashanhoo.com
Options

diyq

1 parent c46a339c
Inline Side-by-side
Showing 4 changed files with 382 additions and 0 deletions
...@@ -38,6 +38,9 @@ export function getForm(tabName, djywbm) { ...@@ -38,6 +38,9 @@ export function getForm(tabName, djywbm) {
38 case "diyaqSlxx": 38 case "diyaqSlxx":
39 form = require("@/views/ywbl/diyaq/slxx.vue"); 39 form = require("@/views/ywbl/diyaq/slxx.vue");
40 break; 40 break;
41 case "diyaqSlxx200":
42 form = require("@/views/ywbl/diyaq/slxx200.vue");
43 break;
41 case "clxx": 44 case "clxx":
42 form = require("@/views/workflow/components/clxx.vue"); 45 form = require("@/views/workflow/components/clxx.vue");
43 break; 46 break;
......
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form
5 :model="ruleForm"
6 :rules="rules"
7 ref="ruleForm"
8 :label-position="flag ? 'top' : ''"
9 :inline="flag"
10 label-width="140px"
11 >
12 <div class="slxx_con">
13 <div class="slxx_title title-block">
14 受理信息200
15 <div class="triangle"></div>
16 </div>
17 <el-row :gutter="10">
18 <el-col :span="8">
19 <el-form-item :class="flag ? 'marginBot0' : ''" label="业务号：">
20 <el-input disabled v-model="ruleForm.slywxx.ywh"></el-input>
21 </el-form-item>
22 </el-col>
23 <el-col :span="8">
24 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理人员：">
25 <el-input disabled v-model="ruleForm.slywxx.slry"></el-input>
26 </el-form-item>
27 </el-col>
28 <el-col :span="8">
29 <el-form-item :class="flag ? 'marginBot0' : ''" label="受理时间：">
30 <el-input disabled v-model="ruleForm.slywxx.slsj"></el-input>
31 </el-form-item>
32 </el-col>
33 </el-row>
34 <el-row :gutter="10">
35 <el-col :span="8">
36 <el-form-item
37 :class="flag ? 'marginBot0' : ''"
38 label="权利类型："
39 prop="qllx"
40 >
41 <el-input disabled v-model="ruleForm.slywxx.qllxmc"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item
46 :class="flag ? 'marginBot0' : ''"
47 label="登记类型："
48 prop="djlx"
49 >
50 <el-input disabled v-model="ruleForm.slywxx.djlxmc"></el-input>
51 </el-form-item>
52 </el-col>
53 <el-col :span="8">
54 <el-form-item
55 :class="flag ? 'marginBot0' : ''"
56 label="登记情形："
57 prop="djqx"
58 >
59 <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input>
60 </el-form-item>
61 </el-col>
62 </el-row>
63 <div class="slxx_title title-block">
64 抵押不动产情况
65 <div class="triangle"></div>
66 </div>
67
68 <el-row :gutter="10">
69 <el-col :span="8">
70 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：">
71 <el-input disabled v-model="ruleForm.qlxxold.qlrmc"></el-input>
72 </el-form-item>
73 </el-col>
74 <el-col :span="8">
75 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
76 <el-input disabled v-model="ruleForm.qlxxold.qlrzjhm"></el-input>
77 </el-form-item>
78 </el-col>
79 <el-col :span="8">
80 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
81 <el-input disabled v-model="ruleForm.qlxxold.qlrzjzl"></el-input>
82 </el-form-item>
83 </el-col>
84 </el-row>
85 <el-row :gutter="10">
86 <el-col :span="8">
87 <el-form-item
88 :class="flag ? 'marginBot0' : ''"
89 label="不动产权证号："
90 >
91 <el-input disabled v-model="ruleForm.slywxx.ybdcqzsh"></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="16">
95 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
96 <el-input disabled v-model="ruleForm.qlxxold.zl"></el-input>
97 </el-form-item>
98 </el-col>
99 </el-row>
100 <el-row :gutter="10">
101 <el-col :span="8">
102 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
103 <el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input>
104 </el-form-item>
105 </el-col>
106 <el-col :span="8">
107 <el-form-item
108 :class="flag ? 'marginBot0' : ''"
109 label="不动产单元号："
110 >
111 <el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
116 <el-input disabled v-model="ruleForm.qlxxold.mj"></el-input>
117 </el-form-item>
118 </el-col>
119 </el-row>
120
121 <div class="slxx_title title-block">
122 抵押信息
123 <div class="triangle"></div>
124 </div>
125
126 <el-row :gutter="10">
127 <el-col :span="8">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="抵押方式：">
129 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
130 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
131 <el-radio label="1">一般抵押</el-radio>
132 <el-radio label="2">最高额抵押</el-radio>
133 </el-radio-group>
134 </el-form-item>
135 </el-col>
136 <el-col :span="16">
137 <el-form-item
138 :class="flag ? 'marginBot0' : ''"
139 label="是否存在禁止或者限制转让抵押不动产的约定："
140 label-width="350px"
141 >
142 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz">
143 <el-radio label="1">启用</el-radio>
144 <el-radio label="0">禁用</el-radio>
145 </el-radio-group>
146 </el-form-item>
147 </el-col>
148 </el-row>
149
150 <el-row :gutter="10">
151 <el-col :span="8" v-show="ruleForm.diyaq.dyfs==1">
152 <el-form-item
153 :class="flag ? 'marginBot0' : ''"
154 label="被担保主债权数额："
155 >
156 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
157 </el-form-item>
158 </el-col>
159
160 <el-col :span="8" v-show="ruleForm.diyaq.dyfs==2">
161 <el-form-item
162 :class="flag ? 'marginBot0' : ''"
163 label="最高债权额："
164 >
165 <el-input v-model="ruleForm.diyaq.zgzqse"></el-input>
166 </el-form-item>
167 </el-col>
168
169 <el-col :span="8">
170 <el-form-item
171 :class="flag ? 'marginBot0' : ''"
172 label="债务履行起始时间："
173 >
174 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" type="date">
175 </el-date-picker>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item
180 :class="flag ? 'marginBot0' : ''"
181 label="债务履行结束时间："
182 >
183 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" type="date">
184 </el-date-picker>
185 </el-form-item>
186 </el-col>
187 </el-row>
188
189
190 <el-row>
191 <el-col :span="24">
192 <el-form-item :class="flag ? 'marginBot0' : ''" label="担保范围：">
193 <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
194 </el-form-item>
195 </el-col>
196 </el-row>
197 <el-row>
198 <el-col :span="24">
199 <el-form-item :class="flag ? 'marginBot0' : ''" label="最高债权确定事实和数额：" label-width="200px">
200 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
201 </el-form-item>
202 </el-col>
203 </el-row>
204 <el-row >
205 <el-col>
206 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
207 <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="$route.query.viewtype==1"></el-input>
208 </el-form-item>
209 </el-col>
210 </el-row>
211
212 <div class="slxx_title title-block">
213 抵押权人信息
214 <div class="triangle"></div>
215 </div>
216 <el-row :gutter="10">
217 <el-col :span="14">
218 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
219 <el-radio-group
220 :disabled="$route.query.viewtype == 1"
221 v-model="ruleForm.slywxx.gyfs"
222 >
223 <el-radio label="0">单独所有</el-radio>
224 <el-radio label="1">共同共有</el-radio>
225 <el-radio label="2">按份所有</el-radio>
226 <el-radio label="3">其它共有</el-radio>
227 </el-radio-group>
228 </el-form-item>
229 </el-col>
230 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
231 <el-form-item
232 :class="flag ? 'marginBot0' : ''"
233 label="是否分别持证："
234 >
235 <el-radio-group v-model="ruleForm.slywxx.sffbcz">
236 <el-radio label="1">是</el-radio>
237 <el-radio label="0">否</el-radio>
238 </el-radio-group>
239 </el-form-item>
240 </el-col>
241 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
242 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
243 <el-select v-model="ruleForm.czr" placeholder="持证人">
244 <el-option
245 v-for="item in czrOptions"
246 :key="item.value"
247 :label="item.label"
248 :value="item.value"
249 >
250 </el-option>
251 </el-select>
252 </el-form-item>
253 </el-col>
254 </el-row>
255 <InformationTable
256 :tableData="ruleForm.qlrList"
257 @upDateQlrxxList="upDateQlrxxList"
258 :viewtype="$route.query.viewtype"
259 :gyfs="ruleForm.slywxx.gyfs"
260 />
261 <div class="slxx_title title-block">
262 抵押人信息
263 <div class="triangle"></div>
264 </div>
265 <InformationTable
266 :tableData="ruleForm.ywrList"
267 @upDateQlrxxList="upDateYwrxxList"
268 :viewtype="$route.query.viewtype"
269 />
270
271 <div class="slxx_title title-block">
272 登记原因
273 <div class="triangle"></div>
274 </div>
275 <el-row :gutter="10">
276 <el-col>
277 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
278 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype==1" v-model="ruleForm.diyaq.djyy">
279 </el-input>
280 </el-form-item>
281 </el-col>
282 </el-row>
283
284 </div>
285 <el-row class="btn" v-if="!$route.query.viewtype">
286 <el-form-item :class="flag ? 'marginBot0' : ''">
287 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
288 </el-form-item>
289 </el-row>
290 </el-form>
291 </div>
292 </template>
293 <script>
294 import InformationTable from "@/views/workflow/components/InformationTable";
295 import { Init, saveData } from "@/api/diyaqFlow.js";
296 import { mapGetters } from "vuex";
297 export default {
298 async created() {
299 this.propsParam = this.$attrs;
300 var formdata = new FormData();
301 formdata.append("bsmSldy", this.propsParam.bsmSldy);
302 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
303 formdata.append("djlx", this.propsParam.djlx);
304 Init(formdata).then((res) => {
305 if (res.code === 200 && res.result) {
306 this.ruleForm = res.result;
307 }
308 });
309 },
310 components: { InformationTable },
311 computed: {
312 ...mapGetters(["dictData", "flag"]),
313 },
314 data() {
315 return {
316 disabled: true,
317 czrOptions: [],
318 ruleForm: {
319 slywxx: {},
320 qlxxold: {},
321 diyaq: {},
322 gyfs: "",
323 },
324 //传递参数
325 propsParam: {},
326 rules: {},
327 };
328 },
329 methods: {
330 // list(bsmSldy) {
331 // Init({
332 // bsmSldy: bsmSldy.split(","),
333 // }).then((res) => {
334 // if (res.code === 200 && res.result) {
335 // this.ruleForm = {
336 // ...res.result,
337 // ...res.result.zdjbxxdatas,
338 // ...res.result.qlxxdatas,
339 // ...res.result.jsydsyqdatas,
340 // };
341 // }
342 // });
343 // },
344 onSubmitClick() {
345 saveData(this.ruleForm).then((res) => {
346 if (res.code === 200) {
347 this.$message({
348 showClose: true,
349 message: "保存成功！",
350 type: "success",
351 });
352 } else {
353 this.$message({
354 showClose: true,
355 message: res.message,
356 type: "error",
357 });
358 }
359 });
360 },
361
362 // 更新权利人信息
363 upDateQlrxxList(val) {
364 this.ruleForm.qlrList = _.cloneDeep(val);
365 },
366 // 更新义务人信息
367 upDateYwrxxList(val) {
368 this.ruleForm.ywrList = _.cloneDeep(val);
369 },
370 },
371 };
372 </script>
373 <style scoped lang='scss'>
374 @import "~@/styles/public.scss";
375 @import "~@/styles/slxx/slxx.scss";
376 </style>
...@@ -166,6 +166,7 @@ export default { ...@@ -166,6 +166,7 @@ export default {
166 }); 166 });
167 }, 167 },
168 handleSelectionChange(val) { 168 handleSelectionChange(val) {
169 debugger;
169 val.forEach((item, index) => { 170 val.forEach((item, index) => {
170 item.bsmSsql = item.bsmQlxx; 171 item.bsmSsql = item.bsmQlxx;
171 item.ybdcqzsh = item.bdcqzh; 172 item.ybdcqzsh = item.bdcqzh;
......
...@@ -157,6 +157,7 @@ export default { ...@@ -157,6 +157,7 @@ export default {
157 message: "发起申请成功", 157 message: "发起申请成功",
158 type: "success", 158 type: "success",
159 }); 159 });
160 debugger;
160 if (!this.isJump) { 161 if (!this.isJump) {
161 this.jump(res.result, this.djywbm); 162 this.jump(res.result, this.djywbm);
162 } else { 163 } else {
...@@ -168,6 +169,7 @@ export default { ...@@ -168,6 +169,7 @@ export default {
168 }); 169 });
169 }, 170 },
170 handleSelectionChange(val) { 171 handleSelectionChange(val) {
172 debugger;
171 val.forEach((item, index) => { 173 val.forEach((item, index) => {
172 item.bsmSsql = item.bsmQlxx; 174 item.bsmSsql = item.bsmQlxx;
173 item.ybdcqzsh = item.bdcqzh; 175 item.ybdcqzsh = item.bdcqzh;
......