Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
90ee6208 by 夏齐
Options

首次权利信息查询界面改造

1 parent 21b826f4
Inline Side-by-side
Showing 9 changed files with 692 additions and 5 deletions
1 import request from '@/utils/request'
2 import SERVER from '../config'
3
4 // 初始化内容
5 export function Init (data) {
6 let apiUrl = "";
7 switch (data.get("djlx")) {
8 case "100":
9 apiUrl = "/rest/ywbl/zjgcdy/fristInit";
10 break;
11 case "200":
12 apiUrl = "/rest/ywbl/zjgcdy/transferInit";
13 break;
14 case "300":
15 apiUrl = "/rest/ywbl/zjgcdy/changeInit";
16 break;
17 case "400":
18 apiUrl = "/rest/ywbl/zjgcdy/logoutInit";
19 break;
20 case "500":
21 apiUrl = "/rest/ywbl/zjgcdy/riviseInit";
22 break;
23 case "901":
24 apiUrl = "/rest/ywbl/zjgcdy/renewalInit";
25 break;
26 case "902":
27 apiUrl = "/rest/ywbl/zjgcdy/replaceInit";
28 break;
29 }
30 return request({
31 url: SERVER.SERVERAPI + apiUrl,
32 method: 'post',
33 data
34 })
35 }
36 // 受理信息保存
37 export function saveData (data,djlx) {
38 let apiUrl = "/rest/ywbl/zjgcdy/saveData";
39 if(djlx=="400"){
40 apiUrl = "/rest/ywbl/zjgcdy/saveLogoutData";
41 }
42 return request({
43 url: SERVER.SERVERAPI + apiUrl,
44 method: 'post',
45 data
46 })
47 }
48
49 // 流程图
50 export function getWorkFlowImage (bsmSlsq, bestepid) {
51 return request({
52 url: SERVER.SERVERAPI + '/rest/business/workFlow/getWorkFlowImage',
53 method: 'get',
54 params: {
55 bsmSlsq: bsmSlsq,
56 bestepid: bestepid
57 }
58 })
59 }
60 // 上传单个文件
61 export function sjClmxUpload (data) {
62 return request({
63 url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/upload',
64 method: 'post',
65 data
66 })
67 }
68 // 删除上传文件
69 export function sjClmxDelete (bsmClmx) {
70 return request({
71 url: SERVER.SERVERAPI + '/rest/zhcx/sjClmx/delete?bsmClmx=' + bsmClmx,
72 method: 'delete'
73 })
74 }
...@@ -279,3 +279,15 @@ export function selectYgdy (data) { ...@@ -279,3 +279,15 @@ export function selectYgdy (data) {
279 data 279 data
280 }) 280 })
281 } 281 }
282 /**
283 * 根据自然幢查询房屋信息
284 * @param data
285 * @returns {*}
286 */
287 export function selectAllHInfo (data) {
288 return request({
289 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectAllHInfo',
290 method: 'post',
291 data
292 })
293 }
......
1 <template> 1 <template>
2 <div class="edit"> 2 <div class="edit">
3 <el-tabs type="card" v-model="activeName" v-if="!isJump">
4 <el-tab-pane label="楼盘页面" name="first"></el-tab-pane>
5 <el-tab-pane label="单元列表页面" name="second"></el-tab-pane>
6 </el-tabs>
3 <!-- <div class="tab-header"> 7 <!-- <div class="tab-header">
4 <el-row class="searchContent"> 8 <el-row class="searchContent">
5 <el-col :span="24" style="margin:0 0 10px 18px;"> 9 <el-col :span="24" style="margin:0 0 10px 18px;">
...@@ -13,7 +17,7 @@ ...@@ -13,7 +17,7 @@
13 </el-col> 17 </el-col>
14 </el-row> 18 </el-row>
15 </div> --> 19 </div> -->
16 <div class="tab-content" ref="tabContent" :style="{ height: lpbContentHight + 'px' }" v-show="bjztFlag"> 20 <div class="tab-content" v-if="activeName=='first'" ref="tabContent" :style="{ height: lpbContentHight + 'px' }" v-show="bjztFlag">
17 <!-- 楼盘表主体 --> 21 <!-- 楼盘表主体 -->
18 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> 22 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
19 <lpbContent ref="lpbContent" :zrzbsm="formData.bsm" :key="time"></lpbContent> 23 <lpbContent ref="lpbContent" :zrzbsm="formData.bsm" :key="time"></lpbContent>
...@@ -113,11 +117,14 @@ ...@@ -113,11 +117,14 @@
113 </div> 117 </div>
114 </div> 118 </div>
115 </div> 119 </div>
120 <!-- 单元列表页面-->
121 <selectAllHInfo v-else :sqywInfo="formData" />
116 </div> 122 </div>
117 </template> 123 </template>
118 124
119 <script> 125 <script>
120 import lpbContent from "./lpbContent/index"; 126 import lpbContent from "./lpbContent/index";
127 import selectAllHInfo from "../ywbl/ywsq/components/selectAllHInfo"
121 export default { 128 export default {
122 name: "lpb", 129 name: "lpb",
123 props: { 130 props: {
...@@ -127,10 +134,12 @@ export default { ...@@ -127,10 +134,12 @@ export default {
127 } 134 }
128 }, 135 },
129 components: { 136 components: {
130 lpbContent 137 lpbContent,
138 selectAllHInfo
131 }, 139 },
132 data () { 140 data () {
133 return { 141 return {
142 activeName:"first",
134 bsms: [], 143 bsms: [],
135 dialogVisible: false, 144 dialogVisible: false,
136 scyclx: "0", //1是实测 0是预测 145 scyclx: "0", //1是实测 0是预测
...@@ -206,6 +215,7 @@ export default { ...@@ -206,6 +215,7 @@ export default {
206 }, 215 },
207 created () { 216 created () {
208 window.addEventListener("resize", this.getHeight); 217 window.addEventListener("resize", this.getHeight);
218 console.log(this.formData);
209 this.getHeight(); 219 this.getHeight();
210 }, 220 },
211 mounted () { 221 mounted () {
...@@ -219,7 +229,17 @@ export default { ...@@ -219,7 +229,17 @@ export default {
219 }, 100); 229 }, 100);
220 }, 230 },
221 methods: { 231 methods: {
222 232 /* handleTabClick(event){
233 if(event.name=="first"){
234 this.$router.push({
235 path:"/lpb/index",
236 })
237 }else if(event.name=="second"){
238 this.$router.push({
239 path:"/ywbl/ywsq/components/selectAllHInfo",
240 })
241 }
242 },*/
223 loading () { 243 loading () {
224 this.getLpbMenuTree(this.$store.state.zrzbsm); 244 this.getLpbMenuTree(this.$store.state.zrzbsm);
225 }, 245 },
......
...@@ -35,7 +35,6 @@ export function getForm (tabName, djywbm) { ...@@ -35,7 +35,6 @@ export function getForm (tabName, djywbm) {
35 case "diyaqSlxx300": 35 case "diyaqSlxx300":
36 form = require("@/views/ywbl/diyaq/slxx200.vue"); 36 form = require("@/views/ywbl/diyaq/slxx200.vue");
37 break; 37 break;
38
39 case "clxx": 38 case "clxx":
40 form = require("@/views/workflow/components/clxxUnify.vue"); 39 form = require("@/views/workflow/components/clxxUnify.vue");
41 break; 40 break;
...@@ -55,6 +54,9 @@ export function getForm (tabName, djywbm) { ...@@ -55,6 +54,9 @@ export function getForm (tabName, djywbm) {
55 case "ygdy300": 54 case "ygdy300":
56 form = require("@/views/ywbl/ygdy/slxx.vue"); 55 form = require("@/views/ywbl/ygdy/slxx.vue");
57 break; 56 break;
57 case "zjgcdyqSlxx":
58 form = require("@/views/ywbl/zjgcdy/slxx.vue");
59 break;
58 case "cfdjxx": 60 case "cfdjxx":
59 form = require("@/views/registerBook/cfdj.vue"); 61 form = require("@/views/registerBook/cfdj.vue");
60 break; 62 break;
......
...@@ -157,6 +157,7 @@ export default { ...@@ -157,6 +157,7 @@ export default {
157 return; 157 return;
158 } 158 }
159 if (!this.isJump) { 159 if (!this.isJump) {
160
160 startBusinessFlow({ 161 startBusinessFlow({
161 bsmSqyw: this.bsmSqyw, 162 bsmSqyw: this.bsmSqyw,
162 fwlx: this.activeName, 163 fwlx: this.activeName,
...@@ -194,13 +195,19 @@ export default { ...@@ -194,13 +195,19 @@ export default {
194 } 195 }
195 }, 196 },
196 handleSelectionChange (val) { 197 handleSelectionChange (val) {
198 val.forEach((item, index) => {
199 item.bsmSsql = item.zdbsm
200 })
197 this.bdcdysz = val 201 this.bdcdysz = val
198 }, 202 },
199 handleLpbClick (item) { 203 handleLpbClick (item) {
200 this.$popup('楼盘表', 'lpb/index', { 204 this.$popup('楼盘表', 'lpb/index', {
201 width: '85%', 205 width: '85%',
202 formData: { 206 formData: {
203 bsm: item.bsm 207 bsm: item.bsm,
208 bsmSqyw: this.bsmSqyw,
209 djqxbm: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodecode:"",
210 djqxmc: this.sqywInfo.nodetype=="djqx"?this.sqywInfo.nodename:"",
204 } 211 }
205 }) 212 })
206 } 213 }
......
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.zrzh"
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.xmmc"
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="queryClick">查询</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/selectAllHInfo.js";
74 import { defaultParameters } from "../javascript/publicDefaultPar.js";
75 import table from "@/utils/mixin/table";
76 import jump from "./mixin/jump";
77 import { selectAllHInfo, 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 },
85 data() {
86 return {
87 queryForm: defaultParameters.defaultParameters(),
88 tableData: {
89 total: 0,
90 columns: datas.columns(),
91 data: [],
92 },
93 bdcdysz: [],
94 };
95 },
96 mounted() {
97 sendThis(this);
98 },
99 methods: {
100 //点击行选中或取消复选框
101 handleRowClick(row, column, event) {
102 //通过ref绑定后这里使用$refs.table来操作bom元素
103 this.$refs.table.toggleRowSelection(row);
104 },
105 closeDialog() {
106 this.$emit("closeDialog");
107 },
108 queryClick() {
109 selectAllHInfo({ ...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: "xmmc",
53 label: "项目名称",
54 },
55 {
56 prop: "zrzh",
57 label: "自然幢号",
58 },
59 {
60 prop: "bdcdyh",
61 label: "不动产单元号",
62 },
63 {
64 prop: "fwxz",
65 label: "房屋性质",
66 },
67 {
68 prop: "fwjgmc",
69 label: "房屋结构",
70 },
71 {
72 prop: "mj",
73 label: "面积",
74 },
75 {
76 prop: "showTdyt",
77 label: "用途",
78 },
79 {
80 prop: "zl",
81 label: "坐落",
82 }
83 ]
84 }
85
86
87 }
88 let datas = new data()
89 export {
90 datas,
91 sendThis
92 }
...@@ -20,6 +20,7 @@ export function queueDjywmc(djywbm) { ...@@ -20,6 +20,7 @@ export function queueDjywmc(djywbm) {
20 case "A04100"://国有建设用地使用权/房屋所有权(首次登记) 20 case "A04100"://国有建设用地使用权/房屋所有权(首次登记)
21 case "A06100": 21 case "A06100":
22 case "A08100": 22 case "A08100":
23 case "B37100":
23 vm = "fwsyq"; 24 vm = "fwsyq";
24 break; 25 break;
25 case "A04200": 26 case "A04200":
......
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="140px">
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">
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">
29 <el-col :span="8">
30 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：" prop="qllx">
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="登记类型：" prop="djlx">
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="登记情形：" prop="djqx">
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-row :gutter="10">
51 <el-col :span="8">
52 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利人：">
53 <el-input disabled v-model="ruleForm.qlxx.qlrmc"></el-input>
54 </el-form-item>
55 </el-col>
56 <el-col :span="8">
57 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号：">
58 <el-input disabled v-model="ruleForm.qlxx.qlrzjhm"></el-input>
59 </el-form-item>
60 </el-col>
61 <el-col :span="8">
62 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类：">
63 <el-input disabled v-model="ruleForm.qlxx.qlrzjzl"></el-input>
64 </el-form-item>
65 </el-col>
66 </el-row>
67 <el-row :gutter="10">
68 <el-col :span="8">
69 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型：">
70 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
71 </el-form-item>
72 </el-col>
73 <el-col :span="8">
74 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号：">
75 <el-input disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
76 </el-form-item>
77 </el-col>
78 <el-col :span="8">
79 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落：">
80 <el-input disabled v-model="ruleForm.qlxx.zl"></el-input>
81 </el-form-item>
82 </el-col>
83 </el-row>
84 <el-row :gutter="10">
85 <el-col :span="8">
86 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号：">
87 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积：">
92 <el-input disabled v-model="ruleForm.qlxx.mj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途：">
97 <el-input disabled v-model="ruleForm.qlxx.ytmc"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101
102 <div class="slxx_title title-block">
103 抵押信息
104 <div class="triangle"></div>
105 </div>
106
107 <el-row :gutter="10">
108 <el-col :span="8">
109 <el-form-item :class="flag ? 'marginBot0' : ''" label="抵押方式：">
110 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
111 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
112 <el-radio label="1">一般抵押</el-radio>
113 <el-radio label="2">最高额抵押</el-radio>
114 </el-radio-group>
115 </el-form-item>
116 </el-col>
117 <el-col :span="16">
118 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
119 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz">
120 <el-radio label="1">启用</el-radio>
121 <el-radio label="0">禁用</el-radio>
122 </el-radio-group>
123 </el-form-item>
124 </el-col>
125 </el-row>
126
127 <el-row :gutter="10">
128 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
129 <el-form-item :class="flag ? 'marginBot0' : ''" label="被担保主债权数额：">
130 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
131 </el-form-item>
132 </el-col>
133
134 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="最高债权额：">
136 <el-input v-model="ruleForm.diyaq.zgzqse"></el-input>
137 </el-form-item>
138 </el-col>
139
140 <el-col :span="8">
141 <el-form-item :class="flag ? 'marginBot0' : ''" label="债务履行起始时间：">
142 <el-date-picker v-model="ruleForm.diyaq.zwlxqssj" type="date">
143 </el-date-picker>
144 </el-form-item>
145 </el-col>
146 <el-col :span="8">
147 <el-form-item :class="flag ? 'marginBot0' : ''" label="债务履行结束时间：">
148 <el-date-picker v-model="ruleForm.diyaq.zwlxjssj" type="date">
149 </el-date-picker>
150 </el-form-item>
151 </el-col>
152 </el-row>
153
154
155 <el-row>
156 <el-col :span="24">
157 <el-form-item :class="flag ? 'marginBot0' : ''" label="担保范围：">
158 <el-input v-model="ruleForm.diyaq.dbfw"
159 :disabled="$route.query.viewtype == 1 || ruleForm.slywxx.djlx == '300'"></el-input>
160 </el-form-item>
161 </el-col>
162 </el-row>
163 <el-row>
164 <el-col :span="24">
165 <el-form-item :class="flag ? 'marginBot0' : ''" label="最高债权确定事实和数额：">
166 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
167 </el-form-item>
168 </el-col>
169 </el-row>
170 <el-row>
171 <el-col>
172 <el-form-item :class="flag ? 'marginBot0' : ''" label="附记：" prop="fj">
173 <el-input type="textarea" v-model="ruleForm.diyaq.fj" :disabled="$route.query.viewtype == 1"></el-input>
174 </el-form-item>
175 </el-col>
176 </el-row>
177
178 <div class="slxx_title title-block">
179 抵押权人信息
180 <div class="triangle"></div>
181 </div>
182 <el-row :gutter="10">
183 <el-col :span="14">
184 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有方式：">
185 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.slywxx.gyfs">
186 <el-radio label="0">单独所有</el-radio>
187 <el-radio label="1">共同共有</el-radio>
188 <el-radio label="2">按份所有</el-radio>
189 <el-radio label="3">其它共有</el-radio>
190 </el-radio-group>
191 </el-form-item>
192 </el-col>
193 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
194 <el-form-item :class="flag ? 'marginBot0' : ''" label="是否分别持证：">
195 <el-radio-group v-model="ruleForm.slywxx.sffbcz">
196 <el-radio label="1">是</el-radio>
197 <el-radio label="0">否</el-radio>
198 </el-radio-group>
199 </el-form-item>
200 </el-col>
201 <el-col :span="5" v-show="ruleForm.gyfs == '2'">
202 <el-form-item :class="flag ? 'marginBot0' : ''" label="持证人：">
203 <el-select v-model="ruleForm.czr" placeholder="持证人">
204 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
205 </el-option>
206 </el-select>
207 </el-form-item>
208 </el-col>
209 </el-row>
210 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
211 :viewtype="$route.query.viewtype" :gyfs="ruleForm.slywxx.gyfs" />
212 <div class="slxx_title title-block">
213 抵押人信息
214 <div class="triangle"></div>
215 </div>
216 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
217 :viewtype="$route.query.viewtype" />
218
219 <div class="slxx_title title-block">
220 登记原因
221 <div class="triangle"></div>
222 </div>
223 <el-row :gutter="10">
224 <el-col>
225 <el-form-item v-if="ruleForm.slywxx.djlx == '400'" :class="flag ? 'marginBot0' : ''" label="注销抵押原因："
226 prop="djyy">
227 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
228 v-model="ruleForm.diyaq.zxdyyy">
229 </el-input>
230 </el-form-item>
231 <el-form-item v-else :class="flag ? 'marginBot0' : ''" label="登记原因：" prop="djyy">
232 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
233 v-model="ruleForm.diyaq.djyy">
234 </el-input>
235 </el-form-item>
236 </el-col>
237 </el-row>
238
239 </div>
240 <el-row class="btn" v-if="!$route.query.viewtype">
241 <el-form-item :class="flag ? 'marginBot0' : ''">
242 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
243 </el-form-item>
244 </el-row>
245 </el-form>
246 </div>
247 </template>
248 <script>
249 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
250 import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
251 import { mapGetters } from "vuex";
252 export default {
253 async created () {
254 this.propsParam = this.$attrs;
255 var formdata = new FormData();
256 formdata.append("bsmSldy", this.propsParam.bsmSldy);
257 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
258 formdata.append("djlx", this.propsParam.djlx);
259 Init(formdata).then((res) => {
260 if (res.code === 200 && res.result) {
261 this.ruleForm = res.result;
262 this.ruleForm.diyaq.sfczjzhxz = "0";
263 }
264 })
265 },
266 components: { qlrCommonTable },
267 computed: {
268 ...mapGetters(["dictData", "flag"]),
269 },
270 data () {
271 return {
272 disabled: true,
273 czrOptions: [],
274 ruleForm: {
275 slywxx: {},
276 qlxxold: {},
277 diyaq: {},
278 gyfs: "",
279 },
280 //传递参数
281 propsParam: {},
282 rules: {},
283 };
284 },
285 methods: {
286 onSubmitClick () {
287 saveData(this.ruleForm,this.propsParam.djlx).then((res) => {
288 if (res.code === 200) {
289 this.$message({
290 showClose: true,
291 message: "保存成功！",
292 type: "success",
293 });
294 } else {
295 this.$message({
296 showClose: true,
297 message: res.message,
298 type: "error",
299 });
300 }
301 });
302 },
303
304 // 更新权利人信息
305 upDateQlrxxList (val) {
306 if (!_.isEqual(val, this.ruleForm.qlrList)) {
307 this.ruleForm.qlrList = _.cloneDeep(val);
308 }
309 },
310 // 更新义务人信息
311 upDateYwrxxList (val) {
312 if (!_.isEqual(val, this.ruleForm.ywrList)) {
313 this.ruleForm.ywrList = _.cloneDeep(val);
314 }
315 }
316 }
317 };
318 </script>
319 <style scoped lang='scss'>
320 @import "~@/styles/public.scss";
321 @import "~@/styles/slxx/slxx.scss";
322 </style>