Skip to content

bdc / bdcdj-web

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

调试在建工程抵押权功能

1 parent 252da064
Inline Side-by-side
Showing 6 changed files with 336 additions and 40 deletions
...@@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap ...@@ -8,28 +8,36 @@ let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('Ap
8 8
9 // 初始化内容 9 // 初始化内容
10 export function Init (data) { 10 export function Init (data) {
11 return request({
12 url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/init",
13 method: 'post',
14 data
15 })
16 }
17 // 批量初始化内容
18 export function bacthInit (data) {
11 let apiUrl = ""; 19 let apiUrl = "";
12 switch (data.get("djlx")) { 20 switch (data.get("djlx")) {
13 case "100": 21 case "100":
14 apiUrl = "/rest/ywbl/zjgcdy/fristInit"; 22 apiUrl = "/rest/ywbl/zjgcdy/fristBatchInit";
15 break; 23 break;
16 case "200": 24 case "200":
17 apiUrl = "/rest/ywbl/zjgcdy/transferInit"; 25 apiUrl = "/rest/ywbl/zjgcdy/transferBatchInit";
18 break; 26 break;
19 case "300": 27 case "300":
20 apiUrl = "/rest/ywbl/zjgcdy/changeInit"; 28 apiUrl = "/rest/ywbl/zjgcdy/changeBatchInit";
21 break; 29 break;
22 case "400": 30 case "400":
23 apiUrl = "/rest/ywbl/zjgcdy/logoutInit"; 31 apiUrl = "/rest/ywbl/zjgcdy/logoutBatchInit";
24 break; 32 break;
25 case "500": 33 case "500":
26 apiUrl = "/rest/ywbl/zjgcdy/riviseInit"; 34 apiUrl = "/rest/ywbl/zjgcdy/riviseBatchInit";
27 break; 35 break;
28 case "901": 36 case "901":
29 apiUrl = "/rest/ywbl/zjgcdy/renewalInit"; 37 apiUrl = "/rest/ywbl/zjgcdy/renewaBatchlInit";
30 break; 38 break;
31 case "902": 39 case "902":
32 apiUrl = "/rest/ywbl/zjgcdy/replaceInit"; 40 apiUrl = "/rest/ywbl/zjgcdy/replaceBatchInit";
33 break; 41 break;
34 } 42 }
35 return request({ 43 return request({
...@@ -51,6 +59,15 @@ export function saveData (data, djlx) { ...@@ -51,6 +59,15 @@ export function saveData (data, djlx) {
51 }) 59 })
52 } 60 }
53 61
62 // 受理信息保存
63 export function saveBatchData (data, djlx) {
64 return request({
65 url: SERVER.SERVERAPI + "/rest/ywbl/zjgcdy/saveBatchData",
66 method: 'post',
67 data
68 })
69 }
70
54 // 流程图 71 // 流程图
55 export function getWorkFlowImage (bsmSlsq, bestepid) { 72 export function getWorkFlowImage (bsmSlsq, bestepid) {
56 return request({ 73 return request({
......
...@@ -415,6 +415,19 @@ class data extends filter { ...@@ -415,6 +415,19 @@ class data extends filter {
415 { 415 {
416 prop: "dybdclx", 416 prop: "dybdclx",
417 label: "抵押不动产类型", 417 label: "抵押不动产类型",
418 render: (h, scope) => {
419 return (
420 <div>
421 <span v-show={scope.row.dybdclx == '1'}>土地</span>
422 <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span>
423 <span v-show={scope.row.dybdclx == '3'}>林地和林木</span>
424 <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span>
425 <span v-show={scope.row.dybdclx == '5'}>海域</span>
426 <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span>
427 <span v-show={scope.row.dybdclx == '7'}>其它</span>
428 </div>
429 )
430 }
418 }, 431 },
419 { 432 {
420 prop: "djlxmc", 433 prop: "djlxmc",
......
...@@ -107,18 +107,20 @@ export default { ...@@ -107,18 +107,20 @@ export default {
107 switch (qllx) { 107 switch (qllx) {
108 case 'A04': 108 case 'A04':
109 this.showBatch = true; 109 this.showBatch = true;
110 this.batchButtonName = '批量单元信息'; 110 this.batchButtonName = '批量房屋操作';
111 break; 111 break;
112 case 'B39': 112 case 'B39':
113 this.showBatch = true; 113 this.showBatch = true;
114 this.batchButtonName = '批量查封清单信息'; 114 this.batchButtonName = '批量查封操作';
115 break; 115 break;
116 case 'A37': 116 case 'A37':
117 this.showBatch = true; 117 this.showBatch = true;
118 this.batchButtonName = '批量抵押'; 118 this.batchButtonName = '批量抵押操作';
119 break;
120 case 'B37':
121 this.showBatch = true;
122 this.batchButtonName = '批量在建工程抵押操作';
119 break; 123 break;
120 default:
121 this.batchButtonName = '批量操作';
122 } 124 }
123 } 125 }
124 }, 126 },
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 * @LastEditTime: 2023-06-19 13:16:53 4 * @LastEditTime: 2023-06-19 13:16:53
5 */ 5 */
6 //流程环节操作按钮 6 //流程环节操作按钮
7 export function getForm (tabName, djywbm) { 7 export function getForm(tabName, djywbm) {
8 let form; 8 let form;
9 switch (tabName) { 9 switch (tabName) {
10 case "tdsyqslxx": 10 case "tdsyqslxx":
...@@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) { ...@@ -31,7 +31,6 @@ export function getForm (tabName, djywbm) {
31 case "nydsyqslxx100": 31 case "nydsyqslxx100":
32 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); 32 form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
33 break; 33 break;
34
35 case "nydsyqslxx200": 34 case "nydsyqslxx200":
36 form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); 35 form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
37 break; 36 break;
...@@ -66,13 +65,16 @@ export function getForm (tabName, djywbm) { ...@@ -66,13 +65,16 @@ export function getForm (tabName, djywbm) {
66 case "zjgcdyqSlxx": 65 case "zjgcdyqSlxx":
67 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); 66 form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
68 break; 67 break;
68 case "batchZjgcdyq":
69 form = require("@/views/ywbl/slsqxx/zjgcdy/batchSlxx.vue");
70 break;
69 case "cfdjxx": 71 case "cfdjxx":
70 form = require("@/views/registerBook/cfdj.vue"); 72 form = require("@/views/registerBook/cfdj.vue");
71 break; 73 break;
72 case "tdsyqQlxx": 74 case "tdsyqQlxx":
73 form = require("@/views/registerBook/tdsyq.vue"); 75 form = require("@/views/registerBook/tdsyq.vue");
74 break; 76 break;
75 case "jsydsyqQlxx": 77 case "jsydsyqQlxx":
76 form = require("@/views/registerBook/jsydsyq.vue"); 78 form = require("@/views/registerBook/jsydsyq.vue");
77 break; 79 break;
78 case "nydsyqQlxx": 80 case "nydsyqQlxx":
......
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form :model="ruleForm" :rules="rules" class="loadingtext" :label-position="flag ? 'top' : ''"
5 :inline="flag" label-width="140px">
6 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
7 <div class="slxx_title title-block">
8 受理信息
9 <div class="triangle"></div>
10 </div>
11 <el-row :gutter="10">
12 <el-col :span="8">
13 <el-form-item label="业务号：">
14 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
15 </el-form-item>
16 </el-col>
17 <el-col :span="8">
18 <el-form-item label="受理人员：">
19 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
20 </el-form-item>
21 </el-col>
22 <el-col :span="8">
23 <el-form-item label="受理时间：">
24 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
25 </el-form-item>
26 </el-col>
27 </el-row>
28 <el-row :gutter="10">
29 <el-col :span="8">
30 <el-form-item label="权利类型：" prop="qllx">
31 <el-input disabled v-model="ruleForm.sldy[0].qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="登记类型：" prop="djlx">
36 <el-input disabled v-model="ruleForm.sldy[0].djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="登记情形：" prop="djqx">
41 <el-input disabled v-model="ruleForm.slsq.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 <div class="slxx_title title-block">
51 抵押信息
52 <div class="triangle"></div>
53 </div>
54
55 <el-row :gutter="10">
56 <el-col :span="8">
57 <el-form-item label="抵押方式：">
58 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
59 <el-radio-group disabled v-model="ruleForm.diyaq[0].dyfs">
60 <el-radio label="1">一般抵押</el-radio>
61 <el-radio label="2">最高额抵押</el-radio>
62 </el-radio-group>
63 </el-form-item>
64 </el-col>
65 <el-col :span="16">
66 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
67 <el-radio-group v-model="ruleForm.diyaq[0].sfczjzhxz">
68 <el-radio label="1">启用</el-radio>
69 <el-radio label="0">禁用</el-radio>
70 </el-radio-group>
71 </el-form-item>
72 </el-col>
73 </el-row>
74
75 <el-row :gutter="10">
76 <el-col :span="8" v-show="ruleForm.diyaq[0].dyfs == 1">
77 <el-form-item label="被担保主债权数额：">
78 <el-input v-model="ruleForm.diyaq[0].bdbzzqse"></el-input>
79 </el-form-item>
80 </el-col>
81
82 <el-col :span="8" v-show="ruleForm.diyaq[0].dyfs == 2">
83 <el-form-item label="最高债权额：">
84 <el-input v-model="ruleForm.diyaq[0].zgzqse"></el-input>
85 </el-form-item>
86 </el-col>
87
88 <el-col :span="8">
89 <el-form-item label="债务履行起始时间：">
90 <el-date-picker v-model="ruleForm.diyaq[0].zwlxqssj" type="date">
91 </el-date-picker>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item label="债务履行结束时间：">
96 <el-date-picker v-model="ruleForm.diyaq[0].zwlxjssj" type="date">
97 </el-date-picker>
98 </el-form-item>
99 </el-col>
100 </el-row>
101
102 <el-row>
103 <el-col :span="24">
104 <el-form-item label="担保范围：">
105 <el-input v-model="ruleForm.diyaq[0].dbfw"
106 :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
107 </el-form-item>
108 </el-col>
109 </el-row>
110 <el-row>
111 <el-col :span="24">
112 <el-form-item label="最高债权确定事实和数额：">
113 <el-input v-model="ruleForm.diyaq[0].zgzqqdss"></el-input>
114 </el-form-item>
115 </el-col>
116 </el-row>
117 <el-row>
118 <el-col>
119 <el-form-item label="附记：" prop="fj">
120 <el-input type="textarea" v-model="ruleForm.diyaq[0].fj" :disabled="$route.query.viewtype == 1"></el-input>
121 </el-form-item>
122 </el-col>
123 </el-row>
124
125 <div class="slxx_title title-block">
126 抵押权人信息
127 <div class="triangle"></div>
128 </div>
129 <el-row :gutter="10">
130 <el-col :span="14">
131 <el-form-item label="共有方式：">
132 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldy[0].gyfs">
133 <el-radio label="0">单独所有</el-radio>
134 <el-radio label="1">共同共有</el-radio>
135 <el-radio label="2">按份所有</el-radio>
136 <el-radio label="3">其它共有</el-radio>
137 </el-radio-group>
138 </el-form-item>
139 </el-col>
140 <el-col :span="5" v-show="ruleForm.sldy[0].gyfs == '2'">
141 <el-form-item label="是否分别持证：">
142 <el-radio-group v-model="ruleForm.sldy[0].sqfbcz">
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-col :span="5" v-show="ruleForm.sldy[0].gyfs == '2'">
149 <el-form-item label="持证人：">
150 <el-select v-model="ruleForm.czr" placeholder="持证人">
151 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
152 </el-option>
153 </el-select>
154 </el-form-item>
155 </el-col>
156 </el-row>
157 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
158 :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldy[0].gyfs" />
159 <div class="slxx_title title-block">
160 抵押人信息
161 <div class="triangle"></div>
162 </div>
163 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
164 :viewtype="$route.query.viewtype" />
165
166 <div class="slxx_title title-block">
167 登记原因
168 <div class="triangle"></div>
169 </div>
170 <el-row :gutter="10">
171 <el-col>
172 <el-form-item v-if="ruleForm.sldy[0].djlx == '400'" label="注销抵押原因：" prop="djyy">
173 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
174 v-model="ruleForm.diyaq[0].zxdyyy">
175 </el-input>
176 </el-form-item>
177 <el-form-item v-else label="登记原因：" prop="djyy">
178 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
179 v-model="ruleForm.diyaq[0].djyy">
180 </el-input>
181 </el-form-item>
182 </el-col>
183 </el-row>
184
185 </div>
186 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
187 <el-form-item>
188 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
189 </el-form-item>
190 </el-row>
191 </el-form>
192 </div>
193 </template>
194 <script>
195 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
196 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
197 import { mapGetters } from "vuex";
198 export default {
199 mounted () {
200 this.ableOperation = this.$parent.currentSelectTab.ableOperation
201 this.propsParam = this.$attrs;
202 var formdata = new FormData();
203
204 this.$startLoading();
205 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
206 formdata.append("djlx", this.propsParam.djlx);
207 formdata.append("isEdit", this.ableOperation);
208 bacthInit(formdata).then((res) => {
209 if (res.code === 200 && res.result) {
210 this.ruleForm = res.result;
211 this.$endLoading();
212 }
213 })
214 },
215 components: { qlrCommonTable },
216 computed: {
217 ...mapGetters(["dictData", "flag"]),
218 },
219 data () {
220 return {
221 //表单是否可操作
222 ableOperation: true,
223 disabled: true,
224 czrOptions: [],
225 ruleForm: {},
226 //传递参数
227 propsParam: {},
228 rules: {},
229 };
230 },
231 methods: {
232 onSubmitClick () {
233 saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
234 if (res.code === 200) {
235 this.$message({
236 showClose: true,
237 message: "保存成功！",
238 type: "success",
239 });
240 this.$store.dispatch('user/refreshPage', true);
241 } else {
242 this.$message({
243 showClose: true,
244 message: res.message,
245 type: "error",
246 });
247 }
248 });
249 },
250
251 // 更新权利人信息
252 upDateQlrxxList (val) {
253 if (!_.isEqual(val, this.ruleForm.qlrList)) {
254 this.ruleForm.qlrList = _.cloneDeep(val);
255 }
256 },
257 // 更新义务人信息
258 upDateYwrxxList (val) {
259 if (!_.isEqual(val, this.ruleForm.ywrList)) {
260 this.ruleForm.ywrList = _.cloneDeep(val);
261 }
262 }
263 }
264 };
265 </script>
266 <style scoped lang='scss'>
267 @import "~@/styles/public.scss";
268 @import "~@/styles/slxx/slxx.scss";
269 </style>
...@@ -43,41 +43,40 @@ ...@@ -43,41 +43,40 @@
43 </el-col> 43 </el-col>
44 </el-row> 44 </el-row>
45 <div class="slxx_title title-block"> 45 <div class="slxx_title title-block">
46 抵押房屋信息情况 46 抵押户信息情况
47 <div class="triangle"></div> 47 <div class="triangle"></div>
48 </div> 48 </div>
49
50 <el-row :gutter="10"> 49 <el-row :gutter="10">
51 <el-col :span="8"> 50 <el-col :span="8">
52 <el-form-item label="权利人："> 51 <el-form-item label="房屋用途：">
53 <el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input> 52 <el-input disabled v-model="ruleForm.qjh.showfwyt"></el-input>
54 </el-form-item> 53 </el-form-item>
55 </el-col> 54 </el-col>
56 <el-col :span="8"> 55 <el-col :span="8">
57 <el-form-item label="证件号："> 56 <el-form-item label="房屋性质：">
58 <el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input> 57 <el-input disabled v-model="ruleForm.qjh.fwxzmc"></el-input>
59 </el-form-item> 58 </el-form-item>
60 </el-col> 59 </el-col>
61 <el-col :span="8"> 60 <el-col :span="8">
62 <el-form-item label="证件种类："> 61 <el-form-item label="房屋结构：">
63 <el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input> 62 <el-input disabled v-model="ruleForm.qjh.showfwjg"></el-input>
64 </el-form-item> 63 </el-form-item>
65 </el-col> 64 </el-col>
66 </el-row> 65 </el-row>
67 <el-row :gutter="10"> 66 <el-row :gutter="10">
68 <el-col :span="8"> 67 <el-col :span="8">
69 <el-form-item label="权利类型："> 68 <el-form-item label="建筑面积：">
70 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 69 <el-input disabled v-model="ruleForm.qjh.jzmj"></el-input>
71 </el-form-item> 70 </el-form-item>
72 </el-col> 71 </el-col>
73 <el-col :span="8"> 72 <el-col :span="8">
74 <el-form-item label="不动产权证号："> 73 <el-form-item label="套内建筑面积：">
75 <el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input> 74 <el-input disabled v-model="ruleForm.qjh.tnjzmj"></el-input>
76 </el-form-item> 75 </el-form-item>
77 </el-col> 76 </el-col>
78 <el-col :span="8"> 77 <el-col :span="8">
79 <el-form-item label="坐落："> 78 <el-form-item label="分摊建筑面积：">
80 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input> 79 <el-input disabled v-model="ruleForm.qjh.ftjzmj"></el-input>
81 </el-form-item> 80 </el-form-item>
82 </el-col> 81 </el-col>
83 </el-row> 82 </el-row>
...@@ -88,13 +87,13 @@ ...@@ -88,13 +87,13 @@
88 </el-form-item> 87 </el-form-item>
89 </el-col> 88 </el-col>
90 <el-col :span="8"> 89 <el-col :span="8">
91 <el-form-item label="面积："> 90 <el-form-item label="室号部位：">
92 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input> 91 <el-input disabled v-model="ruleForm.qjh.shbw"></el-input>
93 </el-form-item> 92 </el-form-item>
94 </el-col> 93 </el-col>
95 <el-col :span="8"> 94 <el-col :span="8">
96 <el-form-item label="用途："> 95 <el-form-item label="坐落：">
97 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input> 96 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
98 </el-form-item> 97 </el-form-item>
99 </el-col> 98 </el-col>
100 </el-row> 99 </el-row>
...@@ -254,7 +253,6 @@ ...@@ -254,7 +253,6 @@
254 var formdata = new FormData(); 253 var formdata = new FormData();
255 this.$startLoading(); 254 this.$startLoading();
256 formdata.append("bsmSldy", this.propsParam.bsmSldy); 255 formdata.append("bsmSldy", this.propsParam.bsmSldy);
257 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
258 formdata.append("djlx", this.propsParam.djlx); 256 formdata.append("djlx", this.propsParam.djlx);
259 formdata.append("isEdit", this.ableOperation); 257 formdata.append("isEdit", this.ableOperation);
260 Init(formdata).then((res) => { 258 Init(formdata).then((res) => {
...@@ -275,12 +273,7 @@ ...@@ -275,12 +273,7 @@
275 ableOperation: true, 273 ableOperation: true,
276 disabled: true, 274 disabled: true,
277 czrOptions: [], 275 czrOptions: [],
278 ruleForm: { 276 ruleForm: {},
279 slywxx: {},
280 qlxxold: {},
281 diyaq: {},
282 gyfs: "",
283 },
284 //传递参数 277 //传递参数
285 propsParam: {}, 278 propsParam: {},
286 rules: {}, 279 rules: {},
......