Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
415da832 by 夏齐
Options

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

1 parent e536423d
Inline Side-by-side
Showing 8 changed files with 654 additions and 1 deletions
1 import request from '@/utils/request'
2 import SERVER from '../config'
3 // 初始化内容
4 export function Init (data) {
5 let apiUrl = "";
6 switch (data.get("djlx")) {
7 case "100":
8 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/fristInit";
9 break;
10 case "200":
11 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/transferInit";
12 break;
13 case "300":
14 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/changeInit";
15 break;
16 case "400":
17 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/logoutInit";
18 break;
19 case "500":
20 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/riviseInit";
21 break;
22 case "901":
23 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/renewalInit";
24 break;
25 case "902":
26 apiUrl = SERVER.SERVERAPI + "/rest/ywbl/ygdy/replaceInit";
27 break;
28 }
29 return request({
30 url: apiUrl,
31 method: 'post',
32 data
33 })
34 }
35 // 初始化内容
36 export function saveData (data) {
37 return request({
38 url: SERVER.SERVERAPI + '/rest/ywbl/ygdy/saveData',
39 method: 'post',
40 data
41 })
42 }
43
44
...@@ -267,3 +267,15 @@ export function selectYgdj200 (data) { ...@@ -267,3 +267,15 @@ export function selectYgdj200 (data) {
267 data 267 data
268 }) 268 })
269 } 269 }
270 /**
271 * 业务办理-预告抵押登记-选择权利信息-根据条件进行列表查询
272 * @param data
273 * @returns {*}
274 */
275 export function selectYgdy (data) {
276 return request({
277 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectYgdy',
278 method: 'post',
279 data
280 })
281 }
......
...@@ -718,7 +718,7 @@ class data extends filter { ...@@ -718,7 +718,7 @@ class data extends filter {
718 label: "登记原因", 718 label: "登记原因",
719 }, 719 },
720 { 720 {
721 prop: "bdbzzqse", 721 prop: "qdjg",
722 label: "取得价格/被担保主债权数额", 722 label: "取得价格/被担保主债权数额",
723 }, 723 },
724 { 724 {
......
...@@ -51,6 +51,10 @@ export function getForm (tabName, djywbm) { ...@@ -51,6 +51,10 @@ export function getForm (tabName, djywbm) {
51 case "ygmm300": 51 case "ygmm300":
52 form = require("@/views/ywbl/ygdj/slxx300.vue"); 52 form = require("@/views/ywbl/ygdj/slxx300.vue");
53 break; 53 break;
54 case "ygdy100":
55 case "ygdy300":
56 form = require("@/views/ywbl/ygdy/slxx.vue");
57 break;
54 case "cfdjxx": 58 case "cfdjxx":
55 form = require("@/views/registerBook/cfdj.vue"); 59 form = require("@/views/registerBook/cfdj.vue");
56 break; 60 break;
......
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 <el-row :gutter="10">
50 <el-col :span="8">
51 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：">
52 <el-input disabled v-model="ruleForm.qlxxold.qlrmc"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
57 <el-input disabled v-model="ruleForm.qlxxold.qlrzjhm"></el-input>
58 </el-form-item>
59 </el-col>
60 <el-col :span="8">
61 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
62 <el-input disabled v-model="ruleForm.qlxxold.qlrzjzl"></el-input>
63 </el-form-item>
64 </el-col>
65 </el-row>
66 <el-row :gutter="10">
67 <el-col :span="8">
68 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
69 <el-input disabled v-model="ruleForm.qlxxold.qllxmc"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：">
74 <el-input disabled v-model="ruleForm.qlxxold.bdcqzh"></el-input>
75 </el-form-item>
76 </el-col>
77 <el-col :span="8">
78 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
79 <el-input disabled v-model="ruleForm.qlxxold.zl"></el-input>
80 </el-form-item>
81 </el-col>
82 </el-row>
83 <el-row :gutter="10">
84 <el-col :span="8">
85 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
86 <el-input disabled v-model="ruleForm.qlxxold.bdcdyh"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
91 <el-input disabled v-model="ruleForm.qlxxold.mj"></el-input>
92 </el-form-item>
93 </el-col>
94 <el-col :span="8">
95 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
96 <el-input disabled v-model="ruleForm.qlxxold.ytmc"></el-input>
97 </el-form-item>
98 </el-col>
99 </el-row>
100 <div class="slxx_title title-block">
101 预抵押信息
102 <div class="triangle"></div>
103 </div>
104 <el-row :gutter="10">
105 <el-col :span="8">
106 <el-form-item :class="flag ? 'marginBot0' : ''" label="被担保主债权数额：">
107 <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item :class="flag ? 'marginBot0' : ''" label="债务履行起始时间：">
112 <el-date-picker v-model="ruleForm.ygdj.zwlxqssj" type="date">
113 </el-date-picker>
114 </el-form-item>
115 </el-col>
116 <el-col :span="8">
117 <el-form-item :class="flag ? 'marginBot0' : ''" label="债务履行结束时间：">
118 <el-date-picker v-model="ruleForm.ygdj.zwlxjssj" type="date">
119 </el-date-picker>
120 </el-form-item>
121 </el-col>
122 </el-row>
123 <el-row>
124 <el-col :span="8">
125 <el-form-item :class="flag ? 'marginBot0' : ''" label="担保范围：">
126 <el-input v-model="ruleForm.ygdj.dbfw"
127 :disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input>
128 </el-form-item>
129 </el-col>
130 <el-col :span="8">
131 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
132 <el-input type="textarea" v-model="ruleForm.ygdj.fj" :disabled="$route.query.viewtype == 1"></el-input>
133 </el-form-item>
134 </el-col>
135 </el-row>
136 <div class="slxx_title title-block">
137 权利人信息
138 <div class="triangle"></div>
139 </div>
140 <el-row :gutter="10">
141 <el-col :span="14" v-if="ruleForm.qlxx">
142 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
143 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs">
144 <el-radio label="0">单独所有</el-radio>
145 <el-radio label="1">共同共有</el-radio>
146 <el-radio label="2">按份所有</el-radio>
147 <el-radio label="3">其它共有</el-radio>
148 </el-radio-group>
149 </el-form-item>
150 </el-col>
151 </el-row>
152 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList"
153 :gyfs="ruleForm.qlxx.gyfs" />
154 <div class="slxx_title title-block">
155 义务人信息
156 <div class="triangle"></div>
157 </div>
158 <qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
159 :gyfs="ruleForm.qlxx.gyfs" />
160 <div class="slxx_title title-block">
161 登记原因
162 <div class="triangle"></div>
163 </div>
164 <el-row :gutter="10">
165 <el-col>
166 <el-form-item :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
167 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
168 v-model="ruleForm.ygdj.djyy">
169 </el-input>
170 </el-form-item>
171 </el-col>
172 </el-row>
173 </div>
174 <el-row class="btn" v-if="!$route.query.viewtype">
175 <el-form-item :class="flag ? 'marginBot0' : ''">
176 <el-button type="primary" @click="onSubmit">保存</el-button>
177 </el-form-item>
178 </el-row>
179 </el-form>
180 </div>
181 </template>
182 <script>
183 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
184 import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
185 import { mapGetters } from "vuex";
186 export default {
187 async created () {
188 this.propsParam = this.$attrs;
189 var formdata = new FormData();
190 formdata.append("bsmSldy", this.propsParam.bsmSldy);
191 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
192 formdata.append("djlx", this.propsParam.djlx);
193 Init(formdata).then((res) => {
194 if (res.code === 200 && res.result) {
195 this.ruleForm = res.result;
196 }
197 });
198 },
199 components: { qlrCommonTable },
200 computed: {
201 ...mapGetters(["dictData", "flag"]),
202 },
203 data () {
204 return {
205 disabled: true,
206 tdytOption: [],
207 czrOptions: [],
208 ruleForm: {},
209 //传递参数
210 propsParam: this.$attrs,
211 rules: {},
212 };
213 },
214 methods: {
215 // 更新权利人信息
216 upDateQlrxxList (val) {
217 this.ruleForm.qlrList = _.cloneDeep(val);
218 },
219 // 更新权利人信息
220 upDateYwrxxList (val) {
221 this.ruleForm.ywrList = _.cloneDeep(val);
222 },
223
224 onSubmit () {
225 saveData(this.ruleForm).then((res) => {
226 if (res.code === 200) {
227 this.$message({
228 showClose: true,
229 message: "保存成功！",
230 type: "success",
231 });
232 } else {
233 this.$message({
234 showClose: true,
235 message: res.message,
236 type: "error",
237 });
238 }
239 });
240 },
241 },
242 };
243 </script>
244 <style scoped lang='scss'>
245 @import "~@/styles/public.scss";
246
247 /deep/.el-form {
248 display: flex;
249 flex-direction: column;
250 height: calc(100vh - 130px);
251 }
252
253 /deep/.el-form-item__label {
254 padding: 0;
255 }
256
257 /deep/.el-radio {
258 margin-right: 10px;
259 }
260
261 /deep/.el-select {
262 width: 100%;
263 }
264
265 /deep/.el-form-item {
266 margin-bottom: 8px;
267 }
268
269 .marginBot0 {
270 margin-bottom: 0 !important;
271 }
272
273 .slxx {
274 box-sizing: border-box;
275 }
276
277 .slxx_con {
278 flex: 1;
279 height: 100%;
280 background-color: #ffffff;
281 overflow-y: auto;
282 padding-right: 3px;
283 overflow-x: hidden;
284 }
285
286 .submit_btn {
287 height: 50px;
288 }
289
290 .slxx_title {
291 border-bottom: 1px solid $borderColor;
292 padding-left: 10px;
293 padding-bottom: 5px;
294 margin-bottom: 10px;
295 margin-top: 5px;
296 font-size: 16px;
297 font-weight: 500;
298 color: #4a4a4a;
299 }
300
301 .btn {
302 text-align: center;
303 padding-top: 10px;
304 height: 36px;
305 background-color: #ffffff;
306 padding: 5px 0;
307 }
308
309 .textArea {
310 /deep/.el-textarea__inner {
311 min-height: 90px !important;
312 }
313 }
314
315 /deep/.el-form-item__label {
316 padding-bottom: 0px;
317 }
318 </style>
1 <template>
2 <!-- 主体权利信息查询 -->
3 <div class="from-clues">
4 <!-- 表单部分 -->
5 <div class="from-clues-header">
6 <el-form :model="queryForm" ref="queryForm" label-width="100px">
7 <el-row>
8 <el-col :span="8">
9 <el-form-item label="不动产权证号">
10 <el-input
11 placeholder="请输入不动产权证号"
12 v-model="queryForm.bdcqzh"
13 clearable
14 class="width200px"
15 >
16 </el-input>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="不动产单元号">
21 <el-input
22 placeholder="请输入不动产单元号"
23 v-model="queryForm.bdcdyh"
24 clearable
25 class="width200px"
26 >
27 </el-input>
28 </el-form-item>
29 </el-col>
30 <el-col :span="6">
31 <el-form-item label="坐落">
32 <el-input
33 placeholder=""
34 v-model="queryForm.zl"
35 clearable
36 class="width200px"
37 >
38 </el-input>
39 </el-form-item>
40 </el-col>
41 <el-col :span="2" class="btnColRight">
42 <el-form-item>
43 <el-button type="primary" @click="fetchData()">查询</el-button>
44 </el-form-item>
45 </el-col>
46 </el-row>
47 </el-form>
48 </div>
49 <!-- 表格 -->
50 <div class="from-clues-content">
51 <lb-table
52 ref="table"
53 @row-click="handleRowClick"
54 :page-size="pageData.pageSize"
55 :heightNum="400"
56 :current-page.sync="pageData.currentPage"
57 :total="tableData.total"
58 @size-change="handleSizeChange"
59 @p-current-change="handleCurrentChange"
60 @selection-change="handleSelectionChange"
61 :column="tableData.columns"
62 :data="tableData.data"
63 >
64 </lb-table>
65 </div>
66 <div class="submit_button">
67 <el-button @click="closeDialog">取消</el-button>
68 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
69 </div>
70 </div>
71 </template>
72 <script>
73 import { datas, sendThis } from "../javascript/selectYgdy.js";
74 import { defaultParameters } from "../javascript/publicDefaultPar.js";
75 import table from "@/utils/mixin/table";
76 import jump from "./mixin/jump";
77 import { selectYgdy, startBusinessFlow } from "@/api/ywbl.js";
78 export default {
79 mixins: [table, jump],
80 props: {
81 isJump: { type: Boolean, default: false },
82 sqywInfo: { type: Object, default: () => {} },
83 },
84 data() {
85 return {
86 queryForm: defaultParameters.defaultParameters(),
87 tableData: {
88 total: 0,
89 columns: datas.columns(),
90 data: [],
91 },
92 bdcdysz: [],
93 };
94 },
95 mounted() {
96 sendThis(this);
97 },
98 methods: {
99 //点击行选中或取消复选框
100 handleRowClick(row, column, event) {
101 //通过ref绑定后这里使用$refs.table来操作bom元素
102 this.$refs.table.toggleRowSelection(row);
103 },
104 closeDialog() {
105 this.$emit("closeDialog");
106 },
107 fetchData() {
108 this.queryForm.sqywbm = this.sqywInfo.djywbm;
109 selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => {
110 if (res.code === 200) {
111 let { total, records } = res.result;
112 this.tableData.total = total;
113 this.tableData.data = records;
114 }
115 });
116 },
117 submitForm() {
118 if (this.bdcdysz.length == 0) {
119 this.$message.error("请至少选择一条数据");
120 return;
121 }
122 startBusinessFlow({
123 bsmSqyw: this.sqywInfo.bsmSqyw,
124 bdcdysz: this.bdcdysz,
125 djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"",
126 djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"",
127 }).then((res) => {
128 if (res.code == 200) {
129 this.$message({
130 showClose: true,
131 message: '发起申请成功',
132 type: 'success'
133 })
134 if (!this.isJump) {
135 this.jump(res.result, this.sqywInfo.djywbm)
136 } else {
137 this.$emit('updateDialog', true)
138 }
139 } else {
140 this.$message.error(res.message);
141 }
142 });
143 },
144 handleSelectionChange(val) {
145 val.forEach((item, index) => {
146 item.bsmSsql = item.bsmQlxx;
147 item.ybdcqzsh = item.bdcqzh;
148 });
149 this.bdcdysz = val;
150 },
151 },
152 };
153 </script>
154 <style scoped lang="scss">
155 @import "~@/styles/mixin.scss";
156 @import "~@/styles/public.scss";
157 </style>
1 import filter from '@/utils/filter.js'
2 let vm = null
3
4 const sendThis = (_this) => {
5 vm = _this
6 }
7 class data extends filter {
8 constructor() {
9 super()
10 }
11 columns () {
12 return [
13 {
14 type: 'selection',
15 label: '全选'
16 },
17 {
18 label: '序号',
19 type: 'index',
20 width: '50',
21 render: (h, scope) => {
22 return (
23 <div>
24 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
25 </div>
26 )
27 }
28 },
29 {
30 prop: "status",
31 label: "状态",
32 render: (h, scope) => {
33 return (
34 <div>
35 {/* <a v-on:click="doSomething"></a> */}
36 <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
37 <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
38 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
39 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
40 <span v-show={scope.row.cfzt == 1}>,已查封</span>
41 <span v-show={scope.row.diyizt == 1}>,已地役</span>
42 <span v-show={scope.row.yyzt == 1}>,异议中</span>
43 <span v-show={scope.row.xzzt == 1}>,已限制</span>
44 <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
45 <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
46 <span v-show={scope.row.dyzt == 1}>,已抵押</span>
47 </div>
48 )
49 }
50 },
51 {
52 prop: "bdcqzh",
53 label: "不动产证明号",
54 },
55 {
56 prop: "bdcdyh",
57 label: "不动产单元号",
58 },
59 {
60 prop: "dyfs",
61 label: "抵押方式",
62 render: (h, scope) => {
63 switch (scope.row.dyfs) {
64 case '1':
65 return <span>一般抵押</span>
66 case '2':
67 return <span>最高额抵押</span>
68 }
69 }
70 },
71 {
72 prop: "qlrmc",
73 label: "抵押权人",
74 },
75 {
76 prop: "qlrzjhm",
77 label: "抵押权人证件号",
78 },
79 {
80 prop: "ywrmc",
81 label: "抵押人",
82 },
83 {
84 prop: "ywrzjhm",
85 label: "抵押人证件号",
86 },
87 {
88 prop: "dyje",
89 label: "抵押金额(万元)",
90 },
91 {
92 prop: "dymj",
93 label: "抵押面积",
94 },
95 {
96 prop: "dyqx",
97 label: "债务履行期限",
98 },
99 {
100 prop: "zl",
101 label: "坐落",
102 }
103 ]
104 }
105
106
107 }
108 let datas = new data()
109 export {
110 datas,
111 sendThis
112 }
...@@ -54,8 +54,14 @@ export function queueDjywmc(djywbm) { ...@@ -54,8 +54,14 @@ export function queueDjywmc(djywbm) {
54 case "B40200"://预告转移 54 case "B40200"://预告转移
55 case "B40300"://预告变更 55 case "B40300"://预告变更
56 case "B40400"://预告注销 56 case "B40400"://预告注销
57 case "B41100": //预告抵押首次
57 vm ="selectYgdj200"; 58 vm ="selectYgdj200";
58 break; 59 break;
60 case "B41200": //预告抵押转移
61 case "B41300": //预告抵押变更
62 case "B41400": //预告抵押注销
63 vm ="selectYgdy";
64 break;
59 default: 65 default:
60 vm = "selecBdcql"; 66 vm = "selecBdcql";
61 break; 67 break;
......