Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ceaf7821 by renchao@pashanhoo.com
Options

Merge branch 'dev'

2 parents 526076e3 fe5df734
Inline Side-by-side
Showing 30 changed files with 1759 additions and 1074 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({
......
1 <!--
2 * @Descripttion: 表格选择器组件
3 * @version: 1.3
4 * @Author: sakuya
5 * @Date: 2021年6月10日10:04:07
6 * @LastEditors: Please set LastEditors
7 * @LastEditTime: 2023-06-29 11:14:11
8 -->
9
10 <template>
11 <el-select ref="select" v-model="defaultValue" :size="size" :clearable="clearable" :multiple="multiple" :collapse-tags="collapseTags"
12 :collapse-tags-tooltip="collapseTagsTooltip" :filterable="filterable" :placeholder="placeholder" :disabled="disabled" :filter-method="filterMethod"
13 @remove-tag="removeTag" @visible-change="visibleChange" @clear="clear">
14 <template #empty>
15 <div class="sc-table-select__table" :style="{width: tableWidth+'px'}" v-loading="loading">
16 <div class="sc-table-select__header">
17 <slot name="header" :form="formData" :submit="formSubmit"></slot>
18 </div>
19 <el-table ref="table" :data="tableData" :height="245" :highlight-current-row="!multiple" @row-click="click" @select="select" @select-all="selectAll">
20 <el-table-column v-if="multiple" type="selection" width="45"></el-table-column>
21 <el-table-column v-else type="index" width="45">
22 <template #default="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}}</span></template>
23 </el-table-column>
24 <slot></slot>
25 </el-table>
26 <div class="sc-table-select__page">
27 <el-pagination small background layout="prev, pager, next" :total="total" :page-size="pageSize" v-model:currentPage="currentPage"
28 @current-change="reload"></el-pagination>
29 </div>
30 </div>
31 </template>
32 </el-select>
33 </template>
34
35 <script>
36 import config from "./tableSelect";
37 export default {
38 props: {
39 modelValue: null,
40 apiObj: { type: Object, default: () => { } },
41 placeholder: { type: String, default: "请选择" },
42 size: { type: String, default: "small" },
43 clearable: { type: Boolean, default: false },
44 multiple: { type: Boolean, default: false },
45 filterable: { type: Boolean, default: false },
46 collapseTags: { type: Boolean, default: false },
47 collapseTagsTooltip: { type: Boolean, default: false },
48 disabled: { type: Boolean, default: false },
49 tableWidth: { type: Number, default: 400 },
50 mode: { type: String, default: "popover" },
51 props: { type: Object, default: () => { } }
52 },
53 data () {
54 return {
55 loading: false,
56 keyword: null,
57 defaultValue: [],
58 tableData: [],
59 pageSize: config.pageSize,
60 total: 0,
61 currentPage: 1,
62 defaultProps: {
63 label: config.props.label,
64 value: config.props.value,
65 page: config.request.page,
66 pageSize: config.request.pageSize,
67 keyword: config.request.keyword
68 },
69 formData: {}
70 }
71 },
72 computed: {
73
74 },
75 watch: {
76 modelValue: {
77 handler () {
78 this.defaultValue = this.modelValue
79 this.autoCurrentLabel()
80 },
81 deep: true
82 }
83 },
84 mounted () {
85 this.defaultProps = Object.assign(this.defaultProps, this.props);
86 this.defaultValue = this.modelValue
87 this.autoCurrentLabel()
88 },
89 methods: {
90 //表格显示隐藏回调
91 visibleChange (visible) {
92 if (visible) {
93 this.currentPage = 1
94 this.keyword = null
95 this.formData = {}
96 this.getData()
97 } else {
98 this.autoCurrentLabel()
99 }
100 },
101 //获取表格数据
102 async getData () {
103 this.loading = true;
104 var reqData = {
105 [this.defaultProps.page]: this.currentPage,
106 [this.defaultProps.pageSize]: this.pageSize,
107 [this.defaultProps.keyword]: this.keyword
108 }
109 Object.assign(reqData, this.formData)
110 // var res = await this.apiObj.get(reqData);
111 let res = {
112 code: 200,
113 data: {
114 total: 2, rows: [
115 {
116 user: 11111111111,
117 id: 111111111111
118 },
119 {
120 user: 2222222222222,
121 id: 22222222222
122 }
123 ]
124 },
125 message: ""
126 }
127 var parseData = config.parseData(res)
128 this.tableData = parseData.rows;
129 this.total = parseData.total;
130 this.loading = false;
131 //表格默认赋值
132 this.$nextTick(() => {
133 if (this.multiple) {
134 this.defaultValue.forEach(row => {
135 var setrow = this.tableData.filter(item => item[this.defaultProps.value] === row[this.defaultProps.value])
136 if (setrow.length > 0) {
137 this.$refs.table.toggleRowSelection(setrow[0], true);
138 }
139 })
140 } else {
141 var setrow = this.tableData.filter(item => item[this.defaultProps.value] === this.defaultValue[this.defaultProps.value])
142 this.$refs.table.setCurrentRow(setrow[0]);
143 }
144 this.$refs.table.setScrollTop(0)
145 })
146 },
147 //插糟表单提交
148 formSubmit () {
149 this.currentPage = 1
150 this.keyword = null
151 this.getData()
152 },
153 //分页刷新表格
154 reload () {
155 this.getData()
156 },
157 //自动模拟options赋值
158 autoCurrentLabel () {
159 this.$nextTick(() => {
160 if (this.multiple) {
161 this.$refs.select.selected.forEach(item => {
162 item.currentLabel = item.value[this.defaultProps.label]
163 })
164 } else {
165 this.$refs.select.selectedLabel = this.defaultValue[this.defaultProps.label]
166 }
167 })
168 },
169 //表格勾选事件
170 select (rows, row) {
171 var isSelect = rows.length && rows.indexOf(row) !== -1
172 if (isSelect) {
173 this.defaultValue.push(row)
174 } else {
175 this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1)
176 }
177 this.autoCurrentLabel()
178 this.$emit('update:modelValue', this.defaultValue);
179 this.$emit('change', this.defaultValue);
180 },
181 //表格全选事件
182 selectAll (rows) {
183 var isAllSelect = rows.length > 0
184 if (isAllSelect) {
185 rows.forEach(row => {
186 var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value])
187 if (!isHas) {
188 this.defaultValue.push(row)
189 }
190 })
191 } else {
192 this.tableData.forEach(row => {
193 var isHas = this.defaultValue.find(item => item[this.defaultProps.value] == row[this.defaultProps.value])
194 if (isHas) {
195 this.defaultValue.splice(this.defaultValue.findIndex(item => item[this.defaultProps.value] == row[this.defaultProps.value]), 1)
196 }
197 })
198 }
199 this.autoCurrentLabel()
200 this.$emit('update:modelValue', this.defaultValue);
201 this.$emit('change', this.defaultValue);
202 },
203 click (row) {
204 if (this.multiple) {
205 //处理多选点击行
206 } else {
207 this.defaultValue = row
208 this.$refs.select.blur()
209 this.autoCurrentLabel()
210 this.$emit('update:modelValue', this.defaultValue);
211 this.$emit('change', this.defaultValue);
212 }
213 },
214 //tags删除后回调
215 removeTag (tag) {
216 var row = this.findRowByKey(tag[this.defaultProps.value])
217 this.$refs.table.toggleRowSelection(row, false);
218 this.$emit('update:modelValue', this.defaultValue);
219 },
220 //清空后的回调
221 clear () {
222 this.$emit('update:modelValue', this.defaultValue);
223 },
224 // 关键值查询表格数据行
225 findRowByKey (value) {
226 return this.tableData.find(item => item[this.defaultProps.value] === value)
227 },
228 filterMethod (keyword) {
229 if (!keyword) {
230 this.keyword = null;
231 return false;
232 }
233 this.keyword = keyword;
234 this.getData()
235 },
236 // 触发select隐藏
237 blur () {
238 this.$refs.select.blur();
239 },
240 // 触发select显示
241 focus () {
242 this.$refs.select.focus();
243 }
244 }
245 }
246 </script>
247
248 <style scoped>
249 .sc-table-select__table {
250 padding: 12px;
251 }
252 .sc-table-select__page {
253 padding-top: 12px;
254 }
255 </style>
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-29 11:05:49
5 */
6 //表格选择器配置
7
8 export default {
9 pageSize: 10, //表格每一页条数
10 parseData: function (res) {
11 return {
12 data: res.data,
13 rows: res.data.rows, //分析行数据字段结构
14 total: res.data.total, //分析总数字段结构
15 msg: res.message, //分析描述字段结构
16 code: res.code //分析状态字段结构
17 }
18 },
19 request: {
20 page: 'page', //规定当前分页字段
21 pageSize: 'pageSize', //规定一页条数字段
22 keyword: 'keyword' //规定搜索字段
23 },
24 props: {
25 label: 'label', //映射label显示字段
26 value: 'value', //映射value值字段
27 }
28 }
...@@ -56,7 +56,7 @@ router.beforeEach(async (to, from, next) => { ...@@ -56,7 +56,7 @@ router.beforeEach(async (to, from, next) => {
56 await store.dispatch('user/getUserInfo') 56 await store.dispatch('user/getUserInfo')
57 router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }]) 57 router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }])
58 const routeTo = Cookies.get('routerTo') 58 const routeTo = Cookies.get('routerTo')
59 if (routeTo && routeTo !== '/') { 59 if (to.fullPath||routeTo && routeTo !== '/') {
60 next({ ...to, replace: true }) 60 next({ ...to, replace: true })
61 } else { 61 } else {
62 next('/home') 62 next('/home')
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
10 <el-row> 10 <el-row>
11 <el-col :span="8"> 11 <el-col :span="8">
12 <el-form-item label="权利人类型" prop="sqrlx"> 12 <el-form-item label="权利人类型1" prop="sqrlx">
13 <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择"> 13 <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
14 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 14 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
15 </el-option> 15 </el-option>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:39:47
5 -->
6 <template>
7 <dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
8 @closeDialog="closeDialog" :isButton="showButton">
9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
10 <el-row>
11 <el-col :span="8">
12 <el-form-item label="义务人类型1" prop="sqrlx">
13 <el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
14 <el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
15 </el-option>
16 </el-select>
17 </el-form-item>
18 </el-col>
19 <el-col :span="8">
20 <el-form-item label="姓名/名称" prop="sqrmc">
21 <el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input>
22 </el-form-item>
23 </el-col>
24 <el-col :span="8">
25 <el-form-item label="证件种类" prop="zjzl">
26 <el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
27 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
28 </el-option>
29 </el-select>
30 </el-form-item>
31 </el-col>
32 </el-row>
33 <el-row>
34 <el-col :span="8">
35 <el-form-item label="证件号" prop="zjh">
36 <el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="联系电话" prop="dh">
41 <el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
42 </el-form-item>
43 </el-col>
44 <el-col :span="8">
45 <el-form-item label="性别">
46 <el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择">
47 <el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
48 </el-option>
49 </el-select>
50 </el-form-item>
51 </el-col>
52 </el-row>
53 <el-row>
54 <el-col :span="8">
55 <el-form-item label="法人名称">
56 <el-input v-model="ruleForm.frmc"></el-input>
57 </el-form-item>
58 </el-col>
59 <el-col :span="8">
60 <el-form-item label="国家/地区">
61 <el-input v-model="ruleForm.gjdq"></el-input>
62 </el-form-item>
63 </el-col>
64 <el-col :span="8">
65 <el-form-item label="户籍所在省市">
66 <el-input v-model="ruleForm.szss"></el-input>
67 </el-form-item>
68 </el-col>
69 </el-row>
70
71 <el-row>
72 <el-col :span="16">
73 <el-form-item label="地址">
74 <el-input v-model="ruleForm.txdz"></el-input>
75 </el-form-item>
76 </el-col>
77 <el-col :span="8">
78 <el-form-item label="邮编">
79 <el-input v-model="ruleForm.yb"></el-input>
80 </el-form-item>
81 </el-col>
82 </el-row>
83
84 <el-row>
85 <el-col :span="8">
86 <el-form-item label="发证机关">
87 <el-input v-model="ruleForm.fzjg"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="电子邮件">
92 <el-input v-model="ruleForm.dzyj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="权利比例">
97 <el-input v-model="ruleForm.qlbl"></el-input>
98 </el-form-item>
99 </el-col>
100 </el-row>
101
102 <el-row>
103 <el-col :span="8">
104 <el-form-item label="工作单位">
105 <el-input v-model="ruleForm.gzdw"></el-input>
106 </el-form-item>
107 </el-col>
108 <el-col :span="16">
109 <el-form-item label="代理机构">
110 <el-input v-model="ruleForm.dljg"></el-input>
111 </el-form-item>
112 </el-col>
113 </el-row>
114
115 <el-row>
116 <el-col :span="8">
117 <el-form-item label="联系电话">
118 <el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
119 </el-form-item>
120 </el-col>
121 <el-col :span="8">
122 <el-form-item label="代理人姓名">
123 <el-input v-model="ruleForm.dlrxm"></el-input>
124 </el-form-item>
125 </el-col>
126 <el-col :span="8">
127 <el-form-item label="代理人证件类型">
128 <el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择">
129 <el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
130 </el-option>
131 </el-select>
132 </el-form-item>
133 </el-col>
134 </el-row>
135 <el-row>
136 <el-col :span="8">
137 <el-form-item label="代理人证件号">
138 <el-input v-model="ruleForm.dlrzjh" maxlength="20"></el-input>
139 </el-form-item>
140 </el-col>
141 </el-row>
142 </el-form>
143 </dialogBox>
144 </template>
145 <script>
146 import { mapGetters } from "vuex";
147 export default {
148 props: {
149 value: { type: Boolean, default: false },
150 details: { type: Object, default: {} },
151 showButton: { type: Boolean, default: false }
152 },
153 computed: {
154 ...mapGetters(["dictData"]),
155 },
156 data () {
157 return {
158 myValue: this.value,
159 ruleForm: {
160 sqrlx: "",
161 sqrmc: "",
162 zjzl: "",
163 zjh: "",
164 dh: "",
165 xb: "",
166 frmc: "",
167 gjdq: "",
168 szss: "",
169 txdz: "",
170 yb: "",
171 fzjg: "",
172 dzyj: "",
173 qlbl: "",
174 gzdw: "",
175 dljg: "",
176 dlrxm: "",
177 dlrzjlx: "",
178 dlrzjh: "",
179 },
180 rules: {
181 sqrlx: [{ required: true, message: "义务人类型", trigger: "change" }],
182 sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
183 zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
184 zjh: [{ required: true, message: "证件号", trigger: "blur" }],
185 },
186 };
187 },
188 watch: {
189 value (val) {
190 this.myValue = _.cloneDeep(val);
191 },
192 details: {
193 handler: function (val, oldVal) {
194 this.ruleForm = val;
195 },
196 deep: true,
197 },
198 },
199 methods: {
200 closeDialog () {
201 this.$emit("input", false);
202 this.$refs["ruleForm"].resetFields();
203 },
204 submitForm () {
205 this.$refs.ruleForm.validate((valid) => {
206 if (valid) {
207 this.$emit("input", false);
208 this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
209 } else {
210 return false;
211 }
212 });
213 },
214 },
215 };
216 </script>
217 <style scoped lang="scss">
218 @import "~@/styles/dialogBoxheader.scss";
219 .submit-button {
220 text-align: center;
221 height: 52px;
222 padding-top: 10px;
223 background-color: #fff;
224 }
225 </style>
...@@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation"; ...@@ -4,7 +4,7 @@ import { log } from "bpmn-js-token-simulation";
4 var qlxxPage = [ 4 var qlxxPage = [
5 { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" }, 5 { qllx: "A01", id: "jsydsyq", form: "jsydsyq.vue", label: "集体土地所有权" },
6 { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" }, 6 { qllx: "A02", id: "jsydsyq", form: "jsydsyq.vue", label: "国家土地所有权" },
7 { qllx: "A03", id: "fdcq2", form: "jsydsyq.vue", label: "国有建设用地使用权" }, 7 { qllx: "A03", id: "jsydsyq", form: "jsydsyq.vue", label: "国有建设用地使用权" },
8 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" }, 8 { qllx: "A04", id: "", form: "", label: "国有建设用地使用权/房屋所有权" },
9 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" }, 9 { qllx: "A05", id: "jsydsyq", form: "jsydsyq.vue", label: "宅基地使用权" },
10 { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" }, 10 { qllx: "A06", id: "", form: "", label: "宅基地使用权/房屋所有权" },
...@@ -75,12 +75,12 @@ export function getNode(qllx, qlxx, bdcdylx) { ...@@ -75,12 +75,12 @@ export function getNode(qllx, qlxx, bdcdylx) {
75 if (bdcdylx == "4") { 75 if (bdcdylx == "4") {
76 node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label}; 76 node = { id: "fdcq1", form: "fdcq1.vue", label: qlxxPage[i].label};
77 } else { 77 } else {
78
78 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; 79 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label};
79 } 80 }
80 } else { 81 } else {
81 console.log("jin1111"); 82 console.log("jin1111");
82 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label}; 83 node = { id: qlxxPage[i].id, form: qlxxPage[i].form, label: qlxxPage[i].label};
83 console.log("nodenodenodenode",node);
84 } 84 }
85 break; 85 break;
86 } 86 }
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:41:35 4 * @LastEditTime: 2023-05-17 10:41:20
5 --> 5 -->
6 <template> 6 <template>
7 <lb-table :column="column" :maxHeight="300" heightNumSetting :pagination="false" :key="key" :data="tableData"> 7 <div>
8 </lb-table> 8 <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
9 :data="tableDataList">
10 </lb-table>
11 <addYwr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" />
12 </div>
9 </template> 13 </template>
10 <script> 14 <script>
11 import addQlr from './dialog/addQlr.vue' 15 import addYwr from './dialog/addYwr.vue'
12 import { mapGetters } from 'vuex' 16 import { mapGetters } from 'vuex'
13 export default { 17 export default {
14 components: { 18 components: {
15 addQlr 19 addYwr
16 }, 20 },
17 computed: { 21 computed: {
18 ...mapGetters(["dictData"]), 22 ...mapGetters(["dictData"]),
...@@ -34,14 +38,16 @@ ...@@ -34,14 +38,16 @@
34 key: 0, 38 key: 0,
35 dataIndex: 0, 39 dataIndex: 0,
36 dialog: false, 40 dialog: false,
41 isaddupdate: false,
42 showButton: this.$route.query.viewtype ? false : true,
37 details: {}, 43 details: {},
38 tableDataList: [], 44 tableDataList: [],
39 qlrCommonTable: [ 45 InformationTable: [
40 { 46 {
41 width: '50', 47 width: '50',
42 renderHeader: (h, scope) => { 48 renderHeader: (h, scope) => {
43 return <div> { 49 return <div> {
44 this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.handleAdd() }}></i> 50 this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
45 } 51 }
46 </div> 52 </div>
47 }, 53 },
...@@ -50,19 +56,33 @@ ...@@ -50,19 +56,33 @@
50 <div> 56 <div>
51 { 57 {
52 this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : 58 this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> :
53 <i class="el-icon-minus pointer" onClick={() => { this.handleMinus(scope.$index, scope.row) }}></i> 59 <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
54 } 60 }
55 </div> 61 </div>
56 ) 62 )
57 } 63 }
58 }, 64 },
59 { 65 {
66 label: '身份证读卡器',
67 align: 'center',
68 render: (h, scope) => {
69 return <el-button type="text" icon="el-icon-tickets" onClick={() => { this.readClick(scope) }}>读取</el-button>
70 }
71 },
72 {
60 prop: "sqrmc", 73 prop: "sqrmc",
61 label: "姓名/名称" 74 label: "姓名/名称"
62 }, 75 },
63 { 76 {
64 prop: "zjzl", 77 prop: "zjzl",
65 label: "证件种类" 78 label: "证件种类",
79 render: (h, scope) => {
80 return this.dictData['A30'] && this.dictData['A30'].map(option => {
81 if (option.dcode == scope.row.zjzl) {
82 return <span>{option.dname}</span>
83 }
84 })
85 }
66 }, 86 },
67 { 87 {
68 prop: "zjh", 88 prop: "zjh",
...@@ -73,49 +93,55 @@ ...@@ -73,49 +93,55 @@
73 label: "联系电话" 93 label: "联系电话"
74 }, 94 },
75 { 95 {
76 prop: "frmc",
77 label: "法人"
78 },
79 {
80 label: '操作', 96 label: '操作',
81 render: (h, scope) => { 97 render: (h, scope) => {
82 return ( 98 return (
83 <div> 99 <div>
84 { 100 {
85 <el-button icon="el-icon-view" type="text" onClick={() => { this.handleView(scope.$index, scope.row) }}>查看</el-button> 101 this.$route.query.viewtype ? <el-button
102 icon="el-icon-view"
103 type="text"
104 onClick={() => { this.queryViewClick(scope.$index, scope.row) }}>查看</el-button> : <el-button
105 icon="el-icon-edit-outline"
106 type="text"
107 onClick={() => { this.editClick(scope.$index, scope.row) }}>编辑</el-button>
86 } 108 }
87 </div> 109 </div>
88 ) 110 )
89 } 111 }
90 } 112 }
91 ], 113 ],
92 column: this.qlrCommonTable 114 column: []
93 } 115 }
94 }, 116 },
95 watch: { 117 watch: {
96 tableData: { 118 tableData: {
97 handler: function (val, oldVal) { 119 handler: function (val, oldVal) {
98 let that = this 120 let that = this
99 if (val.length == 0 || !val) { 121 this.$nextTick(() => {
100 that.tableDataList = _.cloneDeep([{ 122 if (val.length == 0 || !val) {
101 sqrmc: '', 123 that.tableDataList = _.cloneDeep([{
102 dlrzjlx: '', 124 sqrmc: '',
103 dlrzjh: '', 125 dlrzjlx: '',
104 fr: '' 126 dlrzjh: '',
105 }]) 127 fr: ''
106 } else { 128 }])
107 that.tableDataList = _.cloneDeep(val) 129 } else {
108 } 130 that.tableDataList = _.cloneDeep(val)
131 }
132 })
109 }, 133 },
110 immediate: true, 134 immediate: true,
111 deep: true 135 deep: true
112 }, 136 },
113 gyfs: { 137 gyfs: {
114 handler (newVal, oldValue) { 138 handler (newVal, oldValue) {
115 let dataList = _.cloneDeep(this.qlrCommonTable) 139 let dataList = _.cloneDeep(this.InformationTable)
116 if (newVal == '1') { 140 if (newVal == 0) {
117 this.column = _.cloneDeep(dataList).slice(1, dataList.length) 141 // this.column = _.cloneDeep(dataList).slice(1, dataList.length)
118 } else if ((newVal == '2')) { 142 this.column = _.cloneDeep(dataList)
143
144 } else if ((newVal == '1' || newVal == '3')) {
119 this.column = dataList 145 this.column = dataList
120 } else { 146 } else {
121 this.column = _.cloneDeep(dataList) 147 this.column = _.cloneDeep(dataList)
...@@ -130,33 +156,66 @@ ...@@ -130,33 +156,66 @@
130 } 156 }
131 }, 157 },
132 methods: { 158 methods: {
133 updateDetail (value) { 159 handleupdateDetail (value) {
134 this.tableDataList[this.dataIndex] = value 160 if (this.isaddupdate) {
161 if (!_.isEqual(value, this.tableData)) {
162 this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
163 this.$emit('upDateQlrxxList', this.tableDataList)
164 }
165 } else {
166 if (!_.isEqual(value, this.tableData)) {
167 this.tableDataList[this.dataIndex] = _.cloneDeep(value);
168 this.$emit('upDateQlrxxList', this.tableDataList)
169 }
170 }
135 this.key++ 171 this.key++
136 this.$emit('upDateQlrxxList', this.tableDataList)
137 }, 172 },
138 // 添加 173 // 新增
139 handleAdd () { 174 addClick () {
140 this.dialog = true 175 if (this.gyfs == '0' && this.tableDataList.length > 0) {
176 this.$message.warning("当前共有方式为单独所有，无法添加多个权利人")
177 } else {
178 this.dialog = true
179 this.isaddupdate = true
180 }
141 }, 181 },
142 // 减 182
143 handleMinus (index, row) { 183 // 删除
144 this.tableData.splice(index, 1) 184 deleClick (index, row) {
185 this.$confirm('确定要删除吗, 是否继续?', '提示', {
186 confirmButtonText: '确定',
187 cancelButtonText: '取消',
188 type: 'warning'
189 }).then(() => {
190 this.tableData.splice(index, 1)
191 }).catch(() => {
192 });
145 }, 193 },
194
146 // 身份证读取 195 // 身份证读取
147 readClick () { }, 196 readClick () { },
197
148 // 修改 198 // 修改
149 handleEdit (index, row) { 199 editClick (index, row) {
150 console.log(row, 'rowrowrowrowrow'); 200 // popupDialog("申请人信息", "workflow/components/addYwr", {
201 // showButton: this.$route.query.viewtype ? false : true,
202 // dataIndex :index,
203 // details :row,
204 // isaddupdate :false
205 // });
151 this.dataIndex = index 206 this.dataIndex = index
152 this.dialog = true 207 this.dialog = true
153 this.details = row 208 this.details = row
209 this.isaddupdate = false
154 }, 210 },
155 handleView () { 211 queryViewClick (index, row) {
212 // popupDialog("申请人信息", "workflow/components/addYwr", {
213 // showButton: this.$route.query.viewtype ? false : true,
214 // details: row,
215 // });
156 this.dialog = true 216 this.dialog = true
217 this.details = row
157 } 218 }
158 } 219 }
159 } 220 }
160 </script> 221 </script>
161 <style scoped lang='scss'>
162 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02 4 * @LastEditTime: 2023-06-25 15:52:42
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,8 +13,7 @@ ...@@ -13,8 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px" 16 label-width="127px">
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
20 补录信息 19 补录信息
...@@ -38,7 +37,7 @@ ...@@ -38,7 +37,7 @@
38 </el-col> 37 </el-col>
39 </el-row> 38 </el-row>
40 <div class="slxx_title title-block"> 39 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋） 40 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div> 41 <div class="triangle"></div>
43 </div> 42 </div>
44 <el-row :gutter="10"> 43 <el-row :gutter="10">
...@@ -52,7 +51,7 @@ ...@@ -52,7 +51,7 @@
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 51 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item> 52 </el-form-item>
54 </el-col> 53 </el-col>
55 <el-col :span="8"> 54 <el-col :span="8">
56 <el-form-item label="上手业务号："> 55 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 56 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item> 57 </el-form-item>
...@@ -66,126 +65,17 @@ ...@@ -66,126 +65,17 @@
66 </el-col> 65 </el-col>
67 <el-col :span="8"> 66 <el-col :span="8">
68 <el-form-item label="登记类型："> 67 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx"> 68 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 69 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option> 70 </el-option>
72 </el-select> 71 </el-select>
73 </el-form-item> 72 </el-form-item>
74 </el-col> 73 </el-col>
75 <el-col :span="8"> 74 <el-col :span="8">
76 <el-form-item label="房地坐落："> 75 <el-form-item label="不动产坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input> 76 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item> 77 </el-form-item>
79 </el-col> 78 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8"> 79 <el-col :span="8">
190 <el-form-item label="不动产权证号："> 80 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 81 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
...@@ -212,30 +102,6 @@ ...@@ -212,30 +102,6 @@
212 </el-form-item> 102 </el-form-item>
213 </el-col> 103 </el-col>
214 </el-row> 104 </el-row>
215 <el-row>
216 <el-col :span="24">
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item>
220 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input>
226 </el-form-item>
227 </el-col>
228 </el-row>
229 <div class="slxx_title title-block">
230 土地用途
231 <div class="triangle"></div>
232 </div>
233 <tdytTable
234 :tableData="ruleForm.tdxxList"
235 @upDateQlrxxList="upDateQlrxxList"
236 :viewtype="$route.query.viewtype"
237 :gyfs="ruleForm.qlxx.gyfs"
238 />
239 <div class="slxx_title title-block"> 105 <div class="slxx_title title-block">
240 权利人信息 106 权利人信息
241 <div class="triangle"></div> 107 <div class="triangle"></div>
...@@ -244,9 +110,7 @@ ...@@ -244,9 +110,7 @@
244 <el-col :span="12"> 110 <el-col :span="12">
245 <el-form-item label="共有方式："> 111 <el-form-item label="共有方式：">
246 <el-radio-group 112 <el-radio-group
247 :disabled="$route.query.viewtype == 0" 113 v-model="ruleForm.qlxx.gyqk">
248 v-model="ruleForm.qlxx.gyqk"
249 >
250 <el-radio label="0">单独所有</el-radio> 114 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 115 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 116 <el-radio label="2">按份所有</el-radio>
...@@ -254,46 +118,26 @@ ...@@ -254,46 +118,26 @@
254 </el-radio-group> 118 </el-radio-group>
255 </el-form-item> 119 </el-form-item>
256 </el-col> 120 </el-col>
257 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
258 <el-form-item label="是否分别持证：">
259 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
260 <el-radio :label=1>是</el-radio>
261 <el-radio :label=0>否</el-radio>
262 </el-radio-group>
263 </el-form-item>
264 </el-col>
265 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
266 <el-form-item label="持证人：">
267 <el-select v-model="ruleForm.czr" placeholder="持证人">
268 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
269 </el-option>
270 </el-select>
271 </el-form-item>
272 </el-col>
273 </el-row> 121 </el-row>
274 <qlrCommonTable 122 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 123 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 124 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 125 :key="key"
278 :viewtype="$route.query.viewtype" 126 :gyfs="ruleForm.qlxx.gyfs" />
279 :gyfs="ruleForm.qlxx.gyfs"
280 />
281 127
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 128 <div>
283 <div class="slxx_title title-block"> 129 <div class="slxx_title title-block">
284 义务人信息 130 义务人信息
285 <div class="triangle"></div> 131 <div class="triangle"></div>
286 </div> 132 </div>
287 <qlrCommonTable 133 <ywrCommonTable
288 v-if="ruleForm.ywrList" 134 v-if="ruleForm.ywrData"
289 :tableData="ruleForm.ywrList" 135 :tableData="ruleForm.ywrData"
290 :key="key" 136 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 137 @upDateQlrxxList="upDateYwrxxList" />
292 :viewtype="$route.query.viewtype"
293 />
294 </div> 138 </div>
295 </div> 139 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 140 <el-row class="btn">
297 <el-form-item> 141 <el-form-item>
298 <el-button type="primary" @click="onSubmit">保存</el-button> 142 <el-button type="primary" @click="onSubmit">保存</el-button>
299 </el-form-item> 143 </el-form-item>
...@@ -303,12 +147,12 @@ ...@@ -303,12 +147,12 @@
303 </template> 147 </template>
304 <script> 148 <script>
305 import { mapGetters } from "vuex"; 149 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 150 import { init,save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js"; 151 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 152 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
309 import tdytTable from "@/views/workflow/components/tdytTable"; 153 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 154 export default {
311 components: { qlrCommonTable,tdytTable }, 155 components: { qlrCommonTable,ywrCommonTable,tdytTable },
312 computed: { 156 computed: {
313 ...mapGetters(["dictData", "flag"]), 157 ...mapGetters(["dictData", "flag"]),
314 }, 158 },
...@@ -316,7 +160,6 @@ export default { ...@@ -316,7 +160,6 @@ export default {
316 return { 160 return {
317 //表单是否可操作 161 //表单是否可操作
318 propsParam: this.$attrs, 162 propsParam: this.$attrs,
319 ableOperation: true,
320 key: 0, 163 key: 0,
321 isShow: false, 164 isShow: false,
322 disabled: true, 165 disabled: true,
...@@ -332,35 +175,37 @@ export default { ...@@ -332,35 +175,37 @@ export default {
332 mounted() {}, 175 mounted() {},
333 methods: { 176 methods: {
334 loadData() { 177 loadData() {
178 console.log("预告登记",this.propsParam);
335 init(this.propsParam.bsmRepair).then((res) => { 179 init(this.propsParam.bsmRepair).then((res) => {
336 if (res.code == 200) { 180 if (res.code == 200) {
337
338 this.ruleForm = res.result; 181 this.ruleForm = res.result;
339 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 182 console.log("this.ruleForm",this.ruleForm);
340 this.isShow = true; 183 this.isShow = true;
341 // this.tableData = res.result;
342 // if (this.tableData.length < datas.columns().emptycolNum) {
343 // this.emptycolNum =
344 // datas.columns().emptycolNum - this.tableData.length;
345 // } else {
346 // this.emptycolNum = 0;
347 // }
348 } 184 }
349 }); 185 });
350 }, 186 },
187 // 更新土地用途信息
188 upDateTdytxxList(val) {
189 console.log("VAL",val);
190 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
191 this.key++;
192 },
351 // 更新权利人信息 193 // 更新权利人信息
352 upDateQlrxxList(val) { 194 upDateQlrxxList(val) {
353 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 195 console.log("val",val);
354 this.czrOptions = this.ruleForm.qlrList; 196 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
197 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
198 this.czrOptions = this.ruleForm.qlrData;
355 this.key++; 199 this.key++;
356 }, 200 },
357 // 更新义务人信息 201 // 更新义务人信息
358 upDateYwrxxList(val) { 202 upDateYwrxxList(val) {
359 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 203 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
360 this.key++; 204 this.key++;
361 }, 205 },
362 onSubmit() { 206 onSubmit() {
363 if (this.ruleForm.qlrList.length == 0) { 207 console.log("this.ruleForm大信息",this.ruleForm);
208 if (this.ruleForm.qlrData.length == 0) {
364 this.$message({ 209 this.$message({
365 showClose: true, 210 showClose: true,
366 message: "请确认权利人信息", 211 message: "请确认权利人信息",
...@@ -370,7 +215,7 @@ export default { ...@@ -370,7 +215,7 @@ export default {
370 } 215 }
371 216
372 if (this.ruleForm.qlxx.gyfs == "0") { 217 if (this.ruleForm.qlxx.gyfs == "0") {
373 if (this.ruleForm.qlrList.length > 1) { 218 if (this.ruleForm.qlrData.length > 1) {
374 this.$message({ 219 this.$message({
375 showClose: true, 220 showClose: true,
376 message: "共有方式：单独所有，权利人只能是一个人", 221 message: "共有方式：单独所有，权利人只能是一个人",
...@@ -378,17 +223,17 @@ export default { ...@@ -378,17 +223,17 @@ export default {
378 }); 223 });
379 return false; 224 return false;
380 } 225 }
381 this.ruleForm.qlrList[0].sfczr = "1"; 226 this.ruleForm.qlrData[0].sfczr = "1";
382 } 227 }
383 if (this.ruleForm.qlxx.gyfs == "1") { 228 if (this.ruleForm.qlxx.gyfs == "1") {
384 //是否分别持证 229 //是否分别持证
385 if (this.ruleForm.qlxx.sqfbcz == "1") { 230 if (this.ruleForm.qlxx.sqfbcz == "1") {
386 //是 231 //是
387 this.ruleForm.qlrList.forEach((item, index) => { 232 this.ruleForm.qlrData.forEach((item, index) => {
388 item.sfczr = "1"; 233 item.sfczr = "1";
389 }); 234 });
390 } else { 235 } else {
391 this.ruleForm.qlrList.forEach((item, index) => { 236 this.ruleForm.qlrData.forEach((item, index) => {
392 if (item.zjh == this.ruleForm.czr) { 237 if (item.zjh == this.ruleForm.czr) {
393 item.sfczr = "1"; 238 item.sfczr = "1";
394 } else { 239 } else {
...@@ -397,7 +242,7 @@ export default { ...@@ -397,7 +242,7 @@ export default {
397 }); 242 });
398 } 243 }
399 } 244 }
400 saveData(this.ruleForm).then((res) => { 245 save(this.ruleForm).then((res) => {
401 if (res.code === 200) { 246 if (res.code === 200) {
402 this.$message({ 247 this.$message({
403 showClose: true, 248 showClose: true,
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02 4 * @LastEditTime: 2023-06-25 15:52:42
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,8 +13,7 @@ ...@@ -13,8 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px" 16 label-width="145px">
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
20 补录信息 19 补录信息
...@@ -38,7 +37,7 @@ ...@@ -38,7 +37,7 @@
38 </el-col> 37 </el-col>
39 </el-row> 38 </el-row>
40 <div class="slxx_title title-block"> 39 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋） 40 抵押权
42 <div class="triangle"></div> 41 <div class="triangle"></div>
43 </div> 42 </div>
44 <el-row :gutter="10"> 43 <el-row :gutter="10">
...@@ -52,7 +51,7 @@ ...@@ -52,7 +51,7 @@
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 51 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item> 52 </el-form-item>
54 </el-col> 53 </el-col>
55 <el-col :span="8"> 54 <el-col :span="8">
56 <el-form-item label="上手业务号："> 55 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 56 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item> 57 </el-form-item>
...@@ -66,177 +65,247 @@ ...@@ -66,177 +65,247 @@
66 </el-col> 65 </el-col>
67 <el-col :span="8"> 66 <el-col :span="8">
68 <el-form-item label="登记类型："> 67 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx"> 68 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 69 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option> 70 </el-option>
72 </el-select> 71 </el-select>
72 </el-form-item>
73 </el-col>
74 <el-col :span="8">
75 <el-form-item label="权属状态：">
76 <el-select v-model="ruleForm.qlxx.qszt">
77 <el-option
78 v-for="item in qsztlist"
79 :key="item.dcode"
80 :label="item.dname"
81 :value="item.dcode"
82 >
83 </el-option>
84 </el-select>
73 </el-form-item> 85 </el-form-item>
74 </el-col> 86 </el-col>
75 <el-col :span="8"> 87 <el-col :span="8">
76 <el-form-item label="房地坐落："> 88 <el-form-item label="不动产坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input> 89 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item> 90 </el-form-item>
79 </el-col> 91 </el-col>
92 <el-col :span="8">
93 <el-form-item label="不动产权证号：">
94 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
95 </el-form-item>
96 </el-col>
97 <el-col :span="8">
98 <el-form-item label="区县代码：">
99 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
100 </el-form-item>
101 </el-col>
102 <el-col :span="8">
103 <el-form-item label="登记机构：">
104 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
105 </el-form-item>
106 </el-col>
107 <el-col :span="8">
108 <el-form-item label="登簿人：">
109 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
110 </el-form-item>
111 </el-col>
112 <el-col :span="8">
113 <el-form-item label="登记时间：">
114 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
115 </el-form-item>
116 </el-col>
117 <el-col :span="8">
118 <el-form-item label="登记原因：">
119 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
120 </el-form-item>
121 </el-col>
80 <el-col :span="8"> 122 <el-col :span="8">
81 <el-form-item label="土地使用权人："> 123 <!-- <el-form-item label="抵押不动产类型">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> 124 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
125 </el-form-item> -->
126 <el-form-item label="抵押不动产类型：">
127 <el-select v-model="ruleForm.qlxx.djlx">
128 <el-option v-for="item in dictData['A27']" :key="item.dcode" :label="item.dname" :value="item.dcode">
129 </el-option>
130 </el-select>
83 </el-form-item> 131 </el-form-item>
84 </el-col> 132 </el-col>
85 <el-col :span="8"> 133 <el-col :span="8">
86 <el-form-item label="独用土地面积："> 134 <el-form-item label="抵押人：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> 135 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
88 </el-form-item> 136 </el-form-item>
89 </el-col> 137 </el-col>
90 <el-col :span="8"> 138 <el-col :span="8">
91 <el-form-item label="分摊土地面积："> 139 <el-form-item label="抵押人类型：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> 140 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
93 </el-form-item> 141 </el-form-item>
94 </el-col> 142 </el-col>
95 <el-col :span="8"> 143 <el-col :span="8">
96 <el-form-item label="土地用途："> 144 <el-form-item label="抵押方式：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 145 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
98 </el-form-item> 146 </el-form-item>
99 </el-col> 147 </el-col>
100 <el-col :span="8"> 148 <el-col :span="8">
101 <el-form-item label="土地使用起始时间："> 149 <el-form-item label="抵押权顺位：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 150 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
103 </el-form-item> 151 </el-form-item>
104 </el-col> 152 </el-col>
105 <el-col :span="8"> 153 <el-col :span="8">
106 <el-form-item label="土地使用结束时间："> 154 <el-form-item label="抵押金额类型：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 155 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
108 </el-form-item> 156 </el-form-item>
109 </el-col> 157 </el-col>
110 <el-col :span="8"> 158 <el-col :span="8">
111 <el-form-item label="土地使用期限："> 159 <el-form-item label="是否预告登记：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 160 <el-select v-model="ruleForm.qlxx.djlx">
161 <el-option v-for="item in dictData['A6']" :key="item.dcode" :label="item.dname" :value="item.dcode">
162 </el-option>
163 </el-select>
113 </el-form-item> 164 </el-form-item>
114 </el-col> 165 </el-col>
115 <el-col :span="8"> 166 <el-col :span="8">
116 <el-form-item label="房地产交易价格："> 167 <el-form-item label="在建建筑物坐落：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> 168 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw"> 169 </el-form-item>
170 </el-col>
171 <el-col :span="8">
172 <el-form-item label="在建建筑物抵押范围：">
173 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
174 </el-form-item>
175 </el-col>
176 <el-col :span="8">
177 <el-form-item label="抵押面积：">
178 <div style="display:flex">
179 <el-input v-model="ruleForm.diyaq.dymj" style="width:500%"
180 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
181 <el-select v-model="ruleForm.diyaq.mjdw">
182 <el-option v-for="item in dictData['A7']" :key="item.dcode" :label="item.dname" :value="item.dcode">
183 </el-option>
184 </el-select>
185 </div>
186 </el-form-item>
187 </el-col >
188 <el-col :span="8">
189 <el-form-item label="最高债权额">
190 <div style="display:flex">
191 <el-input v-model="ruleForm.diyaq.zgzqse" style="width:500%"
192 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
193 <el-select v-model="ruleForm.diyaq.jedw">
194 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
195 </el-option>
196 </el-select>
197 </div>
198 </el-form-item>
199 </el-col >
200 <el-col :span="8">
201 <el-form-item label="被担保主债权数额">
202 <div style="display:flex">
203 <el-input v-model="ruleForm.diyaq.bdbzzqse" style="width:500%"
204 oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
205 <el-select v-model="ruleForm.diyaq.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 206 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option> 207 </el-option>
121 </el-select> 208 </el-select>
209 </div>
210 </el-form-item>
211 </el-col >
212 <el-col :span="8">
213 <el-form-item label="币种">
214 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
122 </el-form-item> 215 </el-form-item>
123 </el-col> 216 </el-col>
124 <el-col :span="8"> 217 <el-col :span="8">
125 <el-form-item label="规划用途："> 218 <el-form-item label="担保范围">
126 <el-select v-model="ruleForm.fdcq2.ghyt"> 219 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item> 220 </el-form-item>
131 </el-col> 221 </el-col>
132 <el-col :span="8"> 222 <el-col :span="8">
133 <el-form-item label="批准用途："> 223 <el-form-item label="债务履行期限（债务确定期间）">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> 224 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
135 </el-form-item> 225 </el-form-item>
136 </el-col> 226 </el-col>
137 <el-col :span="8"> 227 <el-col :span="8">
138 <el-form-item label="实际用途："> 228 <el-form-item label="债务履行起始时间">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> 229 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
140 </el-form-item> 230 </el-form-item>
141 </el-col> 231 </el-col>
142 <el-col :span="8"> 232 <el-col :span="8">
143 <el-form-item label="房屋性质："> 233 <el-form-item label="债务履行结束时间">
144 <el-select v-model="ruleForm.fdcq2.fwxz"> 234 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item> 235 </el-form-item>
149 </el-col> 236 </el-col>
150 <el-col :span="8"> 237 <el-col :span="8">
151 <el-form-item label="房屋结构："> 238 <el-form-item label="最高债权确定事实和数额">
152 <el-select v-model="ruleForm.fdcq2.fwjg"> 239 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item> 240 </el-form-item>
157 </el-col> 241 </el-col>
158 <el-col :span="8"> 242 <el-col :span="8">
159 <el-form-item label="所在层："> 243 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input> 244 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
161 </el-form-item> 245 </el-form-item>
162 </el-col> 246 </el-col>
163 <el-col :span="8"> 247 <el-col :span="8">
164 <el-form-item label="总层数："> 248 <el-form-item label="不动产登记证明号">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input> 249 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
166 </el-form-item> 250 </el-form-item>
167 </el-col> 251 </el-col>
168 <el-col :span="8"> 252 <el-col :span="8">
169 <el-form-item label="建筑面积："> 253 <el-form-item label="注销抵押业务号">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> 254 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
171 </el-form-item> 255 </el-form-item>
172 </el-col> 256 </el-col>
173 <el-col :span="8"> 257 <el-col :span="8">
174 <el-form-item label="专有建筑面积："> 258 <el-form-item label="注销抵押原因">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> 259 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
176 </el-form-item> 260 </el-form-item>
177 </el-col> 261 </el-col>
178 <el-col :span="8"> 262 <el-col :span="8">
179 <el-form-item label="分摊建筑面积："> 263 <el-form-item label="注销时间">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> 264 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
181 </el-form-item> 265 </el-form-item>
182 </el-col> 266 </el-col>
183 <el-col :span="8"> 267 <el-col :span="8">
184 <el-form-item label="竣工时间："> 268 <el-form-item label="注销登簿人">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> 269 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
186 </el-form-item> 270 </el-form-item>
187 </el-col> 271 </el-col>
188 272 <el-col :span="8">
189 <el-col :span="8"> 273 <el-form-item label="注销登簿人">
190 <el-form-item label="不动产权证号："> 274 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item> 275 </el-form-item>
193 </el-col> 276 </el-col>
194 <el-col :span="8"> 277 <el-col :span="8">
195 <el-form-item label="区县代码："> 278 <el-form-item label="注销登簿人">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 279 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
197 </el-form-item> 280 </el-form-item>
198 </el-col> 281 </el-col>
199 <el-col :span="8"> 282 <el-col :span="8">
200 <el-form-item label="登记机构："> 283 <el-form-item label="注销登簿人">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 284 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
202 </el-form-item> 285 </el-form-item>
203 </el-col> 286 </el-col>
204 <el-col :span="8"> 287 <el-col :span="8">
205 <el-form-item label="登簿人："> 288 <el-form-item label="注销登簿人">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 289 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
207 </el-form-item> 290 </el-form-item>
208 </el-col> 291 </el-col>
209 <el-col :span="8"> 292 <el-col :span="8">
210 <el-form-item label="登记时间："> 293 <el-form-item label="注销登簿人">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 294 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item> 295 </el-form-item>
213 </el-col> 296 </el-col>
214 </el-row> 297 <el-col :span="8">
215 <el-row> 298 <el-form-item label="注销登簿人">
216 <el-col :span="24"> 299 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item> 300 </el-form-item>
220 </el-col> 301 </el-col>
221 </el-row> 302 <el-col :span="24">
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记："> 303 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input> 304 <el-input v-model="ruleForm.diyaq.fj"></el-input>
226 </el-form-item> 305 </el-form-item>
227 </el-col> 306 </el-col>
228 </el-row> 307 </el-row>
229 <div class="slxx_title title-block"> 308 <div class="slxx_title title-block">
230 土地用途
231 <div class="triangle"></div>
232 </div>
233 <tdytTable
234 :tableData="ruleForm.tdxxList"
235 @upDateQlrxxList="upDateQlrxxList"
236 :viewtype="$route.query.viewtype"
237 :gyfs="ruleForm.qlxx.gyfs"
238 />
239 <div class="slxx_title title-block">
240 权利人信息 309 权利人信息
241 <div class="triangle"></div> 310 <div class="triangle"></div>
242 </div> 311 </div>
...@@ -244,9 +313,7 @@ ...@@ -244,9 +313,7 @@
244 <el-col :span="12"> 313 <el-col :span="12">
245 <el-form-item label="共有方式："> 314 <el-form-item label="共有方式：">
246 <el-radio-group 315 <el-radio-group
247 :disabled="$route.query.viewtype == 0" 316 v-model="ruleForm.qlxx.gyqk">
248 v-model="ruleForm.qlxx.gyqk"
249 >
250 <el-radio label="0">单独所有</el-radio> 317 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 318 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 319 <el-radio label="2">按份所有</el-radio>
...@@ -254,46 +321,26 @@ ...@@ -254,46 +321,26 @@
254 </el-radio-group> 321 </el-radio-group>
255 </el-form-item> 322 </el-form-item>
256 </el-col> 323 </el-col>
257 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
258 <el-form-item label="是否分别持证：">
259 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
260 <el-radio :label=1>是</el-radio>
261 <el-radio :label=0>否</el-radio>
262 </el-radio-group>
263 </el-form-item>
264 </el-col>
265 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
266 <el-form-item label="持证人：">
267 <el-select v-model="ruleForm.czr" placeholder="持证人">
268 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
269 </el-option>
270 </el-select>
271 </el-form-item>
272 </el-col>
273 </el-row> 324 </el-row>
274 <qlrCommonTable 325 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 326 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 327 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 328 :key="key"
278 :viewtype="$route.query.viewtype" 329 :gyfs="ruleForm.qlxx.gyfs" />
279 :gyfs="ruleForm.qlxx.gyfs"
280 />
281 330
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 331 <div>
283 <div class="slxx_title title-block"> 332 <div class="slxx_title title-block">
284 义务人信息 333 义务人信息
285 <div class="triangle"></div> 334 <div class="triangle"></div>
286 </div> 335 </div>
287 <qlrCommonTable 336 <ywrCommonTable
288 v-if="ruleForm.ywrList" 337 v-if="ruleForm.ywrData"
289 :tableData="ruleForm.ywrList" 338 :tableData="ruleForm.ywrData"
290 :key="key" 339 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 340 @upDateQlrxxList="upDateYwrxxList" />
292 :viewtype="$route.query.viewtype"
293 />
294 </div> 341 </div>
295 </div> 342 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 343 <el-row class="btn">
297 <el-form-item> 344 <el-form-item>
298 <el-button type="primary" @click="onSubmit">保存</el-button> 345 <el-button type="primary" @click="onSubmit">保存</el-button>
299 </el-form-item> 346 </el-form-item>
...@@ -303,12 +350,13 @@ ...@@ -303,12 +350,13 @@
303 </template> 350 </template>
304 <script> 351 <script>
305 import { mapGetters } from "vuex"; 352 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 353 import { init,save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js"; 354 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 355 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
356
309 import tdytTable from "@/views/workflow/components/tdytTable"; 357 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 358 export default {
311 components: { qlrCommonTable,tdytTable }, 359 components: { qlrCommonTable,ywrCommonTable,tdytTable },
312 computed: { 360 computed: {
313 ...mapGetters(["dictData", "flag"]), 361 ...mapGetters(["dictData", "flag"]),
314 }, 362 },
...@@ -316,7 +364,6 @@ export default { ...@@ -316,7 +364,6 @@ export default {
316 return { 364 return {
317 //表单是否可操作 365 //表单是否可操作
318 propsParam: this.$attrs, 366 propsParam: this.$attrs,
319 ableOperation: true,
320 key: 0, 367 key: 0,
321 isShow: false, 368 isShow: false,
322 disabled: true, 369 disabled: true,
...@@ -324,6 +371,16 @@ export default { ...@@ -324,6 +371,16 @@ export default {
324 ruleForm: {}, 371 ruleForm: {},
325 //传递参数\ 372 //传递参数\
326 rules: {}, 373 rules: {},
374 qsztlist: [
375 {
376 dcode: "1",
377 dname: "现势",
378 },
379 {
380 dcode: "2",
381 dname: "历史",
382 },
383 ],
327 }; 384 };
328 }, 385 },
329 created() { 386 created() {
...@@ -332,36 +389,37 @@ export default { ...@@ -332,36 +389,37 @@ export default {
332 mounted() {}, 389 mounted() {},
333 methods: { 390 methods: {
334 loadData() { 391 loadData() {
335 console.log("抵押权"); 392 console.log("预告登记",this.propsParam);
336 init(this.propsParam.bsmRepair).then((res) => { 393 init(this.propsParam.bsmRepair).then((res) => {
337 if (res.code == 200) { 394 if (res.code == 200) {
338
339 this.ruleForm = res.result; 395 this.ruleForm = res.result;
340 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 396 console.log("this.ruleForm",this.ruleForm);
341 this.isShow = true; 397 this.isShow = true;
342 // this.tableData = res.result;
343 // if (this.tableData.length < datas.columns().emptycolNum) {
344 // this.emptycolNum =
345 // datas.columns().emptycolNum - this.tableData.length;
346 // } else {
347 // this.emptycolNum = 0;
348 // }
349 } 398 }
350 }); 399 });
351 }, 400 },
401 // 更新土地用途信息
402 upDateTdytxxList(val) {
403 console.log("VAL",val);
404 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
405 this.key++;
406 },
352 // 更新权利人信息 407 // 更新权利人信息
353 upDateQlrxxList(val) { 408 upDateQlrxxList(val) {
354 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 409 console.log("val",val);
355 this.czrOptions = this.ruleForm.qlrList; 410 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
411 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
412 this.czrOptions = this.ruleForm.qlrData;
356 this.key++; 413 this.key++;
357 }, 414 },
358 // 更新义务人信息 415 // 更新义务人信息
359 upDateYwrxxList(val) { 416 upDateYwrxxList(val) {
360 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 417 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
361 this.key++; 418 this.key++;
362 }, 419 },
363 onSubmit() { 420 onSubmit() {
364 if (this.ruleForm.qlrList.length == 0) { 421 console.log("this.ruleForm大信息",this.ruleForm);
422 if (this.ruleForm.qlrData.length == 0) {
365 this.$message({ 423 this.$message({
366 showClose: true, 424 showClose: true,
367 message: "请确认权利人信息", 425 message: "请确认权利人信息",
...@@ -371,7 +429,7 @@ export default { ...@@ -371,7 +429,7 @@ export default {
371 } 429 }
372 430
373 if (this.ruleForm.qlxx.gyfs == "0") { 431 if (this.ruleForm.qlxx.gyfs == "0") {
374 if (this.ruleForm.qlrList.length > 1) { 432 if (this.ruleForm.qlrData.length > 1) {
375 this.$message({ 433 this.$message({
376 showClose: true, 434 showClose: true,
377 message: "共有方式：单独所有，权利人只能是一个人", 435 message: "共有方式：单独所有，权利人只能是一个人",
...@@ -379,17 +437,17 @@ export default { ...@@ -379,17 +437,17 @@ export default {
379 }); 437 });
380 return false; 438 return false;
381 } 439 }
382 this.ruleForm.qlrList[0].sfczr = "1"; 440 this.ruleForm.qlrData[0].sfczr = "1";
383 } 441 }
384 if (this.ruleForm.qlxx.gyfs == "1") { 442 if (this.ruleForm.qlxx.gyfs == "1") {
385 //是否分别持证 443 //是否分别持证
386 if (this.ruleForm.qlxx.sqfbcz == "1") { 444 if (this.ruleForm.qlxx.sqfbcz == "1") {
387 //是 445 //是
388 this.ruleForm.qlrList.forEach((item, index) => { 446 this.ruleForm.qlrData.forEach((item, index) => {
389 item.sfczr = "1"; 447 item.sfczr = "1";
390 }); 448 });
391 } else { 449 } else {
392 this.ruleForm.qlrList.forEach((item, index) => { 450 this.ruleForm.qlrData.forEach((item, index) => {
393 if (item.zjh == this.ruleForm.czr) { 451 if (item.zjh == this.ruleForm.czr) {
394 item.sfczr = "1"; 452 item.sfczr = "1";
395 } else { 453 } else {
...@@ -398,7 +456,7 @@ export default { ...@@ -398,7 +456,7 @@ export default {
398 }); 456 });
399 } 457 }
400 } 458 }
401 saveData(this.ruleForm).then((res) => { 459 save(this.ruleForm).then((res) => {
402 if (res.code === 200) { 460 if (res.code === 200) {
403 this.$message({ 461 this.$message({
404 showClose: true, 462 showClose: true,
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02 4 * @LastEditTime: 2023-06-25 15:52:42
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,8 +13,7 @@ ...@@ -13,8 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px" 16 label-width="127px">
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 18 <div class="slxx_title title-block">
20 补录信息 19 补录信息
...@@ -38,7 +37,7 @@ ...@@ -38,7 +37,7 @@
38 </el-col> 37 </el-col>
39 </el-row> 38 </el-row>
40 <div class="slxx_title title-block"> 39 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋） 40 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div> 41 <div class="triangle"></div>
43 </div> 42 </div>
44 <el-row :gutter="10"> 43 <el-row :gutter="10">
...@@ -52,7 +51,7 @@ ...@@ -52,7 +51,7 @@
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 51 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item> 52 </el-form-item>
54 </el-col> 53 </el-col>
55 <el-col :span="8"> 54 <el-col :span="8">
56 <el-form-item label="上手业务号："> 55 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 56 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item> 57 </el-form-item>
...@@ -64,179 +63,164 @@ ...@@ -64,179 +63,164 @@
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 63 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item> 64 </el-form-item>
66 </el-col> 65 </el-col>
66 <el-col :span="8">
67 <el-form-item label="登记原因：">
68 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
69 </el-form-item>
70 </el-col>
67 <el-col :span="8"> 71 <el-col :span="8">
68 <el-form-item label="登记类型："> 72 <el-form-item label="登记类型：">
69 <el-select v-model="ruleForm.qlxx.djlx"> 73 <el-select v-model="ruleForm.qlxx.djlx">
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 74 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option> 75 </el-option>
72 </el-select> 76 </el-select>
73 </el-form-item> 77 </el-form-item>
74 </el-col> 78 </el-col>
75 <el-col :span="8"> 79 <el-col :span="8">
76 <el-form-item label="房地坐落："> 80 <el-form-item label="不动产坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input> 81 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item> 82 </el-form-item>
79 </el-col> 83 </el-col>
80 <el-col :span="8"> 84 <el-col :span="8">
81 <el-form-item label="土地使用权人："> 85 <el-form-item label="不动产权证号：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> 86 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
83 </el-form-item> 87 </el-form-item>
84 </el-col> 88 </el-col>
85 <el-col :span="8"> 89 <el-col :span="8">
86 <el-form-item label="独用土地面积："> 90 <el-form-item label="区县代码：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> 91 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
88 </el-form-item> 92 </el-form-item>
89 </el-col> 93 </el-col>
90 <el-col :span="8"> 94 <el-col :span="8">
91 <el-form-item label="分摊土地面积："> 95 <el-form-item label="登记机构：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> 96 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
93 </el-form-item> 97 </el-form-item>
94 </el-col> 98 </el-col>
95 <el-col :span="8"> 99 <el-col :span="8">
96 <el-form-item label="土地用途："> 100 <el-form-item label="登簿人：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 101 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
98 </el-form-item> 102 </el-form-item>
99 </el-col> 103 </el-col>
100 <el-col :span="8"> 104 <el-col :span="8">
101 <el-form-item label="土地使用起始时间："> 105 <el-form-item label="登记时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 106 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
103 </el-form-item> 107 </el-form-item>
104 </el-col> 108 </el-col>
105 <el-col :span="8"> 109 <el-col :span="8">
106 <el-form-item label="土地使用结束时间："> 110 <el-form-item label="权属状态：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 111 <el-select v-model="ruleForm.qlxx.qszt">
112 <el-option
113 v-for="item in qsztlist"
114 :key="item.dcode"
115 :label="item.dname"
116 :value="item.dcode"
117 >
118 </el-option>
119 </el-select>
108 </el-form-item> 120 </el-form-item>
109 </el-col> 121 </el-col>
110 <el-col :span="8"> 122
111 <el-form-item label="土地使用期限："> 123
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 124 <el-col :span="8">
125 <el-form-item label="供地役不动产单元号：">
126 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
113 </el-form-item> 127 </el-form-item>
114 </el-col> 128 </el-col> <el-col :span="8">
115 <el-col :span="8"> 129 <el-form-item label="供役地权利人：">
116 <el-form-item label="房地产交易价格："> 130 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item> 131 </el-form-item>
123 </el-col> 132 </el-col> <el-col :span="8">
124 <el-col :span="8"> 133 <el-form-item label="供役地权利人证件种类">
125 <el-form-item label="规划用途："> 134 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item> 135 </el-form-item>
131 </el-col> 136 </el-col> <el-col :span="8">
132 <el-col :span="8"> 137 <el-form-item label="供役地权利人证件号">
133 <el-form-item label="批准用途："> 138 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item> 139 </el-form-item>
136 </el-col> 140 </el-col> <el-col :span="8">
137 <el-col :span="8"> 141 <el-form-item label="需役地不动产单元号">
138 <el-form-item label="实际用途："> 142 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item> 143 </el-form-item>
141 </el-col> 144 </el-col> <el-col :span="8">
142 <el-col :span="8"> 145 <el-form-item label="需役地坐落">
143 <el-form-item label="房屋性质："> 146 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item> 147 </el-form-item>
149 </el-col> 148 </el-col> <el-col :span="8">
150 <el-col :span="8"> 149 <el-form-item label="需役地权利人">
151 <el-form-item label="房屋结构："> 150 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item> 151 </el-form-item>
157 </el-col> 152 </el-col> <el-col :span="8">
158 <el-col :span="8"> 153 <el-form-item label="需役地权利人证件种类：">
159 <el-form-item label="所在层："> 154 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item> 155 </el-form-item>
162 </el-col> 156 </el-col> <el-col :span="8">
163 <el-col :span="8"> 157 <el-form-item label="需役地权利人证件号：">
164 <el-form-item label="总层数："> 158 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item> 159 </el-form-item>
167 </el-col> 160 </el-col> <el-col :span="8">
168 <el-col :span="8"> 161 <el-form-item label="地役权内容：">
169 <el-form-item label="建筑面积："> 162 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item> 163 </el-form-item>
172 </el-col> 164 </el-col> <el-col :span="8">
173 <el-col :span="8"> 165 <el-form-item label="不动产登记证明号：">
174 <el-form-item label="专有建筑面积："> 166 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item> 167 </el-form-item>
177 </el-col> 168 </el-col> <el-col :span="8">
178 <el-col :span="8"> 169 <el-form-item label="权利起始时间">
179 <el-form-item label="分摊建筑面积："> 170 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item> 171 </el-form-item>
182 </el-col> 172 </el-col> <el-col :span="8">
183 <el-col :span="8"> 173 <el-form-item label="权利结束时间">
184 <el-form-item label="竣工时间："> 174 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item> 175 </el-form-item>
187 </el-col> 176 </el-col> <el-col :span="8">
188 177 <el-form-item label="权利期限">
189 <el-col :span="8"> 178 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item> 179 </el-form-item>
193 </el-col> 180 </el-col> <el-col :span="8">
194 <el-col :span="8"> 181 <el-form-item label="登记时间：">
195 <el-form-item label="区县代码："> 182 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item> 183 </el-form-item>
198 </el-col> 184 </el-col> <el-col :span="8">
199 <el-col :span="8"> 185 <el-form-item label="登记时间：">
200 <el-form-item label="登记机构："> 186 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item> 187 </el-form-item>
203 </el-col> 188 </el-col> <el-col :span="8">
204 <el-col :span="8"> 189 <el-form-item label="登记时间：">
205 <el-form-item label="登簿人："> 190 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item> 191 </el-form-item>
208 </el-col> 192 </el-col> <el-col :span="8">
209 <el-col :span="8">
210 <el-form-item label="登记时间："> 193 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 194 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item> 195 </el-form-item>
213 </el-col> 196 </el-col> <el-col :span="8">
214 </el-row> 197 <el-form-item label="登记时间：">
215 <el-row> 198 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
216 <el-col :span="24"> 199 </el-form-item>
217 <el-form-item label="登记原因："> 200 </el-col> <el-col :span="8">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input> 201 <el-form-item label="登记时间：">
202 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
203 </el-form-item>
204 </el-col> <el-col :span="8">
205 <el-form-item label="登记时间：">
206 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
207 </el-form-item>
208 </el-col> <el-col :span="8">
209 <el-form-item label="登记时间：">
210 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
211 </el-form-item>
212 </el-col> <el-col :span="8">
213 <el-form-item label="登记时间：">
214 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
219 </el-form-item> 215 </el-form-item>
220 </el-col> 216 </el-col>
221 </el-row> 217 <el-col :span="24">
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记："> 218 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input> 219 <el-input v-model="ruleForm.qlxx.fj"></el-input>
226 </el-form-item> 220 </el-form-item>
227 </el-col> 221 </el-col>
228 </el-row> 222 </el-row>
229 <div class="slxx_title title-block"> 223 <div class="slxx_title title-block">
230 土地用途
231 <div class="triangle"></div>
232 </div>
233 <tdytTable
234 :tableData="ruleForm.tdxxList"
235 @upDateQlrxxList="upDateQlrxxList"
236 :viewtype="$route.query.viewtype"
237 :gyfs="ruleForm.qlxx.gyfs"
238 />
239 <div class="slxx_title title-block">
240 权利人信息 224 权利人信息
241 <div class="triangle"></div> 225 <div class="triangle"></div>
242 </div> 226 </div>
...@@ -244,9 +228,7 @@ ...@@ -244,9 +228,7 @@
244 <el-col :span="12"> 228 <el-col :span="12">
245 <el-form-item label="共有方式："> 229 <el-form-item label="共有方式：">
246 <el-radio-group 230 <el-radio-group
247 :disabled="$route.query.viewtype == 0" 231 v-model="ruleForm.qlxx.gyqk">
248 v-model="ruleForm.qlxx.gyqk"
249 >
250 <el-radio label="0">单独所有</el-radio> 232 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 233 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 234 <el-radio label="2">按份所有</el-radio>
...@@ -254,46 +236,26 @@ ...@@ -254,46 +236,26 @@
254 </el-radio-group> 236 </el-radio-group>
255 </el-form-item> 237 </el-form-item>
256 </el-col> 238 </el-col>
257 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
258 <el-form-item label="是否分别持证：">
259 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
260 <el-radio :label=1>是</el-radio>
261 <el-radio :label=0>否</el-radio>
262 </el-radio-group>
263 </el-form-item>
264 </el-col>
265 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
266 <el-form-item label="持证人：">
267 <el-select v-model="ruleForm.czr" placeholder="持证人">
268 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
269 </el-option>
270 </el-select>
271 </el-form-item>
272 </el-col>
273 </el-row> 239 </el-row>
274 <qlrCommonTable 240 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 241 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 242 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 243 :key="key"
278 :viewtype="$route.query.viewtype" 244 :gyfs="ruleForm.qlxx.gyfs" />
279 :gyfs="ruleForm.qlxx.gyfs"
280 />
281 245
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 246 <div>
283 <div class="slxx_title title-block"> 247 <div class="slxx_title title-block">
284 义务人信息 248 义务人信息
285 <div class="triangle"></div> 249 <div class="triangle"></div>
286 </div> 250 </div>
287 <qlrCommonTable 251 <ywrCommonTable
288 v-if="ruleForm.ywrList" 252 v-if="ruleForm.ywrData"
289 :tableData="ruleForm.ywrList" 253 :tableData="ruleForm.ywrData"
290 :key="key" 254 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 255 @upDateQlrxxList="upDateYwrxxList" />
292 :viewtype="$route.query.viewtype"
293 />
294 </div> 256 </div>
295 </div> 257 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 258 <el-row class="btn">
297 <el-form-item> 259 <el-form-item>
298 <el-button type="primary" @click="onSubmit">保存</el-button> 260 <el-button type="primary" @click="onSubmit">保存</el-button>
299 </el-form-item> 261 </el-form-item>
...@@ -303,12 +265,12 @@ ...@@ -303,12 +265,12 @@
303 </template> 265 </template>
304 <script> 266 <script>
305 import { mapGetters } from "vuex"; 267 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 268 import { init,save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js"; 269 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 270 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
309 import tdytTable from "@/views/workflow/components/tdytTable"; 271 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 272 export default {
311 components: { qlrCommonTable,tdytTable }, 273 components: { qlrCommonTable,ywrCommonTable,tdytTable },
312 computed: { 274 computed: {
313 ...mapGetters(["dictData", "flag"]), 275 ...mapGetters(["dictData", "flag"]),
314 }, 276 },
...@@ -316,12 +278,22 @@ export default { ...@@ -316,12 +278,22 @@ export default {
316 return { 278 return {
317 //表单是否可操作 279 //表单是否可操作
318 propsParam: this.$attrs, 280 propsParam: this.$attrs,
319 ableOperation: true,
320 key: 0, 281 key: 0,
321 isShow: false, 282 isShow: false,
322 disabled: true, 283 disabled: true,
323 czrOptions: [], 284 czrOptions: [],
324 ruleForm: {}, 285 ruleForm: {},
286 // 权属状态
287 qsztlist: [
288 {
289 dcode: "1",
290 dname: "现势",
291 },
292 {
293 dcode: "2",
294 dname: "历史",
295 },
296 ],
325 //传递参数\ 297 //传递参数\
326 rules: {}, 298 rules: {},
327 }; 299 };
...@@ -332,35 +304,37 @@ export default { ...@@ -332,35 +304,37 @@ export default {
332 mounted() {}, 304 mounted() {},
333 methods: { 305 methods: {
334 loadData() { 306 loadData() {
307 console.log("预告登记",this.propsParam);
335 init(this.propsParam.bsmRepair).then((res) => { 308 init(this.propsParam.bsmRepair).then((res) => {
336 if (res.code == 200) { 309 if (res.code == 200) {
337
338 this.ruleForm = res.result; 310 this.ruleForm = res.result;
339 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 311 console.log("this.ruleForm",this.ruleForm);
340 this.isShow = true; 312 this.isShow = true;
341 // this.tableData = res.result;
342 // if (this.tableData.length < datas.columns().emptycolNum) {
343 // this.emptycolNum =
344 // datas.columns().emptycolNum - this.tableData.length;
345 // } else {
346 // this.emptycolNum = 0;
347 // }
348 } 313 }
349 }); 314 });
350 }, 315 },
316 // 更新土地用途信息
317 upDateTdytxxList(val) {
318 console.log("VAL",val);
319 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
320 this.key++;
321 },
351 // 更新权利人信息 322 // 更新权利人信息
352 upDateQlrxxList(val) { 323 upDateQlrxxList(val) {
353 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 324 console.log("val",val);
354 this.czrOptions = this.ruleForm.qlrList; 325 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
326 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
327 this.czrOptions = this.ruleForm.qlrData;
355 this.key++; 328 this.key++;
356 }, 329 },
357 // 更新义务人信息 330 // 更新义务人信息
358 upDateYwrxxList(val) { 331 upDateYwrxxList(val) {
359 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 332 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
360 this.key++; 333 this.key++;
361 }, 334 },
362 onSubmit() { 335 onSubmit() {
363 if (this.ruleForm.qlrList.length == 0) { 336 console.log("this.ruleForm大信息",this.ruleForm);
337 if (this.ruleForm.qlrData.length == 0) {
364 this.$message({ 338 this.$message({
365 showClose: true, 339 showClose: true,
366 message: "请确认权利人信息", 340 message: "请确认权利人信息",
...@@ -370,7 +344,7 @@ export default { ...@@ -370,7 +344,7 @@ export default {
370 } 344 }
371 345
372 if (this.ruleForm.qlxx.gyfs == "0") { 346 if (this.ruleForm.qlxx.gyfs == "0") {
373 if (this.ruleForm.qlrList.length > 1) { 347 if (this.ruleForm.qlrData.length > 1) {
374 this.$message({ 348 this.$message({
375 showClose: true, 349 showClose: true,
376 message: "共有方式：单独所有，权利人只能是一个人", 350 message: "共有方式：单独所有，权利人只能是一个人",
...@@ -378,17 +352,17 @@ export default { ...@@ -378,17 +352,17 @@ export default {
378 }); 352 });
379 return false; 353 return false;
380 } 354 }
381 this.ruleForm.qlrList[0].sfczr = "1"; 355 this.ruleForm.qlrData[0].sfczr = "1";
382 } 356 }
383 if (this.ruleForm.qlxx.gyfs == "1") { 357 if (this.ruleForm.qlxx.gyfs == "1") {
384 //是否分别持证 358 //是否分别持证
385 if (this.ruleForm.qlxx.sqfbcz == "1") { 359 if (this.ruleForm.qlxx.sqfbcz == "1") {
386 //是 360 //是
387 this.ruleForm.qlrList.forEach((item, index) => { 361 this.ruleForm.qlrData.forEach((item, index) => {
388 item.sfczr = "1"; 362 item.sfczr = "1";
389 }); 363 });
390 } else { 364 } else {
391 this.ruleForm.qlrList.forEach((item, index) => { 365 this.ruleForm.qlrData.forEach((item, index) => {
392 if (item.zjh == this.ruleForm.czr) { 366 if (item.zjh == this.ruleForm.czr) {
393 item.sfczr = "1"; 367 item.sfczr = "1";
394 } else { 368 } else {
...@@ -397,7 +371,7 @@ export default { ...@@ -397,7 +371,7 @@ export default {
397 }); 371 });
398 } 372 }
399 } 373 }
400 saveData(this.ruleForm).then((res) => { 374 save(this.ruleForm).then((res) => {
401 if (res.code === 200) { 375 if (res.code === 200) {
402 this.$message({ 376 this.$message({
403 showClose: true, 377 showClose: true,
......
...@@ -338,7 +338,7 @@ ...@@ -338,7 +338,7 @@
338 <script> 338 <script>
339 import { mapGetters } from "vuex"; 339 import { mapGetters } from "vuex";
340 import { init, save } from "@/api/djbbl.js"; 340 import { init, save } from "@/api/djbbl.js";
341 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 341 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
342 import tdytTable from "@/views/workflow/components/tdytTable"; 342 import tdytTable from "@/views/workflow/components/tdytTable";
343 // import the component 343 // import the component
344 // import Treeselect from '@riophae/vue-treeselect' 344 // import Treeselect from '@riophae/vue-treeselect'
......
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
38 </el-col> 38 </el-col>
39 </el-row> 39 </el-row>
40 <div class="slxx_title title-block"> 40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋） 41 国有建设用地使用权信息
42 <div class="triangle"></div> 42 <div class="triangle"></div>
43 </div> 43 </div>
44 <el-row :gutter="10"> 44 <el-row :gutter="10">
...@@ -238,7 +238,7 @@ ...@@ -238,7 +238,7 @@
238 import store from "@/store/index.js"; 238 import store from "@/store/index.js";
239 import { mapGetters } from "vuex"; 239 import { mapGetters } from "vuex";
240 import { init, save } from "@/api/djbbl.js"; 240 import { init, save } from "@/api/djbbl.js";
241 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 241 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
242 import tdytTable from "@/views/workflow/components/tdytTable"; 242 import tdytTable from "@/views/workflow/components/tdytTable";
243 export default { 243 export default {
244 components: { qlrCommonTable, tdytTable }, 244 components: { qlrCommonTable, tdytTable },
......
...@@ -13,7 +13,8 @@ ...@@ -13,7 +13,8 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="127px"> 16 label-width="127px"
17 >
17 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
18 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
19 补录信息 20 补录信息
...@@ -64,150 +65,195 @@ ...@@ -64,150 +65,195 @@
64 </el-form-item> 65 </el-form-item>
65 </el-col> 66 </el-col>
66 <el-col :span="8"> 67 <el-col :span="8">
68 <el-form-item label="登记原因：">
69 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
67 <el-form-item label="登记类型："> 73 <el-form-item label="登记类型：">
68 <el-select v-model="ruleForm.qlxx.djlx"> 74 <el-select v-model="ruleForm.qlxx.djlx">
69 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 75 <el-option
76 v-for="item in dictData['A21']"
77 :key="item.dcode"
78 :label="item.dname"
79 :value="item.dcode"
80 >
70 </el-option> 81 </el-option>
71 </el-select> 82 </el-select>
72 </el-form-item> 83 </el-form-item>
73 </el-col> 84 </el-col>
74 <el-col :span="8"> 85 <el-col :span="8">
75 <el-form-item label="房地坐落："> 86 <el-form-item label="不动产坐落：">
76 <el-input v-model="ruleForm.qlxx.zl"></el-input> 87 <el-input v-model="ruleForm.qlxx.zl"></el-input>
77 </el-form-item> 88 </el-form-item>
78 </el-col> 89 </el-col>
79 <!-- <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 90 <el-col :span="8">
80 <el-form-item label="土地使用权人："> 91 <el-form-item label="不动产权证号：">
81 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> 92 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
82 </el-form-item> 93 </el-form-item>
83 </el-col> 94 </el-col>
84 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 95 <el-col :span="8">
85 <el-form-item label="独用土地面积："> 96 <el-form-item label="区县代码：">
86 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> 97 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
87 </el-form-item> 98 </el-form-item>
88 </el-col> 99 </el-col>
89 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 100 <el-col :span="8">
90 <el-form-item label="分摊土地面积："> 101 <el-form-item label="登记机构：">
91 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> 102 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
92 </el-form-item> 103 </el-form-item>
93 </el-col> 104 </el-col>
94 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 105 <el-col :span="8">
95 <el-form-item label="土地性质：" style="margin-bottom:3px"> 106 <el-form-item label="登簿人：">
96 <treeselect v-model="ruleForm.fdcq2.jedw" placeholder="" 107 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
97 :normalizer="normalizer"
98 :show-count="true" :options="dictData['A45']" />
99 </el-form-item> 108 </el-form-item>
100 </el-col> 109 </el-col>
101 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 110 <el-col :span="8">
102 <el-form-item label="房地产交易价格："> 111 <el-form-item label="登记时间：">
103 <div style="display:flex"> 112 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
104 <el-input v-model="ruleForm.fdcq2.qjjg" style="width:500%"></el-input>
105 <el-select v-model="ruleForm.fdcq2.jedw">
106 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
107 </el-option>
108 </el-select>
109 </div>
110 </el-form-item> 113 </el-form-item>
111 </el-col> 114 </el-col>
112 <el-col :span="8"> 115 <el-col :span="8">
113 <el-form-item label="规划用途："> 116 <el-form-item label="权属状态：">
114 <el-select v-model="ruleForm.fdcq2.ghyt"> 117 <el-select v-model="ruleForm.qlxx.qszt">
115 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 118 <el-option
119 v-for="item in qsztlist"
120 :key="item.dcode"
121 :label="item.dname"
122 :value="item.dcode"
123 >
116 </el-option> 124 </el-option>
117 </el-select> 125 </el-select>
118 </el-form-item> 126 </el-form-item>
119 </el-col> 127 </el-col>
128
120 <el-col :span="8"> 129 <el-col :span="8">
121 <el-form-item label="批准用途："> 130 <el-form-item label="预告登记种类">
122 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> 131 <el-select v-model="ruleForm.qlxx.djlx">
132 <el-option
133 v-for="item in dictData['A29']"
134 :key="item.dcode"
135 :label="item.dname"
136 :value="item.dcode"
137 >
138 </el-option>
139 </el-select>
123 </el-form-item> 140 </el-form-item>
124 </el-col> 141 </el-col>
125 <el-col :span="8"> 142 <el-col :span="8">
126 <el-form-item label="实际用途："> 143 <el-form-item label="土地使用权人">
127 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> 144 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
128 </el-form-item> 145 </el-form-item>
129 </el-col> 146 </el-col>
130 <el-col :span="8"> 147 <el-col :span="8">
131 <el-form-item label="房屋性质："> 148 <el-form-item label="规划用途">
132 <el-select v-model="ruleForm.fdcq2.fwxz"> 149 <el-select v-model="ruleForm.qlxx.djlx">
133 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 150 <el-option
151 v-for="item in dictData['A17']"
152 :key="item.dcode"
153 :label="item.dname"
154 :value="item.dcode"
155 >
134 </el-option> 156 </el-option>
135 </el-select> 157 </el-select>
136 </el-form-item> 158 </el-form-item>
137 </el-col> 159 </el-col>
138 <el-col :span="8"> 160 <el-col :span="8">
139 <el-form-item label="房屋结构："> 161 <el-form-item label="用途名称">
140 <el-select v-model="ruleForm.fdcq2.fwjg"> 162 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
141 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 163 </el-form-item>
164 </el-col>
165 <el-col :span="8">
166 <el-form-item label="房屋性质">
167 <el-select v-model="ruleForm.qlxx.djlx">
168 <el-option
169 v-for="item in dictData['A19']"
170 :key="item.dcode"
171 :label="item.dname"
172 :value="item.dcode"
173 >
142 </el-option> 174 </el-option>
143 </el-select> 175 </el-select>
144 </el-form-item> 176 </el-form-item>
145 </el-col> 177 </el-col>
146 <el-col :span="8"> 178 <el-col :span="8">
147 <el-form-item label="所在层："> 179 <el-form-item label="房屋性质名称">
148 <el-input v-model="ruleForm.fdcq2.szc"></el-input> 180 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
149 </el-form-item> 181 </el-form-item>
150 </el-col> 182 </el-col>
151 <el-col :span="8"> 183 <el-col :span="8">
152 <el-form-item label="总层数："> 184 <el-form-item label="房屋结构">
153 <el-input v-model="ruleForm.fdcq2.zcs"></el-input> 185 <el-select v-model="ruleForm.qlxx.djlx">
186 <el-option
187 v-for="item in dictData['A46']"
188 :key="item.dcode"
189 :label="item.dname"
190 :value="item.dcode"
191 >
192 </el-option>
193 </el-select>
154 </el-form-item> 194 </el-form-item>
155 </el-col> 195 </el-col>
156 <el-col :span="8"> 196 <el-col :span="8">
157 <el-form-item label="建筑面积："> 197 <el-form-item label="所在层">
158 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> 198 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
159 </el-form-item> 199 </el-form-item>
160 </el-col> 200 </el-col>
161 <el-col :span="8"> 201 <el-col :span="8">
162 <el-form-item label="专有建筑面积："> 202 <el-form-item label="总层数">
163 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> 203 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
164 </el-form-item> 204 </el-form-item>
165 </el-col> 205 </el-col>
166 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 206 <el-col :span="8">
167 <el-form-item label="分摊建筑面积："> 207 <el-form-item label="建筑面积">
168 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> 208 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
169 </el-form-item> 209 </el-form-item>
170 </el-col> 210 </el-col>
171 <el-col :span="8"> 211 <el-col :span="8">
172 <el-form-item label="竣工时间："> 212 <el-form-item label="注销预告业务号">
173 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> 213 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
174 </el-form-item> 214 </el-form-item>
175 </el-col> --> 215 </el-col>
176
177 <el-col :span="8"> 216 <el-col :span="8">
178 <el-form-item label="不动产权证号："> 217 <el-form-item label="注销预告原因">
179 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 218 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
180 </el-form-item> 219 </el-form-item>
181 </el-col> 220 </el-col>
182 <el-col :span="8"> 221 <el-col :span="8">
183 <el-form-item label="区县代码："> 222 <el-form-item label="注销时间">
184 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 223 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
185 </el-form-item> 224 </el-form-item>
186 </el-col> 225 </el-col>
187 <el-col :span="8"> 226 <el-col :span="8">
188 <el-form-item label="登记机构："> 227 <el-form-item label="取得价格/被担保主债权数额">
189 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 228 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
190 </el-form-item> 229 </el-form-item>
191 </el-col> 230 </el-col>
192 <el-col :span="8"> 231 <el-col :span="8">
193 <el-form-item label="登簿人："> 232 <el-form-item label="金额单位">
194 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 233 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
195 </el-form-item> 234 </el-form-item>
196 </el-col> 235 </el-col>
197 <el-col :span="8"> 236 <el-col :span="8">
198 <el-form-item label="登记时间："> 237 <el-form-item label="担保范围">
238 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
239 </el-form-item>
240 </el-col>
241 <el-col :span="8">
242 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定">
243 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
244 </el-form-item>
245 </el-col>
246 <el-col :span="8">
247 <el-form-item label="不动产登记证明号">
199 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 248 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
200 </el-form-item> 249 </el-form-item>
201 </el-col> 250 </el-col>
202 </el-row>
203 <!-- <el-row>
204 <el-col :span="24"> 251 <el-col :span="24">
205 <el-form-item label="附记："> 252 <el-form-item label="附记：">
206 <el-input v-model="ruleForm.fdcq2.fj"></el-input> 253 <el-input v-model="ruleForm.qlxx.fj"></el-input>
207 </el-form-item> 254 </el-form-item>
208 </el-col> 255 </el-col>
209 </el-row> --> 256 </el-row>
210
211 <div class="slxx_title title-block"> 257 <div class="slxx_title title-block">
212 权利人信息 258 权利人信息
213 <div class="triangle"></div> 259 <div class="triangle"></div>
...@@ -215,9 +261,7 @@ ...@@ -215,9 +261,7 @@
215 <el-row :gutter="10"> 261 <el-row :gutter="10">
216 <el-col :span="12"> 262 <el-col :span="12">
217 <el-form-item label="共有方式："> 263 <el-form-item label="共有方式：">
218 <el-radio-group 264 <el-radio-group v-model="ruleForm.qlxx.gyqk">
219 :disabled="$route.query.viewtype == 0"
220 v-model="ruleForm.qlxx.gyqk">
221 <el-radio label="0">单独所有</el-radio> 265 <el-radio label="0">单独所有</el-radio>
222 <el-radio label="1">共同共有</el-radio> 266 <el-radio label="1">共同共有</el-radio>
223 <el-radio label="2">按份所有</el-radio> 267 <el-radio label="2">按份所有</el-radio>
...@@ -225,44 +269,28 @@ ...@@ -225,44 +269,28 @@
225 </el-radio-group> 269 </el-radio-group>
226 </el-form-item> 270 </el-form-item>
227 </el-col> 271 </el-col>
228 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
229 <el-form-item label="是否分别持证：">
230 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
231 <el-radio :label=1>是</el-radio>
232 <el-radio :label=0>否</el-radio>
233 </el-radio-group>
234 </el-form-item>
235 </el-col>
236 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
237 <el-form-item label="持证人：">
238 <el-select v-model="ruleForm.czr" placeholder="持证人">
239 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
240 </el-option>
241 </el-select>
242 </el-form-item>
243 </el-col>
244 </el-row> 272 </el-row>
245 <qlrCommonTable 273 <qlrCommonTable
246 :tableData="ruleForm.qlrData" 274 :tableData="ruleForm.qlrData"
247 @upDateQlrxxList="upDateQlrxxList" 275 @upDateQlrxxList="upDateQlrxxList"
248 :key="key" 276 :key="key"
249 :viewtype="$route.query.viewtype" 277 :gyfs="ruleForm.qlxx.gyfs"
250 :gyfs="ruleForm.qlxx.gyfs" /> 278 />
251 279
252 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 280 <div>
253 <div class="slxx_title title-block"> 281 <div class="slxx_title title-block">
254 义务人信息 282 义务人信息
255 <div class="triangle"></div> 283 <div class="triangle"></div>
256 </div> 284 </div>
257 <qlrCommonTable 285 <ywrCommonTable
258 v-if="ruleForm.ywrList" 286 v-if="ruleForm.ywrData"
259 :tableData="ruleForm.ywrList" 287 :tableData="ruleForm.ywrData"
260 :key="key" 288 :key="key"
261 @upDateQlrxxList="upDateYwrxxList" 289 @upDateQlrxxList="upDateYwrxxList"
262 :viewtype="$route.query.viewtype" /> 290 />
263 </div> 291 </div>
264 </div> 292 </div>
265 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 293 <el-row class="btn">
266 <el-form-item> 294 <el-form-item>
267 <el-button type="primary" @click="onSubmit">保存</el-button> 295 <el-button type="primary" @click="onSubmit">保存</el-button>
268 </el-form-item> 296 </el-form-item>
...@@ -272,11 +300,12 @@ ...@@ -272,11 +300,12 @@
272 </template> 300 </template>
273 <script> 301 <script>
274 import { mapGetters } from "vuex"; 302 import { mapGetters } from "vuex";
275 import { init,save } from "@/api/djbbl.js"; 303 import { init, save } from "@/api/djbbl.js";
276 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 304 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
305 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
277 import tdytTable from "@/views/workflow/components/tdytTable"; 306 import tdytTable from "@/views/workflow/components/tdytTable";
278 export default { 307 export default {
279 components: { qlrCommonTable,tdytTable }, 308 components: { qlrCommonTable, ywrCommonTable, tdytTable },
280 computed: { 309 computed: {
281 ...mapGetters(["dictData", "flag"]), 310 ...mapGetters(["dictData", "flag"]),
282 }, 311 },
...@@ -284,12 +313,22 @@ export default { ...@@ -284,12 +313,22 @@ export default {
284 return { 313 return {
285 //表单是否可操作 314 //表单是否可操作
286 propsParam: this.$attrs, 315 propsParam: this.$attrs,
287 ableOperation: true,
288 key: 0, 316 key: 0,
289 isShow: false, 317 isShow: false,
290 disabled: true, 318 disabled: true,
291 czrOptions: [], 319 czrOptions: [],
292 ruleForm: {}, 320 ruleForm: {},
321 // 权属状态
322 qsztlist: [
323 {
324 dcode: "1",
325 dname: "现势",
326 },
327 {
328 dcode: "2",
329 dname: "历史",
330 },
331 ],
293 //传递参数\ 332 //传递参数\
294 rules: {}, 333 rules: {},
295 }; 334 };
...@@ -300,36 +339,36 @@ export default { ...@@ -300,36 +339,36 @@ export default {
300 mounted() {}, 339 mounted() {},
301 methods: { 340 methods: {
302 loadData() { 341 loadData() {
303 console.log("预告登记",this.propsParam); 342 console.log("预告登记", this.propsParam);
304 init(this.propsParam.bsmRepair).then((res) => { 343 init(this.propsParam.bsmRepair).then((res) => {
305 if (res.code == 200) { 344 if (res.code == 200) {
306 this.ruleForm = res.result; 345 this.ruleForm = res.result;
307 console.log("this.ruleForm",this.ruleForm); 346 console.log("this.ruleForm", this.ruleForm);
308 this.isShow = true; 347 this.isShow = true;
309 } 348 }
310 }); 349 });
311 }, 350 },
312 // 更新土地用途信息 351 // 更新土地用途信息
313 upDateTdytxxList(val) { 352 upDateTdytxxList(val) {
314 console.log("VAL",val); 353 console.log("VAL", val);
315 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 354 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
316 this.key++; 355 this.key++;
317 }, 356 },
318 // 更新权利人信息 357 // 更新权利人信息
319 upDateQlrxxList(val) { 358 upDateQlrxxList(val) {
320 console.log("val",val); 359 console.log("val", val);
321 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 360 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
322 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); 361 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
323 this.czrOptions = this.ruleForm.qlrData; 362 this.czrOptions = this.ruleForm.qlrData;
324 this.key++; 363 this.key++;
325 }, 364 },
326 // 更新义务人信息 365 // 更新义务人信息
327 upDateYwrxxList(val) { 366 upDateYwrxxList(val) {
328 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 367 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
329 this.key++; 368 this.key++;
330 }, 369 },
331 onSubmit() { 370 onSubmit() {
332 console.log("this.ruleForm大信息",this.ruleForm); 371 console.log("this.ruleForm大信息", this.ruleForm);
333 if (this.ruleForm.qlrData.length == 0) { 372 if (this.ruleForm.qlrData.length == 0) {
334 this.$message({ 373 this.$message({
335 showClose: true, 374 showClose: true,
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02 4 * @LastEditTime: 2023-06-25 15:52:42
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
13 ref="ruleForm" 13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''" 14 :label-position="flag ? 'top' : ''"
15 :inline="flag" 15 :inline="flag"
16 label-width="120px" 16 label-width="127px"
17 > 17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''"> 18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block"> 19 <div class="slxx_title title-block">
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
38 </el-col> 38 </el-col>
39 </el-row> 39 </el-row>
40 <div class="slxx_title title-block"> 40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋） 41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div> 42 <div class="triangle"></div>
43 </div> 43 </div>
44 <el-row :gutter="10"> 44 <el-row :gutter="10">
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item> 53 </el-form-item>
54 </el-col> 54 </el-col>
55 <el-col :span="8"> 55 <el-col :span="8">
56 <el-form-item label="上手业务号："> 56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input> 57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item> 58 </el-form-item>
...@@ -65,145 +65,90 @@ ...@@ -65,145 +65,90 @@
65 </el-form-item> 65 </el-form-item>
66 </el-col> 66 </el-col>
67 <el-col :span="8"> 67 <el-col :span="8">
68 <el-form-item label="登记类型："> 68 <el-form-item label="登记原因：">
69 <el-select v-model="ruleForm.qlxx.djlx"> 69 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
70 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
71 </el-option>
72 </el-select>
73 </el-form-item> 70 </el-form-item>
74 </el-col> 71 </el-col>
75 <el-col :span="8"> 72 <el-col :span="8">
76 <el-form-item label="房地坐落："> 73 <el-form-item label="登记类型：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input> 74 <el-select v-model="ruleForm.qlxx.djlx">
78 </el-form-item> 75 <el-option
79 </el-col> 76 v-for="item in dictData['A21']"
80 <el-col :span="8"> 77 :key="item.dcode"
81 <el-form-item label="土地使用权人："> 78 :label="item.dname"
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> 79 :value="item.dcode"
83 </el-form-item> 80 >
84 </el-col> 81 </el-option>
85 <el-col :span="8"> 82 </el-select>
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item> 83 </el-form-item>
109 </el-col> 84 </el-col>
110 <el-col :span="8"> 85 <el-col :span="8">
111 <el-form-item label="土地使用期限："> 86 <el-form-item label="不动产坐落：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 87 <el-input v-model="ruleForm.qlxx.zl"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item> 88 </el-form-item>
149 </el-col> 89 </el-col>
150 <el-col :span="8"> 90 <el-col :span="8">
151 <el-form-item label="房屋结构："> 91 <el-form-item label="不动产权证号：">
152 <el-select v-model="ruleForm.fdcq2.fwjg"> 92 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item> 93 </el-form-item>
157 </el-col> 94 </el-col>
158 <el-col :span="8"> 95 <el-col :span="8">
159 <el-form-item label="所在层："> 96 <el-form-item label="区县代码：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input> 97 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
161 </el-form-item> 98 </el-form-item>
162 </el-col> 99 </el-col>
163 <el-col :span="8"> 100 <el-col :span="8">
164 <el-form-item label="总层数："> 101 <el-form-item label="登记机构：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input> 102 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
166 </el-form-item> 103 </el-form-item>
167 </el-col> 104 </el-col>
168 <el-col :span="8"> 105 <el-col :span="8">
169 <el-form-item label="建筑面积："> 106 <el-form-item label="登簿人：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> 107 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
171 </el-form-item> 108 </el-form-item>
172 </el-col> 109 </el-col>
173 <el-col :span="8"> 110 <el-col :span="8">
174 <el-form-item label="专有建筑面积："> 111 <el-form-item label="登记时间：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> 112 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
176 </el-form-item> 113 </el-form-item>
177 </el-col> 114 </el-col>
178 <el-col :span="8"> 115 <el-col :span="8">
179 <el-form-item label="分摊建筑面积："> 116 <el-form-item label="权属状态：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> 117 <el-select v-model="ruleForm.qlxx.qszt">
118 <el-option
119 v-for="item in qsztlist"
120 :key="item.dcode"
121 :label="item.dname"
122 :value="item.dcode"
123 >
124 </el-option>
125 </el-select>
181 </el-form-item> 126 </el-form-item>
182 </el-col> 127 </el-col>
128
183 <el-col :span="8"> 129 <el-col :span="8">
184 <el-form-item label="竣工时间："> 130 <el-form-item label="异议事项">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> 131 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
186 </el-form-item> 132 </el-form-item>
187 </el-col> 133 </el-col>
188
189 <el-col :span="8"> 134 <el-col :span="8">
190 <el-form-item label="不动产权证号："> 135 <el-form-item label="不动产登记证明号">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 136 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
192 </el-form-item> 137 </el-form-item>
193 </el-col> 138 </el-col>
194 <el-col :span="8"> 139 <el-col :span="8">
195 <el-form-item label="区县代码："> 140 <el-form-item label="登记时间：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 141 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
197 </el-form-item> 142 </el-form-item>
198 </el-col> 143 </el-col>
199 <el-col :span="8"> 144 <el-col :span="8">
200 <el-form-item label="登记机构："> 145 <el-form-item label="登记时间：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 146 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
202 </el-form-item> 147 </el-form-item>
203 </el-col> 148 </el-col>
204 <el-col :span="8"> 149 <el-col :span="8">
205 <el-form-item label="登簿人："> 150 <el-form-item label="登记时间：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 151 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
207 </el-form-item> 152 </el-form-item>
208 </el-col> 153 </el-col>
209 <el-col :span="8"> 154 <el-col :span="8">
...@@ -211,42 +156,25 @@ ...@@ -211,42 +156,25 @@
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 156 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item> 157 </el-form-item>
213 </el-col> 158 </el-col>
214 </el-row> 159 <el-col :span="8">
215 <el-row> 160 <el-form-item label="登记时间：">
216 <el-col :span="24"> 161 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
217 <el-form-item label="登记原因：">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input>
219 </el-form-item> 162 </el-form-item>
220 </el-col> 163 </el-col>
221 </el-row> 164 <el-col :span="24">
222 <el-row>
223 <el-col :span="24">
224 <el-form-item label="附记："> 165 <el-form-item label="附记：">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input> 166 <el-input v-model="ruleForm.qlxx.fj"></el-input>
226 </el-form-item> 167 </el-form-item>
227 </el-col> 168 </el-col>
228 </el-row> 169 </el-row>
229 <div class="slxx_title title-block"> 170 <div class="slxx_title title-block">
230 土地用途
231 <div class="triangle"></div>
232 </div>
233 <tdytTable
234 :tableData="ruleForm.tdxxList"
235 @upDateQlrxxList="upDateQlrxxList"
236 :viewtype="$route.query.viewtype"
237 :gyfs="ruleForm.qlxx.gyfs"
238 />
239 <div class="slxx_title title-block">
240 权利人信息 171 权利人信息
241 <div class="triangle"></div> 172 <div class="triangle"></div>
242 </div> 173 </div>
243 <el-row :gutter="10"> 174 <el-row :gutter="10">
244 <el-col :span="12"> 175 <el-col :span="12">
245 <el-form-item label="共有方式："> 176 <el-form-item label="共有方式：">
246 <el-radio-group 177 <el-radio-group v-model="ruleForm.qlxx.gyqk">
247 :disabled="$route.query.viewtype == 0"
248 v-model="ruleForm.qlxx.gyqk"
249 >
250 <el-radio label="0">单独所有</el-radio> 178 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 179 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 180 <el-radio label="2">按份所有</el-radio>
...@@ -254,46 +182,28 @@ ...@@ -254,46 +182,28 @@
254 </el-radio-group> 182 </el-radio-group>
255 </el-form-item> 183 </el-form-item>
256 </el-col> 184 </el-col>
257 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
258 <el-form-item label="是否分别持证：">
259 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
260 <el-radio :label=1>是</el-radio>
261 <el-radio :label=0>否</el-radio>
262 </el-radio-group>
263 </el-form-item>
264 </el-col>
265 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
266 <el-form-item label="持证人：">
267 <el-select v-model="ruleForm.czr" placeholder="持证人">
268 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
269 </el-option>
270 </el-select>
271 </el-form-item>
272 </el-col>
273 </el-row> 185 </el-row>
274 <qlrCommonTable 186 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 187 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 188 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 189 :key="key"
278 :viewtype="$route.query.viewtype"
279 :gyfs="ruleForm.qlxx.gyfs" 190 :gyfs="ruleForm.qlxx.gyfs"
280 /> 191 />
281 192
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 193 <div>
283 <div class="slxx_title title-block"> 194 <div class="slxx_title title-block">
284 义务人信息 195 义务人信息
285 <div class="triangle"></div> 196 <div class="triangle"></div>
286 </div> 197 </div>
287 <qlrCommonTable 198 <ywrCommonTable
288 v-if="ruleForm.ywrList" 199 v-if="ruleForm.ywrData"
289 :tableData="ruleForm.ywrList" 200 :tableData="ruleForm.ywrData"
290 :key="key" 201 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 202 @upDateQlrxxList="upDateYwrxxList"
292 :viewtype="$route.query.viewtype"
293 /> 203 />
294 </div> 204 </div>
295 </div> 205 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 206 <el-row class="btn">
297 <el-form-item> 207 <el-form-item>
298 <el-button type="primary" @click="onSubmit">保存</el-button> 208 <el-button type="primary" @click="onSubmit">保存</el-button>
299 </el-form-item> 209 </el-form-item>
...@@ -303,12 +213,12 @@ ...@@ -303,12 +213,12 @@
303 </template> 213 </template>
304 <script> 214 <script>
305 import { mapGetters } from "vuex"; 215 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 216 import { init, save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js"; 217 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 218 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
309 import tdytTable from "@/views/workflow/components/tdytTable"; 219 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 220 export default {
311 components: { qlrCommonTable,tdytTable }, 221 components: { qlrCommonTable, ywrCommonTable, tdytTable },
312 computed: { 222 computed: {
313 ...mapGetters(["dictData", "flag"]), 223 ...mapGetters(["dictData", "flag"]),
314 }, 224 },
...@@ -316,12 +226,22 @@ export default { ...@@ -316,12 +226,22 @@ export default {
316 return { 226 return {
317 //表单是否可操作 227 //表单是否可操作
318 propsParam: this.$attrs, 228 propsParam: this.$attrs,
319 ableOperation: true,
320 key: 0, 229 key: 0,
321 isShow: false, 230 isShow: false,
322 disabled: true, 231 disabled: true,
323 czrOptions: [], 232 czrOptions: [],
324 ruleForm: {}, 233 ruleForm: {},
234 // 权属状态
235 qsztlist: [
236 {
237 dcode: "1",
238 dname: "现势",
239 },
240 {
241 dcode: "2",
242 dname: "历史",
243 },
244 ],
325 //传递参数\ 245 //传递参数\
326 rules: {}, 246 rules: {},
327 }; 247 };
...@@ -332,35 +252,37 @@ export default { ...@@ -332,35 +252,37 @@ export default {
332 mounted() {}, 252 mounted() {},
333 methods: { 253 methods: {
334 loadData() { 254 loadData() {
255 console.log("预告登记", this.propsParam);
335 init(this.propsParam.bsmRepair).then((res) => { 256 init(this.propsParam.bsmRepair).then((res) => {
336 if (res.code == 200) { 257 if (res.code == 200) {
337
338 this.ruleForm = res.result; 258 this.ruleForm = res.result;
339 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 259 console.log("this.ruleForm", this.ruleForm);
340 this.isShow = true; 260 this.isShow = true;
341 // this.tableData = res.result;
342 // if (this.tableData.length < datas.columns().emptycolNum) {
343 // this.emptycolNum =
344 // datas.columns().emptycolNum - this.tableData.length;
345 // } else {
346 // this.emptycolNum = 0;
347 // }
348 } 261 }
349 }); 262 });
350 }, 263 },
264 // 更新土地用途信息
265 upDateTdytxxList(val) {
266 console.log("VAL", val);
267 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
268 this.key++;
269 },
351 // 更新权利人信息 270 // 更新权利人信息
352 upDateQlrxxList(val) { 271 upDateQlrxxList(val) {
353 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 272 console.log("val", val);
354 this.czrOptions = this.ruleForm.qlrList; 273 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
274 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
275 this.czrOptions = this.ruleForm.qlrData;
355 this.key++; 276 this.key++;
356 }, 277 },
357 // 更新义务人信息 278 // 更新义务人信息
358 upDateYwrxxList(val) { 279 upDateYwrxxList(val) {
359 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 280 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
360 this.key++; 281 this.key++;
361 }, 282 },
362 onSubmit() { 283 onSubmit() {
363 if (this.ruleForm.qlrList.length == 0) { 284 console.log("this.ruleForm大信息", this.ruleForm);
285 if (this.ruleForm.qlrData.length == 0) {
364 this.$message({ 286 this.$message({
365 showClose: true, 287 showClose: true,
366 message: "请确认权利人信息", 288 message: "请确认权利人信息",
...@@ -370,7 +292,7 @@ export default { ...@@ -370,7 +292,7 @@ export default {
370 } 292 }
371 293
372 if (this.ruleForm.qlxx.gyfs == "0") { 294 if (this.ruleForm.qlxx.gyfs == "0") {
373 if (this.ruleForm.qlrList.length > 1) { 295 if (this.ruleForm.qlrData.length > 1) {
374 this.$message({ 296 this.$message({
375 showClose: true, 297 showClose: true,
376 message: "共有方式：单独所有，权利人只能是一个人", 298 message: "共有方式：单独所有，权利人只能是一个人",
...@@ -378,17 +300,17 @@ export default { ...@@ -378,17 +300,17 @@ export default {
378 }); 300 });
379 return false; 301 return false;
380 } 302 }
381 this.ruleForm.qlrList[0].sfczr = "1"; 303 this.ruleForm.qlrData[0].sfczr = "1";
382 } 304 }
383 if (this.ruleForm.qlxx.gyfs == "1") { 305 if (this.ruleForm.qlxx.gyfs == "1") {
384 //是否分别持证 306 //是否分别持证
385 if (this.ruleForm.qlxx.sqfbcz == "1") { 307 if (this.ruleForm.qlxx.sqfbcz == "1") {
386 //是 308 //是
387 this.ruleForm.qlrList.forEach((item, index) => { 309 this.ruleForm.qlrData.forEach((item, index) => {
388 item.sfczr = "1"; 310 item.sfczr = "1";
389 }); 311 });
390 } else { 312 } else {
391 this.ruleForm.qlrList.forEach((item, index) => { 313 this.ruleForm.qlrData.forEach((item, index) => {
392 if (item.zjh == this.ruleForm.czr) { 314 if (item.zjh == this.ruleForm.czr) {
393 item.sfczr = "1"; 315 item.sfczr = "1";
394 } else { 316 } else {
...@@ -397,7 +319,7 @@ export default { ...@@ -397,7 +319,7 @@ export default {
397 }); 319 });
398 } 320 }
399 } 321 }
400 saveData(this.ruleForm).then((res) => { 322 save(this.ruleForm).then((res) => {
401 if (res.code === 200) { 323 if (res.code === 200) {
402 this.$message({ 324 this.$message({
403 showClose: true, 325 showClose: true,
......
...@@ -7,7 +7,6 @@ ...@@ -7,7 +7,6 @@
7 export function getForm(tabName) { 7 export function getForm(tabName) {
8 let form; 8 let form;
9 switch (tabName) { 9 switch (tabName) {
10
11 case "zdjbxx": 10 case "zdjbxx":
12 form = require("@/views/registerBook/zdjbxx.vue"); 11 form = require("@/views/registerBook/zdjbxx.vue");
13 break; 12 break;
......
...@@ -214,7 +214,7 @@ export default { ...@@ -214,7 +214,7 @@ export default {
214 }, 214 },
215 //切换选项卡内容组件 215 //切换选项卡内容组件
216 getFromRouter(tabname) { 216 getFromRouter(tabname) {
217 console.log("tabname", tabname); 217 console.log("tabnameeeeeeeeeeeeeeeeee", tabname,this.tabList);
218 this.componentTag = getForm(tabname); 218 this.componentTag = getForm(tabname);
219 }, 219 },
220 closefp() { 220 closefp() {
......
...@@ -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",
...@@ -441,16 +454,8 @@ class data extends filter { ...@@ -441,16 +454,8 @@ class data extends filter {
441 label: "在建建筑物坐落", 454 label: "在建建筑物坐落",
442 }, 455 },
443 { 456 {
444 prop: "dyfs", 457 prop: "dyfsmc",
445 label: "抵押方式", 458 label: "抵押方式",
446 render: (h, scope) => {
447 return (
448 <div>
449 <span v-show={scope.row.dyfs == '1'}>一般抵押权</span>
450 <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span>
451 </div>
452 )
453 }
454 }, 459 },
455 { 460 {
456 prop: "qlrmc", 461 prop: "qlrmc",
......
...@@ -19,8 +19,8 @@ ...@@ -19,8 +19,8 @@
19 margin-top: 15px; 19 margin-top: 15px;
20 line-height: 24px; 20 line-height: 24px;
21 font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》 21 font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》
22 有关规定，经线上查询不动产登记信息系统，权利人： 杜林 22 有关规定，经线上查询不动产登记信息系统，权利人： {{form.cxjgListp[0].qlrmc}}
23 ，证件号：612322197805120010，截止{{newDatez}} 23 ，证件号：{{form.cxjgListp[0].zjhm}}，截止{{newDatez}}
24 ，名下不动产登记信息查询结果如下：</p> 24 ，名下不动产登记信息查询结果如下：</p>
25 <table style=" border-collapse: collapse; 25 <table style=" border-collapse: collapse;
26 width: 100%; 26 width: 100%;
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-04-26 16:05:28
5 -->
6 <template>
7 <div class='batchDel'>
8 <lb-table :column="columns" :data="formData.dataList" :maxHeight="460" :heightNumSetting="true" :pagination="false"
9 @selection-change="handleSelectionChange">
10 </lb-table>
11 <div class="text-center">
12 <el-button @click="$popupCacel">取消</el-button>
13 <el-button type="primary" @click="submitdelclick" plain>确定</el-button>
14 </div>
15 </div>
16 </template>
17 <script>
18 import { deleteFlow } from "@/api/ywbl.js"
19 import store from '@/store/index.js'
20 export default {
21 components: {},
22 props: {
23 formData: {
24 type: Object,
25 default: {}
26 }
27 },
28 data () {
29 return {
30 columns: [
31 {
32 type: 'selection',
33 label: '全选'
34 },
35 {
36 label: '序号',
37 type: 'index',
38 width: '50',
39 },
40 {
41 prop: "bdcdyh",
42 label: "不动产单元号",
43 },
44 {
45 prop: "zl",
46 label: "坐落",
47 },
48 ],
49 dataList: [],
50 selectBdcdy: [],
51 }
52 },
53 methods: {
54 // 批量删除确定按钮
55 submitdelclick () {
56 var formdata = new FormData();
57 formdata.append("bsmSldyList", this.selectBdcdy);
58 formdata.append("bsmSlsq", this.formData.bsmSlsq);
59 deleteFlow(formdata).then(res => {
60 if (res.code == 200) {
61 this.$popupCacel();
62 store.dispatch('user/refreshPage', true);
63 this.$message.success("删除成功");
64 } else {
65 this.$message.error(res.message)
66 }
67 })
68 },
69 // 批量删除勾选事件
70 handleSelectionChange (e) {
71 this.selectBdcdy = [];
72 e.forEach((item, index) => {
73 this.selectBdcdy.push(item.bsmSldy)
74 })
75 }
76 }
77 }
78 </script>
79 <style scoped lang='scss'>
80 </style>
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-25 10:33:16 4 * @LastEditTime: 2023-06-30 14:32:40
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> 7 <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
8 <!-- 表单部分 --> 8 <!-- 表单部分 -->
9 <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1"> 9 <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1">
10 <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bdcqzlx" 10 <el-tab-pane :label="item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')" :name="item.bsmBdcqz"
11 v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane> 11 v-for="(item, index) in headTabBdcqz" :key="index">
12 </el-tab-pane>
12 </el-tabs> 13 </el-tabs>
13 <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> 14 <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div>
14 <canvas ref="zs" width="1000" v-show="activeName=='1'" height="700"></canvas> 15 <canvas ref="zs" width="1000" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1" height="700"></canvas>
15 <canvas ref="zm" width="1180" v-show="activeName!='1'" height="780"></canvas> 16 <canvas ref="zm" width="1180" v-show="headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1" height="780"></canvas>
16 </div> 17 </div>
17 </template> 18 </template>
18 19
...@@ -49,13 +50,14 @@ ...@@ -49,13 +50,14 @@
49 ruleForm: { 50 ruleForm: {
50 bsmBdcqz: '', 51 bsmBdcqz: '',
51 szmc: '不动产权证书', 52 szmc: '不动产权证书',
52 bdcqzlx: '', 53 bsmBdcqz: '',
53 szzh: '', 54 szzh: '',
54 ysxlh: '', 55 ysxlh: '',
55 }, 56 },
56 } 57 }
57 }, 58 },
58 mounted () { 59 mounted () {
60 debugger
59 this.columns = datas.columns(); 61 this.columns = datas.columns();
60 if (this.formData.bdcqz) { 62 if (this.formData.bdcqz) {
61 //从缮证进入 63 //从缮证进入
...@@ -77,10 +79,10 @@ ...@@ -77,10 +79,10 @@
77 getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { 79 getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => {
78 if (res.code == 200) { 80 if (res.code == 200) {
79 if (res.result && res.result.length > 0) { 81 if (res.result && res.result.length > 0) {
80 this.activeName = res.result[0].bdcqzlx 82 this.activeName = res.result[0].bsmBdcqz
81 this.bdcqz = res.result[0] 83 this.bdcqz = res.result[0]
82 this.headTabBdcqz = res.result 84 this.headTabBdcqz = res.result
83 if (this.activeName == 1) { 85 if (res.result[0].bdcqzlx == 1) {
84 this.drawTextOnImage() 86 this.drawTextOnImage()
85 } else { 87 } else {
86 this.drawTextzmImage() 88 this.drawTextzmImage()
...@@ -93,7 +95,7 @@ ...@@ -93,7 +95,7 @@
93 //tab表头切换方法 95 //tab表头切换方法
94 handleClick (e) { 96 handleClick (e) {
95 this.bdcqz = this.headTabBdcqz[e.index - 0] 97 this.bdcqz = this.headTabBdcqz[e.index - 0]
96 this.activeName = this.headTabBdcqz.bdcqzlx 98 this.activeName = this.headTabBdcqz.bsmBdcqz
97 if (this.activeName == '1') { 99 if (this.activeName == '1') {
98 this.drawTextOnImage() 100 this.drawTextOnImage()
99 } else { 101 } else {
...@@ -157,6 +159,15 @@ ...@@ -157,6 +159,15 @@
157 context.drawImage(image, 0, 0); 159 context.drawImage(image, 0, 0);
158 context.font = '18px 楷体'; 160 context.font = '18px 楷体';
159 context.fillStyle = '#000000'; 161 context.fillStyle = '#000000';
162 // ysxlh
163 context.fillText(this.bdcqz.ysxlh ? this.bdcqz.ysxlh : '', 280, 712);
164 // djsj
165 if (this.bdcqz.djsj) {
166 let djsjList = this.bdcqz.djsj.split(' ')[0].split('/')
167 context.fillText(djsjList[0] ? djsjList[0] : '', 327, 580);
168 context.fillText(djsjList[1] ? djsjList[1] : '', 393, 580);
169 context.fillText(djsjList[2] ? djsjList[2] : '', 443, 580);
170 }
160 context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); 171 context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125);
161 context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); 172 context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125);
162 context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); 173 context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125);
...@@ -191,7 +202,7 @@ ...@@ -191,7 +202,7 @@
191 }); 202 });
192 }); 203 });
193 // fj 204 // fj
194 context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 650); 205 context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 600);
195 }; 206 };
196 207
197 image.src = this.bdczmSrc; 208 image.src = this.bdczmSrc;
......
...@@ -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 },
......
1 <!-- 1 <!--
2 * @Description: 权利人列表 2 * @Description:
3 * @Autor: miaofang 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-14 10:40:48 4 * @LastEditTime: 2023-05-17 10:40:48
5 --> 5 -->
6 <template> 6 <template>
7 <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData"> 7 <lb-table :column="column" :maxHeight="200" :heightNumSetting="true" :pagination="false" :key="key" :data="tableData">
...@@ -49,30 +49,34 @@ ...@@ -49,30 +49,34 @@
49 ) 49 )
50 } 50 }
51 }, 51 },
52 // {
53 // prop: "bdcdyh",
54 // label: "不动产单元号"
55 // },
56 {
57 prop: "zl",
58 label: "坐落"
59 },
52 { 60 {
53 prop: "qllxmc", 61 prop: "shbw",
54 label: "权利类型" 62 label: "室号部位"
55 }, 63 },
56 { 64 {
57 prop: "bdcqzh", 65 prop: "fwxzmc",
58 label: "不动产权证号" 66 label: "房屋性质"
59 },
60 {
61 prop: "qlrmc",
62 label: "权利人"
63 },
64 {
65 prop: "ytmc",
66 label: "用途"
67 }, 67 },
68 { 68 {
69 prop: "mj", 69 prop: "jzmj",
70 label: "面积" 70 label: "建筑面积"
71 }, 71 },
72 { 72 {
73 prop: "zl", 73 prop: "showfwyt",
74 label: "坐落" 74 label: "房屋用途"
75 }, 75 },
76 {
77 prop: "showfwjg",
78 label: "房屋结构"
79 },
76 ], 80 ],
77 column: this.qlrCommonTable 81 column: this.qlrCommonTable
78 } 82 }
...@@ -80,14 +84,8 @@ ...@@ -80,14 +84,8 @@
80 watch: { 84 watch: {
81 tableData: { 85 tableData: {
82 handler: function (val, oldVal) { 86 handler: function (val, oldVal) {
83 let that = this 87 let that = this;
84 if (val.length == 0 || !val) { 88 if (val.length == 0 || !val) {
85 that.tableDataList = _.cloneDeep([{
86 sqrmc: '',
87 dlrzjlx: '',
88 dlrzjh: '',
89 fr: ''
90 }])
91 } else { 89 } else {
92 that.tableDataList = _.cloneDeep(val) 90 that.tableDataList = _.cloneDeep(val)
93 } 91 }
......
...@@ -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":
......
...@@ -55,51 +55,51 @@ ...@@ -55,51 +55,51 @@
55 <el-row :gutter="10"> 55 <el-row :gutter="10">
56 <el-col :span="8"> 56 <el-col :span="8">
57 <el-form-item label="权利人："> 57 <el-form-item label="权利人：">
58 <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input> 58 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
59 </el-form-item> 59 </el-form-item>
60 </el-col> 60 </el-col>
61 <el-col :span="8"> 61 <el-col :span="8">
62 <el-form-item label="证件号："> 62 <el-form-item label="证件种类：">
63 <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input> 63 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
64 </el-form-item> 64 </el-form-item>
65 </el-col> 65 </el-col>
66 <el-col :span="8"> 66 <el-col :span="8">
67 <el-form-item label="证件种类："> 67 <el-form-item label="证件号：">
68 <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input> 68 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
69 </el-form-item> 69 </el-form-item>
70 </el-col> 70 </el-col>
71 </el-row> 71 </el-row>
72 <el-row :gutter="10"> 72 <el-row :gutter="10">
73 <el-col :span="8"> 73 <el-col :span="8">
74 <el-form-item label="权利类型："> 74 <el-form-item label="权利类型：">
75 <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input> 75 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
76 </el-form-item> 76 </el-form-item>
77 </el-col> 77 </el-col>
78 <el-col :span="8"> 78 <el-col :span="8">
79 <el-form-item label="不动产权证号："> 79 <el-form-item label="不动产权证号：">
80 <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input> 80 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
81 </el-form-item> 81 </el-form-item>
82 </el-col> 82 </el-col>
83 <el-col :span="8"> 83 <el-col :span="8">
84 <el-form-item label="坐落："> 84 <el-form-item label="坐落：">
85 <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input> 85 <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
86 </el-form-item> 86 </el-form-item>
87 </el-col> 87 </el-col>
88 </el-row> 88 </el-row>
89 <el-row :gutter="10"> 89 <el-row :gutter="10">
90 <el-col :span="8"> 90 <el-col :span="8">
91 <el-form-item label="不动产单元号："> 91 <el-form-item label="不动产单元号：">
92 <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input> 92 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
93 </el-form-item> 93 </el-form-item>
94 </el-col> 94 </el-col>
95 <el-col :span="8"> 95 <el-col :span="8">
96 <el-form-item label="面积："> 96 <el-form-item label="面积：">
97 <el-input disabled v-model="ruleForm.ssQlxx.mj"></el-input> 97 <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input>
98 </el-form-item> 98 </el-form-item>
99 </el-col> 99 </el-col>
100 <el-col :span="8"> 100 <el-col :span="8">
101 <el-form-item label="用途："> 101 <el-form-item label="用途：">
102 <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input> 102 <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
103 </el-form-item> 103 </el-form-item>
104 </el-col> 104 </el-col>
105 </el-row> 105 </el-row>
......
...@@ -32,12 +32,12 @@ ...@@ -32,12 +32,12 @@
32 <el-row :gutter="10" v-if="ruleForm.slsq"> 32 <el-row :gutter="10" v-if="ruleForm.slsq">
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="权利类型："> 34 <el-form-item label="权利类型：">
35 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input> 35 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
36 </el-form-item> 36 </el-form-item>
37 </el-col> 37 </el-col>
38 <el-col :span="8"> 38 <el-col :span="8">
39 <el-form-item label="登记类型："> 39 <el-form-item label="登记类型：">
40 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input> 40 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
41 </el-form-item> 41 </el-form-item>
42 </el-col> 42 </el-col>
43 <el-col :span="8"> 43 <el-col :span="8">
...@@ -102,7 +102,7 @@ ...@@ -102,7 +102,7 @@
102 <el-col :span="14"> 102 <el-col :span="14">
103 <el-form-item label="共有方式："> 103 <el-form-item label="共有方式：">
104 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo" 104 <el-radio-group :disabled="$route.query.viewtype == 1" @change="showCZInfo"
105 v-model="ruleForm.sldy.gyfs"> 105 v-model="ruleForm.sldyList[0].gyfs">
106 <el-radio label="0">单独所有</el-radio> 106 <el-radio label="0">单独所有</el-radio>
107 <el-radio label="1">共同共有</el-radio> 107 <el-radio label="1">共同共有</el-radio>
108 <el-radio label="2">按份所有</el-radio> 108 <el-radio label="2">按份所有</el-radio>
...@@ -114,13 +114,13 @@ ...@@ -114,13 +114,13 @@
114 114
115 <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'"> 115 <el-col :span="5" v-show=" ruleForm.slsq.gyfs == '2'">
116 <el-form-item label="是否分别持证："> 116 <el-form-item label="是否分别持证：">
117 <el-radio-group v-model="ruleForm.sldy.sqfbcz"> 117 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
118 <el-radio label="1">是</el-radio> 118 <el-radio label="1">是</el-radio>
119 <el-radio label="0">否</el-radio> 119 <el-radio label="0">否</el-radio>
120 </el-radio-group> 120 </el-radio-group>
121 </el-form-item> 121 </el-form-item>
122 </el-col> 122 </el-col>
123 <el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'"> 123 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
124 <el-form-item label="持证人："> 124 <el-form-item label="持证人：">
125 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人"> 125 <el-select v-model="ruleForm.slsq.czr" placeholder="持证人">
126 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value"> 126 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
...@@ -192,6 +192,7 @@ export default { ...@@ -192,6 +192,7 @@ export default {
192 ,qlxxList:[]//权利信息集合 192 ,qlxxList:[]//权利信息集合
193 ,sldyList:[]//受理不动产单元集合 193 ,sldyList:[]//受理不动产单元集合
194 ,slsq: {}//受理申请流程明细 194 ,slsq: {}//受理申请流程明细
195 ,flow: {}//受理申请流程明细
195 ,sqrList:[]//申请人 196 ,sqrList:[]//申请人
196 ,ssQlxxList:[]//上手权利信息 197 ,ssQlxxList:[]//上手权利信息
197 ,user:{}//用户 198 ,user:{}//用户
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02 4 * @LastEditTime: 2023-06-29 11:13:35
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
...@@ -88,46 +88,55 @@ ...@@ -88,46 +88,55 @@
88 <el-row :gutter="10"> 88 <el-row :gutter="10">
89 <el-col :span="8"> 89 <el-col :span="8">
90 <el-form-item label="农用地面积："> 90 <el-form-item label="农用地面积：">
91 <el-input v-model="ruleForm.tdsyq.nydmj"></el-input> 91 <el-input v-model="ruleForm.tdsyq.nydmj"></el-input>
92 </el-form-item> 92 </el-form-item>
93 </el-col> 93 </el-col>
94 <el-col :span="8"> 94 <el-col :span="8">
95 <el-form-item label="耕地面积："> 95 <el-form-item label="耕地面积：">
96 <el-input v-model="ruleForm.tdsyq.gdmj"></el-input> 96 <el-input v-model="ruleForm.tdsyq.gdmj"></el-input>
97 </el-form-item> 97 </el-form-item>
98 </el-col> 98 </el-col>
99 <el-col :span="8"> 99 <el-col :span="8">
100 <el-form-item label="林地面积："> 100 <el-form-item label="林地面积：">
101 <el-input v-model="ruleForm.tdsyq.ldmj"></el-input> 101 <el-input v-model="ruleForm.tdsyq.ldmj"></el-input>
102 </el-form-item> 102 </el-form-item>
103 </el-col> 103 </el-col>
104 </el-row> 104 </el-row>
105 <el-row :gutter="10"> 105 <el-row :gutter="10">
106 <el-col :span="8"> 106 <el-col :span="8">
107 <el-form-item label="草地面积："> 107 <el-form-item label="草地面积：">
108 <el-input v-model="ruleForm.tdsyq.cdmj"></el-input> 108 <el-input v-model="ruleForm.tdsyq.cdmj"></el-input>
109 </el-form-item> 109 </el-form-item>
110 </el-col> 110 </el-col>
111 <el-col :span="8"> 111 <el-col :span="8">
112 <el-form-item label="其他农用地面积："> 112 <el-form-item label="其他农用地面积：">
113 <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input> 113 <el-input v-model="ruleForm.tdsyq.qtnydmj"></el-input>
114 </el-form-item> 114 </el-form-item>
115 </el-col> 115 </el-col>
116 <el-col :span="8"> 116 <el-col :span="8">
117 <el-form-item label="建筑使用面积："> 117 <el-form-item label="建筑使用面积：">
118 <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input> 118 <el-input v-model="ruleForm.tdsyq.jsydmj"></el-input>
119 </el-form-item> 119 </el-form-item>
120 </el-col> 120 </el-col>
121 </el-row> 121 </el-row>
122 <el-row :gutter="10"> 122 <el-row :gutter="10">
123 <el-col :span="8"> 123 <el-col :span="8">
124 <el-form-item label="未利用地面积："> 124 <el-form-item label="未利用地面积：">
125 <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input> 125 <el-input v-model="ruleForm.tdsyq.wlydmj"></el-input>
126 </el-form-item> 126 </el-form-item>
127 </el-col> 127 </el-col>
128 <el-col :span="8"> 128 <el-col :span="8">
129 <el-form-item label="面积单位："> 129 <el-form-item label="面积单位：">
130 <el-input v-model="ruleForm.tdsyq.mjdw"></el-input> 130 <el-input v-model="ruleForm.tdsyq.mjdw"></el-input>
131 </el-form-item>
132 </el-col>
133
134 <el-col :span="8">
135 <el-form-item label="下拉表格测试：">
136 <select-table v-model="value2" :table-width="600" :props="props" @change="change">
137 <el-table-column prop="id" label="ID" width="180"></el-table-column>
138 <el-table-column prop="user" label="姓名"></el-table-column>
139 </select-table>
131 </el-form-item> 140 </el-form-item>
132 </el-col> 141 </el-col>
133 142
...@@ -203,7 +212,9 @@ ...@@ -203,7 +212,9 @@
203 import { mapGetters } from "vuex" 212 import { mapGetters } from "vuex"
204 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js" 213 import { Init, saveData } from "@/api/workflow/tdsyqFlow.js"
205 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable" 214 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
215 import selectTable from '@/components/selectTable/index.vue'
206 export default { 216 export default {
217 components: { qlrCommonTable, selectTable },
207 mounted () { 218 mounted () {
208 this.ableOperation = this.$parent.currentSelectTab.ableOperation 219 this.ableOperation = this.$parent.currentSelectTab.ableOperation
209 this.propsParam = this.$attrs; 220 this.propsParam = this.$attrs;
...@@ -222,12 +233,22 @@ ...@@ -222,12 +233,22 @@
222 }) 233 })
223 }) 234 })
224 }, 235 },
225 components: { qlrCommonTable }, 236
226 computed: { 237 computed: {
227 ...mapGetters(["dictData", "flag"]) 238 ...mapGetters(["dictData", "flag"])
228 }, 239 },
229 data () { 240 data () {
230 return { 241 return {
242 value2: {
243 id: "520000198407304275",
244 user: "史平"
245 },
246 props: {
247 label: 'user',
248 value: 'id',
249 keyword: "keyword"
250 },
251
231 //表单是否可操作 252 //表单是否可操作
232 ableOperation: true, 253 ableOperation: true,
233 key: 0, 254 key: 0,
...@@ -241,6 +262,7 @@ ...@@ -241,6 +262,7 @@
241 } 262 }
242 }, 263 },
243 methods: { 264 methods: {
265 change () { },
244 // 更新权利人信息 266 // 更新权利人信息
245 upDateQlrxxList (val) { 267 upDateQlrxxList (val) {
246 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)) 268 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
......
1 <template>
2 <!-- 受理信息 -->
3 <div class="slxx">
4 <el-form 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" v-if="ruleForm.flow">
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" v-if="ruleForm.sldyList">
29 <el-col :span="8">
30 <el-form-item label="权利类型：">
31 <el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
32 </el-form-item>
33 </el-col>
34 <el-col :span="8">
35 <el-form-item label="登记类型：">
36 <el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
37 </el-form-item>
38 </el-col>
39 <el-col :span="8">
40 <el-form-item label="登记情形：">
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 抵押户信息列表信息（{{ruleForm.hlist.length}} 户）
47 <div class="triangle"></div>
48 </div>
49 <qjhTable :tableData="ruleForm.hlist" />
50 <div class="slxx_title title-block">
51 抵押信息
52 <div class="triangle"></div>
53 </div>
54 <el-row :gutter="10">
55 <el-col :span="8">
56 <el-form-item label="抵押方式：">
57 <!-- <el-input disabled v-model="ruleForm.slywxx.djqxmc"></el-input> -->
58 <el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
59 <el-radio label="1">一般抵押</el-radio>
60 <el-radio label="2">最高额抵押</el-radio>
61 </el-radio-group>
62 </el-form-item>
63 </el-col>
64 <el-col :span="8">
65 <el-form-item label="抵押金额类型：">
66 <el-radio-group v-model="ruleForm.diyaqList[0].dyjelx">
67 <el-radio label="0">独立抵押</el-radio>
68 <el-radio label="1">整体抵押</el-radio>
69 </el-radio-group>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定：" label-width="350px">
74 <el-radio-group v-model="ruleForm.diyaqList[0].sfczjzhxz">
75 <el-radio label="1">启用</el-radio>
76 <el-radio label="0">禁用</el-radio>
77 </el-radio-group>
78 </el-form-item>
79 </el-col>
80 </el-row>
81
82 <el-row :gutter="10">
83 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
84 <el-form-item label="被担保主债权数额：">
85 <el-input v-model="ruleForm.diyaqList[0].bdbzzqse"></el-input>
86 <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="$route.query.viewtype == '1'">
87 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
88 </el-option>
89 </el-select>
90 </el-form-item>
91 </el-col>
92
93 <el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
94 <el-form-item label="最高债权额：">
95 <el-input v-model="ruleForm.diyaqList[0].zgzqse"></el-input>
96 <el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="$route.query.viewtype == '1'">
97 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
98 </el-option>
99 </el-select>
100 </el-form-item>
101 </el-col>
102
103 <el-col :span="8">
104 <el-form-item label="债务履行起始时间：">
105 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxqssj" type="date">
106 </el-date-picker>
107 </el-form-item>
108 </el-col>
109 <el-col :span="8">
110 <el-form-item label="债务履行结束时间：">
111 <el-date-picker v-model="ruleForm.diyaqList[0].zwlxjssj" type="date">
112 </el-date-picker>
113 </el-form-item>
114 </el-col>
115 </el-row>
116
117 <el-row>
118 <el-col :span="24">
119 <el-form-item label="担保范围：">
120 <el-input v-model="ruleForm.diyaqList[0].dbfw"
121 :disabled="$route.query.viewtype == 1 || ruleForm.sldyList[0].djlx == '300'"></el-input>
122 </el-form-item>
123 </el-col>
124 </el-row>
125 <el-row>
126 <el-col :span="24">
127 <el-form-item label="最高债权确定事实和数额：">
128 <el-input v-model="ruleForm.diyaqList[0].zgzqqdss"></el-input>
129 </el-form-item>
130 </el-col>
131 </el-row>
132 <el-row>
133 <el-col>
134 <el-form-item label="附记：" prop="fj">
135 <el-input type="textarea" v-model="ruleForm.diyaqList[0].fj" :disabled="$route.query.viewtype == 1"></el-input>
136 </el-form-item>
137 </el-col>
138 </el-row>
139
140 <div class="slxx_title title-block">
141 抵押权人信息
142 <div class="triangle"></div>
143 </div>
144 <el-row :gutter="10">
145 <el-col :span="14">
146 <el-form-item label="共有方式：">
147 <el-radio-group :disabled="$route.query.viewtype == 1" v-model="ruleForm.sldyList[0].gyfs">
148 <el-radio label="0">单独所有</el-radio>
149 <el-radio label="1">共同共有</el-radio>
150 <el-radio label="2">按份所有</el-radio>
151 <el-radio label="3">其它共有</el-radio>
152 </el-radio-group>
153 </el-form-item>
154 </el-col>
155 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
156 <el-form-item label="是否分别持证：">
157 <el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
158 <el-radio label="1">是</el-radio>
159 <el-radio label="0">否</el-radio>
160 </el-radio-group>
161 </el-form-item>
162 </el-col>
163 <el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
164 <el-form-item label="持证人：">
165 <el-select v-model="ruleForm.czr" placeholder="持证人">
166 <el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
167 </el-option>
168 </el-select>
169 </el-form-item>
170 </el-col>
171 </el-row>
172 <qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
173 :viewtype="$route.query.viewtype" :gyfs="ruleForm.sldyList[0].gyfs" />
174 <div class="slxx_title title-block">
175 抵押人信息
176 <div class="triangle"></div>
177 </div>
178 <qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList"
179 :viewtype="$route.query.viewtype" />
180
181 <div class="slxx_title title-block">
182 登记原因
183 <div class="triangle"></div>
184 </div>
185 <el-row :gutter="10">
186 <el-col>
187 <el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因：" prop="djyy">
188 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
189 v-model="ruleForm.diyaqList[0].zxdyyy">
190 </el-input>
191 </el-form-item>
192 <el-form-item v-else label="登记原因：" prop="djyy">
193 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
194 v-model="ruleForm.diyaqList[0].djyy">
195 </el-input>
196 </el-form-item>
197 </el-col>
198 </el-row>
199
200 </div>
201 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
202 <el-form-item>
203 <el-button type="primary" @click="onSubmitClick()">保存</el-button>
204 </el-form-item>
205 </el-row>
206 </el-form>
207 </div>
208 </template>
209 <script>
210 import qjhTable from "@/views/workflow/components/qjhTable";
211 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
212 import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
213 import { mapGetters } from "vuex";
214 export default {
215 created () {
216 this.ableOperation = this.$parent.currentSelectTab.ableOperation
217 this.propsParam = this.$attrs;
218 var formdata = new FormData();
219
220 this.$startLoading();
221 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
222 formdata.append("djlx", this.propsParam.djlx);
223 formdata.append("isEdit", this.ableOperation);
224 bacthInit(formdata).then((res) => {
225 if (res.code === 200 && res.result) {
226 this.ruleForm = res.result;
227 this.$endLoading();
228 }
229 })
230 },
231 components: { qlrCommonTable,qjhTable },
232 computed: {
233 ...mapGetters(["dictData", "flag"]),
234 },
235 data () {
236 return {
237 //表单是否可操作
238 ableOperation: true,
239 disabled: true,
240 czrOptions: [],
241 ruleForm: {},
242 //传递参数
243 propsParam: {},
244 rules: {},
245 tableData: []
246 };
247 },
248 methods: {
249 onSubmitClick () {
250 saveBatchData(this.ruleForm, this.propsParam.djlx).then((res) => {
251 if (res.code === 200) {
252 this.$message({
253 showClose: true,
254 message: "保存成功！",
255 type: "success",
256 });
257 this.$store.dispatch('user/refreshPage', true);
258 } else {
259 this.$message({
260 showClose: true,
261 message: res.message,
262 type: "error",
263 });
264 }
265 });
266 },
267
268 // 更新权利人信息
269 upDateQlrxxList (val) {
270 if (!_.isEqual(val, this.ruleForm.qlrList)) {
271 this.ruleForm.qlrList = _.cloneDeep(val);
272 }
273 },
274 // 更新义务人信息
275 upDateYwrxxList (val) {
276 if (!_.isEqual(val, this.ruleForm.ywrList)) {
277 this.ruleForm.ywrList = _.cloneDeep(val);
278 }
279 }
280 }
281 };
282 </script>
283 <style scoped lang='scss'>
284 @import "~@/styles/public.scss";
285 @import "~@/styles/slxx/slxx.scss";
286 </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>
...@@ -128,12 +127,20 @@ ...@@ -128,12 +127,20 @@
128 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1"> 127 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
129 <el-form-item label="被担保主债权数额："> 128 <el-form-item label="被担保主债权数额：">
130 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input> 129 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
130 <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1'">
131 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
132 </el-option>
133 </el-select>
131 </el-form-item> 134 </el-form-item>
132 </el-col> 135 </el-col>
133 136
134 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2"> 137 <el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
135 <el-form-item label="最高债权额："> 138 <el-form-item label="最高债权额：">
136 <el-input v-model="ruleForm.diyaq.zgzqse"></el-input> 139 <el-input v-model="ruleForm.diyaq.zgzqse"></el-input>
140 <el-select v-model="ruleForm.diyaq.jedw" :disabled="$route.query.viewtype == '1'">
141 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
142 </el-option>
143 </el-select>
137 </el-form-item> 144 </el-form-item>
138 </el-col> 145 </el-col>
139 146
...@@ -254,14 +261,13 @@ ...@@ -254,14 +261,13 @@
254 var formdata = new FormData(); 261 var formdata = new FormData();
255 this.$startLoading(); 262 this.$startLoading();
256 formdata.append("bsmSldy", this.propsParam.bsmSldy); 263 formdata.append("bsmSldy", this.propsParam.bsmSldy);
257 formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
258 formdata.append("djlx", this.propsParam.djlx); 264 formdata.append("djlx", this.propsParam.djlx);
259 formdata.append("isEdit", this.ableOperation); 265 formdata.append("isEdit", this.ableOperation);
260 Init(formdata).then((res) => { 266 Init(formdata).then((res) => {
261 if (res.code === 200 && res.result) { 267 if (res.code === 200 && res.result) {
262 this.ruleForm = res.result; 268 this.ruleForm = res.result;
263 this.$endLoading(); 269 this.$endLoading();
264 this.ruleForm.diyaq.sfczjzhxz = "0"; 270 //this.ruleForm.diyaq.sfczjzhxz = "0";
265 } 271 }
266 }) 272 })
267 }, 273 },
...@@ -275,12 +281,7 @@ ...@@ -275,12 +281,7 @@
275 ableOperation: true, 281 ableOperation: true,
276 disabled: true, 282 disabled: true,
277 czrOptions: [], 283 czrOptions: [],
278 ruleForm: { 284 ruleForm: {},
279 slywxx: {},
280 qlxxold: {},
281 diyaq: {},
282 gyfs: "",
283 },
284 //传递参数 285 //传递参数
285 propsParam: {}, 286 propsParam: {},
286 rules: {}, 287 rules: {},
......
...@@ -192,7 +192,20 @@ ...@@ -192,7 +192,20 @@
192 this.queryClick(); 192 this.queryClick();
193 }, 193 },
194 ywhClick (item) { 194 ywhClick (item) {
195 const { href } = this.$router.resolve( 195 //有任务权限
196 if(item.sjlx=="3"){
197 const { href } = this.$router.resolve(
198 "/djbworkFrame?bsmSlsq=" +
199 item.bsmSlsq +
200 "&bestepid=" +
201 item.bestepid +
202 "&bsmBusiness=" +
203 "&sqywbm=" +
204 item.djywbm
205 );
206 window.open(href, `urlname${item.bsmSlsq}`);
207 }else{
208 const { href } = this.$router.resolve(
196 "/workFrameView?bsmSlsq=" + 209 "/workFrameView?bsmSlsq=" +
197 item.bsmSlsq + 210 item.bsmSlsq +
198 "&bestepid=" + 211 "&bestepid=" +
...@@ -201,6 +214,9 @@ ...@@ -201,6 +214,9 @@
201 "&viewtype=1" 214 "&viewtype=1"
202 ); 215 );
203 window.open(href, `urlname${item.bsmSlsq}`); 216 window.open(href, `urlname${item.bsmSlsq}`);
217 }
218
219
204 }, 220 },
205 }, 221 },
206 }; 222 };
......