249c8a6b by yangwei

Merge branch 'dev' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web into dev

2 parents 07c30198 0488dd30
Showing 61 changed files with 3024 additions and 1304 deletions
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
23 "node-sass": "^4.14.1", 23 "node-sass": "^4.14.1",
24 "normalize.css": "7.0.0", 24 "normalize.css": "7.0.0",
25 "nprogress": "0.2.0", 25 "nprogress": "0.2.0",
26 "qrcode": "^1.5.3",
26 "vue": "2.6.10", 27 "vue": "2.6.10",
27 "vue-json-editor": "^1.4.3", 28 "vue-json-editor": "^1.4.3",
28 "vue-quill-editor": "^3.0.6", 29 "vue-quill-editor": "^3.0.6",
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
4 * @LastEditTime: 2023-05-16 14:05:25 4 * @LastEditTime: 2023-05-16 14:05:25
5 */ 5 */
6 import request from '@/utils/request' 6 import request from '@/utils/request'
7 import { log } from 'bpmn-js-token-simulation'
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 8 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
8 /** 9 /**
9 * @description: 添加补录记录 10 * @description: 添加补录记录
...@@ -24,9 +25,8 @@ export function addRepairRecord (data) { ...@@ -24,9 +25,8 @@ export function addRepairRecord (data) {
24 */ 25 */
25 export function deleteFlow (params) { 26 export function deleteFlow (params) {
26 return request({ 27 return request({
27 url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow', 28 url: SERVER.SERVERAPI + '/rest/djbRepair/deleteFlow?bsmSlsq='+params,
28 method: 'get', 29 method: 'get',
29 params:params
30 }) 30 })
31 } 31 }
32 32
...@@ -49,7 +49,7 @@ export function deleteRepairRecord (params) { ...@@ -49,7 +49,7 @@ export function deleteRepairRecord (params) {
49 */ 49 */
50 export function init (params) { 50 export function init (params) {
51 return request({ 51 return request({
52 url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params, 52 url: SERVER.SERVERAPI + '/rest/djbRepair/init?bsmRepair='+params.bsmRepair+'&isEdit='+params.isEdit,
53 method: 'get', 53 method: 'get',
54 }) 54 })
55 } 55 }
......
...@@ -50,9 +50,6 @@ export function Init (data) { ...@@ -50,9 +50,6 @@ export function Init (data) {
50 */ 50 */
51 export function saveData (data, djlx) { 51 export function saveData (data, djlx) {
52 let apiUrl = "/rest/ywbl/dyaq/saveData"; 52 let apiUrl = "/rest/ywbl/dyaq/saveData";
53 if (djlx == "400") {
54 apiUrl = "/rest/ywbl/dyaq/saveLogoutData";
55 }
56 return request({ 53 return request({
57 url: SERVER.SERVERAPI + apiUrl, 54 url: SERVER.SERVERAPI + apiUrl,
58 method: 'post', 55 method: 'post',
......
...@@ -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({
......
...@@ -340,6 +340,18 @@ export function selectH (data) { ...@@ -340,6 +340,18 @@ export function selectH (data) {
340 }) 340 })
341 } 341 }
342 342
343 /**
344 * @description: 业务办理-选择单元-查询土地所有权信息
345 * @param {*} data
346 * @author: renchao
347 */
348 export function selectTdsyqQlxx (data) {
349 return request({
350 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectTdsyqQlxx',
351 method: 'post',
352 data
353 })
354 }
343 355
344 /** 356 /**
345 * @description: 业务办理-选择单元-查询建设用地、宅基地信息 357 * @description: 业务办理-选择单元-查询建设用地、宅基地信息
......
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')
......
...@@ -34,7 +34,7 @@ export const constantRoutes = [ ...@@ -34,7 +34,7 @@ export const constantRoutes = [
34 hidden: true, 34 hidden: true,
35 meta: { title: '发起申请' } 35 meta: { title: '发起申请' }
36 }, 36 },
37 // 业务流程框架 37 // 登记簿补录
38 { 38 {
39 path: '/djbworkFrame', 39 path: '/djbworkFrame',
40 component: () => import('@/views/djbworkflow/workFrame.vue'), 40 component: () => import('@/views/djbworkflow/workFrame.vue'),
...@@ -42,6 +42,14 @@ export const constantRoutes = [ ...@@ -42,6 +42,14 @@ export const constantRoutes = [
42 hidden: true, 42 hidden: true,
43 meta: { title: '登记簿补录' } 43 meta: { title: '登记簿补录' }
44 }, 44 },
45 // 登记簿补录只读框架
46 {
47 path: '/djbworkFrameView',
48 component: () => import('@/views/djbworkflow/workFrameView.vue'),
49 name: 'djbworkFrameView',
50 hidden: true,
51 meta: { title: '登记簿补录' }
52 },
45 //登记簿详情 53 //登记簿详情
46 { 54 {
47 path: '/djbFrameall', 55 path: '/djbFrameall',
......
...@@ -147,9 +147,11 @@ div:focus { ...@@ -147,9 +147,11 @@ div:focus {
147 .pl-5 { 147 .pl-5 {
148 padding-left: 5px; 148 padding-left: 5px;
149 } 149 }
150
150 .pt-10 { 151 .pt-10 {
151 padding-top: 10px; 152 padding-top: 10px;
152 } 153 }
154
153 .block { 155 .block {
154 display: block; 156 display: block;
155 } 157 }
...@@ -383,7 +385,65 @@ aside { ...@@ -383,7 +385,65 @@ aside {
383 transition: 0.5s; 385 transition: 0.5s;
384 margin-left: -1px; 386 margin-left: -1px;
385 border-top: 0; 387 border-top: 0;
388
386 .el-checkbox__label { 389 .el-checkbox__label {
387 font-size: 16px; 390 font-size: 16px;
388 } 391 }
389 } 392 }
393
394
395 .linshiIcon {
396 position: relative;
397
398 .icon {
399 position: absolute;
400 top: 12px;
401 right: -5px;
402 transform: rotate(45deg);
403 color: #fff;
404 font-size: 12px;
405 z-index: 10;
406 }
407 }
408
409 .linshiIcon::after {
410 content: "";
411 display: block;
412 width: 0;
413 height: 0;
414 border-width: 0px 0px 55px 55px;
415 border-style: none solid solid;
416 border-color: transparent transparent #fe9400;
417 position: absolute;
418 top: 0;
419 right: 0;
420 transform: rotate(-90deg);
421 }
422
423 .xianshiIcon {
424 position: relative;
425
426 .icon {
427 position: absolute;
428 top: 9px;
429 right: 5px;
430 transform: rotate(45deg);
431 color: #fff;
432 font-size: 12px;
433 z-index: 10;
434 }
435 }
436
437 .xianshiIcon::after {
438 content: "";
439 display: block;
440 width: 0;
441 height: 0;
442 border-width: 0px 0px 55px 55px;
443 border-style: none solid solid;
444 border-color: transparent transparent #67C23A;
445 position: absolute;
446 top: 0;
447 right: 0;
448 transform: rotate(-90deg);
449 }
...\ No newline at end of file ...\ No newline at end of file
......
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-03 08:59:06
5 */
6 import store from '@/store'
1 export function getSjlx (level) { 7 export function getSjlx (level) {
2 const resultMap = { 8 const resultMap = {
3 1: '系统数据', 9 1: '系统数据',
...@@ -6,3 +12,15 @@ export function getSjlx (level) { ...@@ -6,3 +12,15 @@ export function getSjlx (level) {
6 } 12 }
7 return resultMap[level] || resultMap.default; 13 return resultMap[level] || resultMap.default;
8 } 14 }
15
16 export function getDictLeabel (level, code) {
17 const resultMap = store.getters.dictData[code]
18 const desiredObject = resultMap.find(obj => obj.dcode === level);
19
20 if (desiredObject) {
21 const desiredName = desiredObject.dname;
22 return desiredName
23 } else {
24 return ''
25 }
26 }
...\ No newline at end of file ...\ No newline at end of file
......
1 import cookies from './util.cookies' 1 import cookies from './util.cookies'
2 export function getUrlParam(paraName) { 2 export function getUrlParam (paraName) {
3 let url = document.location.toString(); 3 let url = document.location.toString();
4 let arrObj = url.split('?'); 4 let arrObj = url.split('?');
5 5
...@@ -22,7 +22,7 @@ export function getUrlParam(paraName) { ...@@ -22,7 +22,7 @@ export function getUrlParam(paraName) {
22 } 22 }
23 } 23 }
24 24
25 export function setToken(token) { 25 export function setToken (token) {
26 if (token === undefined) { 26 if (token === undefined) {
27 if (process.env.NODE_ENV === 'development') { 27 if (process.env.NODE_ENV === 'development') {
28 sessionStorage.removeItem('token') 28 sessionStorage.removeItem('token')
...@@ -38,10 +38,26 @@ export function setToken(token) { ...@@ -38,10 +38,26 @@ export function setToken(token) {
38 } 38 }
39 } 39 }
40 40
41 export function getToken() { 41 export function getToken () {
42 if (process.env.NODE_ENV === 'development') { 42 if (process.env.NODE_ENV === 'development') {
43 return sessionStorage.getItem('token') 43 return sessionStorage.getItem('token')
44 } 44 }
45 return cookies.get('ACCESS_TOKEN') 45 return cookies.get('ACCESS_TOKEN')
46 } 46 }
47 47
48 // 获取当前时间
49
50 export function getNewDate (type = 1) {
51 const now = new Date();
52 const year = now.getFullYear();
53 const month = String(now.getMonth() + 1).padStart(2, '0');
54 const day = String(now.getDate()).padStart(2, '0');
55 const hours = String(now.getHours()).padStart(2, '0');
56 const minutes = String(now.getMinutes()).padStart(2, '0');
57 const seconds = String(now.getSeconds()).padStart(2, '0');
58 if (type == 1) {
59 return `${year}${month}${day}日`
60 } else {
61 return `${year}${month}${day}${hours}${minutes}${seconds}秒`
62 }
63 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -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 :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150"
9 :data="tableDataList">
8 </lb-table> 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,29 +93,32 @@ ...@@ -73,29 +93,32 @@
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
121 this.$nextTick(() => {
99 if (val.length == 0 || !val) { 122 if (val.length == 0 || !val) {
100 that.tableDataList = _.cloneDeep([{ 123 that.tableDataList = _.cloneDeep([{
101 sqrmc: '', 124 sqrmc: '',
...@@ -106,16 +129,19 @@ ...@@ -106,16 +129,19 @@
106 } else { 129 } else {
107 that.tableDataList = _.cloneDeep(val) 130 that.tableDataList = _.cloneDeep(val)
108 } 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) {
135 this.key++ 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);
136 this.$emit('upDateQlrxxList', this.tableDataList) 168 this.$emit('upDateQlrxxList', this.tableDataList)
169 }
170 }
171 this.key++
137 }, 172 },
138 // 添加 173 // 新增
139 handleAdd () { 174 addClick () {
175 if (this.gyfs == '0' && this.tableDataList.length > 0) {
176 this.$message.warning("当前共有方式为单独所有,无法添加多个权利人")
177 } else {
140 this.dialog = true 178 this.dialog = true
179 this.isaddupdate = true
180 }
141 }, 181 },
142 // 减 182
143 handleMinus (index, row) { 183 // 删除
184 deleClick (index, row) {
185 this.$confirm('确定要删除吗, 是否继续?', '提示', {
186 confirmButtonText: '确定',
187 cancelButtonText: '取消',
188 type: 'warning'
189 }).then(() => {
144 this.tableData.splice(index, 1) 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 补录信息
...@@ -73,120 +72,11 @@ ...@@ -73,120 +72,11 @@
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"> 79 <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">
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>
192 </el-form-item> 82 </el-form-item>
...@@ -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,38 @@ export default { ...@@ -332,35 +175,38 @@ export default {
332 mounted() {}, 175 mounted() {},
333 methods: { 176 methods: {
334 loadData() { 177 loadData() {
335 init(this.propsParam.bsmRepair).then((res) => { 178 console.log("查封登记",this.propsParam);
179 this.propsParam.isEdit=this.$parent.isEdit
180 init(this.propsParam).then((res) => {
336 if (res.code == 200) { 181 if (res.code == 200) {
337
338 this.ruleForm = res.result; 182 this.ruleForm = res.result;
339 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 183 console.log("this.ruleForm",this.ruleForm);
340 this.isShow = true; 184 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 } 185 }
349 }); 186 });
350 }, 187 },
188 // 更新土地用途信息
189 upDateTdytxxList(val) {
190 console.log("VAL",val);
191 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
192 this.key++;
193 },
351 // 更新权利人信息 194 // 更新权利人信息
352 upDateQlrxxList(val) { 195 upDateQlrxxList(val) {
353 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 196 console.log("val",val);
354 this.czrOptions = this.ruleForm.qlrList; 197 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
198 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData);
199 this.czrOptions = this.ruleForm.qlrData;
355 this.key++; 200 this.key++;
356 }, 201 },
357 // 更新义务人信息 202 // 更新义务人信息
358 upDateYwrxxList(val) { 203 upDateYwrxxList(val) {
359 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 204 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
360 this.key++; 205 this.key++;
361 }, 206 },
362 onSubmit() { 207 onSubmit() {
363 if (this.ruleForm.qlrList.length == 0) { 208 console.log("this.ruleForm大信息",this.ruleForm);
209 if (this.ruleForm.qlrData.length == 0) {
364 this.$message({ 210 this.$message({
365 showClose: true, 211 showClose: true,
366 message: "请确认权利人信息", 212 message: "请确认权利人信息",
...@@ -370,7 +216,7 @@ export default { ...@@ -370,7 +216,7 @@ export default {
370 } 216 }
371 217
372 if (this.ruleForm.qlxx.gyfs == "0") { 218 if (this.ruleForm.qlxx.gyfs == "0") {
373 if (this.ruleForm.qlrList.length > 1) { 219 if (this.ruleForm.qlrData.length > 1) {
374 this.$message({ 220 this.$message({
375 showClose: true, 221 showClose: true,
376 message: "共有方式:单独所有,权利人只能是一个人", 222 message: "共有方式:单独所有,权利人只能是一个人",
...@@ -378,17 +224,17 @@ export default { ...@@ -378,17 +224,17 @@ export default {
378 }); 224 });
379 return false; 225 return false;
380 } 226 }
381 this.ruleForm.qlrList[0].sfczr = "1"; 227 this.ruleForm.qlrData[0].sfczr = "1";
382 } 228 }
383 if (this.ruleForm.qlxx.gyfs == "1") { 229 if (this.ruleForm.qlxx.gyfs == "1") {
384 //是否分别持证 230 //是否分别持证
385 if (this.ruleForm.qlxx.sqfbcz == "1") { 231 if (this.ruleForm.qlxx.sqfbcz == "1") {
386 //是 232 //是
387 this.ruleForm.qlrList.forEach((item, index) => { 233 this.ruleForm.qlrData.forEach((item, index) => {
388 item.sfczr = "1"; 234 item.sfczr = "1";
389 }); 235 });
390 } else { 236 } else {
391 this.ruleForm.qlrList.forEach((item, index) => { 237 this.ruleForm.qlrData.forEach((item, index) => {
392 if (item.zjh == this.ruleForm.czr) { 238 if (item.zjh == this.ruleForm.czr) {
393 item.sfczr = "1"; 239 item.sfczr = "1";
394 } else { 240 } else {
...@@ -397,7 +243,7 @@ export default { ...@@ -397,7 +243,7 @@ export default {
397 }); 243 });
398 } 244 }
399 } 245 }
400 saveData(this.ruleForm).then((res) => { 246 save(this.ruleForm).then((res) => {
401 if (res.code === 200) { 247 if (res.code === 200) {
402 this.$message({ 248 this.$message({
403 showClose: true, 249 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="145px"
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,62 @@ ...@@ -38,7 +38,62 @@
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>
43 </div>
44 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
45 <el-col :span="8">
46 <el-form-item label="权利人:">
47 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="证件种类:">
52 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="证件号:">
57 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
62 <el-col :span="8">
63 <el-form-item label="权利类型:">
64 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="不动产权证号:">
69 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
70 </el-form-item>
71 </el-col>
72 <el-col :span="8">
73 <el-form-item label="坐落:">
74 <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
75 </el-form-item>
76 </el-col>
77 </el-row>
78 <el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
79 <el-col :span="8">
80 <el-form-item label="不动产单元号:">
81 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
82 </el-form-item>
83 </el-col>
84 <el-col :span="8">
85 <el-form-item label="面积:">
86 <el-input disabled v-model="ruleForm.ztQlxx.mj"></el-input>
87 </el-form-item>
88 </el-col>
89 <el-col :span="8">
90 <el-form-item label="用途:">
91 <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
92 </el-form-item>
93 </el-col>
94 </el-row>
95 <div class="slxx_title title-block">
96 抵押权信息
42 <div class="triangle"></div> 97 <div class="triangle"></div>
43 </div> 98 </div>
44 <el-row :gutter="10"> 99 <el-row :gutter="10">
...@@ -67,186 +122,255 @@ ...@@ -67,186 +122,255 @@
67 <el-col :span="8"> 122 <el-col :span="8">
68 <el-form-item label="登记类型:"> 123 <el-form-item label="登记类型:">
69 <el-select v-model="ruleForm.qlxx.djlx"> 124 <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"> 125 <el-option
71 </el-option> 126 v-for="item in djlxlist"
127 :key="item.dcode"
128 :label="item.dname"
129 :value="item.dcode"
130 ></el-option>
72 </el-select> 131 </el-select>
73 </el-form-item> 132 </el-form-item>
74 </el-col> 133 </el-col>
75 <el-col :span="8"> 134 <el-col :span="8">
76 <el-form-item label="房地坐落:"> 135 <el-form-item label="权属状态:">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input> 136 <el-select v-model="ruleForm.qlxx.qszt">
137 <el-option
138 v-for="item in qsztlist"
139 :key="item.dcode"
140 :label="item.dname"
141 :value="item.dcode"
142 ></el-option>
143 </el-select>
78 </el-form-item> 144 </el-form-item>
79 </el-col> 145 </el-col>
80 <el-col :span="8"> 146 <el-col :span="8">
81 <el-form-item label="土地使用权人:"> 147 <el-form-item label="不动产坐落:">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> 148 <el-input v-model="ruleForm.qlxx.zl"></el-input>
83 </el-form-item> 149 </el-form-item>
84 </el-col> 150 </el-col>
85 <el-col :span="8"> 151 <el-col :span="8">
86 <el-form-item label="独用土地面积:"> 152 <el-form-item label="不动产权证号:">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input> 153 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
88 </el-form-item> 154 </el-form-item>
89 </el-col> 155 </el-col>
90 <el-col :span="8"> 156 <el-col :span="8">
91 <el-form-item label="分摊土地面积:"> 157 <el-form-item label="区县代码:">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input> 158 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
93 </el-form-item> 159 </el-form-item>
94 </el-col> 160 </el-col>
95 <el-col :span="8"> 161 <el-col :span="8">
96 <el-form-item label="土地用途:"> 162 <el-form-item label="登记机构:">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 163 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
98 </el-form-item> 164 </el-form-item>
99 </el-col> 165 </el-col>
100 <el-col :span="8"> 166 <el-col :span="8">
101 <el-form-item label="土地使用起始时间:"> 167 <el-form-item label="登簿人:">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 168 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
103 </el-form-item> 169 </el-form-item>
104 </el-col> 170 </el-col>
105 <el-col :span="8"> 171 <el-col :span="8">
106 <el-form-item label="土地使用结束时间:"> 172 <el-form-item label="登记时间:">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 173 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
108 </el-form-item> 174 </el-form-item>
109 </el-col> 175 </el-col>
110 <el-col :span="8"> 176 <el-col :span="8">
111 <el-form-item label="土地使用期限:"> 177 <el-form-item label="登记原因:">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 178 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
113 </el-form-item> 179 </el-form-item>
114 </el-col> 180 </el-col>
115 <el-col :span="8"> 181 <el-col :span="8">
116 <el-form-item label="房地产交易价格:"> 182 <!-- <el-form-item label="抵押不动产类型">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> 183 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw"> 184 </el-form-item>-->
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 185 <el-form-item label="抵押不动产类型:">
120 </el-option> 186 <el-select v-model="ruleForm.diyaq.djlx">
187 <el-option
188 v-for="item in dictData['A27']"
189 :key="item.dcode"
190 :label="item.dname"
191 :value="item.dcode"
192 ></el-option>
121 </el-select> 193 </el-select>
122 </el-form-item> 194 </el-form-item>
123 </el-col> 195 </el-col>
124 <el-col :span="8"> 196 <el-col :span="8">
125 <el-form-item label="规划用途:"> 197 <el-form-item label="抵押人:">
126 <el-select v-model="ruleForm.fdcq2.ghyt"> 198 <el-input v-model="ruleForm.diyaq.dyr"></el-input>
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 199 </el-form-item>
128 </el-option> 200 </el-col>
201 <el-col :span="8">
202 <el-form-item label="抵押人类型:">
203 <el-input v-model="ruleForm.diyaq.dyrlx"></el-input>
204 </el-form-item>
205 </el-col>
206 <el-col :span="8">
207 <el-form-item label="抵押方式:">
208 <el-input v-model="ruleForm.diyaq.dyfs"></el-input>
209 </el-form-item>
210 </el-col>
211 <el-col :span="8">
212 <el-form-item label="抵押权顺位:">
213 <el-input v-model="ruleForm.diyaq.dyqsw"></el-input>
214 </el-form-item>
215 </el-col>
216 <el-col :span="8">
217 <el-form-item label="抵押金额类型:">
218 <el-input v-model="ruleForm.diyaq.dyjelx"></el-input>
219 </el-form-item>
220 </el-col>
221 <el-col :span="8">
222 <el-form-item label="是否预告登记:">
223 <el-select v-model="ruleForm.diyaq.sfygdj">
224 <el-option
225 v-for="item in dictData['A6']"
226 :key="item.dcode"
227 :label="item.dname"
228 :value="item.dcode"
229 ></el-option>
129 </el-select> 230 </el-select>
130 </el-form-item> 231 </el-form-item>
131 </el-col> 232 </el-col>
132 <el-col :span="8"> 233 <el-col :span="8">
133 <el-form-item label="批准用途:"> 234 <el-form-item label="在建建筑物坐落:">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> 235 <el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
135 </el-form-item> 236 </el-form-item>
136 </el-col> 237 </el-col>
137 <el-col :span="8"> 238 <el-col :span="8">
138 <el-form-item label="实际用途:"> 239 <el-form-item label="在建建筑物抵押范围:">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> 240 <el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
140 </el-form-item> 241 </el-form-item>
141 </el-col> 242 </el-col>
142 <el-col :span="8"> 243 <el-col :span="8">
143 <el-form-item label="房屋性质:"> 244 <el-form-item label="抵押面积:">
144 <el-select v-model="ruleForm.fdcq2.fwxz"> 245 <div style="display: flex">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 246 <el-input
146 </el-option> 247 v-model="ruleForm.diyaq.dymj"
248 style="width: 500%"
249 oninput="value=value.replace(/[^\d.]/g,'')"
250 ></el-input>
251 <el-select v-model="ruleForm.diyaq.mjdw">
252 <el-option
253 v-for="item in dictData['A7']"
254 :key="item.dcode"
255 :label="item.dname"
256 :value="item.dcode"
257 ></el-option>
147 </el-select> 258 </el-select>
259 </div>
148 </el-form-item> 260 </el-form-item>
149 </el-col> 261 </el-col>
150 <el-col :span="8"> 262 <el-col :span="8">
151 <el-form-item label="房屋结构:"> 263 <el-form-item label="最高债权额">
152 <el-select v-model="ruleForm.fdcq2.fwjg"> 264 <div style="display: flex">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 265 <el-input
154 </el-option> 266 v-model="ruleForm.diyaq.zgzqse"
267 style="width: 500%"
268 oninput="value=value.replace(/[^\d.]/g,'')"
269 ></el-input>
270 <el-select v-model="ruleForm.diyaq.jedw">
271 <el-option
272 v-for="item in dictData['A57']"
273 :key="item.dcode"
274 :label="item.dname"
275 :value="item.dcode"
276 ></el-option>
155 </el-select> 277 </el-select>
278 </div>
156 </el-form-item> 279 </el-form-item>
157 </el-col> 280 </el-col>
158 <el-col :span="8"> 281 <el-col :span="8">
159 <el-form-item label="所在层:"> 282 <el-form-item label="被担保主债权数额">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input> 283 <div style="display: flex">
284 <el-input
285 v-model="ruleForm.diyaq.bdbzzqse"
286 style="width: 500%"
287 oninput="value=value.replace(/[^\d.]/g,'')"
288 ></el-input>
289 <el-select v-model="ruleForm.diyaq.jedw">
290 <el-option
291 v-for="item in dictData['A57']"
292 :key="item.dcode"
293 :label="item.dname"
294 :value="item.dcode"
295 ></el-option>
296 </el-select>
297 </div>
161 </el-form-item> 298 </el-form-item>
162 </el-col> 299 </el-col>
163 <el-col :span="8"> 300 <el-col :span="8">
164 <el-form-item label="总层数:"> 301 <el-form-item label="币种">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input> 302 <el-input v-model="ruleForm.diyaq.bz"></el-input>
166 </el-form-item> 303 </el-form-item>
167 </el-col> 304 </el-col>
168 <el-col :span="8"> 305 <el-col :span="8">
169 <el-form-item label="建筑面积:"> 306 <el-form-item label="担保范围">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> 307 <el-input v-model="ruleForm.diyaq.dbfw"></el-input>
171 </el-form-item> 308 </el-form-item>
172 </el-col> 309 </el-col>
173 <el-col :span="8"> 310 <el-col :span="8">
174 <el-form-item label="专有建筑面积:"> 311 <el-form-item label="债务履行期限(债务确定期间)">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> 312 <el-input v-model="ruleForm.diyaq.bdbzzqse"></el-input>
176 </el-form-item> 313 </el-form-item>
177 </el-col> 314 </el-col>
178 <el-col :span="8"> 315 <el-col :span="8">
179 <el-form-item label="分摊建筑面积:"> 316 <el-form-item label="债务履行起始时间">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> 317 <el-input v-model="ruleForm.diyaq.zwlxqssj"></el-input>
181 </el-form-item> 318 </el-form-item>
182 </el-col> 319 </el-col>
183 <el-col :span="8"> 320 <el-col :span="8">
184 <el-form-item label="竣工时间:"> 321 <el-form-item label="债务履行结束时间">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> 322 <el-input v-model="ruleForm.diyaq.zwlxjssj"></el-input>
186 </el-form-item> 323 </el-form-item>
187 </el-col> 324 </el-col>
188
189 <el-col :span="8"> 325 <el-col :span="8">
190 <el-form-item label="不动产权证号:"> 326 <el-form-item label="最高债权确定事实和数额">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 327 <el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
192 </el-form-item> 328 </el-form-item>
193 </el-col> 329 </el-col>
194 <el-col :span="8"> 330 <el-col :span="8">
195 <el-form-item label="区县代码:"> 331 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 332 <el-input v-model="ruleForm.diyaq.sfzqfsbh"></el-input>
197 </el-form-item> 333 </el-form-item>
198 </el-col> 334 </el-col>
199 <el-col :span="8"> 335 <el-col :span="8">
200 <el-form-item label="登记机构:"> 336 <el-form-item label="不动产登记证明号">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 337 <el-input v-model="ruleForm.diyaq.bdcdjzmh"></el-input>
202 </el-form-item> 338 </el-form-item>
203 </el-col> 339 </el-col>
204 <el-col :span="8"> 340 <el-col :span="8">
205 <el-form-item label="登簿人:"> 341 <el-form-item label="注销抵押业务号">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 342 <el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
207 </el-form-item> 343 </el-form-item>
208 </el-col> 344 </el-col>
209 <el-col :span="8"> 345 <el-col :span="8">
210 <el-form-item label="登记时间:"> 346 <el-form-item label="注销抵押原因">
347 <el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
348 </el-form-item>
349 </el-col>
350 <el-col :span="8">
351 <el-form-item label="注销时间">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 352 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item> 353 </el-form-item>
213 </el-col> 354 </el-col>
214 </el-row> 355 <el-col :span="8">
215 <el-row> 356 <el-form-item label="注销登簿人">
216 <el-col :span="24"> 357 <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> 358 </el-form-item>
220 </el-col> 359 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24"> 360 <el-col :span="24">
224 <el-form-item label="附记:"> 361 <el-form-item label="附记:">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input> 362 <el-input v-model="ruleForm.diyaq.fj"></el-input>
226 </el-form-item> 363 </el-form-item>
227 </el-col> 364 </el-col>
228 </el-row> 365 </el-row>
229 <div class="slxx_title title-block"> 366 <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 权利人信息 367 权利人信息
241 <div class="triangle"></div> 368 <div class="triangle"></div>
242 </div> 369 </div>
243 <el-row :gutter="10"> 370 <el-row :gutter="10">
244 <el-col :span="12"> 371 <el-col :span="12">
245 <el-form-item label="共有方式:"> 372 <el-form-item label="共有方式:">
246 <el-radio-group 373 <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> 374 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 375 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 376 <el-radio label="2">按份所有</el-radio>
...@@ -254,46 +378,28 @@ ...@@ -254,46 +378,28 @@
254 </el-radio-group> 378 </el-radio-group>
255 </el-form-item> 379 </el-form-item>
256 </el-col> 380 </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> 381 </el-row>
274 <qlrCommonTable 382 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 383 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 384 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 385 :key="key"
278 :viewtype="$route.query.viewtype"
279 :gyfs="ruleForm.qlxx.gyfs" 386 :gyfs="ruleForm.qlxx.gyfs"
280 /> 387 />
281 388
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 389 <div>
283 <div class="slxx_title title-block"> 390 <div class="slxx_title title-block">
284 义务人信息 391 义务人信息
285 <div class="triangle"></div> 392 <div class="triangle"></div>
286 </div> 393 </div>
287 <qlrCommonTable 394 <ywrCommonTable
288 v-if="ruleForm.ywrList" 395 v-if="ruleForm.ywrData"
289 :tableData="ruleForm.ywrList" 396 :tableData="ruleForm.ywrData"
290 :key="key" 397 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 398 @upDateQlrxxList="upDateYwrxxList"
292 :viewtype="$route.query.viewtype"
293 /> 399 />
294 </div> 400 </div>
295 </div> 401 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 402 <el-row class="btn">
297 <el-form-item> 403 <el-form-item>
298 <el-button type="primary" @click="onSubmit">保存</el-button> 404 <el-button type="primary" @click="onSubmit">保存</el-button>
299 </el-form-item> 405 </el-form-item>
...@@ -303,12 +409,13 @@ ...@@ -303,12 +409,13 @@
303 </template> 409 </template>
304 <script> 410 <script>
305 import { mapGetters } from "vuex"; 411 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 412 import { init, save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js"; 413 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 414 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
415
309 import tdytTable from "@/views/workflow/components/tdytTable"; 416 import tdytTable from "@/views/workflow/components/tdytTable";
310 export default { 417 export default {
311 components: { qlrCommonTable,tdytTable }, 418 components: { qlrCommonTable, ywrCommonTable, tdytTable },
312 computed: { 419 computed: {
313 ...mapGetters(["dictData", "flag"]), 420 ...mapGetters(["dictData", "flag"]),
314 }, 421 },
...@@ -316,7 +423,6 @@ export default { ...@@ -316,7 +423,6 @@ export default {
316 return { 423 return {
317 //表单是否可操作 424 //表单是否可操作
318 propsParam: this.$attrs, 425 propsParam: this.$attrs,
319 ableOperation: true,
320 key: 0, 426 key: 0,
321 isShow: false, 427 isShow: false,
322 disabled: true, 428 disabled: true,
...@@ -324,6 +430,46 @@ export default { ...@@ -324,6 +430,46 @@ export default {
324 ruleForm: {}, 430 ruleForm: {},
325 //传递参数\ 431 //传递参数\
326 rules: {}, 432 rules: {},
433 // 权属状态
434 qsztlist: [
435 {
436 dcode: "1",
437 dname: "现势",
438 },
439 {
440 dcode: "2",
441 dname: "历史",
442 },
443 ],
444
445 // 登记类型
446 djlxlist: [
447 {
448 dcode: "100",
449 dname: "首次登记",
450 },
451 {
452 dcode: "200",
453 dname: "转移登记",
454 },
455 {
456 dcode: "300",
457 dname: "变更登记",
458 },
459 {
460 dcode: "500",
461 dname: "更正登记",
462 },
463
464 {
465 dcode: "901",
466 dname: "补证",
467 },
468 {
469 dcode: "902",
470 dname: "换证",
471 },
472 ],
327 }; 473 };
328 }, 474 },
329 created() { 475 created() {
...@@ -332,36 +478,38 @@ export default { ...@@ -332,36 +478,38 @@ export default {
332 mounted() {}, 478 mounted() {},
333 methods: { 479 methods: {
334 loadData() { 480 loadData() {
335 console.log("抵押权"); 481 console.log("抵押权", this.propsParam);
336 init(this.propsParam.bsmRepair).then((res) => { 482 this.propsParam.isEdit=this.$parent.isEdit
483 init(this.propsParam).then((res) => {
337 if (res.code == 200) { 484 if (res.code == 200) {
338
339 this.ruleForm = res.result; 485 this.ruleForm = res.result;
340 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 486 console.log("this.ruleForm", this.ruleForm);
341 this.isShow = true; 487 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 } 488 }
350 }); 489 });
351 }, 490 },
491 // 更新土地用途信息
492 upDateTdytxxList(val) {
493 console.log("VAL", val);
494 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
495 this.key++;
496 },
352 // 更新权利人信息 497 // 更新权利人信息
353 upDateQlrxxList(val) { 498 upDateQlrxxList(val) {
354 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 499 console.log("val", val);
355 this.czrOptions = this.ruleForm.qlrList; 500 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
501 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
502 this.czrOptions = this.ruleForm.qlrData;
356 this.key++; 503 this.key++;
357 }, 504 },
358 // 更新义务人信息 505 // 更新义务人信息
359 upDateYwrxxList(val) { 506 upDateYwrxxList(val) {
360 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 507 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
361 this.key++; 508 this.key++;
362 }, 509 },
363 onSubmit() { 510 onSubmit() {
364 if (this.ruleForm.qlrList.length == 0) { 511 console.log("this.ruleForm大信息", this.ruleForm);
512 if (this.ruleForm.qlrData.length == 0) {
365 this.$message({ 513 this.$message({
366 showClose: true, 514 showClose: true,
367 message: "请确认权利人信息", 515 message: "请确认权利人信息",
...@@ -371,7 +519,7 @@ export default { ...@@ -371,7 +519,7 @@ export default {
371 } 519 }
372 520
373 if (this.ruleForm.qlxx.gyfs == "0") { 521 if (this.ruleForm.qlxx.gyfs == "0") {
374 if (this.ruleForm.qlrList.length > 1) { 522 if (this.ruleForm.qlrData.length > 1) {
375 this.$message({ 523 this.$message({
376 showClose: true, 524 showClose: true,
377 message: "共有方式:单独所有,权利人只能是一个人", 525 message: "共有方式:单独所有,权利人只能是一个人",
...@@ -379,17 +527,17 @@ export default { ...@@ -379,17 +527,17 @@ export default {
379 }); 527 });
380 return false; 528 return false;
381 } 529 }
382 this.ruleForm.qlrList[0].sfczr = "1"; 530 this.ruleForm.qlrData[0].sfczr = "1";
383 } 531 }
384 if (this.ruleForm.qlxx.gyfs == "1") { 532 if (this.ruleForm.qlxx.gyfs == "1") {
385 //是否分别持证 533 //是否分别持证
386 if (this.ruleForm.qlxx.sqfbcz == "1") { 534 if (this.ruleForm.qlxx.sqfbcz == "1") {
387 //是 535 //是
388 this.ruleForm.qlrList.forEach((item, index) => { 536 this.ruleForm.qlrData.forEach((item, index) => {
389 item.sfczr = "1"; 537 item.sfczr = "1";
390 }); 538 });
391 } else { 539 } else {
392 this.ruleForm.qlrList.forEach((item, index) => { 540 this.ruleForm.qlrData.forEach((item, index) => {
393 if (item.zjh == this.ruleForm.czr) { 541 if (item.zjh == this.ruleForm.czr) {
394 item.sfczr = "1"; 542 item.sfczr = "1";
395 } else { 543 } else {
...@@ -398,7 +546,7 @@ export default { ...@@ -398,7 +546,7 @@ export default {
398 }); 546 });
399 } 547 }
400 } 548 }
401 saveData(this.ruleForm).then((res) => { 549 save(this.ruleForm).then((res) => {
402 if (res.code === 200) { 550 if (res.code === 200) {
403 this.$message({ 551 this.$message({
404 showClose: true, 552 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-07-03 09:59:11
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 补录信息
...@@ -65,6 +64,11 @@ ...@@ -65,6 +64,11 @@
65 </el-form-item> 64 </el-form-item>
66 </el-col> 65 </el-col>
67 <el-col :span="8"> 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>
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">
...@@ -73,170 +77,148 @@ ...@@ -73,170 +77,148 @@
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>
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> 87 </el-form-item>
94 </el-col> 88 </el-col>
95 <el-col :span="8"> 89 <el-col :span="8">
96 <el-form-item label="土地用途:"> 90 <el-form-item label="区县代码:">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 91 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
98 </el-form-item> 92 </el-form-item>
99 </el-col> 93 </el-col>
100 <el-col :span="8"> 94 <el-col :span="8">
101 <el-form-item label="土地使用起始时间:"> 95 <el-form-item label="登记机构:">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 96 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
103 </el-form-item> 97 </el-form-item>
104 </el-col> 98 </el-col>
105 <el-col :span="8"> 99 <el-col :span="8">
106 <el-form-item label="土地使用结束时间:"> 100 <el-form-item label="登簿人:">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 101 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
108 </el-form-item> 102 </el-form-item>
109 </el-col> 103 </el-col>
110 <el-col :span="8"> 104 <el-col :span="8">
111 <el-form-item label="土地使用期限:"> 105 <el-form-item label="登记时间:">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input> 106 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
113 </el-form-item> 107 </el-form-item>
114 </el-col> 108 </el-col>
115 <el-col :span="8"> 109 <el-col :span="8">
116 <el-form-item label="房地产交易价格:"> 110 <el-form-item label="权属状态:">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input> 111 <el-select v-model="ruleForm.qlxx.qszt">
118 <el-select v-model="ruleForm.fdcq2.jedw"> 112 <el-option
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 113 v-for="item in qsztlist"
114 :key="item.dcode"
115 :label="item.dname"
116 :value="item.dcode">
120 </el-option> 117 </el-option>
121 </el-select> 118 </el-select>
122 </el-form-item> 119 </el-form-item>
123 </el-col> 120 </el-col>
121
124 <el-col :span="8"> 122 <el-col :span="8">
125 <el-form-item label="规划用途:"> 123 <el-form-item label="供地役不动产单元号:">
126 <el-select v-model="ruleForm.fdcq2.ghyt"> 124 <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> 125 </el-form-item>
131 </el-col> 126 </el-col> <el-col :span="8">
132 <el-col :span="8"> 127 <el-form-item label="供役地权利人:">
133 <el-form-item label="批准用途:"> 128 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item> 129 </el-form-item>
136 </el-col> 130 </el-col> <el-col :span="8">
137 <el-col :span="8"> 131 <el-form-item label="供役地权利人证件种类">
138 <el-form-item label="实际用途:"> 132 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item> 133 </el-form-item>
141 </el-col> 134 </el-col> <el-col :span="8">
142 <el-col :span="8"> 135 <el-form-item label="供役地权利人证件号">
143 <el-form-item label="房屋性质:"> 136 <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> 137 </el-form-item>
149 </el-col> 138 </el-col> <el-col :span="8">
150 <el-col :span="8"> 139 <el-form-item label="需役地不动产单元号">
151 <el-form-item label="房屋结构:"> 140 <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> 141 </el-form-item>
157 </el-col> 142 </el-col> <el-col :span="8">
158 <el-col :span="8"> 143 <el-form-item label="需役地坐落">
159 <el-form-item label="所在层:"> 144 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item> 145 </el-form-item>
162 </el-col> 146 </el-col> <el-col :span="8">
163 <el-col :span="8"> 147 <el-form-item label="需役地权利人">
164 <el-form-item label="总层数:"> 148 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item> 149 </el-form-item>
167 </el-col> 150 </el-col> <el-col :span="8">
168 <el-col :span="8"> 151 <el-form-item label="需役地权利人证件种类:">
169 <el-form-item label="建筑面积:"> 152 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item> 153 </el-form-item>
172 </el-col> 154 </el-col> <el-col :span="8">
173 <el-col :span="8"> 155 <el-form-item label="需役地权利人证件号:">
174 <el-form-item label="专有建筑面积:"> 156 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item> 157 </el-form-item>
177 </el-col> 158 </el-col> <el-col :span="8">
178 <el-col :span="8"> 159 <el-form-item label="地役权内容:">
179 <el-form-item label="分摊建筑面积:"> 160 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item> 161 </el-form-item>
182 </el-col> 162 </el-col> <el-col :span="8">
183 <el-col :span="8"> 163 <el-form-item label="不动产登记证明号:">
184 <el-form-item label="竣工时间:"> 164 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item> 165 </el-form-item>
187 </el-col> 166 </el-col> <el-col :span="8">
188 167 <el-form-item label="权利起始时间">
189 <el-col :span="8"> 168 <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> 169 </el-form-item>
193 </el-col> 170 </el-col> <el-col :span="8">
194 <el-col :span="8"> 171 <el-form-item label="权利结束时间">
195 <el-form-item label="区县代码:"> 172 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item> 173 </el-form-item>
198 </el-col> 174 </el-col> <el-col :span="8">
199 <el-col :span="8"> 175 <el-form-item label="权利期限">
200 <el-form-item label="登记机构:"> 176 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item> 177 </el-form-item>
203 </el-col> 178 </el-col> <el-col :span="8">
204 <el-col :span="8"> 179 <el-form-item label="登记时间:">
205 <el-form-item label="登簿人:"> 180 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item> 181 </el-form-item>
208 </el-col> 182 </el-col> <el-col :span="8">
209 <el-col :span="8">
210 <el-form-item label="登记时间:"> 183 <el-form-item label="登记时间:">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 184 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item> 185 </el-form-item>
213 </el-col> 186 </el-col> <el-col :span="8">
214 </el-row> 187 <el-form-item label="登记时间:">
215 <el-row> 188 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
216 <el-col :span="24"> 189 </el-form-item>
217 <el-form-item label="登记原因:"> 190 </el-col> <el-col :span="8">
218 <el-input v-model="ruleForm.fdcq2.djyy"></el-input> 191 <el-form-item label="登记时间:">
192 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
193 </el-form-item>
194 </el-col> <el-col :span="8">
195 <el-form-item label="登记时间:">
196 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
197 </el-form-item>
198 </el-col> <el-col :span="8">
199 <el-form-item label="登记时间:">
200 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
201 </el-form-item>
202 </el-col> <el-col :span="8">
203 <el-form-item label="登记时间:">
204 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
205 </el-form-item>
206 </el-col> <el-col :span="8">
207 <el-form-item label="登记时间:">
208 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
209 </el-form-item>
210 </el-col> <el-col :span="8">
211 <el-form-item label="登记时间:">
212 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
219 </el-form-item> 213 </el-form-item>
220 </el-col> 214 </el-col>
221 </el-row>
222 <el-row>
223 <el-col :span="24"> 215 <el-col :span="24">
224 <el-form-item label="附记:"> 216 <el-form-item label="附记:">
225 <el-input v-model="ruleForm.fdcq2.fj"></el-input> 217 <el-input v-model="ruleForm.qlxx.fj"></el-input>
226 </el-form-item> 218 </el-form-item>
227 </el-col> 219 </el-col>
228 </el-row> 220 </el-row>
229 <div class="slxx_title title-block"> 221 <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 权利人信息 222 权利人信息
241 <div class="triangle"></div> 223 <div class="triangle"></div>
242 </div> 224 </div>
...@@ -244,9 +226,7 @@ ...@@ -244,9 +226,7 @@
244 <el-col :span="12"> 226 <el-col :span="12">
245 <el-form-item label="共有方式:"> 227 <el-form-item label="共有方式:">
246 <el-radio-group 228 <el-radio-group
247 :disabled="$route.query.viewtype == 0" 229 v-model="ruleForm.qlxx.gyqk">
248 v-model="ruleForm.qlxx.gyqk"
249 >
250 <el-radio label="0">单独所有</el-radio> 230 <el-radio label="0">单独所有</el-radio>
251 <el-radio label="1">共同共有</el-radio> 231 <el-radio label="1">共同共有</el-radio>
252 <el-radio label="2">按份所有</el-radio> 232 <el-radio label="2">按份所有</el-radio>
...@@ -254,46 +234,26 @@ ...@@ -254,46 +234,26 @@
254 </el-radio-group> 234 </el-radio-group>
255 </el-form-item> 235 </el-form-item>
256 </el-col> 236 </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> 237 </el-row>
274 <qlrCommonTable 238 <qlrCommonTable
275 :tableData="ruleForm.qlrList" 239 :tableData="ruleForm.qlrData"
276 @upDateQlrxxList="upDateQlrxxList" 240 @upDateQlrxxList="upDateQlrxxList"
277 :key="key" 241 :key="key"
278 :viewtype="$route.query.viewtype" 242 :gyfs="ruleForm.qlxx.gyfs" />
279 :gyfs="ruleForm.qlxx.gyfs"
280 />
281 243
282 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 244 <div>
283 <div class="slxx_title title-block"> 245 <div class="slxx_title title-block">
284 义务人信息 246 义务人信息
285 <div class="triangle"></div> 247 <div class="triangle"></div>
286 </div> 248 </div>
287 <qlrCommonTable 249 <ywrCommonTable
288 v-if="ruleForm.ywrList" 250 v-if="ruleForm.ywrData"
289 :tableData="ruleForm.ywrList" 251 :tableData="ruleForm.ywrData"
290 :key="key" 252 :key="key"
291 @upDateQlrxxList="upDateYwrxxList" 253 @upDateQlrxxList="upDateYwrxxList" />
292 :viewtype="$route.query.viewtype"
293 />
294 </div> 254 </div>
295 </div> 255 </div>
296 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 256 <el-row class="btn">
297 <el-form-item> 257 <el-form-item>
298 <el-button type="primary" @click="onSubmit">保存</el-button> 258 <el-button type="primary" @click="onSubmit">保存</el-button>
299 </el-form-item> 259 </el-form-item>
...@@ -302,65 +262,79 @@ ...@@ -302,65 +262,79 @@
302 </div> 262 </div>
303 </template> 263 </template>
304 <script> 264 <script>
305 import { mapGetters } from "vuex"; 265 import { mapGetters } from "vuex";
306 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; 266 import { init, save } from "@/api/djbbl.js";
307 import { init } from "@/api/djbbl.js"; 267 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
308 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 268 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
309 import tdytTable from "@/views/workflow/components/tdytTable"; 269 import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
310 export default { 270 import tdytTable from "@/views/workflow/components/tdytTable";
311 components: { qlrCommonTable,tdytTable }, 271 export default {
272 components: { qlrCommonTable, ywrCommonTable, tdytTable },
312 computed: { 273 computed: {
313 ...mapGetters(["dictData", "flag"]), 274 ...mapGetters(["dictData", "flag"]),
314 }, 275 },
315 data() { 276 data () {
316 return { 277 return {
317 //表单是否可操作 278 //表单是否可操作
318 propsParam: this.$attrs, 279 propsParam: this.$attrs,
319 ableOperation: true,
320 key: 0, 280 key: 0,
321 isShow: false, 281 isShow: false,
322 disabled: true, 282 disabled: true,
323 czrOptions: [], 283 czrOptions: [],
324 ruleForm: {}, 284 ruleForm: {},
285 // 权属状态
286 qsztlist: [
287 {
288 dcode: "1",
289 dname: "现势",
290 },
291 {
292 dcode: "2",
293 dname: "历史",
294 },
295 ],
325 //传递参数\ 296 //传递参数\
326 rules: {}, 297 rules: {},
327 }; 298 };
328 }, 299 },
329 created() { 300 created () {
330 this.loadData(); 301 this.loadData();
331 }, 302 },
332 mounted() {}, 303 mounted () { },
333 methods: { 304 methods: {
334 loadData() { 305 loadData () {
335 init(this.propsParam.bsmRepair).then((res) => { 306 console.log("地役权", this.propsParam);
307 this.propsParam.isEdit=this.$parent.isEdit
308 init(this.propsParam).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,
...@@ -415,9 +389,9 @@ export default { ...@@ -415,9 +389,9 @@ export default {
415 }); 389 });
416 }, 390 },
417 }, 391 },
418 }; 392 };
419 </script> 393 </script>
420 <style scoped lang="scss"> 394 <style scoped lang="scss">
421 @import "~@/styles/public.scss"; 395 @import "~@/styles/public.scss";
422 @import "~@/styles/slxx/slxx.scss"; 396 @import "~@/styles/slxx/slxx.scss";
423 </style> 397 </style>
......
...@@ -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'
...@@ -392,7 +392,9 @@ export default { ...@@ -392,7 +392,9 @@ export default {
392 mounted() {}, 392 mounted() {},
393 methods: { 393 methods: {
394 loadData() { 394 loadData() {
395 init(this.propsParam.bsmRepair).then((res) => { 395 console.log("房屋", this.propsParam);
396 this.propsParam.isEdit=this.$parent.isEdit
397 init(this.propsParam).then((res) => {
396 if (res.code == 200) { 398 if (res.code == 200) {
397 this.ruleForm = res.result; 399 this.ruleForm = res.result;
398 if( this.ruleForm.tdytqxList.length>0){ 400 if( this.ruleForm.tdytqxList.length>0){
......
...@@ -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 补录信息
...@@ -37,7 +38,7 @@ ...@@ -37,7 +38,7 @@
37 </el-col> 38 </el-col>
38 </el-row> 39 </el-row>
39 <div class="slxx_title title-block"> 40 <div class="slxx_title title-block">
40 房地产权(独幢、层、套、间房屋) 41 国有建设用地使用权信息
41 <div class="triangle"></div> 42 <div class="triangle"></div>
42 </div> 43 </div>
43 <el-row :gutter="10"> 44 <el-row :gutter="10">
...@@ -66,7 +67,12 @@ ...@@ -66,7 +67,12 @@
66 <el-col :span="8"> 67 <el-col :span="8">
67 <el-form-item label="登记类型:"> 68 <el-form-item label="登记类型:">
68 <el-select v-model="ruleForm.qlxx.djlx"> 69 <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"> 70 <el-option
71 v-for="item in dictData['A21']"
72 :key="item.dcode"
73 :label="item.dname"
74 :value="item.dcode"
75 >
70 </el-option> 76 </el-option>
71 </el-select> 77 </el-select>
72 </el-form-item> 78 </el-form-item>
...@@ -74,36 +80,72 @@ ...@@ -74,36 +80,72 @@
74 <el-col :span="8"> 80 <el-col :span="8">
75 <el-form-item label="权属状态:"> 81 <el-form-item label="权属状态:">
76 <el-select v-model="ruleForm.qlxx.qszt"> 82 <el-select v-model="ruleForm.qlxx.qszt">
77 <el-option v-for="item in qsztlist" :key="item.dcode" :label="item.dname" :value="item.dcode"> 83 <el-option
84 v-for="item in qsztlist"
85 :key="item.dcode"
86 :label="item.dname"
87 :value="item.dcode"
88 >
78 </el-option> 89 </el-option>
79 </el-select> 90 </el-select>
80 </el-form-item> 91 </el-form-item>
81 </el-col> 92 </el-col>
93
82 <el-col :span="8"> 94 <el-col :span="8">
95 <el-form-item label="登记原因:">
96 <el-input v-model="ruleForm.jsydsyq.djyy"></el-input>
97 </el-form-item>
98 </el-col>
99 <!-- <el-col :span="8">
83 <el-form-item label="房地坐落:"> 100 <el-form-item label="房地坐落:">
84 <el-input v-model="ruleForm.qlxx.zl"></el-input> 101 <el-input v-model="ruleForm.qlxx.zl"></el-input>
85 </el-form-item> 102 </el-form-item>
86 </el-col> 103 </el-col> -->
87 <el-col :span="8"> 104 <el-col :span="8">
88 <el-form-item label="使用权面积:"> 105 <el-form-item label="使用权面积:">
89 <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input> 106 <el-input v-model="ruleForm.jsydsyq.syqmj"></el-input>
90 </el-form-item> 107 </el-form-item>
91 </el-col> 108 </el-col>
92 <el-col :span="8"> 109 <el-col :span="8">
110 <el-form-item label="使用权起始时间">
111 <el-input v-model="ruleForm.jsydsyq.syqqssj"></el-input>
112 </el-form-item>
113 </el-col>
114 <el-col :span="8">
115 <el-form-item label="使用权结束时间">
116 <el-input v-model="ruleForm.jsydsyq.syqjssj"></el-input>
117 </el-form-item>
118 </el-col>
119 <el-col :span="8">
120 <el-form-item label="土地使用期限">
121 <el-input v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="土地用途">
126 <el-input v-model="ruleForm.jsydsyq.yt"></el-input>
127 </el-form-item>
128 </el-col>
129 <el-col :span="8">
93 <el-form-item label="取得价格:"> 130 <el-form-item label="取得价格:">
94 <div style="display:flex"> 131 <div style="display: flex">
95 <el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%"></el-input> 132 <el-input
133 v-model="ruleForm.jsydsyq.qdjg"
134 style="width: 500%"
135 ></el-input>
96 <el-select v-model="ruleForm.jsydsyq.jedw"> 136 <el-select v-model="ruleForm.jsydsyq.jedw">
97 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 137 <el-option
138 v-for="item in dictData['A57']"
139 :key="item.dcode"
140 :label="item.dname"
141 :value="item.dcode"
142 >
98 </el-option> 143 </el-option>
99 </el-select> 144 </el-select>
100 </div> 145 </div>
101 </el-form-item> 146 </el-form-item>
102 </el-col> 147 </el-col>
103 148
104
105
106
107 <el-col :span="8"> 149 <el-col :span="8">
108 <el-form-item label="不动产权证号:"> 150 <el-form-item label="不动产权证号:">
109 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 151 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
...@@ -137,7 +179,14 @@ ...@@ -137,7 +179,14 @@
137 </el-form-item> 179 </el-form-item>
138 </el-col> 180 </el-col>
139 </el-row> 181 </el-row>
140 182 <div class="slxx_title title-block">
183 土地用途
184 <div class="triangle"></div>
185 </div>
186 <tdytTable
187 :tableData="ruleForm.tdytqxList"
188 @upDateTdytxxList="upDateTdytxxList"
189 />
141 <div class="slxx_title title-block"> 190 <div class="slxx_title title-block">
142 权利人信息 191 权利人信息
143 <div class="triangle"></div> 192 <div class="triangle"></div>
...@@ -147,7 +196,8 @@ ...@@ -147,7 +196,8 @@
147 <el-form-item label="共有方式:"> 196 <el-form-item label="共有方式:">
148 <el-radio-group 197 <el-radio-group
149 :disabled="$route.query.viewtype == 0" 198 :disabled="$route.query.viewtype == 0"
150 v-model="ruleForm.qlxx.gyqk"> 199 v-model="ruleForm.qlxx.gyqk"
200 >
151 <el-radio label="0">单独所有</el-radio> 201 <el-radio label="0">单独所有</el-radio>
152 <el-radio label="1">共同共有</el-radio> 202 <el-radio label="1">共同共有</el-radio>
153 <el-radio label="2">按份所有</el-radio> 203 <el-radio label="2">按份所有</el-radio>
...@@ -158,15 +208,23 @@ ...@@ -158,15 +208,23 @@
158 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> 208 <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
159 <el-form-item label="是否分别持证:"> 209 <el-form-item label="是否分别持证:">
160 <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> 210 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
161 <el-radio :label=1></el-radio> 211 <el-radio :label="1"></el-radio>
162 <el-radio :label=0></el-radio> 212 <el-radio :label="0"></el-radio>
163 </el-radio-group> 213 </el-radio-group>
164 </el-form-item> 214 </el-form-item>
165 </el-col> 215 </el-col>
166 <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> 216 <el-col
217 :span="6"
218 v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
219 >
167 <el-form-item label="持证人:"> 220 <el-form-item label="持证人:">
168 <el-select v-model="ruleForm.czr" placeholder="持证人"> 221 <el-select v-model="ruleForm.czr" placeholder="持证人">
169 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> 222 <el-option
223 v-for="item in czrOptions"
224 :key="item.zjh"
225 :label="item.sqrmc"
226 :value="item.zjh"
227 >
170 </el-option> 228 </el-option>
171 </el-select> 229 </el-select>
172 </el-form-item> 230 </el-form-item>
...@@ -177,7 +235,8 @@ ...@@ -177,7 +235,8 @@
177 @upDateQlrxxList="upDateQlrxxList" 235 @upDateQlrxxList="upDateQlrxxList"
178 :key="key" 236 :key="key"
179 :viewtype="$route.query.viewtype" 237 :viewtype="$route.query.viewtype"
180 :gyfs="ruleForm.qlxx.gyfs" /> 238 :gyfs="ruleForm.qlxx.gyfs"
239 />
181 240
182 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0"> 241 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
183 <div class="slxx_title title-block"> 242 <div class="slxx_title title-block">
...@@ -189,7 +248,8 @@ ...@@ -189,7 +248,8 @@
189 :tableData="ruleForm.ywrList" 248 :tableData="ruleForm.ywrList"
190 :key="key" 249 :key="key"
191 @upDateQlrxxList="upDateYwrxxList" 250 @upDateQlrxxList="upDateYwrxxList"
192 :viewtype="$route.query.viewtype" /> 251 :viewtype="$route.query.viewtype"
252 />
193 </div> 253 </div>
194 </div> 254 </div>
195 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation"> 255 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
...@@ -201,27 +261,28 @@ ...@@ -201,27 +261,28 @@
201 </div> 261 </div>
202 </template> 262 </template>
203 <script> 263 <script>
204 import store from '@/store/index.js' 264 import store from "@/store/index.js";
205 import { mapGetters } from "vuex"; 265 import { mapGetters } from "vuex";
206 import { init,save } from "@/api/djbbl.js"; 266 import { init, save } from "@/api/djbbl.js";
207 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; 267 import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
208 import tdytTable from "@/views/workflow/components/tdytTable"; 268 import tdytTable from "@/views/workflow/components/tdytTable";
209 export default { 269 export default {
210 components: { qlrCommonTable,tdytTable }, 270 components: { qlrCommonTable, tdytTable },
211 computed: { 271 computed: {
212 ...mapGetters(["dictData", "flag"]), 272 ...mapGetters(["dictData", "flag"]),
213 }, 273 },
214 data() { 274 data() {
215 return { 275 return {
216 // 键名转换,方法默认是label和children进行树状渲染 276 // 键名转换,方法默认是label和children进行树状渲染
217 normalizer (node) { //方法 277 normalizer(node) {
218 if (node.children == null || node.children == 'null') { 278 //方法
279 if (node.children == null || node.children == "null") {
219 delete node.children; 280 delete node.children;
220 } 281 }
221 return { 282 return {
222 id: node.dcode, 283 id: node.dcode,
223 label: node.dname 284 label: node.dname,
224 } 285 };
225 }, 286 },
226 //表单是否可操作 287 //表单是否可操作
227 propsParam: this.$attrs, 288 propsParam: this.$attrs,
...@@ -238,6 +299,7 @@ export default { ...@@ -238,6 +299,7 @@ export default {
238 dname: "历史", 299 dname: "历史",
239 }, 300 },
240 ], 301 ],
302 tdxz:null,
241 isShow: false, 303 isShow: false,
242 disabled: true, 304 disabled: true,
243 czrOptions: [], 305 czrOptions: [],
...@@ -252,31 +314,35 @@ export default { ...@@ -252,31 +314,35 @@ export default {
252 mounted() {}, 314 mounted() {},
253 methods: { 315 methods: {
254 // 字典 316 // 字典
255 getDictData (val) { 317 getDictData(val) {
256 return store.getters.dictData[val] 318 return store.getters.dictData[val];
257 }, 319 },
258 loadData() { 320 loadData() {
259 console.log("建设用地使用权",this.propsParam); 321 this.propsParam.isEdit=this.$parent.isEdit
260 console.log("this.getDictData('A30')",this.getDictData('A22')); 322 init(this.propsParam).then((res) => {
261 init(this.propsParam.bsmRepair).then((res) => {
262 if (res.code == 200) { 323 if (res.code == 200) {
263 this.ruleForm = res.result; 324 this.ruleForm = res.result;
264 console.log("this.ruleForm",this.ruleForm); 325 if( this.ruleForm.tdytqxList.length>0){
326 this.tdxz=this.ruleForm.tdytqxList[0].qlxzbm
327 }else{
328 this.tdxz=null
329 }
330 console.log("this.ruleForm", this.ruleForm);
265 this.isShow = true; 331 this.isShow = true;
266 } 332 }
267 }); 333 });
268 }, 334 },
269 // 更新土地用途信息 335 // 更新土地用途信息
270 upDateTdytxxList(val) { 336 upDateTdytxxList(val) {
271 console.log("VAL",val); 337 console.log("VAL", val);
272 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 338 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
273 this.key++; 339 this.key++;
274 }, 340 },
275 // 更新权利人信息 341 // 更新权利人信息
276 upDateQlrxxList(val) { 342 upDateQlrxxList(val) {
277 console.log("val",val); 343 console.log("val", val);
278 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 344 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
279 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); 345 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
280 this.czrOptions = this.ruleForm.qlrData; 346 this.czrOptions = this.ruleForm.qlrData;
281 this.key++; 347 this.key++;
282 }, 348 },
...@@ -286,7 +352,7 @@ export default { ...@@ -286,7 +352,7 @@ export default {
286 this.key++; 352 this.key++;
287 }, 353 },
288 onSubmit() { 354 onSubmit() {
289 console.log("this.ruleForm大信息",this.ruleForm); 355 console.log("this.ruleForm大信息", this.ruleForm);
290 if (this.ruleForm.qlrData.length == 0) { 356 if (this.ruleForm.qlrData.length == 0) {
291 this.$message({ 357 this.$message({
292 showClose: true, 358 showClose: true,
......
...@@ -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.ygdj.djyy"></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> 113 </el-form-item>
105 <el-select v-model="ruleForm.fdcq2.jedw"> 114 </el-col>
106 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 115 <el-col :span="8">
116 <el-form-item label="权属状态:">
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 >
107 </el-option> 124 </el-option>
108 </el-select> 125 </el-select>
109 </div>
110 </el-form-item> 126 </el-form-item>
111 </el-col> 127 </el-col>
128
112 <el-col :span="8"> 129 <el-col :span="8">
113 <el-form-item label="规划用途:"> 130 <el-form-item label="预告登记种类">
114 <el-select v-model="ruleForm.fdcq2.ghyt"> 131 <el-select v-model="ruleForm.ygdj.ygdjlx">
115 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 132 <el-option
133 v-for="item in dictData['A29']"
134 :key="item.dcode"
135 :label="item.dname"
136 :value="item.dcode"
137 >
116 </el-option> 138 </el-option>
117 </el-select> 139 </el-select>
118 </el-form-item> 140 </el-form-item>
119 </el-col> 141 </el-col>
120 <el-col :span="8"> 142 <el-col :span="8">
121 <el-form-item label="批准用途:"> 143 <el-form-item label="土地使用权人">
122 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> 144 <el-input v-model="ruleForm.ygdj.tdsyqr"></el-input>
123 </el-form-item> 145 </el-form-item>
124 </el-col> 146 </el-col>
125 <el-col :span="8"> 147 <el-col :span="8">
126 <el-form-item label="实际用途:"> 148 <el-form-item label="规划用途">
127 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> 149 <el-select v-model="ruleForm.ygdj.ghyt">
150 <el-option
151 v-for="item in dictData['A17']"
152 :key="item.dcode"
153 :label="item.dname"
154 :value="item.dcode"
155 >
156 </el-option>
157 </el-select>
128 </el-form-item> 158 </el-form-item>
129 </el-col> 159 </el-col>
130 <el-col :span="8"> 160 <el-col :span="8">
131 <el-form-item label="房屋性质:"> 161 <el-form-item label="用途名称">
132 <el-select v-model="ruleForm.fdcq2.fwxz"> 162 <el-input v-model="ruleForm.ygdj.ytmc"></el-input>
133 <el-option v-for="item in dictData['A19']" :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.ygdj.fwxz">
168 <el-option
169 v-for="item in dictData['A19']"
170 :key="item.dcode"
171 :label="item.dname"
172 :value="item.dcode"
173 >
134 </el-option> 174 </el-option>
135 </el-select> 175 </el-select>
136 </el-form-item> 176 </el-form-item>
137 </el-col> 177 </el-col>
138 <el-col :span="8"> 178 <el-col :span="8">
139 <el-form-item label="房屋结构:"> 179 <el-form-item label="房屋性质名称">
140 <el-select v-model="ruleForm.fdcq2.fwjg"> 180 <el-input v-model="ruleForm.ygdj.fwxzmc"></el-input>
141 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="房屋结构">
185 <el-select v-model="ruleForm.ygdj.fwjg">
186 <el-option
187 v-for="item in dictData['A46']"
188 :key="item.dcode"
189 :label="item.dname"
190 :value="item.dcode"
191 >
142 </el-option> 192 </el-option>
143 </el-select> 193 </el-select>
144 </el-form-item> 194 </el-form-item>
145 </el-col> 195 </el-col>
146 <el-col :span="8"> 196 <el-col :span="8">
147 <el-form-item label="所在层"> 197 <el-form-item label="所在层">
148 <el-input v-model="ruleForm.fdcq2.szc"></el-input> 198 <el-input v-model="ruleForm.ygdj.szc"></el-input>
149 </el-form-item> 199 </el-form-item>
150 </el-col> 200 </el-col>
151 <el-col :span="8"> 201 <el-col :span="8">
152 <el-form-item label="总层数"> 202 <el-form-item label="总层数">
153 <el-input v-model="ruleForm.fdcq2.zcs"></el-input> 203 <el-input v-model="ruleForm.ygdj.zcs"></el-input>
154 </el-form-item> 204 </el-form-item>
155 </el-col> 205 </el-col>
156 <el-col :span="8"> 206 <el-col :span="8">
157 <el-form-item label="建筑面积"> 207 <el-form-item label="建筑面积">
158 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input> 208 <el-input v-model="ruleForm.ygdj.jzmj"></el-input>
159 </el-form-item> 209 </el-form-item>
160 </el-col> 210 </el-col>
161 <el-col :span="8"> 211 <el-col :span="8">
162 <el-form-item label="专有建筑面积:"> 212 <el-form-item label="注销预告业务号">
163 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input> 213 <el-input v-model="ruleForm.ygdj.zxygywh"></el-input>
164 </el-form-item> 214 </el-form-item>
165 </el-col> 215 </el-col>
166 <el-col :span="8" v-if="ruleForm.fdcq2.ftjzmj"> 216 <el-col :span="8">
167 <el-form-item label="分摊建筑面积:"> 217 <el-form-item label="注销预告原因">
168 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input> 218 <el-input v-model="ruleForm.ygdj.zxygyy"></el-input>
169 </el-form-item> 219 </el-form-item>
170 </el-col> 220 </el-col>
171 <el-col :span="8"> 221 <el-col :span="8">
172 <el-form-item label="竣工时间:"> 222 <el-form-item label="注销时间">
173 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> 223 <el-input v-model="ruleForm.ygdj.zxsj"></el-input>
174 </el-form-item> 224 </el-form-item>
175 </el-col> --> 225 </el-col>
176
177 <el-col :span="8"> 226 <el-col :span="8">
178 <el-form-item label="不动产权证号:"> 227 <el-form-item label="取得价格/被担保主债权数额">
179 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 228 <el-input v-model="ruleForm.ygdj.qdjg"></el-input>
180 </el-form-item> 229 </el-form-item>
181 </el-col> 230 </el-col>
182 <el-col :span="8"> 231 <el-col :span="8">
183 <el-form-item label="区县代码:"> 232 <el-form-item label="金额单位">
184 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 233 <el-input v-model="ruleForm.ygdj.jedw"></el-input>
185 </el-form-item> 234 </el-form-item>
186 </el-col> 235 </el-col>
187 <el-col :span="8"> 236 <el-col :span="8">
188 <el-form-item label="登记机构:"> 237 <el-form-item label="担保范围">
189 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 238 <el-input v-model="ruleForm.ygdj.dbfw"></el-input>
190 </el-form-item> 239 </el-form-item>
191 </el-col> 240 </el-col>
192 <el-col :span="8"> 241 <el-col :span="8">
193 <el-form-item label="登簿人:"> 242 <el-form-item label="是否存在禁止或限制转让抵押不动产的约定">
194 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 243 <el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
195 </el-form-item> 244 </el-form-item>
196 </el-col> 245 </el-col>
197 <el-col :span="8"> 246 <el-col :span="8">
198 <el-form-item label="登记时间:"> 247 <el-form-item label="不动产登记证明号">
199 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 248 <el-input v-model="ruleForm.ygdj.bdcdjzmh"></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.ygdj.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,37 @@ export default { ...@@ -300,36 +339,37 @@ 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 this.propsParam.isEdit=this.$parent.isEdit
344 init(this.propsParam).then((res) => {
305 if (res.code == 200) { 345 if (res.code == 200) {
306 this.ruleForm = res.result; 346 this.ruleForm = res.result;
307 console.log("this.ruleForm",this.ruleForm); 347 console.log("this.ruleForm", this.ruleForm);
308 this.isShow = true; 348 this.isShow = true;
309 } 349 }
310 }); 350 });
311 }, 351 },
312 // 更新土地用途信息 352 // 更新土地用途信息
313 upDateTdytxxList(val) { 353 upDateTdytxxList(val) {
314 console.log("VAL",val); 354 console.log("VAL", val);
315 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val)); 355 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
316 this.key++; 356 this.key++;
317 }, 357 },
318 // 更新权利人信息 358 // 更新权利人信息
319 upDateQlrxxList(val) { 359 upDateQlrxxList(val) {
320 console.log("val",val); 360 console.log("val", val);
321 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val)); 361 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
322 console.log("this.ruleForm.qlrData",this.ruleForm.qlrData); 362 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
323 this.czrOptions = this.ruleForm.qlrData; 363 this.czrOptions = this.ruleForm.qlrData;
324 this.key++; 364 this.key++;
325 }, 365 },
326 // 更新义务人信息 366 // 更新义务人信息
327 upDateYwrxxList(val) { 367 upDateYwrxxList(val) {
328 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 368 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
329 this.key++; 369 this.key++;
330 }, 370 },
331 onSubmit() { 371 onSubmit() {
332 console.log("this.ruleForm大信息",this.ruleForm); 372 console.log("this.ruleForm大信息", this.ruleForm);
333 if (this.ruleForm.qlrData.length == 0) { 373 if (this.ruleForm.qlrData.length == 0) {
334 this.$message({ 374 this.$message({
335 showClose: true, 375 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">
...@@ -59,194 +59,122 @@ ...@@ -59,194 +59,122 @@
59 </el-col> 59 </el-col>
60 </el-row> 60 </el-row>
61 <el-row :gutter="10"> 61 <el-row :gutter="10">
62 <el-col :span="8"> 62 <!-- <el-col :span="8">
63 <el-form-item label="权利类型:"> 63 <el-form-item label="权利类型:">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input> 64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
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="登记原因:">
69 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
70 </el-form-item>
71 </el-col> -->
72 <!-- <el-col :span="8">
68 <el-form-item label="登记类型:"> 73 <el-form-item label="登记类型:">
69 <el-select v-model="ruleForm.qlxx.djlx"> 74 <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"> 75 <el-option
76 v-for="item in dictData['A21']"
77 :key="item.dcode"
78 :label="item.dname"
79 :value="item.dcode"
80 >
71 </el-option> 81 </el-option>
72 </el-select> 82 </el-select>
73 </el-form-item> 83 </el-form-item>
74 </el-col> 84 </el-col> -->
75 <el-col :span="8"> 85 <!-- <el-col :span="8">
76 <el-form-item label="房地坐落:"> 86 <el-form-item label="不动产坐落:">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input> 87 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item> 88 </el-form-item>
79 </el-col> 89 </el-col> -->
80 <el-col :span="8"> 90 <!-- <el-col :span="8">
81 <el-form-item label="土地使用权人:"> 91 <el-form-item label="不动产权证号:">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input> 92 <el-input v-model="ruleForm.qlxx.bdcqzh"></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> 93 </el-form-item>
123 </el-col> 94 </el-col> -->
124 <el-col :span="8"> 95 <el-col :span="8">
125 <el-form-item label="规划用途:"> 96 <el-form-item label="区县代码:">
126 <el-select v-model="ruleForm.fdcq2.ghyt"> 97 <el-input v-model="ruleForm.qlxx.qxdm"></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> 98 </el-form-item>
131 </el-col> 99 </el-col>
132 <el-col :span="8"> 100 <el-col :span="8">
133 <el-form-item label="批准用途:"> 101 <el-form-item label="登记机构:">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input> 102 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
135 </el-form-item> 103 </el-form-item>
136 </el-col> 104 </el-col>
137 <el-col :span="8"> 105 <el-col :span="8">
138 <el-form-item label="实际用途:"> 106 <el-form-item label="登簿人:">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input> 107 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
140 </el-form-item> 108 </el-form-item>
141 </el-col> 109 </el-col>
142 <el-col :span="8"> 110 <el-col :span="8">
143 <el-form-item label="房屋性质:"> 111 <el-form-item label="登记时间:">
144 <el-select v-model="ruleForm.fdcq2.fwxz"> 112 <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> 113 </el-form-item>
149 </el-col> 114 </el-col>
150 <el-col :span="8"> 115 <el-col :span="8">
151 <el-form-item label="房屋结构:"> 116 <el-form-item label="权属状态:">
152 <el-select v-model="ruleForm.fdcq2.fwjg"> 117 <el-select v-model="ruleForm.qlxx.qszt">
153 <el-option v-for="item in dictData['A46']" :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 >
154 </el-option> 124 </el-option>
155 </el-select> 125 </el-select>
156 </el-form-item> 126 </el-form-item>
157 </el-col> 127 </el-col>
128
158 <el-col :span="8"> 129 <el-col :span="8">
159 <el-form-item label="所在层:"> 130 <el-form-item label="异议事项">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input> 131 <el-input v-model="ruleForm.yydj.yysx"></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> 132 </el-form-item>
182 </el-col> 133 </el-col>
183 <el-col :span="8"> 134 <el-col :span="8">
184 <el-form-item label="竣工时间:"> 135 <el-form-item label="不动产登记证明号">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input> 136 <el-input v-model="ruleForm.yydj.bdcdjzmh"></el-input>
186 </el-form-item> 137 </el-form-item>
187 </el-col> 138 </el-col>
188
189 <el-col :span="8"> 139 <el-col :span="8">
190 <el-form-item label="不动产权证号:"> 140 <el-form-item label="注销异议业务号">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input> 141 <el-input v-model="ruleForm.yydj.zxyyywh"></el-input>
192 </el-form-item> 142 </el-form-item>
193 </el-col> 143 </el-col>
194 <el-col :span="8"> 144 <el-col :span="8">
195 <el-form-item label="区县代码:"> 145 <el-form-item label="注销异议原因">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input> 146 <el-input v-model="ruleForm.yydj.zxyyyy"></el-input>
197 </el-form-item> 147 </el-form-item>
198 </el-col> 148 </el-col>
199 <el-col :span="8"> 149 <el-col :span="8">
200 <el-form-item label="登记机构:"> 150 <el-form-item label="注销异议登簿人">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input> 151 <el-input v-model="ruleForm.yydj.zxyydbr"></el-input>
202 </el-form-item> 152 </el-form-item>
203 </el-col> 153 </el-col>
204 <el-col :span="8"> 154 <el-col :span="8">
205 <el-form-item label="登簿人:"> 155 <el-form-item label="注销异议登记时间">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input> 156 <el-input v-model="ruleForm.yydj.zxyydjsj"></el-input>
207 </el-form-item> 157 </el-form-item>
208 </el-col> 158 </el-col>
209 <el-col :span="8"> 159 <el-col :span="8">
210 <el-form-item label="登记时间:"> 160 <el-form-item label="登记时间:">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input> 161 <el-input v-model="ruleForm.yydj.djsj"></el-input>
212 </el-form-item> 162 </el-form-item>
213 </el-col> 163 </el-col>
214 </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"> 164 <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.yydj.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,38 @@ export default { ...@@ -332,35 +252,38 @@ export default {
332 mounted() {}, 252 mounted() {},
333 methods: { 253 methods: {
334 loadData() { 254 loadData() {
335 init(this.propsParam.bsmRepair).then((res) => { 255 console.log("异议登记", this.propsParam);
256 this.propsParam.isEdit=this.$parent.isEdit
257 init(this.propsParam).then((res) => {
336 if (res.code == 200) { 258 if (res.code == 200) {
337
338 this.ruleForm = res.result; 259 this.ruleForm = res.result;
339 console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); 260 console.log("this.ruleForm", this.ruleForm);
340 this.isShow = true; 261 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 } 262 }
349 }); 263 });
350 }, 264 },
265 // 更新土地用途信息
266 upDateTdytxxList(val) {
267 console.log("VAL", val);
268 this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
269 this.key++;
270 },
351 // 更新权利人信息 271 // 更新权利人信息
352 upDateQlrxxList(val) { 272 upDateQlrxxList(val) {
353 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val)); 273 console.log("val", val);
354 this.czrOptions = this.ruleForm.qlrList; 274 this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
275 console.log("this.ruleForm.qlrData", this.ruleForm.qlrData);
276 this.czrOptions = this.ruleForm.qlrData;
355 this.key++; 277 this.key++;
356 }, 278 },
357 // 更新义务人信息 279 // 更新义务人信息
358 upDateYwrxxList(val) { 280 upDateYwrxxList(val) {
359 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val)); 281 this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
360 this.key++; 282 this.key++;
361 }, 283 },
362 onSubmit() { 284 onSubmit() {
363 if (this.ruleForm.qlrList.length == 0) { 285 console.log("this.ruleForm大信息", this.ruleForm);
286 if (this.ruleForm.qlrData.length == 0) {
364 this.$message({ 287 this.$message({
365 showClose: true, 288 showClose: true,
366 message: "请确认权利人信息", 289 message: "请确认权利人信息",
...@@ -370,7 +293,7 @@ export default { ...@@ -370,7 +293,7 @@ export default {
370 } 293 }
371 294
372 if (this.ruleForm.qlxx.gyfs == "0") { 295 if (this.ruleForm.qlxx.gyfs == "0") {
373 if (this.ruleForm.qlrList.length > 1) { 296 if (this.ruleForm.qlrData.length > 1) {
374 this.$message({ 297 this.$message({
375 showClose: true, 298 showClose: true,
376 message: "共有方式:单独所有,权利人只能是一个人", 299 message: "共有方式:单独所有,权利人只能是一个人",
...@@ -378,17 +301,17 @@ export default { ...@@ -378,17 +301,17 @@ export default {
378 }); 301 });
379 return false; 302 return false;
380 } 303 }
381 this.ruleForm.qlrList[0].sfczr = "1"; 304 this.ruleForm.qlrData[0].sfczr = "1";
382 } 305 }
383 if (this.ruleForm.qlxx.gyfs == "1") { 306 if (this.ruleForm.qlxx.gyfs == "1") {
384 //是否分别持证 307 //是否分别持证
385 if (this.ruleForm.qlxx.sqfbcz == "1") { 308 if (this.ruleForm.qlxx.sqfbcz == "1") {
386 //是 309 //是
387 this.ruleForm.qlrList.forEach((item, index) => { 310 this.ruleForm.qlrData.forEach((item, index) => {
388 item.sfczr = "1"; 311 item.sfczr = "1";
389 }); 312 });
390 } else { 313 } else {
391 this.ruleForm.qlrList.forEach((item, index) => { 314 this.ruleForm.qlrData.forEach((item, index) => {
392 if (item.zjh == this.ruleForm.czr) { 315 if (item.zjh == this.ruleForm.czr) {
393 item.sfczr = "1"; 316 item.sfczr = "1";
394 } else { 317 } else {
...@@ -397,7 +320,7 @@ export default { ...@@ -397,7 +320,7 @@ export default {
397 }); 320 });
398 } 321 }
399 } 322 }
400 saveData(this.ruleForm).then((res) => { 323 save(this.ruleForm).then((res) => {
401 if (res.code === 200) { 324 if (res.code === 200) {
402 this.$message({ 325 this.$message({
403 showClose: true, 326 showClose: true,
......
...@@ -107,64 +107,6 @@ ...@@ -107,64 +107,6 @@
107 } 107 }
108 } 108 }
109 109
110 .linshiIcon {
111 position: relative;
112
113 .icon {
114 position: absolute;
115 top: 12px;
116 right: -5px;
117 transform: rotate(45deg);
118 color: #fff;
119 font-size: 12px;
120 z-index: 10;
121 }
122 }
123
124 .linshiIcon::after {
125 content: "";
126 display: block;
127 width: 0;
128 height: 0;
129 border-width: 0px 0px 55px 55px;
130 border-style: none solid solid;
131 border-color: transparent transparent #fe9400;
132 position: absolute;
133 top: 0;
134 right: 0;
135 transform: rotate(-90deg);
136 }
137
138 .xianshiIcon {
139 position: relative;
140
141 .icon {
142 position: absolute;
143 top: 9px;
144 right: 5px;
145 transform: rotate(45deg);
146 color: #fff;
147 font-size: 12px;
148 z-index: 10;
149 }
150 }
151
152 .xianshiIcon::after {
153 content: "";
154 display: block;
155 width: 0;
156 height: 0;
157 border-width: 0px 0px 55px 55px;
158 border-style: none solid solid;
159 border-color: transparent transparent #67C23A;
160 position: absolute;
161 top: 0;
162 right: 0;
163 transform: rotate(-90deg);
164 }
165
166
167
168 tr { 110 tr {
169 display: flex; 111 display: flex;
170 } 112 }
......
...@@ -4,7 +4,7 @@ class data extends filter { ...@@ -4,7 +4,7 @@ class data extends filter {
4 constructor() { 4 constructor() {
5 super() 5 super()
6 } 6 }
7 columns() { 7 columns () {
8 return { 8 return {
9 //空列值个数 9 //空列值个数
10 emptycolNum: 3, 10 emptycolNum: 3,
...@@ -26,8 +26,9 @@ class data extends filter { ...@@ -26,8 +26,9 @@ class data extends filter {
26 ], 26 ],
27 JSYDSYQ: [ 27 JSYDSYQ: [
28 28
29 { prop:"cz", 29 {
30 label:"操作", 30 prop: "cz",
31 label: "操作",
31 render: (h, scope) => { 32 render: (h, scope) => {
32 return ( 33 return (
33 <div> 34 <div>
...@@ -144,8 +145,9 @@ class data extends filter { ...@@ -144,8 +145,9 @@ class data extends filter {
144 ], 145 ],
145 FDCQ2: [ 146 FDCQ2: [
146 147
147 { prop:"cz", 148 {
148 label:"操作" 149 prop: "cz",
150 label: "操作"
149 }, 151 },
150 { 152 {
151 prop: "qszt", 153 prop: "qszt",
...@@ -283,8 +285,9 @@ class data extends filter { ...@@ -283,8 +285,9 @@ class data extends filter {
283 ], 285 ],
284 NYDSYQ: [ 286 NYDSYQ: [
285 287
286 { prop:"cz", 288 {
287 label:"操作" 289 prop: "cz",
290 label: "操作"
288 }, 291 },
289 { 292 {
290 prop: "qszt", 293 prop: "qszt",
...@@ -412,9 +415,9 @@ class data extends filter { ...@@ -412,9 +415,9 @@ class data extends filter {
412 }, 415 },
413 ], 416 ],
414 DYAQ: [ 417 DYAQ: [
415 418 {
416 { prop:"cz", 419 prop: "cz",
417 label:"操作" 420 label: "操作"
418 }, 421 },
419 { 422 {
420 prop: "qszt", 423 prop: "qszt",
...@@ -423,6 +426,19 @@ class data extends filter { ...@@ -423,6 +426,19 @@ class data extends filter {
423 { 426 {
424 prop: "dybdclx", 427 prop: "dybdclx",
425 label: "抵押不动产类型", 428 label: "抵押不动产类型",
429 render: (h, scope) => {
430 return (
431 <div>
432 <span v-show={scope.row.dybdclx == '1'}>土地</span>
433 <span v-show={scope.row.dybdclx == '2'}>土地和房屋</span>
434 <span v-show={scope.row.dybdclx == '3'}>林地和林木</span>
435 <span v-show={scope.row.dybdclx == '4'}>土地和在建建筑物</span>
436 <span v-show={scope.row.dybdclx == '5'}>海域</span>
437 <span v-show={scope.row.dybdclx == '6'}>海域和构筑物</span>
438 <span v-show={scope.row.dybdclx == '7'}>其它</span>
439 </div>
440 )
441 }
426 }, 442 },
427 { 443 {
428 prop: "djlxmc", 444 prop: "djlxmc",
...@@ -572,8 +588,9 @@ class data extends filter { ...@@ -572,8 +588,9 @@ class data extends filter {
572 ], 588 ],
573 DYIQ: [ 589 DYIQ: [
574 590
575 { prop:"cz", 591 {
576 label:"操作" 592 prop: "cz",
593 label: "操作"
577 }, 594 },
578 { 595 {
579 prop: "qszt", 596 prop: "qszt",
...@@ -666,8 +683,9 @@ class data extends filter { ...@@ -666,8 +683,9 @@ class data extends filter {
666 ], 683 ],
667 YGDJ: [ 684 YGDJ: [
668 685
669 { prop:"cz", 686 {
670 label:"操作" 687 prop: "cz",
688 label: "操作"
671 }, 689 },
672 { 690 {
673 prop: "qszt", 691 prop: "qszt",
...@@ -792,8 +810,9 @@ class data extends filter { ...@@ -792,8 +810,9 @@ class data extends filter {
792 ], 810 ],
793 CFDJ: [ 811 CFDJ: [
794 812
795 { prop:"cz", 813 {
796 label:"操作" 814 prop: "cz",
815 label: "操作"
797 }, 816 },
798 { 817 {
799 prop: "qszt", 818 prop: "qszt",
...@@ -903,8 +922,9 @@ class data extends filter { ...@@ -903,8 +922,9 @@ class data extends filter {
903 ], 922 ],
904 YYDJ: [ 923 YYDJ: [
905 924
906 { prop:"cz", 925 {
907 label:"操作" 926 prop: "cz",
927 label: "操作"
908 }, 928 },
909 { 929 {
910 prop: "qszt", 930 prop: "qszt",
......
...@@ -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;
......
...@@ -7,7 +7,7 @@ import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; ...@@ -7,7 +7,7 @@ import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js";
7 import { getPrintTemplateByCode } from "@/api/system"; 7 import { getPrintTemplateByCode } from "@/api/system";
8 import { getPrintApplicationInfo } from "@/api/fqsq"; 8 import { getPrintApplicationInfo } from "@/api/fqsq";
9 import { uploadUndo } from "@/api/clxx"; 9 import { uploadUndo } from "@/api/clxx";
10 import { deleteFlow } from "@/api/ywbl"; 10 import { deleteFlow } from "@/api/djbbl";
11 import { getLodop } from "@/utils/LodopFuncs" 11 import { getLodop } from "@/utils/LodopFuncs"
12 import { 12 import {
13 stepExpandInfo, 13 stepExpandInfo,
...@@ -43,8 +43,12 @@ export default { ...@@ -43,8 +43,12 @@ export default {
43 //加载流程初始参数 43 //加载流程初始参数
44 flowInitParam () { 44 flowInitParam () {
45 var formdata = new FormData(); 45 var formdata = new FormData();
46
46 formdata.append("bsmSlsq", this.bsmSlsq); 47 formdata.append("bsmSlsq", this.bsmSlsq);
47 formdata.append("bestepid", this.bestepid); 48 formdata.append("bestepid", this.bestepid);
49 if (this.type) {
50 formdata.append("type", "READ_ONLY");
51 }
48 stepExpandInfo(formdata).then((res) => { 52 stepExpandInfo(formdata).then((res) => {
49 if (res.code === 200) { 53 if (res.code === 200) {
50 this.leftButtonList = res.result.button; 54 this.leftButtonList = res.result.button;
...@@ -242,19 +246,18 @@ export default { ...@@ -242,19 +246,18 @@ export default {
242 type: "warning", 246 type: "warning",
243 }) 247 })
244 .then(() => { 248 .then(() => {
245 console.log('删除流程'); 249 deleteFlow(this.bsmSlsq).then((res) => {
246 // deleteFlow(formdata).then((res) => { 250 if (res.code === 200) {
247 // if (res.code === 200) { 251 this.$message({
248 // this.$message({ 252 type: "success",
249 // type: "success", 253 message: "删除成功!",
250 // message: "删除成功!", 254 });
251 // }); 255 window.close();
252 // window.close(); 256 window.opener.getBpageList();
253 // window.opener.getBpageList(); 257 } else {
254 // } else { 258 this.$message.error(res.message);
255 // this.$message.error(res.message); 259 }
256 // } 260 });
257 // });
258 }) 261 })
259 .catch(() => { 262 .catch(() => {
260 this.$message({ 263 this.$message({
......
...@@ -109,6 +109,7 @@ export default { ...@@ -109,6 +109,7 @@ export default {
109 qllx: this.$route.query.qllx, 109 qllx: this.$route.query.qllx,
110 //设置那个表单选中 110 //设置那个表单选中
111 tabName: "", 111 tabName: "",
112 isEdit:true,
112 // 弹框显示 113 // 弹框显示
113 dialogVisible: true, 114 dialogVisible: true,
114 //表单集合 115 //表单集合
...@@ -214,7 +215,7 @@ export default { ...@@ -214,7 +215,7 @@ export default {
214 }, 215 },
215 //切换选项卡内容组件 216 //切换选项卡内容组件
216 getFromRouter(tabname) { 217 getFromRouter(tabname) {
217 console.log("tabname", tabname); 218 console.log("切换选项卡内容组件", tabname,this.tabList);
218 this.componentTag = getForm(tabname); 219 this.componentTag = getForm(tabname);
219 }, 220 },
220 closefp() { 221 closefp() {
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-24 15:31:00
5 -->
6 <template>
7 <div class="container">
8 <!-- 顶部内容框 -->
9 <div class="topButton">
10 <!-- 左侧业务功能按钮 -->
11 <ul>
12 <li
13 @click="operation(item)"
14 v-for="(item, index) in leftButtonList"
15 :key="index"
16 >
17 <svg-icon class="icon" :icon-class="item.icon" />
18 <span class="iconName">{{ item.name }}</span>
19 </li>
20 </ul>
21 <ul>
22 <li
23 @click="operation(item)"
24 v-for="(item, index) in rightButtonList"
25 :key="index"
26 >
27 <svg-icon class="icon" :icon-class="item.icon" />
28 <span class="iconName">{{ item.name }}</span>
29 </li>
30 </ul>
31 <!-- <NoticeBar
32 class="NoticeBar"
33 :noticeList="noticeList"
34 v-if="noticeList.length > 0"
35 /> -->
36 </div>
37 <!-- 内容框架 -->
38 <div class="containerFrame">
39 <!-- 左侧菜单栏 区分业务-->
40 <ordinaryMenu ref="Menu" @getCurrentSelectProps="getCurrentSelectProps" />
41 <div class="leftCon">
42 <!-- 分屏左侧预览 -->
43 <div v-if="splitScreen" class="splitScreen-con">
44 <component :is="clxxForm" v-bind="currentSelectProps" :key="fresh" />
45 </div>
46 <!-- 表单内容区域 -->
47 <div class="rightContainer">
48 <el-tabs v-model="tabName" :before-leave="beforeLeave">
49 <el-tab-pane
50 :label="item.name"
51 :name="item.value"
52 v-for="item in tabList"
53 :key="item.value"
54 >
55 </el-tab-pane>
56 </el-tabs>
57 <component
58 :key="fresh"
59 :is="componentTag"
60 v-bind="currentSelectProps"
61 />
62 </div>
63 </div>
64 </div>
65 <!-- 新增补录信息勾选权利类型 -->
66 <qllxDailog ref="qllxlist" />
67 </div>
68 </template>
69 <style scoped lang="scss">
70 @import "~@/styles/mixin.scss";
71 @import "./workFrame.scss";
72 </style>
73 <script>
74 import WorkFlow from "./mixin/index";
75 import { getForm } from "./flowform";
76 import { getStepFormInfo } from "@/api/fqsq.js";
77 import NoticeBar from "@/components/NoticeBar/index";
78 import ProcessViewer from "./components/processViewer.vue";
79 // 引入左侧菜单
80 import { leftMenubl } from "@/api/djbbl.js";
81 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
82 import qllxDailog from "./djbBook/components/qllxDailog";
83 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
84 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
85 // 登记簿数据信息
86 import { addRepairRecord } from "@/api/djbbl.js";
87 // 获取权利类型数组
88 import { getQllxByBdcdyid } from "@/api/djbbl.js";
89
90 import { getBdcqljqtsx } from "@/api/registerBook.js";
91 export default {
92 components: {
93 selectBdc,
94 NoticeBar,
95 ProcessViewer,
96 ordinaryMenu,
97 qllxDailog,
98 },
99 mixins: [WorkFlow],
100 data() {
101 return {
102 bsmSlsq: this.$route.query.bsmSlsq,
103 //当前流程所在环节
104 bestepid: this.$route.query.bestepid,
105 //受理申请标识码
106 bdcdyid: this.$route.query.bdcdyid,
107 //当前流程所在环节
108 bdcdyh: this.$route.query.bdcdyh,
109 qllx: this.$route.query.qllx,
110 //设置那个表单选中
111 tabName: "",
112 // 弹框显示
113 dialogVisible: true,
114 isEdit:false,
115 //表单集合
116 tabList: [],
117 type: "READ_ONLY",
118 //选择加载哪一个组件
119 componentTag: "",
120 //设置表单传递数据
121 currentSelectProps: {},
122 // 首次拿到的业务信息
123 oneSelectProps: {},
124 //材料信息选择卡索引
125 oneget: true,
126 //页面监听时间
127 _beforeUnload_time: "",
128 treedata: {},
129 tabdata: [],
130 defaultNode: {},
131 };
132 },
133 mounted() {
134 // this.getleftMenubl()
135 },
136
137 methods: {
138 stepForm(qllx) {
139 this.oneSelectProps.qllx = qllx;
140 if (this.$refs.Menu.supplementarylist.length) {
141 this.oneSelectProps.type = this.type
142 getStepFormInfo(this.oneSelectProps).then((res) => {
143 this.$nextTick(function () {
144 this.tabList = res.result;
145 this.tabName = this.tabList[0].value;
146 this.getFromRouter(this.tabName);
147 });
148 });
149 }
150 },
151 // 获取右侧菜单
152 // getleftMenubl() {
153 // leftMenubl(this.bsmSlsq).then((res) => {
154 // this.supplementarylist = res.result;
155 // })
156 // },
157 getQllxByBdcdyid() {
158 if (this.currentSelectProps.bdcdyid) {
159 getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
160 (res) => {
161 if (res.code === 200) {
162 this.$refs.qllxlist.qllxlistdata = res.result;
163 this.$refs.qllxlist.dialogVisible = true;
164 }
165 }
166 );
167 }
168 },
169 // 获取右侧选项卡
170 getCurrentSelectProps(val) {
171 if (val.bdcdyid) {
172 this.oneSelectProps = val;
173 }
174 this.currentSelectProps = val;
175 if (this.currentSelectProps.bsmRepair) {
176 this.stepForm(this.currentSelectProps.qllx);
177 } else if (!this.oneget) {
178 this.getdjblist();
179 }
180 if (this.oneget) {
181 this.oneget = false;
182 this.stepForm(this.currentSelectProps.qllx);
183 }
184 },
185 // 获取渲染登记簿列表
186 getdjblist() {
187 getBdcqljqtsx({
188 bdcdyid: this.currentSelectProps.bdcdyid,
189 bdcdyh: this.currentSelectProps.bdcdyh,
190 }).then((res) => {
191 if (res.code === 200) {
192 this.treedata = loadTreeData(res.result, this.bdcdyh);
193 this.$nextTick(function () {
194 this.defaultNode = getNode(this.currentSelectProps.qllx, {
195 linShi: 0,
196 xianShi: 0,
197 liShi: 0,
198 });
199 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
200 });
201 let settree = JSON.parse(JSON.stringify(this.treedata));
202 this.tabdata = [
203 ...settree,
204 ...settree[1].children[0].children[0].children,
205 ];
206 this.tabdata.forEach((item, index, arr) => {
207 arr[index].name = item.label;
208 arr[index].value = item.id;
209 });
210 this.tabList = this.tabdata;
211 }
212 });
213 },
214 //右侧表单选项卡事件
215 beforeLeave(activeName) {
216 if (activeName && activeName != 0) this.getFromRouter(activeName);
217 },
218 //切换选项卡内容组件
219 getFromRouter(tabname) {
220 this.componentTag = getForm(tabname);
221 },
222 closefp() {
223 this.splitScreen = this.splitScreen ? false : true;
224 this.$store.dispatch("app/set1tScreen", this.splitScreen);
225 this.getFromRouter(this.tabList[0].value);
226 this.clxxForm = getForm(this.tabList[1].value);
227 },
228 // 增加补录记录
229 addRepairRecord(row, del) {
230 let from = {
231 bsmQlxx: "",
232 bsmSlsq: this.bsmSlsq,
233 bsmSldy: this.currentSelectProps.bsmSldy,
234 operate: "C",
235 qllx: "",
236 };
237 if (row) {
238 from.bsmQlxx = row.bsmQlxx;
239 if (del) {
240 from.operate = del;
241 } else {
242 from.operate = row.bsmQlxx ? "U" : "C";
243 }
244 from.qllx = row.qllx;
245 }
246 addRepairRecord(from)
247 .then((res) => {
248 if (res.code == "200") {
249 this.$refs.qllxlist.dialogVisible = false;
250 this.$nextTick(() => {
251 this.$refs.Menu.getleftMenubl(res.result);
252 this.$message({
253 type: "success",
254 message: "补录成功!",
255 });
256 });
257 } else {
258 this.$alert(res.message, "提示", {
259 confirmButtonText: "确定",
260 type: "warning",
261 });
262 }
263 })
264 .catch((res) => {
265 console.log("错", res);
266 });
267 },
268 },
269 };
270 </script>
271 <style scoped lang="scss"></style>
...@@ -22,13 +22,19 @@ ...@@ -22,13 +22,19 @@
22 :class="[ 22 :class="[
23 row.qszt == '2' ? 'lishi' : '', 23 row.qszt == '2' ? 'lishi' : '',
24 row.qszt == '0' ? 'linshi' : '', 24 row.qszt == '0' ? 'linshi' : '',
25 item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', 25 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
26 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
26 ]"> 27 ]">
27 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 28 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
28 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
30 </div> 31 </div>
31 <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理
34 </div>
35 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
36 有效
37 </div>
32 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> 38 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
33 39
34 <span v-else>{{ row[item.prop] }}</span> 40 <span v-else>{{ row[item.prop] }}</span>
...@@ -114,7 +120,7 @@ ...@@ -114,7 +120,7 @@
114 return name; 120 return name;
115 }, 121 },
116 // 新增一条补录信息 122 // 新增一条补录信息
117 editDialog(row, del) { 123 editDialog (row, del) {
118 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 124 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
119 confirmButtonText: "确定", 125 confirmButtonText: "确定",
120 cancelButtonText: "取消", 126 cancelButtonText: "取消",
......
...@@ -8,9 +8,7 @@ ...@@ -8,9 +8,7 @@
8 <el-checkbox 8 <el-checkbox
9 v-for="item in qsztList" 9 v-for="item in qsztList"
10 :key="item.value" 10 :key="item.value"
11 :label="item.value" 11 :label="item.value">{{ item.label }}</el-checkbox>
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 12 </el-checkbox-group>
15 </div> 13 </div>
16 </div> 14 </div>
...@@ -27,25 +25,24 @@ ...@@ -27,25 +25,24 @@
27 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]" 28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
31 > 29 ]">
32 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
33 <el-button 31 <el-button
34 type="text" 32 type="text"
35 icon="el-icon-edit-outline" 33 icon="el-icon-edit-outline"
36 @click="editDialog(row)" 34 @click="editDialog(row)">编辑</el-button>
37 >编辑</el-button
38 >
39 <el-button 35 <el-button
40 type="text" 36 type="text"
41 icon="el-icon-edit-outline" 37 icon="el-icon-edit-outline"
42 @click="editDialog(row, 'D')" 38 @click="editDialog(row, 'D')">删除</el-button>
43 >删除</el-button
44 >
45 </div> 39 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 40 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
47 正在办理 41 正在办理
48 </div> 42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
44 有效
45 </div>
49 <span v-if="item.prop == 'qszt'"> 46 <span v-if="item.prop == 'qszt'">
50 {{ getQsztName(row[item.prop]) }} 47 {{ getQsztName(row[item.prop]) }}
51 </span> 48 </span>
...@@ -61,11 +58,11 @@ ...@@ -61,11 +58,11 @@
61 </template> 58 </template>
62 59
63 <script> 60 <script>
64 import { datas } from "./qlxxFormData.js"; 61 import { datas } from "./qlxxFormData.js";
65 import { getSjlx } from "@/utils/dictionary.js"; 62 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
66 import { getDiyaqList } from "@/api/registerBook.js"; 63 import { getDiyaqList } from "@/api/registerBook.js";
67 export default { 64 export default {
68 data() { 65 data () {
69 return { 66 return {
70 title: "抵押权登记信息", 67 title: "抵押权登记信息",
71 qsztList: datas.columns().qsztList, 68 qsztList: datas.columns().qsztList,
...@@ -80,11 +77,11 @@ export default { ...@@ -80,11 +77,11 @@ export default {
80 columns: datas.columns().DYAQ, 77 columns: datas.columns().DYAQ,
81 }; 78 };
82 }, 79 },
83 created() { 80 created () {
84 this.loadData(); 81 this.loadData();
85 }, 82 },
86 methods: { 83 methods: {
87 loadData() { 84 loadData () {
88 if (this.$parent.addRepairRecord) { 85 if (this.$parent.addRepairRecord) {
89 this.columns.unshift({ prop: "cz", label: "操作" }); 86 this.columns.unshift({ prop: "cz", label: "操作" });
90 } 87 }
...@@ -97,6 +94,7 @@ export default { ...@@ -97,6 +94,7 @@ export default {
97 this.tableData = res.result; 94 this.tableData = res.result;
98 this.tableData.forEach((item) => { 95 this.tableData.forEach((item) => {
99 item.sjlx = getSjlx(item.sjlx); 96 item.sjlx = getSjlx(item.sjlx);
97 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
100 }); 98 });
101 if (this.tableData.length < datas.columns().emptycolNum) { 99 if (this.tableData.length < datas.columns().emptycolNum) {
102 this.emptycolNum = 100 this.emptycolNum =
...@@ -107,7 +105,7 @@ export default { ...@@ -107,7 +105,7 @@ export default {
107 } 105 }
108 }); 106 });
109 }, 107 },
110 checkChange() { 108 checkChange () {
111 if (this.checkList.length === 0) { 109 if (this.checkList.length === 0) {
112 this.tableData = []; 110 this.tableData = [];
113 this.emptycolNum = datas.columns().emptycolNum; 111 this.emptycolNum = datas.columns().emptycolNum;
...@@ -115,7 +113,7 @@ export default { ...@@ -115,7 +113,7 @@ export default {
115 this.loadData(); 113 this.loadData();
116 } 114 }
117 }, 115 },
118 getQsztName(code) { 116 getQsztName (code) {
119 let name = ""; 117 let name = "";
120 for (let item of this.qsztList) { 118 for (let item of this.qsztList) {
121 if (item.value == code) { 119 if (item.value == code) {
...@@ -126,7 +124,7 @@ export default { ...@@ -126,7 +124,7 @@ export default {
126 return name; 124 return name;
127 }, 125 },
128 // 新增一条补录信息 126 // 新增一条补录信息
129 editDialog(row, del) { 127 editDialog (row, del) {
130 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 128 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
131 confirmButtonText: "确定", 129 confirmButtonText: "确定",
132 cancelButtonText: "取消", 130 cancelButtonText: "取消",
...@@ -134,7 +132,6 @@ export default { ...@@ -134,7 +132,6 @@ export default {
134 }) 132 })
135 .then(() => { 133 .then(() => {
136 this.$parent.addRepairRecord(row, del); 134 this.$parent.addRepairRecord(row, del);
137
138 this.$message({ 135 this.$message({
139 type: "success", 136 type: "success",
140 message: "补录成功!", 137 message: "补录成功!",
...@@ -148,9 +145,9 @@ export default { ...@@ -148,9 +145,9 @@ export default {
148 }); 145 });
149 }, 146 },
150 }, 147 },
151 }; 148 };
152 </script> 149 </script>
153 150
154 <style lang="scss" scoped> 151 <style lang="scss" scoped>
155 @import "./qlxxCommon.scss"; 152 @import "./qlxxCommon.scss";
156 </style> 153 </style>
......
...@@ -8,9 +8,7 @@ ...@@ -8,9 +8,7 @@
8 <el-checkbox 8 <el-checkbox
9 v-for="item in qsztList" 9 v-for="item in qsztList"
10 :key="item.value" 10 :key="item.value"
11 :label="item.value" 11 :label="item.value">{{ item.label }}</el-checkbox>
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 12 </el-checkbox-group>
15 </div> 13 </div>
16 </div> 14 </div>
...@@ -27,8 +25,8 @@ ...@@ -27,8 +25,8 @@
27 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]" 28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
31 > 29 ]">
32 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
33 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 31 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
34 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> 32 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button>
...@@ -36,6 +34,9 @@ ...@@ -36,6 +34,9 @@
36 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 34 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
37 正在办理 35 正在办理
38 </div> 36 </div>
37 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
38 有效
39 </div>
39 <span v-if="item.prop == 'qszt'"> 40 <span v-if="item.prop == 'qszt'">
40 {{ getQsztName(row[item.prop]) }} 41 {{ getQsztName(row[item.prop]) }}
41 </span> 42 </span>
...@@ -51,11 +52,11 @@ ...@@ -51,11 +52,11 @@
51 </template> 52 </template>
52 53
53 <script> 54 <script>
54 import { datas } from "./qlxxFormData.js"; 55 import { datas } from "./qlxxFormData.js";
55 import { getSjlx } from "@/utils/dictionary.js"; 56 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
56 import { getDiyiqList } from "@/api/registerBook.js"; 57 import { getDiyiqList } from "@/api/registerBook.js";
57 export default { 58 export default {
58 data() { 59 data () {
59 return { 60 return {
60 title: "地役权登记信息", 61 title: "地役权登记信息",
61 qsztList: datas.columns().qsztList, 62 qsztList: datas.columns().qsztList,
...@@ -70,11 +71,11 @@ export default { ...@@ -70,11 +71,11 @@ export default {
70 columns: datas.columns().DYIQ, 71 columns: datas.columns().DYIQ,
71 }; 72 };
72 }, 73 },
73 created() { 74 created () {
74 this.loadData(); 75 this.loadData();
75 }, 76 },
76 methods: { 77 methods: {
77 loadData() { 78 loadData () {
78 if (this.$parent.addRepairRecord) { 79 if (this.$parent.addRepairRecord) {
79 this.columns.unshift({ prop: "cz", label: "操作" }); 80 this.columns.unshift({ prop: "cz", label: "操作" });
80 } 81 }
...@@ -87,6 +88,7 @@ export default { ...@@ -87,6 +88,7 @@ export default {
87 this.tableData = res.result; 88 this.tableData = res.result;
88 this.tableData.forEach((item) => { 89 this.tableData.forEach((item) => {
89 item.sjlx = getSjlx(item.sjlx); 90 item.sjlx = getSjlx(item.sjlx);
91 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
90 }); 92 });
91 if (this.tableData.length < datas.columns().emptycolNum) { 93 if (this.tableData.length < datas.columns().emptycolNum) {
92 this.emptycolNum = 94 this.emptycolNum =
...@@ -97,7 +99,7 @@ export default { ...@@ -97,7 +99,7 @@ export default {
97 } 99 }
98 }); 100 });
99 }, 101 },
100 checkChange() { 102 checkChange () {
101 if (this.checkList.length === 0) { 103 if (this.checkList.length === 0) {
102 this.tableData = []; 104 this.tableData = [];
103 this.emptycolNum = datas.columns().emptycolNum; 105 this.emptycolNum = datas.columns().emptycolNum;
...@@ -105,7 +107,7 @@ export default { ...@@ -105,7 +107,7 @@ export default {
105 this.loadData(); 107 this.loadData();
106 } 108 }
107 }, 109 },
108 getQsztName(code) { 110 getQsztName (code) {
109 let name = ""; 111 let name = "";
110 for (let item of this.qsztList) { 112 for (let item of this.qsztList) {
111 if (item.value == code) { 113 if (item.value == code) {
...@@ -116,7 +118,7 @@ export default { ...@@ -116,7 +118,7 @@ export default {
116 return name; 118 return name;
117 }, 119 },
118 // 新增一条补录信息 120 // 新增一条补录信息
119 editDialog(row, del) { 121 editDialog (row, del) {
120 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 122 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
121 confirmButtonText: "确定", 123 confirmButtonText: "确定",
122 cancelButtonText: "取消", 124 cancelButtonText: "取消",
...@@ -138,9 +140,9 @@ export default { ...@@ -138,9 +140,9 @@ export default {
138 }); 140 });
139 }, 141 },
140 }, 142 },
141 }; 143 };
142 </script> 144 </script>
143 145
144 <style lang="scss" scoped> 146 <style lang="scss" scoped>
145 @import "./qlxxCommon.scss"; 147 @import "./qlxxCommon.scss";
146 </style> 148 </style>
......
...@@ -11,9 +11,9 @@ ...@@ -11,9 +11,9 @@
11 </div> 11 </div>
12 </template> 12 </template>
13 <script> 13 <script>
14 import { getBdcqljqtsx } from "@/api/registerBook.js"; 14 import { getBdcqljqtsx } from "@/api/registerBook.js";
15 import { loadTreeData, getNode } from "./djbFrameData.js"; 15 import { loadTreeData, getNode } from "./djbFrameData.js";
16 export default { 16 export default {
17 data () { 17 data () {
18 return { 18 return {
19 //接收参数 19 //接收参数
...@@ -65,18 +65,19 @@ export default { ...@@ -65,18 +65,19 @@ export default {
65 this.loadComponent(data.form); 65 this.loadComponent(data.form);
66 }, 66 },
67 loadComponent (form) { 67 loadComponent (form) {
68 console.log(form, 'formformformform');
68 this.componentTag = (r) => 69 this.componentTag = (r) =>
69 require.ensure([], () => r(require("@/views/registerBook/" + form))); 70 require.ensure([], () => r(require("@/views/registerBook/" + form)));
70 }, 71 },
71 }, 72 },
72 }; 73 };
73 </script> 74 </script>
74 <style scoped lang="scss"> 75 <style scoped lang="scss">
75 /deep/.rollTable { 76 /deep/.rollTable {
76 height: calc(100vh - 240px) !important; 77 height: calc(100vh - 240px) !important;
77 } 78 }
78 79
79 .content { 80 .content {
80 width: 100%; 81 width: 100%;
81 height: 100%; 82 height: 100%;
82 display: flex; 83 display: flex;
...@@ -97,31 +98,31 @@ export default { ...@@ -97,31 +98,31 @@ export default {
97 background-color: #f5f5f5; 98 background-color: #f5f5f5;
98 border: 1px solid rgb(228, 228, 228); 99 border: 1px solid rgb(228, 228, 228);
99 } 100 }
100 } 101 }
101 102
102 /deep/ .expanded.el-tree-node__expand-icon, 103 /deep/ .expanded.el-tree-node__expand-icon,
103 /deep/ .el-tree-node__expand-icon { 104 /deep/ .el-tree-node__expand-icon {
104 visibility: hidden; 105 visibility: hidden;
105 } 106 }
106 107
107 /deep/ .el-tree-node__content { 108 /deep/ .el-tree-node__content {
108 border: 1px solid rgb(228, 228, 228); 109 border: 1px solid rgb(228, 228, 228);
109 height: 45px; 110 height: 45px;
110 } 111 }
111 112
112 /deep/ .el-tree-node:focus>.el-tree-node__content { 113 /deep/ .el-tree-node:focus > .el-tree-node__content {
113 background-color: #f5f5f5; 114 background-color: #f5f5f5;
114 color: #0079fe; 115 color: #0079fe;
115 border-right: 4px solid #0079fe; 116 border-right: 4px solid #0079fe;
116 } 117 }
117 118
118 /deep/.el-tree-node { 119 /deep/.el-tree-node {
119 white-space: pre-wrap; 120 white-space: pre-wrap;
120 } 121 }
121 122
122 /deep/ .is-current>.el-tree-node__content { 123 /deep/ .is-current > .el-tree-node__content {
123 background-color: #f5f5f5; 124 background-color: #f5f5f5;
124 color: #0079fe; 125 color: #0079fe;
125 border-right: 4px solid #0079fe; 126 border-right: 4px solid #0079fe;
126 } 127 }
127 </style> 128 </style>
......
...@@ -8,9 +8,7 @@ ...@@ -8,9 +8,7 @@
8 <el-checkbox 8 <el-checkbox
9 v-for="item in qsztList" 9 v-for="item in qsztList"
10 :key="item.value" 10 :key="item.value"
11 :label="item.value" 11 :label="item.value">{{ item.label }}</el-checkbox>
12 >{{ item.label }}</el-checkbox
13 >
14 </el-checkbox-group> 12 </el-checkbox-group>
15 </div> 13 </div>
16 </div> 14 </div>
...@@ -27,25 +25,24 @@ ...@@ -27,25 +25,24 @@
27 row.qszt == '2' ? 'lishi' : '', 25 row.qszt == '2' ? 'lishi' : '',
28 row.qszt == '0' ? 'linshi' : '', 26 row.qszt == '0' ? 'linshi' : '',
29 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 27 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
30 ]" 28 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
31 > 29 ]">
32 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> 30 <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'">
33 <el-button 31 <el-button
34 type="text" 32 type="text"
35 icon="el-icon-edit-outline" 33 icon="el-icon-edit-outline"
36 @click="editDialog(row)" 34 @click="editDialog(row)">编辑</el-button>
37 >编辑</el-button
38 >
39 <el-button 35 <el-button
40 type="text" 36 type="text"
41 icon="el-icon-edit-outline" 37 icon="el-icon-edit-outline"
42 @click="editDialog(row, 'D')" 38 @click="editDialog(row, 'D')">删除</el-button>
43 >删除</el-button
44 >
45 </div> 39 </div>
46 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 40 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
47 正在办理 41 正在办理
48 </div> 42 </div>
43 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
44 有效
45 </div>
49 <span v-if="item.prop == 'qszt'"> 46 <span v-if="item.prop == 'qszt'">
50 {{ getQsztName(row[item.prop]) }} 47 {{ getQsztName(row[item.prop]) }}
51 </span> 48 </span>
...@@ -61,11 +58,11 @@ ...@@ -61,11 +58,11 @@
61 </template> 58 </template>
62 59
63 <script> 60 <script>
64 import { datas } from "./qlxxFormData.js"; 61 import { datas } from "./qlxxFormData.js";
65 import { getSjlx } from "@/utils/dictionary.js"; 62 import { getSjlx } from "@/utils/dictionary.js";
66 import { getFdcq2List } from "@/api/registerBook.js"; 63 import { getFdcq2List } from "@/api/registerBook.js";
67 export default { 64 export default {
68 data() { 65 data () {
69 return { 66 return {
70 title: "房地产权登记信息(独幢、层、套、间房屋)", 67 title: "房地产权登记信息(独幢、层、套、间房屋)",
71 qsztList: datas.columns().qsztList, 68 qsztList: datas.columns().qsztList,
...@@ -80,11 +77,11 @@ export default { ...@@ -80,11 +77,11 @@ export default {
80 columns: datas.columns().FDCQ2, 77 columns: datas.columns().FDCQ2,
81 }; 78 };
82 }, 79 },
83 created() { 80 created () {
84 this.loadData(); 81 this.loadData();
85 }, 82 },
86 methods: { 83 methods: {
87 loadData() { 84 loadData () {
88 if (this.$parent.addRepairRecord) { 85 if (this.$parent.addRepairRecord) {
89 this.columns.unshift({ prop: "cz", label: "操作" }); 86 this.columns.unshift({ prop: "cz", label: "操作" });
90 } 87 }
...@@ -107,7 +104,7 @@ export default { ...@@ -107,7 +104,7 @@ export default {
107 } 104 }
108 }); 105 });
109 }, 106 },
110 checkChange() { 107 checkChange () {
111 if (this.checkList.length === 0) { 108 if (this.checkList.length === 0) {
112 this.tableData = []; 109 this.tableData = [];
113 this.emptycolNum = datas.columns().emptycolNum; 110 this.emptycolNum = datas.columns().emptycolNum;
...@@ -115,7 +112,7 @@ export default { ...@@ -115,7 +112,7 @@ export default {
115 this.loadData(); 112 this.loadData();
116 } 113 }
117 }, 114 },
118 getQsztName(code) { 115 getQsztName (code) {
119 let name = ""; 116 let name = "";
120 for (let item of this.qsztList) { 117 for (let item of this.qsztList) {
121 if (item.value == code) { 118 if (item.value == code) {
...@@ -126,7 +123,7 @@ export default { ...@@ -126,7 +123,7 @@ export default {
126 return name; 123 return name;
127 }, 124 },
128 // 新增一条补录信息 125 // 新增一条补录信息
129 editDialog(row, del) { 126 editDialog (row, del) {
130 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { 127 this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", {
131 confirmButtonText: "确定", 128 confirmButtonText: "确定",
132 cancelButtonText: "取消", 129 cancelButtonText: "取消",
...@@ -143,9 +140,9 @@ export default { ...@@ -143,9 +140,9 @@ export default {
143 }); 140 });
144 }, 141 },
145 }, 142 },
146 }; 143 };
147 </script> 144 </script>
148 145
149 <style lang="scss" scoped> 146 <style lang="scss" scoped>
150 @import "./qlxxCommon.scss"; 147 @import "./qlxxCommon.scss";
151 </style> 148 </style>
......
...@@ -51,10 +51,14 @@ ...@@ -51,10 +51,14 @@
51 row.qszt == '2' ? 'lishi' : '', 51 row.qszt == '2' ? 'lishi' : '',
52 row.qszt == '0' ? 'linshi' : '', 52 row.qszt == '0' ? 'linshi' : '',
53 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 53 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
54 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
54 ]"> 55 ]">
55 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 56 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
56 正在办理 57 正在办理
57 </div> 58 </div>
59 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
60 有效
61 </div>
58 <span v-if="item.prop == 'qszt'"> 62 <span v-if="item.prop == 'qszt'">
59 {{ getQsztName(row[item.prop]) }} 63 {{ getQsztName(row[item.prop]) }}
60 </span> 64 </span>
...@@ -100,9 +104,10 @@ ...@@ -100,9 +104,10 @@
100 }, 104 },
101 methods: { 105 methods: {
102 loadData () { 106 loadData () {
103 if(this.$parent.addRepairRecord){ 107 if (this.$parent.addRepairRecord) {
104 this.columns.unshift({prop:"cz", 108 this.columns.unshift({
105 label:"操作" 109 prop: "cz",
110 label: "操作"
106 }) 111 })
107 } 112 }
108 getNydsyqList({ 113 getNydsyqList({
...@@ -143,13 +148,13 @@ ...@@ -143,13 +148,13 @@
143 return name; 148 return name;
144 }, 149 },
145 // 新增一条补录信息 150 // 新增一条补录信息
146 editDialog(row,del){ 151 editDialog (row, del) {
147 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 152 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
148 confirmButtonText: '确定', 153 confirmButtonText: '确定',
149 cancelButtonText: '取消', 154 cancelButtonText: '取消',
150 type: 'warning' 155 type: 'warning'
151 }).then(() => { 156 }).then(() => {
152 this.$parent.addRepairRecord(row,del) 157 this.$parent.addRepairRecord(row, del)
153 158
154 this.$message({ 159 this.$message({
155 type: 'success', 160 type: 'success',
......
...@@ -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,6 +19,7 @@ ...@@ -19,6 +19,7 @@
19 row.qszt == '2' ? 'lishi' : '', 19 row.qszt == '2' ? 'lishi' : '',
20 row.qszt == '0' ? 'linshi' : '', 20 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
22 ]"> 23 ]">
23 <div class="setbut" v-if="item.prop == 'cz'"> 24 <div class="setbut" v-if="item.prop == 'cz'">
24 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 25 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
...@@ -27,6 +28,9 @@ ...@@ -27,6 +28,9 @@
27 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 28 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
28 正在办理 29 正在办理
29 </div> 30 </div>
31 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
32 有效
33 </div>
30 <span v-if="item.prop == 'qszt'"> 34 <span v-if="item.prop == 'qszt'">
31 {{ getQsztName(row[item.prop]) }} 35 {{ getQsztName(row[item.prop]) }}
32 </span> 36 </span>
...@@ -42,9 +46,10 @@ ...@@ -42,9 +46,10 @@
42 </template> 46 </template>
43 47
44 <script> 48 <script>
45 import { getYgdjList } from "@/api/registerBook.js"; 49 import { datas } from "./qlxxFormData.js";
46 import { datas } from "./qlxxFormData.js"; 50 import { getYgdjList } from "@/api/registerBook.js";
47 export default { 51 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
52 export default {
48 data () { 53 data () {
49 return { 54 return {
50 title: "预告登记信息", 55 title: "预告登记信息",
...@@ -66,9 +71,10 @@ export default { ...@@ -66,9 +71,10 @@ export default {
66 methods: { 71 methods: {
67 loadData () { 72 loadData () {
68 // 判断是否在登记簿补录调的子页面 73 // 判断是否在登记簿补录调的子页面
69 if(this.$parent.addRepairRecord){ 74 if (this.$parent.addRepairRecord) {
70 this.columns.unshift({prop:"cz", 75 this.columns.unshift({
71 label:"操作" 76 prop: "cz",
77 label: "操作"
72 }) 78 })
73 } 79 }
74 getYgdjList({ 80 getYgdjList({
...@@ -78,6 +84,10 @@ export default { ...@@ -78,6 +84,10 @@ export default {
78 }).then((res) => { 84 }).then((res) => {
79 if (res.code === 200) { 85 if (res.code === 200) {
80 this.tableData = res.result; 86 this.tableData = res.result;
87 this.tableData.forEach((item) => {
88 item.sjlx = getSjlx(item.sjlx);
89 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
90 });
81 if (this.tableData.length < datas.columns().emptycolNum) { 91 if (this.tableData.length < datas.columns().emptycolNum) {
82 this.emptycolNum = 92 this.emptycolNum =
83 datas.columns().emptycolNum - this.tableData.length; 93 datas.columns().emptycolNum - this.tableData.length;
...@@ -106,13 +116,13 @@ export default { ...@@ -106,13 +116,13 @@ export default {
106 return name; 116 return name;
107 }, 117 },
108 // 新增一条补录信息 118 // 新增一条补录信息
109 editDialog(row,del){ 119 editDialog (row, del) {
110 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 120 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
111 confirmButtonText: '确定', 121 confirmButtonText: '确定',
112 cancelButtonText: '取消', 122 cancelButtonText: '取消',
113 type: 'warning' 123 type: 'warning'
114 }).then(() => { 124 }).then(() => {
115 this.$parent.addRepairRecord(row,del) 125 this.$parent.addRepairRecord(row, del)
116 126
117 this.$message({ 127 this.$message({
118 type: 'success', 128 type: 'success',
...@@ -127,9 +137,9 @@ export default { ...@@ -127,9 +137,9 @@ export default {
127 137
128 }, 138 },
129 }, 139 },
130 }; 140 };
131 </script> 141 </script>
132 142
133 <style lang="scss" scoped> 143 <style lang="scss" scoped>
134 @import "./qlxxCommon.scss"; 144 @import "./qlxxCommon.scss";
135 </style> 145 </style>
......
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
19 row.qszt == '2' ? 'lishi' : '', 19 row.qszt == '2' ? 'lishi' : '',
20 row.qszt == '0' ? 'linshi' : '', 20 row.qszt == '0' ? 'linshi' : '',
21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 21 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
22 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
22 ]"> 23 ]">
23 <div class="setbut" v-if="item.prop == 'cz'"> 24 <div class="setbut" v-if="item.prop == 'cz'">
24 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 25 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
...@@ -27,6 +28,9 @@ ...@@ -27,6 +28,9 @@
27 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 28 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
28 正在办理 29 正在办理
29 </div> 30 </div>
31 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
32 有效
33 </div>
30 <span v-if="item.prop == 'qszt'"> 34 <span v-if="item.prop == 'qszt'">
31 {{ getQsztName(row[item.prop]) }} 35 {{ getQsztName(row[item.prop]) }}
32 </span> 36 </span>
...@@ -42,9 +46,10 @@ ...@@ -42,9 +46,10 @@
42 </template> 46 </template>
43 47
44 <script> 48 <script>
45 import { getYydjList } from "@/api/registerBook.js"; 49 import { datas } from "./qlxxFormData.js";
46 import { datas } from "./qlxxFormData.js"; 50 import { getYydjList } from "@/api/registerBook.js";
47 export default { 51 import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
52 export default {
48 data () { 53 data () {
49 return { 54 return {
50 title: "异议登记信息", 55 title: "异议登记信息",
...@@ -65,9 +70,10 @@ export default { ...@@ -65,9 +70,10 @@ export default {
65 }, 70 },
66 methods: { 71 methods: {
67 loadData () { 72 loadData () {
68 if(this.$parent.addRepairRecord){ 73 if (this.$parent.addRepairRecord) {
69 this.columns.unshift({prop:"cz", 74 this.columns.unshift({
70 label:"操作" 75 prop: "cz",
76 label: "操作"
71 }) 77 })
72 } 78 }
73 getYydjList({ 79 getYydjList({
...@@ -77,6 +83,10 @@ export default { ...@@ -77,6 +83,10 @@ export default {
77 }).then((res) => { 83 }).then((res) => {
78 if (res.code === 200) { 84 if (res.code === 200) {
79 this.tableData = res.result; 85 this.tableData = res.result;
86 this.tableData.forEach((item) => {
87 item.sjlx = getSjlx(item.sjlx);
88 item.dybdclx = getDictLeabel(item.dybdclx, 'A27')
89 });
80 if (this.tableData.length < datas.columns().emptycolNum) { 90 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum = 91 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length; 92 datas.columns().emptycolNum - this.tableData.length;
...@@ -105,13 +115,13 @@ export default { ...@@ -105,13 +115,13 @@ export default {
105 return name; 115 return name;
106 }, 116 },
107 // 新增一条补录信息 117 // 新增一条补录信息
108 editDialog(row,del){ 118 editDialog (row, del) {
109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 119 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
110 confirmButtonText: '确定', 120 confirmButtonText: '确定',
111 cancelButtonText: '取消', 121 cancelButtonText: '取消',
112 type: 'warning' 122 type: 'warning'
113 }).then(() => { 123 }).then(() => {
114 this.$parent.addRepairRecord(row,del) 124 this.$parent.addRepairRecord(row, del)
115 125
116 this.$message({ 126 this.$message({
117 type: 'success', 127 type: 'success',
...@@ -126,9 +136,9 @@ export default { ...@@ -126,9 +136,9 @@ export default {
126 136
127 }, 137 },
128 }, 138 },
129 }; 139 };
130 </script> 140 </script>
131 141
132 <style lang="scss" scoped> 142 <style lang="scss" scoped>
133 @import "./qlxxCommon.scss"; 143 @import "./qlxxCommon.scss";
134 </style> 144 </style>
......
...@@ -107,25 +107,29 @@ ...@@ -107,25 +107,29 @@
107 <el-button @click="closeDialog">关闭</el-button> 107 <el-button @click="closeDialog">关闭</el-button>
108 </div> 108 </div>
109 <!-- 打印模板需要此模块 --> 109 <!-- 打印模板需要此模块 -->
110 <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false"> 110 <!-- <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" v-show="false">
111 <embed id="LODOP_EM" type="application/x-print-lodop" width=820 height=450 pluginspage="install_lodop32.exe" /> 111 <embed id="LODOP_EM" type="application/x-print-lodop" width=700 height=500 pluginspage="install_lodop32.exe" />
112 </object> 112 </object> -->
113 <printView ref="printContent" :form="form" v-show="false" />
113 </div> 114 </div>
114 </template> 115 </template>
115 <script> 116 <script>
116 import store from '@/store/index.js' 117 import store from '@/store/index.js'
117 import { datas } from "./addjtfcdata"; 118 import { datas } from "./addjtfcdata";
118 import { getLodop } from "@/utils/LodopFuncs" 119 import { getLodop } from "@/utils/LodopFuncs"
120 import printView from "./printView.vue";
119 import { getIdCardInfo } from '@/utils/operation.js' 121 import { getIdCardInfo } from '@/utils/operation.js'
120 import { getPrintTemplateByCode } from "@/api/system"; 122 import { getPrintTemplateByCode } from "@/api/system";
121 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx"; 123 import { addJtfcCxjgXx, getJtfcInfo, printJtcfInfo } from "@/api/sqcx";
122 import { log } from 'bpmn-js-token-simulation';
123 export default { 124 export default {
125 components: {
126 printView
127 },
124 props: { 128 props: {
125 formData: { 129 formData: {
126 type: Object, 130 type: Object,
127 default: () => { }, 131 default: () => { }
128 }, 132 }
129 }, 133 },
130 data () { 134 data () {
131 return { 135 return {
...@@ -340,6 +344,7 @@ ...@@ -340,6 +344,7 @@
340 this.$endLoading(); 344 this.$endLoading();
341 if (res.code == 200) { 345 if (res.code == 200) {
342 this.form = res.result; 346 this.form = res.result;
347 console.log(this.form, 'form');
343 this.isSearch = true; 348 this.isSearch = true;
344 } 349 }
345 }); 350 });
...@@ -428,16 +433,15 @@ ...@@ -428,16 +433,15 @@
428 }, 433 },
429 //打开打印预览 434 //打开打印预览
430 openPrintPrew () { 435 openPrintPrew () {
431 //根据编号获取对应信息 436 let lodop = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
432 getPrintTemplateByCode({ tmpno: 'jtfcdys' }).then(res => { 437 // 获取页面的HTML内容
433 if (res.code == 200) { 438 const pageHtml = this.$refs.printContent.$el.innerHTML;
434 let LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); 439 lodop.ADD_PRINT_HTM(20, 20, "100%", "100%", pageHtml);
435 LODOP.ADD_PRINT_DATA("ProgramData", res.result.tmpcontent); //装载模板 440 lodop.SET_PRINT_MODE("FULL_WIDTH_FOR_OVERFLOW", true); // 打印页面宽度自适应
436 LODOP.PREVIEW(); 441 lodop.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "100%"); // 打印页面缩放比例
442 lodop.PREVIEW();
437 } 443 }
438 })
439 } 444 }
440 },
441 }; 445 };
442 </script> 446 </script>
443 <style scoped lang="scss"> 447 <style scoped lang="scss">
......
1 <!--
2 * @Description: 不动产查询证明打印模板
3 * @Autor: renchao
4 * @LastEditTime: 2023-07-03 10:44:15
5 -->
6 <template>
7 <div class="printView" style="width:100%;padding:20px">
8 <h1 style="color: red;
9 text-align: center;
10 font-size: 38px;">城固县不动产登记交易服务中心</h1>
11 <p style="width:100%;border-bottom: 1px solid red;margin-top: 20px;
12 margin-bottom: 10px;"></p>
13 <h2 style="font-size: 36px;
14 text-align: center;">不动产登记信息查询证明</h2>
15 <h5 style=" text-align: center;
16 margin-top: 20px;
17 font-size: 18px;">查询证明编号: {{form.djSqcxDO.cxbh}}</h5>
18 <p v-if="form.cxjgList.length>0" style="text-indent: 2em;
19 margin-top: 15px;
20 line-height: 24px;
21 font-size: 18px;">根据《不动产登记暂行条例》和《不动产登记资料查询暂行办法》
22 有关规定,经线上查询不动产登记信息系统,权利人: {{form.cxjgList[0].qlrmc}}
23 ,证件号:{{form.cxjgList[0].zjhm}},截止{{newDatez}}
24 ,名下不动产登记信息查询结果如下:</p>
25 <table style=" border-collapse: collapse;
26 width: 100%;
27 margin-top: 20px;margin-left:20px">
28 <thead>
29 <tr>
30 <th style="background-color: #f2f2f2;
31 text-align: center;height:36px">权利人</th>
32 <th style="background-color: #f2f2f2;
33 text-align: center;height:36px">证号</th>
34 <th style="background-color: #f2f2f2;
35 text-align: center;height:36px">坐落</th>
36 <th style="background-color: #f2f2f2;
37 text-align: center;height:36px">面积</th>
38 <th style="background-color: #f2f2f2;
39 text-align: center;height:36px">共有人</th>
40 <th style="background-color: #f2f2f2;
41 text-align: center;height:36px">状态</th>
42 </tr>
43 </thead>
44 <tbody>
45 <tr v-for="(item,index) in form.cxjgList" :key="index">
46 <td style="border: 1px solid #ccc;
47 text-align: center;
48 padding: 8px;
49 text-align: left;">{{ item.qlrmc }}</td>
50 <td style="border: 1px solid #ccc;
51 text-align: center;
52 padding: 8px;
53 text-align: left;">{{ item.zjhm }}</td>
54 <td style="border: 1px solid #ccc;
55 text-align: center;
56 padding: 8px;
57 text-align: left;">{{ item.fdzl }}</td>
58 <td style="border: 1px solid #ccc;
59 text-align: center;
60 padding: 8px;
61 text-align: left;">{{ item.fwmj }}</td>
62 <td style="border: 1px solid #ccc;
63 text-align: center;
64 padding: 8px;
65 text-align: left;">{{ item.gyr }}</td>
66 <td style="border: 1px solid #ccc;
67 text-align: center;
68 padding: 8px;
69 text-align: left;" v-if="item.dyzt != '0' && item.cfzt != '0'">抵押、查封</td>
70 <td style="border: 1px solid #ccc;
71 text-align: center;
72 padding: 8px;
73 text-align: left;" v-if="item.dyzt != '0'">抵押</td>
74 <td style="border: 1px solid #ccc;
75 text-align: center;
76 padding: 8px;
77 text-align: left;" v-if="item.cfzt != '0'">查封</td>
78 </tr>
79 </tbody>
80 </table>
81 <h6 style="font-size: 28px;
82 margin-top: 20px;
83 font-weight: 100;">特此证明。</h6>
84 <div>
85 <img :src="qrcodeImage" alt="QR Code">
86 </div>
87 <ul style="text-align: right;
88 line-height: 36px;
89 font-size: 18px;">
90 <li style="list-style: none;">城固县不动产登记交易服务中心</li>
91 <li style="list-style: none;">{{newDate}}</li>
92 </ul>
93 <ol style="margin-left: 20px;
94 line-height: 36px;">
95 <p>说明:</p>
96 <li>该查询结果仅显示权利人在当前查询时间点不动产(房产)登记有关情况(“/”表示未查询到不动产登记信息);</li>
97 <li>该查询结果包含权利人不动产预告登记信息。查询范围为本市中心城区及开发区内的不动产登记信息;</li>
98 <li>本次查询由系统终端自动检索,因数据采集处理误差而造成查询结果于实际登记信息不相符的,以我中心登记簿记载信息为准;</li>
99 <li>查询人应当妥善保管不动产登记查询结果,因操作不当,导致查询结果泄露,有关责任概由查询人承担。</li>
100 </ol>
101 </div>
102 </template>
103 <script>
104 import QRCode from 'qrcode';
105 import { getNewDate } from '@/utils/util'
106 export default {
107 props: {
108 form: {
109 type: Object,
110 default: () => ({})
111 }
112 },
113 data () {
114 return {
115 qrcodeImage: '',
116 newDate: getNewDate(),
117 newDatez: getNewDate(2)
118 }
119 },
120 watch: {
121 "form.djSqcxDO.cxbh": {
122 handler: function (val) {
123 if (val) {
124 QRCode.toDataURL(val)
125 .then(url => {
126 this.qrcodeImage = url
127 })
128 .catch(error => {
129 console.error(error);
130 })
131 }
132 },
133 immediate: true
134 }
135 }
136 }
137 </script>
...\ No newline at end of file ...\ No newline at end of file
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-28 14:45:20
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 家庭房产 --> 8 <!-- 家庭房产 -->
...@@ -41,10 +46,10 @@ ...@@ -41,10 +46,10 @@
41 </div> 46 </div>
42 </template> 47 </template>
43 <script> 48 <script>
44 import table from "@/utils/mixin/table"; 49 import table from "@/utils/mixin/table";
45 import { datas, sendThis } from "./jtfcdata"; 50 import { datas, sendThis } from "./jtfcdata";
46 import { getSqcxPage } from "@/api/sqcx"; 51 import { getSqcxPage } from "@/api/sqcx";
47 export default { 52 export default {
48 name: "jtfc", 53 name: "jtfc",
49 mixins: [table], 54 mixins: [table],
50 mounted () { 55 mounted () {
...@@ -92,8 +97,8 @@ export default { ...@@ -92,8 +97,8 @@ export default {
92 }) 97 })
93 } 98 }
94 } 99 }
95 } 100 }
96 </script> 101 </script>
97 <style scoped lang="scss"> 102 <style scoped lang="scss">
98 @import "~@/styles/public.scss"; 103 @import "~@/styles/public.scss";
99 </style> 104 </style>
......
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 },
......
...@@ -59,16 +59,17 @@ ...@@ -59,16 +59,17 @@
59 <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" /> 59 <el-table-column label="序号" header-align="center" align="center" type="index" width="55px" />
60 <el-table-column label="流程状态" header-align="center" align="center"> 60 <el-table-column label="流程状态" header-align="center" align="center">
61 <template slot-scope="scope"> 61 <template slot-scope="scope">
62 <div v-if="scope.row.finishTime == null">正在办理</div> 62 <div v-if="scope.row.endTime">已完结</div>
63 <div v-else>已完结</div> 63 <div v-else>正在办理</div>
64 </template> 64 </template>
65 </el-table-column> 65 </el-table-column>
66 <el-table-column label="环节名称" prop="name" minWidth="100" align="center" /> 66 <el-table-column label="环节名称" prop="name" minWidth="100" align="center" />
67 <el-table-column label="办理人" prop="agent" minWidth="120" align="center" /> 67 <el-table-column label="办理人" prop="agent" minWidth="120" align="center" />
68 <el-table-column label="处理时间" prop="createTime" width="160" align="center" /> 68 <el-table-column label="转入时间" prop="createTime" :formatter="formatDate" width="160" align="center" />
69 <el-table-column label="办结时间" prop="finishTime" width="160" align="center" /> 69 <el-table-column label="认领时间" prop="claimTime" :formatter="formatDate" width="160" align="center" />
70 <el-table-column label="操作方式" align="center"> 70 <el-table-column label="转出时间" prop="endTime" :formatter="formatDate" width="160" align="center" />
71 </el-table-column> 71 <el-table-column label="操作方式" prop="controls" align="center"/>
72 <el-table-column label="意见" prop="idea" align="center"/>
72 </el-table> 73 </el-table>
73 </div> 74 </div>
74 </div> 75 </div>
...@@ -118,6 +119,14 @@ ...@@ -118,6 +119,14 @@
118 this.clearViewer() 119 this.clearViewer()
119 }, 120 },
120 methods: { 121 methods: {
122 formatDate(row, column) {
123 let data = row[column.property]
124 if(data == null) {
125 return null
126 }
127 let dt = new Date(data)
128 return dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + ':' + dt.getSeconds()
129 },
121 processReZoom () { 130 processReZoom () {
122 this.defaultZoom = 1 131 this.defaultZoom = 1
123 this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto') 132 this.bpmnViewer.get('canvas').zoom('fit-viewport', 'auto')
...@@ -237,13 +246,32 @@ ...@@ -237,13 +246,32 @@
237 // 获取流程记录 246 // 获取流程记录
238 getCommentList() { 247 getCommentList() {
239 this.formData.allCommentList.forEach(async (item,index) => { 248 this.formData.allCommentList.forEach(async (item,index) => {
249 item.comments.forEach(element => {
250 if(element.type=="COMPLETE"){
251 this.formData.allCommentList[index].idea=element.message
252 this.formData.allCommentList[index].controls="完成"
253 }
254 });
240 this.formData.allCommentList[index].agent=item.assignee.name 255 this.formData.allCommentList[index].agent=item.assignee.name
241 }) 256 })
242 setTimeout(() => { 257 this.formData.handlinglist.forEach(async (item,index) => {
243 this.taskList =this.formData.allCommentList; 258 if(item.assignee.name){
259 this.formData.handlinglist[index].agent=item.assignee.name
260 }else{
261 let str=""
262 item.countersign.forEach((item) => {
263 str+=item.name+","
264 })
265 str=str.slice(0, -1);
266 this.formData.allCommentList[index].agent=str
267 }
268
269 })
270 this.taskList =[...this.formData.allCommentList,...this.formData.handlinglist];
271 // this.taskList =this.formData.allCommentList;
244 // 处理数据之后赋值 272 // 处理数据之后赋值
245 this.taskCommentList=this.taskList 273 this.taskCommentList=this.taskList
246 }, 100) 274
247 }, 275 },
248 276
249 // 设置流程图元素状态 277 // 设置流程图元素状态
......
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,29 +49,33 @@ ...@@ -49,29 +49,33 @@
49 ) 49 )
50 } 50 }
51 }, 51 },
52 // {
53 // prop: "bdcdyh",
54 // label: "不动产单元号"
55 // },
52 { 56 {
53 prop: "qllxmc", 57 prop: "zl",
54 label: "权利类型" 58 label: "坐落"
55 }, 59 },
56 { 60 {
57 prop: "bdcqzh", 61 prop: "shbw",
58 label: "不动产权证号" 62 label: "室号部位"
59 }, 63 },
60 { 64 {
61 prop: "qlrmc", 65 prop: "fwxzmc",
62 label: "权利人" 66 label: "房屋性质"
63 }, 67 },
64 { 68 {
65 prop: "ytmc", 69 prop: "jzmj",
66 label: "用途" 70 label: "建筑面积"
67 }, 71 },
68 { 72 {
69 prop: "mj", 73 prop: "showfwyt",
70 label: "面积" 74 label: "房屋用途"
71 }, 75 },
72 { 76 {
73 prop: "zl", 77 prop: "showfwjg",
74 label: "坐落" 78 label: "房屋结构"
75 }, 79 },
76 ], 80 ],
77 column: this.qlrCommonTable 81 column: this.qlrCommonTable
...@@ -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,6 +65,9 @@ export function getForm (tabName, djywbm) { ...@@ -66,6 +65,9 @@ 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;
......
...@@ -76,6 +76,7 @@ export default { ...@@ -76,6 +76,7 @@ export default {
76 rejectedTaskSet: {}, 76 rejectedTaskSet: {},
77 finishedSequenceFlowSet: result.finishedSequenceFlowIds 77 finishedSequenceFlowSet: result.finishedSequenceFlowIds
78 }, 78 },
79 handlinglist:result.runningTasks,
79 allCommentList: result.finishedTasks 80 allCommentList: result.finishedTasks
80 }, '80%', true) 81 }, '80%', true)
81 }) 82 })
......
...@@ -86,64 +86,64 @@ ...@@ -86,64 +86,64 @@
86 <el-row :gutter="10"> 86 <el-row :gutter="10">
87 <el-col :span="8"> 87 <el-col :span="8">
88 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:"> 88 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利类型:">
89 <el-input disabled v-model="ruleForm.ssQlxx.qllxmc"></el-input> 89 <el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
90 </el-form-item> 90 </el-form-item>
91 </el-col> 91 </el-col>
92 92
93 <el-col :span="8"> 93 <el-col :span="8">
94 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh"> 94 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产权证号:" prop="qlxx.bdcqzh">
95 <el-input disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input> 95 <el-input disabled v-model="ruleForm.ztQlxx.bdcqzh"></el-input>
96 </el-form-item> 96 </el-form-item>
97 </el-col> 97 </el-col>
98 <el-col :span="8"> 98 <el-col :span="8">
99 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有情况:"> 99 <el-form-item :class="flag ? 'marginBot0' : ''" label="共有情况:">
100 <el-input disabled v-model="ruleForm.ssQlxx.gyqk"></el-input> 100 <el-input disabled v-model="ruleForm.ztQlxx.gyqk"></el-input>
101 </el-form-item> 101 </el-form-item>
102 </el-col> 102 </el-col>
103 </el-row> 103 </el-row>
104 <el-row :gutter="10"> 104 <el-row :gutter="10">
105 <el-col :span="8"> 105 <el-col :span="8">
106 <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人:" prop="qlxx.qlrmc"> 106 <el-form-item :class="flag ? 'marginBot0' : ''" label="被执行人:" prop="qlxx.qlrmc">
107 <el-input disabled v-model="ruleForm.ssQlxx.qlrmc"></el-input> 107 <el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
108 </el-form-item> 108 </el-form-item>
109 </el-col> 109 </el-col>
110 <el-col :span="8"> 110 <el-col :span="8">
111 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类:"> 111 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件种类:">
112 <el-input disabled v-model="ruleForm.ssQlxx.qlrzjzl"></el-input> 112 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjzl"></el-input>
113 </el-form-item> 113 </el-form-item>
114 </el-col> 114 </el-col>
115 <el-col :span="8"> 115 <el-col :span="8">
116 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号:"> 116 <el-form-item :class="flag ? 'marginBot0' : ''" label="证件号:">
117 <el-input disabled v-model="ruleForm.ssQlxx.qlrzjhm"></el-input> 117 <el-input disabled v-model="ruleForm.ztQlxx.qlrzjhm"></el-input>
118 </el-form-item> 118 </el-form-item>
119 </el-col> 119 </el-col>
120 </el-row> 120 </el-row>
121 <el-row :gutter="10"> 121 <el-row :gutter="10">
122 <el-col :span="8"> 122 <el-col :span="8">
123 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="qlxx.bdcdyh"> 123 <el-form-item :class="flag ? 'marginBot0' : ''" label="不动产单元号:" prop="qlxx.bdcdyh">
124 <el-input disabled v-model="ruleForm.ssQlxx.bdcdyh"></el-input> 124 <el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
125 </el-form-item> 125 </el-form-item>
126 </el-col> 126 </el-col>
127 <el-col :span="16"> 127 <el-col :span="16">
128 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:"> 128 <el-form-item :class="flag ? 'marginBot0' : ''" label="坐落:">
129 <el-input disabled v-model="ruleForm.ssQlxx.zl"></el-input> 129 <el-input disabled v-model="ruleForm.ztQlxx.zl"></el-input>
130 </el-form-item> 130 </el-form-item>
131 </el-col> 131 </el-col>
132 </el-row> 132 </el-row>
133 <el-row :gutter="10"> 133 <el-row :gutter="10">
134 <el-col :span="8"> 134 <el-col :span="8">
135 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:"> 135 <el-form-item :class="flag ? 'marginBot0' : ''" label="权利性质:">
136 <el-input disabled v-model="ruleForm.ssQlxx.qlxzmc"></el-input> 136 <el-input disabled v-model="ruleForm.ztQlxx.qlxzmc"></el-input>
137 </el-form-item> 137 </el-form-item>
138 </el-col> 138 </el-col>
139 <el-col :span="8"> 139 <el-col :span="8">
140 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途:"> 140 <el-form-item :class="flag ? 'marginBot0' : ''" label="用途:">
141 <el-input disabled v-model="ruleForm.ssQlxx.ytmc"></el-input> 141 <el-input disabled v-model="ruleForm.ztQlxx.ytmc"></el-input>
142 </el-form-item> 142 </el-form-item>
143 </el-col> 143 </el-col>
144 <el-col :span="8"> 144 <el-col :span="8">
145 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积:"> 145 <el-form-item :class="flag ? 'marginBot0' : ''" label="面积:">
146 <el-input disabled v-model="ruleForm.ssQlxx.mjmc"></el-input> 146 <el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
147 </el-form-item> 147 </el-form-item>
148 </el-col> 148 </el-col>
149 </el-row> 149 </el-row>
......
...@@ -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>
...@@ -110,6 +110,12 @@ ...@@ -110,6 +110,12 @@
110 </div> 110 </div>
111 111
112 <el-row :gutter="10"> 112 <el-row :gutter="10">
113 <el-col :span="8" v-if="ruleForm.sldy.djlx != '100'">
114 <el-form-item label="原不动产登记证明号:">
115 <el-input v-if="ruleForm.sldy.djlx == '400'" disabled v-model="ruleForm.qlxx.bdcqzh"></el-input>
116 <el-input v-else disabled v-model="ruleForm.ssQlxx.bdcqzh"></el-input>
117 </el-form-item>
118 </el-col>
113 <el-col :span="8"> 119 <el-col :span="8">
114 <el-form-item label="抵押方式:"> 120 <el-form-item label="抵押方式:">
115 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs"> 121 <el-radio-group disabled v-model="ruleForm.diyaq.dyfs">
...@@ -118,7 +124,7 @@ ...@@ -118,7 +124,7 @@
118 </el-radio-group> 124 </el-radio-group>
119 </el-form-item> 125 </el-form-item>
120 </el-col> 126 </el-col>
121 <el-col :span="16"> 127 <el-col :span="8">
122 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定:" label-width="350px"> 128 <el-form-item label="是否存在禁止或者限制转让抵押不动产的约定:" label-width="350px">
123 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz"> 129 <el-radio-group v-model="ruleForm.diyaq.sfczjzhxz">
124 <el-radio label="1">启用</el-radio> 130 <el-radio label="1">启用</el-radio>
...@@ -164,7 +170,7 @@ ...@@ -164,7 +170,7 @@
164 <el-col :span="24"> 170 <el-col :span="24">
165 <el-form-item label="担保范围:"> 171 <el-form-item label="担保范围:">
166 <el-input v-model="ruleForm.diyaq.dbfw" 172 <el-input v-model="ruleForm.diyaq.dbfw"
167 :disabled="$route.query.viewtype == 1 || ruleForm.slsq.djlx == '300'"></el-input> 173 :disabled="$route.query.viewtype == 1 || ruleForm.sldy.djlx == '300'"></el-input>
168 </el-form-item> 174 </el-form-item>
169 </el-col> 175 </el-col>
170 </el-row> 176 </el-row>
...@@ -230,7 +236,7 @@ ...@@ -230,7 +236,7 @@
230 </div> 236 </div>
231 <el-row :gutter="10"> 237 <el-row :gutter="10">
232 <el-col> 238 <el-col>
233 <el-form-item v-if="ruleForm.slsq.djlx == '400'" label="注销抵押原因:" prop="djyy"> 239 <el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy">
234 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1" 240 <el-input class="textArea" type="textarea" :disabled="$route.query.viewtype == 1"
235 v-model="ruleForm.diyaq.zxdyyy"> 241 v-model="ruleForm.diyaq.zxdyyy">
236 </el-input> 242 </el-input>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:43:41 4 * @LastEditTime: 2023-06-30 17:09:35
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }" 7 <div class="djxxTable" :style="{'max-height': this.timeLineHeight + 'px' }"
...@@ -28,10 +28,14 @@ ...@@ -28,10 +28,14 @@
28 row.qszt == '2' ? 'lishi' : '', 28 row.qszt == '2' ? 'lishi' : '',
29 row.qszt == '0' ? 'linshi' : '', 29 row.qszt == '0' ? 'linshi' : '',
30 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 30 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
31 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
31 ]"> 32 ]">
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 33 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 34 正在办理
34 </div> 35 </div>
36 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '1'">
37 有效
38 </div>
35 <span v-if="item.prop == 'qszt'"> 39 <span v-if="item.prop == 'qszt'">
36 {{ getQsztName(row[item.prop]) }} 40 {{ getQsztName(row[item.prop]) }}
37 </span> 41 </span>
......
...@@ -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 <!-- 受理信息 -->
...@@ -131,6 +131,15 @@ ...@@ -131,6 +131,15 @@
131 </el-form-item> 131 </el-form-item>
132 </el-col> 132 </el-col>
133 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>
140 </el-form-item>
141 </el-col>
142
134 </el-row> 143 </el-row>
135 144
136 <div class="slxx_title title-block"> 145 <div class="slxx_title title-block">
...@@ -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,6 +192,18 @@ ...@@ -192,6 +192,18 @@
192 this.queryClick(); 192 this.queryClick();
193 }, 193 },
194 ywhClick (item) { 194 ywhClick (item) {
195 //有任务权限
196 if(item.sjlx=="3"){
197 const { href } = this.$router.resolve(
198 "/djbworkFrameview?bsmSlsq=" +
199 item.bsmSlsq +
200 "&bestepid=" +
201 item.bestepid+
202 "&isEdit=" +
203 true
204 );
205 window.open(href, `urlname${item.bsmSlsq}`);
206 }else{
195 const { href } = this.$router.resolve( 207 const { href } = this.$router.resolve(
196 "/workFrameView?bsmSlsq=" + 208 "/workFrameView?bsmSlsq=" +
197 item.bsmSlsq + 209 item.bsmSlsq +
...@@ -201,6 +213,9 @@ ...@@ -201,6 +213,9 @@
201 "&viewtype=1" 213 "&viewtype=1"
202 ); 214 );
203 window.open(href, `urlname${item.bsmSlsq}`); 215 window.open(href, `urlname${item.bsmSlsq}`);
216 }
217
218
204 }, 219 },
205 }, 220 },
206 }; 221 };
......
1 <template>
2 <div class="from-clues">
3 <!-- 表单部分 -->
4 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="100px">
6 <el-row>
7 <el-col :span="8">
8 <el-form-item label="不动产单元号">
9 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable maxlength="28" class="width100">
10 </el-input>
11 </el-form-item>
12 </el-col>
13 <el-col :span="10">
14 <el-form-item label="不动产权证号">
15 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
16 </el-input>
17 </el-form-item>
18 </el-col>
19 </el-row>
20 <el-row>
21 <el-col :span="8">
22 <el-form-item label="权利人">
23 <el-input placeholder="请输入权利人" v-model="queryForm.qlr" clearable class="width100">
24 </el-input>
25 </el-form-item>
26 </el-col>
27 <el-col :span="10">
28 <el-form-item label="坐落">
29 <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
30 </el-input>
31 </el-form-item>
32 </el-col>
33 <el-col :span="6" class="btnColRight">
34 <el-form-item>
35 <el-button type="primary" @click="resetForm(true)">重置</el-button>
36 <el-button type="primary" @click="handleSearch">查询</el-button>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 </el-form>
41 </div>
42 <!-- 表格 -->
43 <div class="from-clues-content loadingtext">
44 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :calcHeight="300"
45 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" @select="select"
46 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns"
47 :data="tableData.data">
48 </lb-table>
49 </div>
50 <div class="submit_button">
51 <el-button @click="$popupCacel">取消</el-button>
52 <el-button type="primary" plain @click="submitForm">发起申请</el-button>
53 </div>
54 </div>
55 </template>
56 <script>
57 //首次登记
58 import store from '@/store/index.js'
59 import { datas, sendThis } from "../javascript/selectTdsyq.js";
60 import { defaultParameters } from "../javascript/publicDefaultPar.js";
61 import table from "@/utils/mixin/table";
62 import jump from "./mixin/jump";
63 import { startBusinessFlow, selectTdsyqQlxx } from "@/api/ywbl.js";
64 export default {
65 mixins: [table, jump],
66 props: {
67 isJump: { type: Boolean, default: false },
68 sqywInfo: { type: Object, default: () => { } },
69 },
70 data () {
71 return {
72 queryForm: defaultParameters.defaultParameters(),
73 tableData: {
74 total: 0,
75 columns: datas.columns(),
76 data: []
77 },
78 bdcdysz: []
79 }
80 },
81 mounted () {
82 sendThis(this);
83 },
84 methods: {
85 queryClick () {
86 this.$startLoading();
87 this.queryForm.sqywbm = this.sqywInfo.djywbm;
88 selectTdsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
89 this.$endLoading();
90 if (res.code === 200) {
91 let { total, records } = res.result;
92 this.tableData.total = total;
93 this.tableData.data = records;
94 }
95 });
96 },
97 submitForm () {
98 if (this.bdcdysz.length == 0) {
99 this.$message.error("请至少选择一条数据");
100 return;
101 }
102 startBusinessFlow({
103 bsmSqyw: this.sqywInfo.parentid,
104 bdcdysz: this.bdcdysz,
105 djqxbm: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodecode : "",
106 djqxmc: this.sqywInfo.nodetype == "djqx" ? this.sqywInfo.nodename : "",
107 }).then((res) => {
108 if (res.code == 200) {
109 this.$message({
110 showClose: true,
111 message: "发起申请成功",
112 type: "success",
113 });
114 if (!this.isJump) {
115 this.jump(res.result, this.sqywInfo.djywbm);
116 } else {
117 store.dispatch('user/refreshPage', true);
118 }
119 this.$popupCacel()
120 } else {
121 this.$message.error(res.message);
122 }
123 })
124 },
125 handleSelectionChange (val) {
126 this.bdcdysz = val;
127 },
128 openBook (row) {
129 var param = {
130 bdcdyid: row.bdcdyid,
131 qllx: row.qllx,
132 bdcdyh: row.bdcdyh,
133 bsmQlxx: row.bsmQlxx,
134 };
135 this.$popup("登记簿详情", "registerBook/djbFrame", {
136 formData: param
137 })
138 },
139 select (selection, row) {
140 if (this.sqywInfo.sqywdylx == "1") {
141 // 清除 所有勾选项
142 this.$refs.table.clearSelection()
143 // 当表格数据都没有被勾选的时候 就返回
144 // 主要用于将当前勾选的表格状态清除
145 if (selection.length == 0) return
146 this.$refs.table.toggleRowSelection(row, true);
147 }
148 },
149 handleRowClick (row) {
150 // 如果状态是1,那就是单选
151 if (this.sqywInfo.sqywdylx == "1") {
152 const bdcdysz = this.bdcdysz
153 this.$refs.table.clearSelection()
154 if (bdcdysz.length == 1) {
155 bdcdysz.forEach(item => {
156 // 判断 如果当前的一行被勾选, 再次点击的时候就会取消选中
157 if (item == row) {
158 this.$refs.table.toggleRowSelection(row, false);
159 }
160 // 不然就让当前的一行勾选
161 else {
162 this.$refs.table.toggleRowSelection(row, true);
163 }
164 })
165 }
166 else {
167 this.$refs.table.toggleRowSelection(row, true);
168 }
169 } else {
170 this.$refs.table.toggleRowSelection(row);
171 }
172 },
173 }
174 }
175 </script>
176 <style scoped lang="scss">
177 @import "~@/styles/mixin.scss";
178 @import "~@/styles/public.scss";
179 </style>
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:37:24 4 * @LastEditTime: 2023-05-17 10:37:24
......
1 /*
2 * @Description: 土地所有权对象处理
3 * @Autor: ssq
4 * @LastEditTime: 2023年06月28日 11:08:58
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return [
18 {
19 type: 'selection',
20 label: '全选',
21 selectable: this.selected
22 },
23 {
24 label: '序号',
25 type: 'index',
26 width: '50',
27 render: (h, scope) => {
28 return (
29 <div>
30 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
31 </div>
32 )
33 }
34 },
35 {
36 label: "状态",
37 width: '130',
38 render: (h, scope) => {
39 return (
40 <div>
41 <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
42 <span v-show={scope.row.zjgcdyzt == 1}>,在建工程抵押</span>
43 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
44 <span v-show={scope.row.ycfzt == 1}>,已预查封</span>
45 <span v-show={scope.row.cfzt == 1}>,已查封</span>
46 <span v-show={scope.row.diyizt == 1}>,已地役</span>
47 <span v-show={scope.row.yyzt == 1}>,异议中</span>
48 <span v-show={scope.row.xzzt == 1}>,已限制</span>
49 <span v-show={scope.row.ygmmzt == 1}>,已预告买卖</span>
50 <span v-show={scope.row.ygdyzt == 1}>,已预告抵押</span>
51 <span v-show={scope.row.dyzt == 1}>,已抵押</span>
52 </div>
53 )
54 }
55 },
56 {
57 prop: "qllxmc",
58 label: "权利类型",
59 },
60 {
61 prop: "bdcdyh",
62 label: "不动产单元号",
63 minWidth: '150'
64 },
65 {
66 prop: "bdcqzh",
67 label: "不动产权证号",
68 minWidth: '150'
69 },
70 {
71 prop: "gyqk",
72 label: "共有方式",
73 },
74 {
75 prop: "qlrmc",
76 label: "使用权人",
77 },
78 {
79 prop: "qlrzjhm",
80 label: "证件号",
81 },
82 {
83 prop: "qlxzmc",
84 width: '80',
85 label: "权利性质",
86 },
87 {
88 prop: "mjmc",
89 width: '100',
90 label: "使用权面积",
91 },
92 {
93 prop: "ytmc",
94 label: "土地用途",
95 },
96 {
97 prop: "zl",
98 label: "坐落",
99 minWidth: '150'
100 },
101 {
102 label: '操作',
103 width: '80',
104 align: 'center',
105 fixed: 'right',
106 render: (h, scope) => {
107 return (
108 <div>
109 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
110 </div>
111 )
112 }
113 },
114 ]
115 }
116
117
118 }
119 let datas = new data()
120 export {
121 datas,
122 sendThis
123 }
...@@ -15,6 +15,14 @@ export function queueDjywmc(djywbm, djqxbm) { ...@@ -15,6 +15,14 @@ export function queueDjywmc(djywbm, djqxbm) {
15 case "A07100"://集体建设用地使用权(首次登记) 15 case "A07100"://集体建设用地使用权(首次登记)
16 vm = "selectQjzdjbxx"; 16 vm = "selectQjzdjbxx";
17 break; 17 break;
18 case "A01200":
19 case "A01300":
20 case "A01400":
21 case "A02200":
22 case "A02300":
23 case "A02400":
24 vm = "selectTdsyq";
25 break;
18 case "A03200": 26 case "A03200":
19 case "A03300": 27 case "A03300":
20 case "A03400": 28 case "A03400":
...@@ -52,6 +60,9 @@ export function queueDjywmc(djywbm, djqxbm) { ...@@ -52,6 +60,9 @@ export function queueDjywmc(djywbm, djqxbm) {
52 case "A37200"://抵押权转移 60 case "A37200"://抵押权转移
53 case "A37300"://抵押权变更 61 case "A37300"://抵押权变更
54 case "A37400"://抵押权注销 62 case "A37400"://抵押权注销
63 case "B37200"://抵押权转移
64 case "B37300"://抵押权变更
65 case "B37400"://抵押权注销
55 vm = "diyaq"; 66 vm = "diyaq";
56 break; 67 break;
57 case "B39300"://续封 68 case "B39300"://续封
......