Skip to content

bdc / bdcdj-web

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

Merge branch 'dev'

2 parents 58205c2d 20530c06
Inline Side-by-side
Showing 87 changed files with 4871 additions and 1435 deletions
1 { 1 {
2 "TITLE": "不动产登记系统", 2 "TITLE": "不动产登记系统",
3 "SERVERAPI": "/bdcdj", 3 "SERVERAPI": "/bdcdj",
4 "ip": "http://192.168.2.38",
5 "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0" 4 "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0"
6 } 5 }
...\ 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-06-07 13:54:13 4 * @LastEditTime: 2023-06-20 10:23:38
5 --> 5 -->
6 <!DOCTYPE html> 6 <!DOCTYPE html>
7 <html> 7 <html>
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
22 cloudEnable: false, 22 cloudEnable: false,
23 baseUrl: location.origin || location.protocol + '//' + location.host, 23 baseUrl: location.origin || location.protocol + '//' + location.host,
24 // 是否启用单点登录 24 // 是否启用单点登录
25 casEnable: true, 25 casEnable: false,
26 // cas 基地址 26 // cas 基地址
27 casBaseURL: 'http://192.168.2.38/cas', 27 casBaseURL: 'http://192.168.2.38/cas',
28 services: { 28 services: {
......
...@@ -66,7 +66,24 @@ export function leftMenubl (params) { ...@@ -66,7 +66,24 @@ export function leftMenubl (params) {
66 params 66 params
67 }) 67 })
68 } 68 }
69 69 /**
70 * @description: 获取权利类型数组
71 * @param {*} params
72 * @author: renchao
73 */
74 // export function getQllxByBdcdyid (params) {
75 // return request({
76 // url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid?bdcdyid='+params,
77 // method: 'get',
78 // })
79 // }
80 export function getQllxByBdcdyid (params) {
81 return request({
82 url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid',
83 method: 'get',
84 params
85 })
86 }
70 /** 87 /**
71 * @description: 保存数据 88 * @description: 保存数据
72 * @param {*} data 89 * @param {*} data
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-08 13:43:33 4 * @LastEditTime: 2023-06-16 16:06:39
5 */ 5 */
6 import request from '@/utils/request' 6 import request from "@/utils/request";
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config
8 const url = SERVER.SERVERAPI + '/rest/zhcx/lpcx/' 8 ? window.config
9 : JSON.parse(localStorage.getItem("ApiUrl"));
10 const url = SERVER.SERVERAPI + "/rest/zhcx/lpcx/";
9 // 11 //
10 /** 12 /**
11 * @description:楼盘查询- 根据条件进行列表查询 13 * @description:楼盘查询- 根据条件进行列表查询
12 * @param {*} data 14 * @param {*} data
13 * @author: renchao 15 * @author: renchao
14 */ 16 */
15 export function getLpZrz (data) { 17 export function getLpZrz(data) {
16 return request({ 18 return request({
17 url: 'service-lpb-zq/rest/zhcx/lpcx/getLpZrz', 19 url: "service-lpb-zq/rest/zhcx/lpcx/getLpZrz",
18 method: 'post', 20 method: "post",
19 data: data 21 data: data,
20 }) 22 });
21 } 23 }
22 24
23 /** 25 /**
...@@ -25,32 +27,47 @@ export function getLpZrz (data) { ...@@ -25,32 +27,47 @@ export function getLpZrz (data) {
25 * @param {*} zrzbsm 27 * @param {*} zrzbsm
26 * @author: renchao 28 * @author: renchao
27 */ 29 */
28 export function getLpb (zrzbsm) { 30 export function getLpb(zrzbsm) {
29 return request({ 31 return request({
30 url: 'service-lpb-zq/rest/zhcx/lpcx/getLpb?scyclx=1&zrzbsm=' + zrzbsm, 32 url: "service-lpb-zq/rest/zhcx/lpcx/getLpb?scyclx=0&zrzbsm=" + zrzbsm,
31 method: 'get' 33 method: "get",
32 }) 34 });
33 } 35 }
34 /** 36 /**
35 * @description: 获取楼盘表房屋用途,房屋性质右侧房屋用途统计数据 37 * @description: 获取楼盘表房屋用途,房屋性质右侧房屋用途统计数据
36 * @param {*} zrzbsm 38 * @param {*} zrzbsm
37 * @author: renchao 39 * @author: renchao
38 */ 40 */
39 export function getLpbFwytAndQlxz (zrzbsm) { 41 export function getLpbFwytAndQlxz(zrzbsm) {
40 return request({ 42 return request({
41 url: 'service-lpb-zq/rest/zhcx/lpcx/getLpbFwytAndQlxz?scyclx=1&zrzbsm=' + zrzbsm, 43 url:
42 method: 'get' 44 "service-lpb-zq/rest/zhcx/lpcx/getLpbFwytAndQlxz?scyclx=0&zrzbsm=" +
43 }) 45 zrzbsm,
46 method: "get",
47 });
44 } 48 }
45 /** 49 /**
46 * @description: 获取楼盘表缺失项统计 50 * @description: 获取楼盘表缺失项统计
47 * @param {*} zrzbsm 51 * @param {*} zrzbsm
48 * @author: renchao 52 * @author: renchao
49 */ 53 */
50 export function getLpbQsxtj (zrzbsm) { 54 export function getLpbQsxtj(zrzbsm) {
51 return request({ 55 return request({
52 url: url + 'getLpbQsxtj?scyclx=1&zrzbsm=' + zrzbsm, 56 url: "service-lpb-zq/rest/zhcx/lpcx/getLpbQsxtj?scyclx=0&zrzbsm=" + zrzbsm,
53 method: 'get' 57 method: "get",
54 }) 58 });
55 } 59 }
56 60
61 /**
62 * @description: 楼盘表 获取单元状态统计数据
63 * @param {*} data
64 * zrzbsm 自然幢标识码
65 * scyclx 实测预测类型 0预测，1实测
66 * @return {*}
67 */
68 export function getLpbTj(zrzbsm) {
69 return request({
70 url: "service-lpb-zq/rest/zhcx/lpcx/getLpbTj?scyclx=0&zrzbsm=" + zrzbsm,
71 method: "get",
72 });
73 }
......
...@@ -66,3 +66,15 @@ export function choiceBdcdy (data) { ...@@ -66,3 +66,15 @@ export function choiceBdcdy (data) {
66 }) 66 })
67 } 67 }
68 68
69 /**
70 * @description: 选择补录权利信息
71 * @param {*} data
72 * @author: renchao
73 */
74 export function selectRepairQlxx (data) {
75 return request({
76 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectRepairQlxx',
77 method: 'post',
78 data
79 })
80 }
......
...@@ -31,7 +31,7 @@ export function getleftMenu () { ...@@ -31,7 +31,7 @@ export function getleftMenu () {
31 } 31 }
32 32
33 /** 33 /**
34 * @description: 登记簿补录-获取左侧菜单 34 * @description: 登记簿补录
35 * @author: renchao 35 * @author: renchao
36 */ 36 */
37 export function getRepairBiz () { 37 export function getRepairBiz () {
...@@ -42,6 +42,17 @@ export function getleftMenu () { ...@@ -42,6 +42,17 @@ export function getleftMenu () {
42 } 42 }
43 43
44 /** 44 /**
45 * @description: 一并申请业务
46 * @author: renchao
47 */
48 export function getTogetherBiz () {
49 return request({
50 url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/getTogetherBiz',
51 method: 'post'
52 })
53 }
54
55 /**
45 * @description: 业务办理-获取下个节点内容 56 * @description: 业务办理-获取下个节点内容
46 * @param {*} bsmSqyw 57 * @param {*} bsmSqyw
47 * @author: renchao 58 * @author: renchao
...@@ -66,18 +77,6 @@ export function selectScBdcdy (data) { ...@@ -66,18 +77,6 @@ export function selectScBdcdy (data) {
66 }) 77 })
67 } 78 }
68 79
69 // /*
70 // 业务办理-选择单元-根据条件进行列表查询-房屋所有权
71 // */
72 // export function selectFwsyq (data) {
73 // return request({
74 // url: 'ywbl/ywsq/selectFwsyq',
75 // method: 'post',
76 // data
77 // showLoading: true
78 // })
79 // }
80
81 /** 80 /**
82 * @description: 待办箱列表查询接口 81 * @description: 待办箱列表查询接口
83 * @param {*} data 82 * @param {*} data
...@@ -116,7 +115,7 @@ export function startBusinessFlow (data) { ...@@ -116,7 +115,7 @@ export function startBusinessFlow (data) {
116 } 115 }
117 116
118 /** 117 /**
119 * @description: 业务办理-发起业务申请流程 118 * @description: 业务办理-发起补录申请流程
120 * @param {*} data 119 * @param {*} data
121 * @author: renchao 120 * @author: renchao
122 */ 121 */
...@@ -192,7 +191,7 @@ export function addCollectBiz (bsmSqyw) { ...@@ -192,7 +191,7 @@ export function addCollectBiz (bsmSqyw) {
192 } 191 }
193 192
194 /** 193 /**
195 * @description: 业务办理-业务申请-添加收藏业务 194 * @description: 业务办理-业务申请-取消收藏业务
196 * @param {*} bsmSqyw 195 * @param {*} bsmSqyw
197 * @author: renchao 196 * @author: renchao
198 */ 197 */
......
1 <svg t="1661331325273" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2167" width="200" height="200"><path d="M521.309091 158.254545a27.927273 27.927273 0 0 1 27.927273 27.927273v586.472727a27.927273 27.927273 0 0 1-27.927273 27.927273h-372.363636a83.781818 83.781818 0 0 1-83.781819-83.781818V242.036364a83.781818 83.781818 0 0 1 83.781819-83.781819z m400.290909 0a83.781818 83.781818 0 0 1 83.502545 76.893091l0.279273 6.888728v474.763636a83.781818 83.781818 0 0 1-76.893091 83.502545l-6.888727 0.279273h-260.654545a27.927273 27.927273 0 0 1-4.51491-55.482182L660.945455 744.727273h260.654545a27.927273 27.927273 0 0 0 27.554909-23.412364l0.372364-4.514909V242.036364a27.927273 27.927273 0 0 0-23.412364-27.554909L921.6 214.109091h-260.654545a27.927273 27.927273 0 0 1-4.51491-55.482182L660.945455 158.254545h260.654545z m-428.218182 55.854546H148.945455a27.927273 27.927273 0 0 0-27.55491 23.412364L121.018182 242.036364v474.763636a27.927273 27.927273 0 0 0 27.927273 27.927273h344.436363V214.109091z" p-id="2168"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
...@@ -25,6 +25,7 @@ ...@@ -25,6 +25,7 @@
25 import { mapGetters } from 'vuex' 25 import { mapGetters } from 'vuex'
26 import NoticeBar from '@/components/NoticeBar/index' 26 import NoticeBar from '@/components/NoticeBar/index'
27 import { getHomeNoticeList } from "@/api/home" 27 import { getHomeNoticeList } from "@/api/home"
28 import {setToken} from "@/utils/util";
28 export default { 29 export default {
29 components: { 30 components: {
30 NoticeBar 31 NoticeBar
...@@ -64,23 +65,11 @@ ...@@ -64,23 +65,11 @@
64 }) 65 })
65 }, 66 },
66 logout () { 67 logout () {
67 axios.post(this.BASE_API.ip + "/management/logout").then(() => { 68 axios.post(window._config.services.management + "/management/logout").then(() => {
68 if (process.env.NODE_ENV === 'development') { 69 setToken(undefined)
69 localStorage.removeItem('token') 70 sessionStorage.removeItem('token')
70 } else { 71 localStorage.setItem('dj-location',window.location.href)
71 Cookies.remove('ACCESS_TOKEN')
72 }
73 if (window._config.casEnable) {
74 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(window.location.href); 72 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(window.location.href);
75 } else {
76 this.$router.push({
77 path: '/login',
78 replace: true,
79 query: {
80 redirect: router.currentRoute.value.fullPath
81 }
82 })
83 }
84 }) 73 })
85 }, 74 },
86 75
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-30 15:28:52 4 * @LastEditTime: 2023-06-20 10:02:14
5 */ 5 */
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import App from './App' 7 import App from './App'
...@@ -16,12 +16,10 @@ import Loading from '@/components/Loading/index.js'; ...@@ -16,12 +16,10 @@ import Loading from '@/components/Loading/index.js';
16 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' 16 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
17 Vue.mixin(mixin); 17 Vue.mixin(mixin);
18 Vue.use(Loading.directive); 18 Vue.use(Loading.directive);
19 import rules from './utils/rule.js'
20 // 引入xml 19 // 引入xml
21 import x2js from 'x2js' 20 import x2js from 'x2js'
22 Vue.prototype.$x2js = new x2js() 21 Vue.prototype.$x2js = new x2js()
23 // 全局方法挂载 22 // 全局方法挂载
24 Vue.prototype.$rules = rules
25 // 全局加载 23 // 全局加载
26 Vue.prototype.$startLoading = startLoadingAddCount 24 Vue.prototype.$startLoading = startLoadingAddCount
27 Vue.prototype.$endLoading = endLoadingSubCount 25 Vue.prototype.$endLoading = endLoadingSubCount
......
1 /* 1 /*
2 * @Description: 项目权限 2 * @Description: 项目权限
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-13 16:35:40 4 * @LastEditTime: 2023-06-20 10:07:56
5 */ 5 */
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import axios from 'axios' 7 import axios from 'axios'
...@@ -9,10 +9,10 @@ import router from './router' ...@@ -9,10 +9,10 @@ import router from './router'
9 import store from './store' 9 import store from './store'
10 import Cookies from 'js-cookie' 10 import Cookies from 'js-cookie'
11 import { getMenuInfo } from '@/api/user' 11 import { getMenuInfo } from '@/api/user'
12 import { getUrlParam } from '@/utils/operation'
13 import NProgress from 'nprogress' // progress bar 12 import NProgress from 'nprogress' // progress bar
14 import 'nprogress/nprogress.css' // progress bar style 13 import 'nprogress/nprogress.css' // progress bar style
15 import getPageTitle from '@/utils/get-page-title' 14 import getPageTitle from '@/utils/get-page-title'
15 import {getToken, getUrlParam, setToken} from "@/utils/util";
16 16
17 NProgress.configure({ showSpinner: false }) // NProgress Configuration 17 NProgress.configure({ showSpinner: false }) // NProgress Configuration
18 18
...@@ -23,50 +23,32 @@ router.beforeEach(async (to, from, next) => { ...@@ -23,50 +23,32 @@ router.beforeEach(async (to, from, next) => {
23 let hasAddDict = store.state.dict.addDict 23 let hasAddDict = store.state.dict.addDict
24 let hasAddRoute = store.state.permission.addRoutes 24 let hasAddRoute = store.state.permission.addRoutes
25 // cas操作 25 // cas操作
26 const token = localStorage.getItem("token") || Cookies.get('ACCESS_TOKEN'); 26 const token = getToken()
27 if (to.path === '/login') { 27 let locationUrl = window.location.origin + window.location.pathname;
28 if (token) { 28 function casValidate (ticket){
29 next('/') 29 axios.get(window._config.services.management + "/management/cas/validate", {
30 } else {
31 next()
32 }
33 return
34 }
35 if (window._config.casEnable === true) {
36 let locationUrl = window.location.protocol + '//' + window.location.host + window.location.pathname;
37 if (!token) {
38 let ticket = getUrlParam('ticket');
39 if (ticket) {
40 axios.get(Vue.prototype.BASE_API.ip + "/management/cas/validate", {
41 params: { 30 params: {
42 'ticket': ticket, 31 ticket: ticket,
43 'service': locationUrl 32 service: locationUrl,
44 } 33 },
45 }).then(async (res) => { 34 }).then(async (res) => {
46 if (process.env.NODE_ENV === 'development') { 35 if (res.data.status === 1) {
47 localStorage.setItem('token', res.data.content.accessToken) 36 setToken(res.data.content.accessToken)
37 window.location.href = localStorage.getItem('dj-location') + '#' + localStorage.getItem('hash')
48 } else { 38 } else {
49 Cookies.set("ACCESS_TOKEN", res.data.content.accessToken); 39 alert(res.data.message)
50 } 40 }
51 window.location.href = localStorage.getItem('location') 41 }).catch((e) => {
52 42 console.log(e);
53 }).catch(e => { 43 });
54 console.log(e)
55 })
56 } else {
57 localStorage.setItem("location", window.location.href)
58 window.location.href = window._config.casBaseURL + '/login?service=' + encodeURIComponent(locationUrl);
59 } 44 }
60 } else {
61 permission()
62 }
63
64 async function permission () { 45 async function permission () {
65 if (!hasAddDict) { 46 if (!hasAddDict) {
66 store.dispatch('dict/generateDic') 47 store.dispatch('dict/generateDic')
67 } 48 }
68 if (hasAddRoute) { 49 if (hasAddRoute) {
69 next() 50 next()
51 // next({ ...to, replace: true })
70 } else { 52 } else {
71 const { result: getMenuData } = await getMenuInfo() 53 const { result: getMenuData } = await getMenuInfo()
72 const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData) 54 const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData)
...@@ -81,22 +63,55 @@ router.beforeEach(async (to, from, next) => { ...@@ -81,22 +63,55 @@ router.beforeEach(async (to, from, next) => {
81 } 63 }
82 } 64 }
83 } 65 }
66 if (window._config.casEnable === true) {
67 if (!token) {
68 let ticket = getUrlParam("ticket");
69 if (ticket) {
70 casValidate(ticket)
71 } else {
72 localStorage.setItem("location", window.location.href)
73 window.location.href = window._config.casBaseURL + '/login?service=' + encodeURIComponent(locationUrl);
74 }
75 } else {
76 permission()
77 }
84 } else { 78 } else {
79 // 使用自定义页面实现单点登录
85 if (!token) { 80 if (!token) {
86 const redirectData = { 81 let ticket = getUrlParam('ticket');
87 path: '/login', 82 if (ticket) {
88 replace: true, 83 casValidate(ticket)
84 } else {
85 if (to.path === '/login') {
86 if (getUrlParam('_flag') === '1') {
87 next();
88 return
89 } else {
90 //todo: loginUrl 需要业务系统根据登录页面路由地址获取，这里只是简写
91 localStorage.setItem('dj-location',locationUrl)
92 localStorage.setItem('hash',to.fullPath)
93 window.location.href = window._config.services.management + `/management/cas/status?loginUrl=${window._config.baseUrl}/dj/&hash=/login&`
94 return
89 } 95 }
90 if (to.path) {
91 redirectData.query = {
92 ...redirectData.query,
93 redirect: to.path,
94 };
95 } 96 }
96 next(redirectData) 97 localStorage.setItem('dj-location',locationUrl)
98 localStorage.setItem('hash',to.fullPath)
99 //todo: loginUrl 需要业务系统根据登录页面路由地址获取，这里只是简写
100 window.location.href = window._config.services.management + `/management/cas/status?loginUrl=${window._config.baseUrl}/dj/&hash=/login`
101 }
102 }else{
103 if (to.path === '/login') {
104 const redirectUrl = getUrlParam('redirectUrl');
105 if (redirectUrl && redirectUrl !== '') {
106 window.location.href = redirectUrl
107 return
108 } else {
109 next('/');
97 return 110 return
98 } 111 }
99 next() 112 }
113 permission()
114 }
100 } 115 }
101 NProgress.done() 116 NProgress.done()
102 }) 117 })
......
...@@ -72,6 +72,14 @@ export const constantRoutes = [ ...@@ -72,6 +72,14 @@ export const constantRoutes = [
72 } 72 }
73 ] 73 ]
74 }, 74 },
75 // 登录页
76 {
77 path: '/login',
78 component: () => import('@/views/login/index'),
79 name: 'login',
80 hidden: true,
81 meta: { title: '登录' }
82 },
75 ] 83 ]
76 /** 84 /**
77 * asyncRoutes 85 * asyncRoutes
......
1 export function getSjlx (level) {
2 const resultMap = {
3 1: '系统数据',
4 2: '存量数据',
5 3: '补录数据',
6 }
7 return resultMap[level] || resultMap.default;
8 }
...\ No newline at end of file ...\ No newline at end of file
1 import { log } from 'bpmn-js-token-simulation';
1 import { mapGetters } from 'vuex' 2 import { mapGetters } from 'vuex'
2 import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar"; 3 import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar";
3 export default { 4 export default {
...@@ -9,13 +10,23 @@ export default { ...@@ -9,13 +10,23 @@ export default {
9 } 10 }
10 } 11 }
11 }, 12 },
13 created() {
14
15 },
12 computed: { 16 computed: {
13 ...mapGetters(['dictData']), 17 ...mapGetters(['dictData']),
14 }, 18 },
15 mounted () { 19 mounted () {
20 window.addEventListener('keydown', this.handkeyCode, true)//开启监听键盘按下事件
16 this.handleSearch() 21 this.handleSearch()
17 }, 22 },
18 methods: { 23 methods: {
24 handkeyCode(e) {
25 if(e.keyCode === 13){
26 console.log("安");
27 this.handleSearch()
28 }
29 },
19 handleSearch(){ 30 handleSearch(){
20 this.pageData.currentPage = 1 31 this.pageData.currentPage = 1
21 if (this.fetchData) { 32 if (this.fetchData) {
......
...@@ -114,27 +114,6 @@ export function down (index, data) { ...@@ -114,27 +114,6 @@ export function down (index, data) {
114 } 114 }
115 } 115 }
116 116
117 export function getUrlParam (paraName) {
118 let url = document.location.toString();
119 let arrObj = url.split('?');
120
121 if (arrObj.length > 1) {
122 let arrPara = arrObj[1].split('&');
123 let arr;
124
125 for (let i = 0; i < arrPara.length; i++) {
126 arr = arrPara[i].split('=');
127
128 if (arr != null && arr[0] === paraName) {
129 const index = arr[1].indexOf("#");
130 return arr[1].substring(0, index);
131 }
132 }
133 return '';
134 } else {
135 return '';
136 }
137 }
138 /** 117 /**
139 * @description: 身份证读卡器 118 * @description: 身份证读卡器
140 * @author: renchao 119 * @author: renchao
......
...@@ -2,13 +2,13 @@ ...@@ -2,13 +2,13 @@
2 /* 2 /*
3 * @Description: 此文件主要创建 axios 实例，然后添加请求拦截器和响应拦截器 3 * @Description: 此文件主要创建 axios 实例，然后添加请求拦截器和响应拦截器
4 * @Autor: renchao 4 * @Autor: renchao
5 * @LastEditTime: 2023-06-14 09:28:01 5 * @LastEditTime: 2023-06-20 10:24:00
6 */ 6 */
7 import axios from 'axios' 7 import axios from 'axios'
8 import Router from '@/router' 8 import Router from '@/router'
9 import Cookies from 'js-cookie'
10 import { Message } from 'element-ui' 9 import { Message } from 'element-ui'
11 import { endLoadingSubCount } from './requestLoading' 10 import { endLoadingSubCount } from './requestLoading'
11 import {getToken, setToken} from "@/utils/util";
12 12
13 // create an axios instance 13 // create an axios instance
14 const service = axios.create({ 14 const service = axios.create({
...@@ -27,7 +27,7 @@ const service = axios.create({ ...@@ -27,7 +27,7 @@ const service = axios.create({
27 service.interceptors.request.use( 27 service.interceptors.request.use(
28 config => { 28 config => {
29 if (process.env.NODE_ENV === 'development') { 29 if (process.env.NODE_ENV === 'development') {
30 const token = localStorage.getItem('token') 30 const token = getToken()
31 // 添加请求头 31 // 添加请求头
32 if (token) { 32 if (token) {
33 config.headers['Authorization'] = 'Bearer ' + token 33 config.headers['Authorization'] = 'Bearer ' + token
...@@ -67,11 +67,8 @@ service.interceptors.response.use( ...@@ -67,11 +67,8 @@ service.interceptors.response.use(
67 window.__isNeedLogin = false 67 window.__isNeedLogin = false
68 Message.error('token失效，请重新登录'); 68 Message.error('token失效，请重新登录');
69 let locationUrl = window.location.protocol + '//' + window.location.host + window.location.pathname; 69 let locationUrl = window.location.protocol + '//' + window.location.host + window.location.pathname;
70 if (process.env.NODE_ENV === 'development') { 70 setToken(undefined)
71 localStorage.removeItem('token') 71 sessionStorage.removeItem('token')
72 } else {
73 Cookies.remove('ACCESS_TOKEN')
74 }
75 if (window._config.casEnable) { 72 if (window._config.casEnable) {
76 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(locationUrl); 73 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(locationUrl);
77 } else { 74 } else {
......
1 // 手机号码验证
2 const validatePhone = (rule, value, callback) => {
3 const patter = new RegExp('^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$')
4 if (!patter.test(value)) {
5 return callback(new Error('请输入正确格式的手机号！'))
6 } else {
7 callback() // 必须有此项回调，否则验证会一直不通过
8 }
9 }
10 export default {
11 common: {
12 phone: [{// 手机号
13 required: true,
14 message: '手机号不能为空'
15 }, {
16 validator: validatePhone,
17 trigger: 'blur'
18 }]
19 }
20 }
...\ No newline at end of file ...\ No newline at end of file
1 import Cookies from 'js-cookie'
2
3 const cookies = {}
4
5 /**
6 * @description 存储 cookie 值
7 * @param {String} name cookie name
8 * @param {String} value cookie value
9 * @param {Object} setting cookie setting
10 */
11 cookies.set = function (name = 'default', value = '', cookieSetting = {}) {
12 let currentCookieSetting = {
13 expires: 1
14 }
15 Object.assign(currentCookieSetting, cookieSetting)
16 Cookies.set(`${name}`, value, currentCookieSetting)
17 }
18
19 /**
20 * @description 拿到 cookie 值
21 * @param {String} name cookie name
22 */
23 cookies.get = function (name = 'default') {
24 return Cookies.get(`${name}`)
25 }
26
27 /**
28 * @description 拿到 cookie 全部的值
29 */
30 cookies.getAll = function () {
31 return Cookies.get()
32 }
33
34 /**
35 * @description 删除 cookie
36 * @param {String} name cookie name
37 */
38 cookies.remove = function (name = 'default') {
39 return Cookies.remove(`${name}`)
40 }
41
42 export default cookies
1 import cookies from './util.cookies'
2 export function getUrlParam(paraName) {
3 let url = document.location.toString();
4 let arrObj = url.split('?');
5
6 if (arrObj.length > 1) {
7 let arrPara = arrObj[1].split('&');
8 let arr;
9
10 for (let i = 0; i < arrPara.length; i++) {
11 arr = arrPara[i].split('=');
12
13 if (arr != null && arr[0] === paraName) {
14 // 截取#之前的内容
15 let result = arr[1].endsWith('#/') ? arr[1].substr(0, arr[1].indexOf('#')) : arr[1];
16 return result;
17 }
18 }
19 return '';
20 } else {
21 return '';
22 }
23 }
24
25 export function setToken(token) {
26 if (token === undefined) {
27 if (process.env.NODE_ENV === 'development') {
28 sessionStorage.removeItem('token')
29 } else {
30 cookies.remove('ACCESS_TOKEN')
31 }
32 } else {
33 if (process.env.NODE_ENV === 'development') {
34 sessionStorage.setItem('token', token);
35 } else {
36 cookies.set('ACCESS_TOKEN', token)
37 }
38 }
39 }
40
41 export function getToken() {
42 if (process.env.NODE_ENV === 'development') {
43 return sessionStorage.getItem('token')
44 }
45 return cookies.get('ACCESS_TOKEN')
46 }
47
1 import { log } from "bpmn-js-token-simulation";
1 2
2 3
3 var qlxxPage = [ 4 var qlxxPage = [
...@@ -36,6 +37,7 @@ var qlxxPage = [ ...@@ -36,6 +37,7 @@ var qlxxPage = [
36 { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" }, 37 { qllx: "B39", id: "cfdj", form: "cfdj.vue", label: "查封登记" },
37 { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, 38 { qllx: "B40", id: "ygdj", form: "ygdj.vue", label: "预告登记" },
38 { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" }, 39 { qllx: "B41", id: "ygdj", form: "ygdj.vue", label: "预告登记" },
40 { qllx: "DJB", id: "djbfm", form: "djbfm.vue", label: "预告登记" },
39 ]; 41 ];
40 42
41 //组装登记簿树形结构 43 //组装登记簿树形结构
...@@ -66,6 +68,7 @@ export function loadTreeData(qlxxData, bdcdyh) { ...@@ -66,6 +68,7 @@ export function loadTreeData(qlxxData, bdcdyh) {
66 68
67 //获取权利类型、不动产单元类型对应的树形节点信息 69 //获取权利类型、不动产单元类型对应的树形节点信息
68 export function getNode(qllx, qlxx, bdcdylx) { 70 export function getNode(qllx, qlxx, bdcdylx) {
71 console.log("qllx",qllx,"bdcdylx",bdcdylx);
69 let node; 72 let node;
70 for (var i = 0; i < qlxxPage.length; i++) { 73 for (var i = 0; i < qlxxPage.length; i++) {
71 if (qlxxPage[i].qllx == qllx) { 74 if (qlxxPage[i].qllx == qllx) {
...@@ -76,7 +79,9 @@ export function getNode(qllx, qlxx, bdcdylx) { ...@@ -76,7 +79,9 @@ export function getNode(qllx, qlxx, bdcdylx) {
76 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label}; 79 node = { id: "fdcq2", form: "fdcq2.vue", label: qlxxPage[i].label};
77 } 80 }
78 } else { 81 } else {
82 console.log("jin1111");
79 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};
84 console.log("nodenodenodenode",node);
80 } 85 }
81 break; 86 break;
82 } 87 }
......
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 :key="index" 30 :key="index"
31 > 31 >
32 <div> 32 <div>
33 <p>{{ item.qllxmc }} ||{{ item.operate }}</p> 33 <p>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p>
34 <!-- <p class="title-detail">{{ item.zl }}</p> --> 34 <!-- <p class="title-detail">{{ item.zl }}</p> -->
35 </div> 35 </div>
36 <i 36 <i
...@@ -127,6 +127,7 @@ export default { ...@@ -127,6 +127,7 @@ export default {
127 leftMenu(formdata).then((res) => { 127 leftMenu(formdata).then((res) => {
128 if (res.code === 200 && res.result) { 128 if (res.code === 200 && res.result) {
129 this.currentSelectProps = res.result[0]; 129 this.currentSelectProps = res.result[0];
130 console.log("this.currentSelectProps",this.currentSelectProps);
130 this.$emit("getCurrentSelectProps", this.currentSelectProps); 131 this.$emit("getCurrentSelectProps", this.currentSelectProps);
131 } 132 }
132 }); 133 });
...@@ -263,5 +264,8 @@ export default { ...@@ -263,5 +264,8 @@ export default {
263 } 264 }
264 .blxx { 265 .blxx {
265 border: #b0d9f8 solid 1px; 266 border: #b0d9f8 solid 1px;
267 .tpcolor{
268 color: red;
269 }
266 } 270 }
267 </style> 271 </style>
......
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 </template> 34 </template>
35 <script> 35 <script>
36 import { mapGetters } from "vuex"; 36 import { mapGetters } from "vuex";
37 import clxxAddDialog from "./components/tabsconcent/clxxAddDialog.vue"; 37 import clxxAddDialog from "./components/clxxAddDialog.vue";
38 import imagePreview from '@/views/components/imagePreview.vue' 38 import imagePreview from '@/views/components/imagePreview.vue'
39 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 39 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
40 import { popupDialog } from "@/utils/popup.js"; 40 import { popupDialog } from "@/utils/popup.js";
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></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.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <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">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </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">
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 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></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.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <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">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </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">
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 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></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.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <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">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </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">
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 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></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.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <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">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </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">
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 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></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.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <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">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </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">
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 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></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.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <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">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </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">
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 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></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.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <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">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </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">
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 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:59:02
5 -->
6 <template>
7 <!-- 受理信息 -->
8 <div class="slxx">
9 <el-form
10 :model="ruleForm"
11 :rules="rules"
12 class="loadingtext"
13 ref="ruleForm"
14 :label-position="flag ? 'top' : ''"
15 :inline="flag"
16 label-width="120px"
17 >
18 <div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
19 <div class="slxx_title title-block">
20 补录信息
21 <div class="triangle"></div>
22 </div>
23 <el-row :gutter="10">
24 <el-col :span="8">
25 <el-form-item label="补录编号：">
26 <el-input disabled v-model="ruleForm.repair.ywh"></el-input>
27 </el-form-item>
28 </el-col>
29 <el-col :span="8">
30 <el-form-item label="补录人员：">
31 <el-input disabled v-model="ruleForm.repair.slry"></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.repair.slsj"></el-input>
37 </el-form-item>
38 </el-col>
39 </el-row>
40 <div class="slxx_title title-block">
41 房地产权（独幢、层、套、间房屋）
42 <div class="triangle"></div>
43 </div>
44 <el-row :gutter="10">
45 <el-col :span="8">
46 <el-form-item label="不动产单元号：">
47 <el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
48 </el-form-item>
49 </el-col>
50 <el-col :span="8">
51 <el-form-item label="业务号：">
52 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
53 </el-form-item>
54 </el-col>
55 <el-col :span="8">
56 <el-form-item label="上手业务号：">
57 <el-input v-model="ruleForm.qlxx.ssywh"></el-input>
58 </el-form-item>
59 </el-col>
60 </el-row>
61 <el-row :gutter="10">
62 <el-col :span="8">
63 <el-form-item label="权利类型：">
64 <el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
65 </el-form-item>
66 </el-col>
67 <el-col :span="8">
68 <el-form-item label="登记类型：">
69 <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">
71 </el-option>
72 </el-select>
73 </el-form-item>
74 </el-col>
75 <el-col :span="8">
76 <el-form-item label="房地坐落：">
77 <el-input v-model="ruleForm.qlxx.zl"></el-input>
78 </el-form-item>
79 </el-col>
80 <el-col :span="8">
81 <el-form-item label="土地使用权人：">
82 <el-input v-model="ruleForm.fdcq2.tdsyqr"></el-input>
83 </el-form-item>
84 </el-col>
85 <el-col :span="8">
86 <el-form-item label="独用土地面积：">
87 <el-input v-model="ruleForm.fdcq2.dytdmj"></el-input>
88 </el-form-item>
89 </el-col>
90 <el-col :span="8">
91 <el-form-item label="分摊土地面积：">
92 <el-input v-model="ruleForm.fdcq2.fttdmj"></el-input>
93 </el-form-item>
94 </el-col>
95 <el-col :span="8">
96 <el-form-item label="土地用途：">
97 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="土地使用起始时间：">
102 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="土地使用结束时间：">
107 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
108 </el-form-item>
109 </el-col>
110 <el-col :span="8">
111 <el-form-item label="土地使用期限：">
112 <el-input v-model="ruleForm.qlxx.ywh"></el-input>
113 </el-form-item>
114 </el-col>
115 <el-col :span="8">
116 <el-form-item label="房地产交易价格：">
117 <el-input v-model="ruleForm.fdcq2.qjjg"></el-input>
118 <el-select v-model="ruleForm.fdcq2.jedw">
119 <el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
120 </el-option>
121 </el-select>
122 </el-form-item>
123 </el-col>
124 <el-col :span="8">
125 <el-form-item label="规划用途：">
126 <el-select v-model="ruleForm.fdcq2.ghyt">
127 <el-option v-for="item in dictData['A17']" :key="item.dcode" :label="item.dname" :value="item.dcode">
128 </el-option>
129 </el-select>
130 </el-form-item>
131 </el-col>
132 <el-col :span="8">
133 <el-form-item label="批准用途：">
134 <el-input v-model="ruleForm.fdcq2.pzyt"></el-input>
135 </el-form-item>
136 </el-col>
137 <el-col :span="8">
138 <el-form-item label="实际用途：">
139 <el-input v-model="ruleForm.fdcq2.sjyt"></el-input>
140 </el-form-item>
141 </el-col>
142 <el-col :span="8">
143 <el-form-item label="房屋性质：">
144 <el-select v-model="ruleForm.fdcq2.fwxz">
145 <el-option v-for="item in dictData['A19']" :key="item.dcode" :label="item.dname" :value="item.dcode">
146 </el-option>
147 </el-select>
148 </el-form-item>
149 </el-col>
150 <el-col :span="8">
151 <el-form-item label="房屋结构：">
152 <el-select v-model="ruleForm.fdcq2.fwjg">
153 <el-option v-for="item in dictData['A46']" :key="item.dcode" :label="item.dname" :value="item.dcode">
154 </el-option>
155 </el-select>
156 </el-form-item>
157 </el-col>
158 <el-col :span="8">
159 <el-form-item label="所在层：">
160 <el-input v-model="ruleForm.fdcq2.szc"></el-input>
161 </el-form-item>
162 </el-col>
163 <el-col :span="8">
164 <el-form-item label="总层数：">
165 <el-input v-model="ruleForm.fdcq2.zcs"></el-input>
166 </el-form-item>
167 </el-col>
168 <el-col :span="8">
169 <el-form-item label="建筑面积：">
170 <el-input v-model="ruleForm.fdcq2.jzmj"></el-input>
171 </el-form-item>
172 </el-col>
173 <el-col :span="8">
174 <el-form-item label="专有建筑面积：">
175 <el-input v-model="ruleForm.fdcq2.zyjzmj"></el-input>
176 </el-form-item>
177 </el-col>
178 <el-col :span="8">
179 <el-form-item label="分摊建筑面积：">
180 <el-input v-model="ruleForm.fdcq2.ftjzmj"></el-input>
181 </el-form-item>
182 </el-col>
183 <el-col :span="8">
184 <el-form-item label="竣工时间：">
185 <el-input v-model="ruleForm.fdcq2.jgsj"></el-input>
186 </el-form-item>
187 </el-col>
188
189 <el-col :span="8">
190 <el-form-item label="不动产权证号：">
191 <el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
192 </el-form-item>
193 </el-col>
194 <el-col :span="8">
195 <el-form-item label="区县代码：">
196 <el-input v-model="ruleForm.qlxx.qxdm"></el-input>
197 </el-form-item>
198 </el-col>
199 <el-col :span="8">
200 <el-form-item label="登记机构：">
201 <el-input v-model="ruleForm.qlxx.djjg"></el-input>
202 </el-form-item>
203 </el-col>
204 <el-col :span="8">
205 <el-form-item label="登簿人：">
206 <el-input v-model="ruleForm.qlxx.dbr"></el-input>
207 </el-form-item>
208 </el-col>
209 <el-col :span="8">
210 <el-form-item label="登记时间：">
211 <el-input v-model="ruleForm.qlxx.djsj"></el-input>
212 </el-form-item>
213 </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">
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 <el-row :gutter="10">
234 <el-col :span="12">
235 <el-form-item label="共有方式：">
236 <el-radio-group
237 :disabled="$route.query.viewtype == 0"
238 v-model="ruleForm.qlxx.gyqk"
239 >
240 <el-radio label="0">单独所有</el-radio>
241 <el-radio label="1">共同共有</el-radio>
242 <el-radio label="2">按份所有</el-radio>
243 <el-radio label="3">其它共有</el-radio>
244 </el-radio-group>
245 </el-form-item>
246 </el-col>
247 <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'">
248 <el-form-item label="是否分别持证：">
249 <el-radio-group v-model="ruleForm.qlxx.sqfbcz">
250 <el-radio :label=1>是</el-radio>
251 <el-radio :label=0>否</el-radio>
252 </el-radio-group>
253 </el-form-item>
254 </el-col> -->
255 <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'">
256 <el-form-item label="持证人：">
257 <el-select v-model="ruleForm.czr" placeholder="持证人">
258 <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
259 </el-option>
260 </el-select>
261 </el-form-item>
262 </el-col> -->
263 </el-row>
264 <qlrCommonTable
265 :tableData="ruleForm.qlrList"
266 @upDateQlrxxList="upDateQlrxxList"
267 :key="key"
268 :viewtype="$route.query.viewtype"
269 :gyfs="ruleForm.qlxx.gyfs"
270 />
271
272 <div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
273 <div class="slxx_title title-block">
274 义务人信息
275 <div class="triangle"></div>
276 </div>
277 <qlrCommonTable
278 v-if="ruleForm.ywrList"
279 :tableData="ruleForm.ywrList"
280 :key="key"
281 @upDateQlrxxList="upDateYwrxxList"
282 :viewtype="$route.query.viewtype"
283 />
284 </div>
285 </div>
286 <el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
287 <el-form-item>
288 <el-button type="primary" @click="onSubmit">保存</el-button>
289 </el-form-item>
290 </el-row>
291 </el-form>
292 </div>
293 </template>
294 <script>
295 import { mapGetters } from "vuex";
296 import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
297 import { init } from "@/api/djbbl.js";
298 import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
299 export default {
300 components: { qlrCommonTable },
301 computed: {
302 ...mapGetters(["dictData", "flag"]),
303 },
304 data() {
305 return {
306 //表单是否可操作
307 propsParam: this.$attrs,
308 ableOperation: true,
309 key: 0,
310 isShow: false,
311 disabled: true,
312 czrOptions: [],
313 ruleForm: {},
314 //传递参数\
315 rules: {},
316 };
317 },
318 created() {
319 console.log("受理信息",this.ruleForm);
320 this.loadData();
321 },
322 mounted() {},
323 methods: {
324 loadData() {
325 init(this.propsParam.bsmRepair).then((res) => {
326 if (res.code == 200) {
327 this.ruleForm = res.result;
328 this.isShow = true;
329 // this.tableData = res.result;
330 // if (this.tableData.length < datas.columns().emptycolNum) {
331 // this.emptycolNum =
332 // datas.columns().emptycolNum - this.tableData.length;
333 // } else {
334 // this.emptycolNum = 0;
335 // }
336 }
337 });
338 },
339 // 更新权利人信息
340 upDateQlrxxList(val) {
341 this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
342 this.czrOptions = this.ruleForm.qlrList;
343 this.key++;
344 },
345 // 更新义务人信息
346 upDateYwrxxList(val) {
347 this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
348 this.key++;
349 },
350 onSubmit() {
351 if (this.ruleForm.qlrList.length == 0) {
352 this.$message({
353 showClose: true,
354 message: "请确认权利人信息",
355 type: "error",
356 });
357 return false;
358 }
359
360 if (this.ruleForm.qlxx.gyfs == "0") {
361 if (this.ruleForm.qlrList.length > 1) {
362 this.$message({
363 showClose: true,
364 message: "共有方式：单独所有，权利人只能是一个人",
365 type: "error",
366 });
367 return false;
368 }
369 this.ruleForm.qlrList[0].sfczr = "1";
370 }
371 if (this.ruleForm.qlxx.gyfs == "1") {
372 //是否分别持证
373 if (this.ruleForm.qlxx.sqfbcz == "1") {
374 //是
375 this.ruleForm.qlrList.forEach((item, index) => {
376 item.sfczr = "1";
377 });
378 } else {
379 this.ruleForm.qlrList.forEach((item, index) => {
380 if (item.zjh == this.ruleForm.czr) {
381 item.sfczr = "1";
382 } else {
383 item.sfczr = "0";
384 }
385 });
386 }
387 }
388 saveData(this.ruleForm).then((res) => {
389 if (res.code === 200) {
390 this.$message({
391 showClose: true,
392 message: "保存成功！",
393 type: "success",
394 });
395 this.$store.dispatch("user/refreshPage", true);
396 } else {
397 this.$message({
398 showClose: true,
399 message: res.message,
400 type: "error",
401 });
402 }
403 });
404 },
405 },
406 };
407 </script>
408 <style scoped lang="scss">
409 @import "~@/styles/public.scss";
410 @import "~@/styles/slxx/slxx.scss";
411 </style>
1 <template>
2 <div class="from-clues">
3 <el-tabs type="card" v-model="activeName" @tab-click="handleTabClick">
4 <el-tab-pane label="受理信息" name="slxx"></el-tab-pane>
5 <el-tab-pane
6 :disabled="isshow"
7 label="审批意见"
8 name="spyj"></el-tab-pane>
9 <el-tab-pane
10 :disabled="isshow"
11 label="材料信息"
12 name="clxx"></el-tab-pane>
13 </el-tabs>
14 <div v-if="activeName == 'slxx'">
15 <div class="from-clues-header">
16 <el-form ref="form" :model="form" label-width="160px">
17 <el-row>
18 <el-col :span="12">
19 <el-form-item label="权属状态" label-width="140px">
20 <el-select v-model="form.qszt">
21 <el-option
22 v-for="item in qsztList"
23 :key="item.value"
24 :label="item.label"
25 :value="item.value">
26 </el-option>
27 </el-select>
28 </el-form-item>
29 </el-col>
30 <el-col :span="12" v-for="item in datalist" :key="item.bdcdyh">
31 <el-form-item
32 :prop="item.prop"
33 :label="item.label"
34 label-width="140px">
35 <el-input v-model="form[item.prop]"></el-input>
36 </el-form-item>
37 </el-col>
38 </el-row>
39 </el-form>
40 <div class="btn">
41 <el-button type="primary" @click="slxxsubmitForm">保存</el-button>
42 <el-button @click="closeDialog">取消</el-button>
43 </div>
44 </div>
45 </div>
46 <div v-if="activeName == 'spyj'">
47 <div class="from-clues-header spyj">
48 <div class="box">
49 <b class="spyj_title">审批表</b>
50 <el-form
51 :model="ruleForm"
52 :rules="rules"
53 ref="ruleForm"
54 label-width="120px">
55 <div class="spyj_form">
56 <div class="item_left">初审意见</div>
57 <div class="item_right">
58 <el-row>
59 <el-col :span="24">
60 <el-form-item
61 label-width="0"
62 class="opinion_item"
63 prop="shyj">
64 <el-input
65 type="textarea"
66 :rows="4"
67 class="opinion"
68 placeholder="请输入审批意见"
69 v-model="ruleForm.shyj"></el-input>
70 </el-form-item>
71 </el-col>
72 </el-row>
73 <el-row>
74 <el-col :span="16">
75 <el-form-item
76 prop="shryxm"
77 label="审查人"
78 label-width="90px">
79 <el-input v-model="ruleForm.shr"></el-input>
80 </el-form-item>
81 </el-col>
82 <el-col :span="8">
83 <el-form-item
84 label="审核时间"
85 prop="shjssj"
86 label-width="90px">
87 <el-input v-model="ruleForm.shsj"></el-input>
88 </el-form-item>
89 </el-col>
90 </el-row>
91 </div>
92 </div>
93 </el-form>
94 <el-form
95 :model="ruleForm"
96 :rules="rules"
97 ref="ruleForm"
98 label-width="120px">
99 <div class="spyj_form">
100 <div class="item_left">复审意见</div>
101 <div class="item_right">
102 <el-row>
103 <el-col :span="24">
104 <el-form-item
105 label-width="0"
106 class="opinion_item"
107 prop="shyj">
108 <el-input
109 type="textarea"
110 :rows="4"
111 class="opinion"
112 placeholder="请输入审批意见"
113 v-model="ruleForm.shyj"></el-input>
114 </el-form-item>
115 </el-col>
116 </el-row>
117 <el-row>
118 <el-col :span="16">
119 <el-form-item
120 prop="shryxm"
121 label="审查人"
122 label-width="90px">
123 <el-input v-model="ruleForm.shr"></el-input>
124 </el-form-item>
125 </el-col>
126 <el-col :span="8">
127 <el-form-item
128 label="审核时间"
129 prop="shjssj"
130 label-width="90px">
131 <el-input v-model="ruleForm.shsj"></el-input>
132 </el-form-item>
133 </el-col>
134 </el-row>
135 </div>
136 </div>
137 </el-form>
138 <el-form
139 :model="ruleForm"
140 :rules="rules"
141 ref="ruleForm"
142 label-width="120px">
143 <div class="spyj_form">
144 <div class="item_left">核定意见</div>
145 <div class="item_right">
146 <el-row>
147 <el-col :span="24">
148 <el-form-item
149 label-width="0"
150 class="opinion_item"
151 prop="shyj">
152 <el-input
153 type="textarea"
154 :rows="4"
155 class="opinion"
156 placeholder="请输入审批意见"
157 v-model="ruleForm.shyj"></el-input>
158 </el-form-item>
159 </el-col>
160 </el-row>
161 <el-row>
162 <el-col :span="16">
163 <el-form-item
164 prop="shryxm"
165 label="审查人"
166 label-width="90px">
167 <el-input v-model="ruleForm.shr"></el-input>
168 </el-form-item>
169 </el-col>
170 <el-col :span="8">
171 <el-form-item
172 label="审核时间"
173 prop="shjssj"
174 label-width="90px">
175 <el-input v-model="ruleForm.shsj"></el-input>
176 </el-form-item>
177 </el-col>
178 </el-row>
179 </div>
180 </div>
181 </el-form>
182
183 </div>
184 <div class="btn">
185 <el-button type="primary" @click="spyjsubmitForm">保存</el-button>
186 <el-button @click="closeDialog">取消</el-button>
187 </div>
188 </div>
189 </div>
190 <div v-if="activeName == 'clxx'">
191 <div class="from-clues-header">
192 <div class="clxx">
193 <div class="right">
194 <!-- 材料预览 -->
195 <div class="clyl-box">
196 <div class="menu-tree">
197 <el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
198 <div class="item">
199 材料目录({{tableData.length}})
200 <div style="margin-top:10px">
201 <div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
202 <div v-for="(item,index) in tableData" :key="item.bsmSj"
203 :class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
204 <span v-if="item.isrequired==1" class="required">必选</span>
205 {{ item.sjmc }}
206 <span class="cl_number">({{item.children ? item.children.length : 0}})</span>
207 </div>
208 </div>
209 </div>
210 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()">新增</el-button>
211 </div>
212 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
213 @prevPriview="prevPriview" />
214 </div>
215 </div>
216 <clxxAddDialog v-model="isDialog" />
217 </div>
218 <div class="btn">
219 <el-button type="primary" @click="clxxsubmitForm">保存</el-button>
220 <el-button @click="closeDialog">取消</el-button>
221 </div>
222
223 </div>
224 </div>
225 </div>
226 </template>
227 <script>
228 import { mapGetters } from "vuex";
229 import clxxAddDialog from "./tabsconcent/clxxAddDialog.vue";
230 import imagePreview from '@/views/components/imagePreview.vue'
231 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
232 export default {
233 components: { clxxAddDialog, imagePreview },
234 props: {
235 formData: {
236 type: Object,
237 default: () => { },
238 },
239 },
240 data () {
241 return {
242 activeName: "slxx",
243 form: {},
244 datalist: [],
245 qsztList: [
246 {
247 value: "1",
248 label: "现势",
249 },
250 {
251 value: "2",
252 label: "历史",
253 },
254 ],
255 label: "",
256 isshow: true,
257
258 // 审批
259 bsmSlsq: "",
260 //刷新值
261 bestepid: "",
262 ruleForm: {},
263 rules: {
264 shyj: [{ required: true, message: "请输入审批意见", trigger: "blur" }],
265 },
266
267 // 材料
268 isDialog: false,
269 iclass: "",
270 tableData: [],
271 // 材料目录选中
272 treeCheckIndex: 0,
273 treeCheckId: "",
274 key: 0,
275 tableDatas: [],
276 previewImg: {
277 // 收件标识码
278 bsmSj: "",
279 bsmSlsq: this.$parent.bsmSlsq,
280 index: 0,
281 selectedIndex: 0,
282 imgList: [],
283 },
284 };
285 },
286 computed: {
287 ...mapGetters(["dictData"])
288 },
289 created () {
290 this.clmlInitList(1)
291 },
292 mounted () {
293 if (this.formData.data) {
294 this.$nextTick(() => {
295 this.form = Object.assign({}, this.formData.data);
296 // this.datalist = Object.assign([], this.formData.datalist)
297 this.form.qszt =
298 this.form.qszt == "0"
299 ? "临时"
300 : this.form.qszt == "1"
301 ? "现势"
302 : "历史";
303 });
304 }
305
306 // this.datalist = this.formData.datalist
307 this.datalist = JSON.parse(JSON.stringify(this.formData.datalist));
308 this.datalist.shift();
309 this.datalist.shift();
310 },
311
312 methods: {
313 // 受理信息保存
314 slxxsubmitForm () {
315 this.$refs.form.validate((valid) => {
316 if (valid) {
317 // addUserCommonOpinion({ commonOpinion: this.form.commonOpinion }).then(res => {
318 // if (res.code == 200) {
319 // this.$message.success("新增成功")
320 // this.closeaddDiglog();
321 // this.getList()
322 // } else {
323 // this.$message.error(res.message)
324 // }
325 // })
326 } else {
327 return false;
328 }
329 });
330 this.isshow = false;
331 },
332 // 审批意见保存
333 spyjsubmitForm () {
334 console.log("this.ruleForm", this.ruleForm);
335 // this.ruleForm.bsmSlsq = this.bsmSlsq
336 // this.ruleForm.bestepid = this.bestepid
337 // saveSpyjBySlsq(this.ruleForm).then(res => {
338 // if (res.code === 200) {
339 // this.$message.success("保存成功")
340 // this.refresh += 1
341 // } else {
342 // this.$message.error(res.message)
343 // }
344 // })
345 },
346
347 // 材料信息保存
348 clxxsubmitForm () { },
349 closeDialog () {
350 this.$alert("取消后填写内容将被清空", "提示", {
351 confirmButtonText: "确定",
352 callback: (action) => {
353 this.$message({
354 type: "info",
355 message: "已取消",
356 });
357 this.$popupCacel();
358 this.$refs["form"].resetFields();
359 },
360 });
361
362 // this.resetTableFields();
363 },
364 handleTabClick () { },
365
366 //使用常用意见
367 useOpinion (opinion) {
368 this.ruleForm.shyj = opinion;
369 },
370
371
372 // 材料上传
373 // 自动预览
374 nextPriview () {
375 if (this.treeCheckIndex < this.tableData.length) {
376 this.treeCheckIndex++
377 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
378 this.previewImg.index = 0
379 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
380 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
381 }
382 },
383 prevPriview () {
384 if (this.treeCheckIndex >= 1) {
385 this.treeCheckIndex--
386 this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
387 this.previewImg.index = this.previewImg.imgList.length
388 this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
389 this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
390 }
391 },
392 // 材料目录明细初始化
393 clmlInitList (type) {
394 this.tableData = []
395 //type 1：列表初始化 2：新增材料
396 // return new Promise(resolve => {
397 // this.unitData = this.$parent.unitData;
398 // var formdata = new FormData();
399 // formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
400 // formdata.append("bsmSlsq", this.$parent.bsmSlsq);
401 // InitClml(formdata).then((res) => {
402 // if (res.code == 200) {
403 // resolve(res.code)
404 // if (res.result && res.result.length > 0) {
405
406 // if (type == 1) {
407 // this.treeClick(this.tableData[0], 0);
408 // } else {
409 // //新增材料后刷新列表焦点置于新增的对象上
410 // this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
411 // }
412 // }
413 // } else {
414 // this.$message.error(res.message)
415 // }
416 // })
417 // })
418 },
419 setChecked (item) {
420 this.treeCheckId = item.bsmSj;
421 this.title = item.sjmc;
422 this.titleYs = 1;
423 this.titleNum = item.children.length;
424 this.previewImg.imgList = item.children;
425 this.previewImg.bsmSj = item.bsmSj;
426 },
427 updateList (val) {
428 let that = this
429 if (val != null) { //删除最后一张图片时 val=null
430 this.tableData.forEach(item => {
431 if (item.bsmSj === val.bsmSj) {
432 item.children = val.children
433 }
434 })
435 this.previewImg.imgList = _.cloneDeep(val.children)
436 if (this.previewImg.index == this.previewImg.imgList.length) {
437 this.previewImg.index = this.previewImg.index - 1
438 }
439 } else {
440 this.previewImg.imgList = []
441 this.tableData.forEach((item, index) => {
442 if (this.treeCheckId == item.bsmSj) {
443 item.children = []
444 that.treeCheckIndex = index
445 }
446 })
447 }
448
449 },
450 // 添加材料目录
451 handleAdd () {
452 console.log("新增");
453 this.isDialog = true;
454 },
455 // 新增弹窗保存
456 addSave (data) {
457 let obj = {
458 bsmSlsq: this.$parent.bsmSlsq,
459 isrequired: "1",
460 sjmc: data.clmc,
461 sjsl: 0,
462 smzt: '',
463 ys: 0,
464 sjlx: data.cllx,
465 sfxjcl: "1", // 是否必选
466 };
467 saveClml(obj).then(async (res) => {
468 if (res.code == 200) {
469 let res = await this.clmlInitList(2)
470 if (res == 200) this.$message({
471 message: "新增成功",
472 type: "success",
473 })
474 }
475 });
476 },
477 // 材料目录点击选中
478 treeClick (item, index) {
479 this.previewImg.index = 0
480 this.treeCheckId = item?.bsmSj
481 this.treeCheckIndex = index
482 this.previewImg.imgList = item?.children
483 this.previewImg.bsmSj = item?.bsmSj
484 },
485 // 小图片点击
486 imgClick (item, index) {
487 this.showImg = item;
488 this.titleYs = index + 1;
489 },
490 // 字典
491 dicStatus (val, code) {
492 let data = this.$store.getters.dictData[code],
493 name = "暂无";
494 if (data) {
495 data.map((item) => {
496 if (item.dcode == val) {
497 name = item.dname
498 }
499 });
500 return name
501 }
502 },
503 //查看明细
504 viewDetail () {
505 console.log("查看明细");
506 this.$popupDialog("查看明细", "djbworkflow/djbBook/components/clxxDetailDialog", {
507 data: this.tableData
508 }, "60%")
509 },
510 //设置tableData
511 setTableData (tableData) {
512 this.$nextTick(res => {
513 this.tableData = tableData;
514 })
515 },
516 },
517 };
518 </script>
519 <style scoped lang="scss">
520 @import "~@/styles/mixin.scss";
521 @import "~@/styles/public.scss";
522
523 .from-clues-header {
524 @include flex;
525 flex-direction: column;
526 overflow-y: hidden;
527 padding: 0 2px;
528
529 .btn {
530 margin-top: 40px;
531 margin-bottom: 20px;
532 text-align: center;
533 }
534 }
535
536 // 审批意见样式
537
538 .spyj {
539 .box {
540 overflow-x: auto;
541 width: 100%;
542 height: 95%;
543 background: #fff;
544 text-align: center;
545 padding: 4px;
546 overflow-y: scroll;
547 padding-top: 20px;
548 padding: 20px 40px;
549 /deep/.el-input__inner {
550 width: 200px;
551 border: none;
552 }
553 }
554 .spyj_title {
555 line-height: 68px;
556 border: 1px solid $borderColor;
557 text-align: center;
558 font-size: 22px;
559 font-weight: 400;
560 background-color: #eceef2;
561 display: block;
562 border-bottom: none;
563 }
564
565 /deep/.el-form-item {
566 margin-bottom: 0;
567 }
568
569 .bottom10 {
570 margin-bottom: 15px;
571 }
572
573 .spyj_form {
574 display: flex;
575 border: 1px solid $borderColor;
576
577 .item_left {
578 width: 150px;
579 background-color: #f8f8fa;
580 color: #606266;
581 display: flex;
582 font-size: 14px;
583 text-indent: 80px;
584 align-items: center;
585 border-right: 1px solid $borderColor;
586 }
587
588 .item_right {
589 flex: 1;
590 width: 100%;
591
592 /deep/.el-form-item__label {
593 background-color: #f8f8fa;
594 }
595 /deep/.el-form-item__content {
596 display: block;
597 text-align: left;
598 text-indent: 10px;
599 }
600 .opinion_item {
601 /deep/.el-form-item__error {
602 margin-top: -16px !important;
603 left: 3px;
604 }
605
606 border-bottom: 1px solid $borderColor;
607 }
608
609 .opinion {
610 position: relative;
611 font-size: 14px;
612
613 /deep/.el-textarea__inner {
614 border: none;
615 }
616 }
617
618 .opinion_btn {
619 position: absolute;
620 right: 15px;
621 bottom: 10px;
622 }
623 }
624 }
625
626 .submit_button {
627 text-align: center;
628 margin: 15px 0;
629 }
630 }
631
632 // 材料信息样式
633 .active {
634 background: $light-blue !important;
635 color: #fff;
636 }
637
638 .required {
639 font-size: 12px;
640 color: $pink;
641 float: left;
642 }
643
644 .cl_number {
645 float: right;
646 }
647
648 .clxx {
649 width: 100%;
650 display: flex;
651 padding-left: 5px;
652 height: calc(100vh - 125px);
653
654 .left {
655 display: flex;
656 flex-direction: column;
657 justify-content: space-between;
658
659 .item {
660 width: 28px;
661 height: 49%;
662 @include flex-center;
663 background-color: #e4e7ed;
664 border-bottom-right-radius: 10px;
665 padding: 5px;
666 cursor: pointer;
667 transition: all 0.3s;
668
669 &:hover {
670 @extend .active;
671 }
672 }
673 }
674
675 .right {
676 width: 100%;
677 height: 100%;
678
679 .clmlmx-box {
680 margin: 0 auto;
681
682 .title {
683 text-align: center;
684 height: 60px;
685 line-height: 60px;
686 border: 1px solid #dfe6ec;
687 font-size: 20px;
688 background: #81d3f81a;
689 margin-bottom: -1px;
690 }
691 }
692
693 .clyl-box {
694 width: 100%;
695 height: 100%;
696 display: flex;
697
698 .menu-tree {
699 width: 20%;
700 min-width: 160px;
701 height: 100%;
702 margin-right: 10px;
703 border-right: 1px dotted #d9d9d9;
704 padding: 0 15px;
705
706 .item {
707 line-height: 30px;
708 padding-top: 5px;
709 border-bottom: 1px solid #e8e8e8;
710 font-size: 16px;
711 text-align: center;
712 color: $light-blue;
713
714 .itemIcon {
715 float: right;
716 line-height: 60px;
717 cursor: pointer;
718 }
719
720 .child {
721 line-height: 32px;
722 border-bottom: 1px solid #e8e8e8;
723 padding-left: 10px;
724 color: #6b6b6b;
725 cursor: pointer;
726 box-sizing: border-box;
727 border-radius: 6px;
728 line-height: 20px;
729 transition: all 0.3s;
730 padding: 8px 0;
731 }
732
733 .child:hover {
734 color: $light-blue;
735 transform: scale(1.1);
736 }
737
738 .checked {
739 border: 1px solid $light-blue;
740 color: $light-blue;
741 }
742 }
743 }
744
745 .clyl-img {
746 width: 75%;
747 height: 100%;
748 background: #f3f4f7;
749 margin: 0 auto;
750 position: relative;
751 }
752 }
753 }
754 }
755 </style>
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-05-09 09:20:10
5 -->
6 <template>
7 <el-dialog
8 :close-on-click-modal="false"
9 title="选择权利类型"
10 class="qllxdialog"
11 :visible.sync="dialogVisible"
12 custom-class="insetDialog"
13 append-to-body
14 width="20%"
15 >
16 <el-select v-model="qllxvalue" placeholder="请选择">
17 <el-option
18 v-for="item in options"
19 :key="item.value"
20 :label="item.label"
21 :value="item.value"
22 >
23 </el-option>
24 </el-select>
25 <!-- <el-radio-group v-model="radio">
26 <el-radio :label="1">111</el-radio>
27 <el-radio :label="2">111</el-radio>
28 </el-radio-group> -->
29 <el-button type="primary" @click="handleSubmit">确定</el-button>
30 <el-button type="primary" @click="closeDialog">取消</el-button>
31 </el-dialog>
32 </template>
33
34 <script>
35 export default {
36
37 data () {
38 return {
39 dialogVisible:false,
40 options: [
41 {
42 value: "选项1",
43 label: "抵押权",
44 },
45 {
46 value: "选项2",
47 label: "地役权",
48 },
49 {
50 value: "选项3",
51 label: "预告登记",
52 },
53 {
54 value: "选项4",
55 label: "异议登记",
56 },
57 {
58 value: "选项5",
59 label: "查封登记",
60 },
61 ],
62 qllxvalue: "",
63 radio:3,
64 qllxobj:{
65 qllx:"",
66 bsmQlxx
67
68 }
69 };
70 },
71 methods: {
72 closeDialog () {
73 this.dialogVisible=false
74 },
75 handleSubmit () {
76 let qllxobj={
77 qllx:this.value,
78 bsmQlxx:this.value
79
80 }
81 // this.$parent.addRepairRecord(qllxobj)
82 },
83 },
84 };
85 </script>
86 <style scoped lang="scss">
87 .qllxdialog{
88 margin-top: 200px;
89 /deep/.el-dialog__body{
90 margin-top: 10px;
91 height: 100px;
92 }
93 .el-button{
94 margin-top: 10px;
95 margin-left: 20px;
96 }
97 }
98 </style>
1 <!-- 1 <!--
2 * @Description : 房地产权1 2 * @Description : 房地产权1
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-02 14:45:00 4 * @LastEditTime : 2023-06-16 10:23:27
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -111,23 +111,22 @@ ...@@ -111,23 +111,22 @@
111 }, 111 },
112 // 编辑 112 // 编辑
113 editDialog(row){ 113 editDialog(row){
114 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 114 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
115 confirmButtonText: '确定', 115 // confirmButtonText: '确定',
116 cancelButtonText: '取消', 116 // cancelButtonText: '取消',
117 type: 'warning' 117 // type: 'warning'
118 }).then(() => { 118 // }).then(() => {
119 this.$parent.addRepairRecord(row) 119 this.$parent.addRepairRecord(row)
120 120 // this.$message({
121 this.$message({ 121 // type: 'success',
122 type: 'success', 122 // message: '补录成功!'
123 message: '补录成功!' 123 // });
124 }); 124 // }).catch(() => {
125 }).catch(() => { 125 // this.$message({
126 this.$message({ 126 // type: 'info',
127 type: 'info', 127 // message: '取消编辑'
128 message: '取消编辑' 128 // });
129 }); 129 // });
130 });
131 130
132 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 131 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
133 // datalist:this.columns, 132 // datalist:this.columns,
......
1 <!-- 1 <!--
2 * @Description : 房地产权2 2 * @Description : 房地产权2
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-14 10:52:48 4 * @LastEditTime: 2023-06-20 09:59:18
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -47,9 +47,9 @@ ...@@ -47,9 +47,9 @@
47 </template> 47 </template>
48 48
49 <script> 49 <script>
50 import { getFdcq2List } from "@/api/registerBook.js"; 50 import { getFdcq2List } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js"; 51 import { datas } from "./qlxxFormData.js";
52 export default { 52 export default {
53 data () { 53 data () {
54 return { 54 return {
55 title: "房地产权登记信息（独幢、层、套、间房屋）", 55 title: "房地产权登记信息（独幢、层、套、间房屋）",
...@@ -76,7 +76,6 @@ export default { ...@@ -76,7 +76,6 @@ export default {
76 qszt: this.checkList, 76 qszt: this.checkList,
77 }).then((res) => { 77 }).then((res) => {
78 if (res.code === 200) { 78 if (res.code === 200) {
79 console.log("国有建设",res);
80 this.tableData = res.result; 79 this.tableData = res.result;
81 if (this.tableData.length < datas.columns().emptycolNum) { 80 if (this.tableData.length < datas.columns().emptycolNum) {
82 this.emptycolNum = 81 this.emptycolNum =
...@@ -107,7 +106,7 @@ export default { ...@@ -107,7 +106,7 @@ export default {
107 }, 106 },
108 107
109 // 编辑 108 // 编辑
110 editDialog(row){ 109 editDialog (row) {
111 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 110 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
112 confirmButtonText: '确定', 111 confirmButtonText: '确定',
113 cancelButtonText: '取消', 112 cancelButtonText: '取消',
...@@ -134,7 +133,7 @@ export default { ...@@ -134,7 +133,7 @@ export default {
134 133
135 }, 134 },
136 // 删除 135 // 删除
137 deleteDialog(row){ 136 deleteDialog (row) {
138 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { 137 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
139 confirmButtonText: '确定', 138 confirmButtonText: '确定',
140 cancelButtonText: '取消', 139 cancelButtonText: '取消',
...@@ -164,9 +163,9 @@ export default { ...@@ -164,9 +163,9 @@ export default {
164 } 163 }
165 164
166 }, 165 },
167 }; 166 };
168 </script> 167 </script>
169 168
170 <style lang="scss" scoped> 169 <style lang="scss" scoped>
171 @import "./qlxxCommon.scss"; 170 @import "./qlxxCommon.scss";
172 </style> 171 </style>
......
1 <!-- 1 <!--
2 * @Description :国有建设用地使用权 2 * @Description :国有建设用地使用权
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-13 13:55:51 4 * @LastEditTime : 2023-06-16 10:23:54
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -115,23 +115,23 @@ ...@@ -115,23 +115,23 @@
115 }, 115 },
116 // 编辑 116 // 编辑
117 editDialog(row){ 117 editDialog(row){
118 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 118 // this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
119 confirmButtonText: '确定', 119 // confirmButtonText: '确定',
120 cancelButtonText: '取消', 120 // cancelButtonText: '取消',
121 type: 'warning' 121 // type: 'warning'
122 }).then(() => { 122 // }).then(() => {
123 this.$parent.addRepairRecord(row) 123 this.$parent.addRepairRecord(row)
124 124
125 this.$message({ 125 // this.$message({
126 type: 'success', 126 // type: 'success',
127 message: '补录成功!' 127 // message: '补录成功!'
128 }); 128 // });
129 }).catch(() => { 129 // }).catch(() => {
130 this.$message({ 130 // this.$message({
131 type: 'info', 131 // type: 'info',
132 message: '取消编辑' 132 // message: '取消编辑'
133 }); 133 // });
134 }); 134 // });
135 135
136 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 136 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
137 // datalist:this.columns, 137 // datalist:this.columns,
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px"> 10 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index"> 11 <div class="spyj_form" v-for="(item, index) in tableData" :key="index">
12 <div class="item_left"> 12 <div class="item_left">
13 {{ item.jdmc }}初审意见 13 {{ item.jdmc }}意见
14 </div> 14 </div>
15 <div class="item_right"> 15 <div class="item_right">
16 <el-row> 16 <el-row>
...@@ -101,7 +101,9 @@ ...@@ -101,7 +101,9 @@
101 getSpyjList(formdata).then((res) => { 101 getSpyjList(formdata).then((res) => {
102 this.$endLoading() 102 this.$endLoading()
103 if (res.code === 200 && res.result) { 103 if (res.code === 200 && res.result) {
104
104 this.tableData = res.result ? res.result : [] 105 this.tableData = res.result ? res.result : []
106 console.log("this.tableDatathis.tableDatathis.tableDatathis.tableData",this.tableData);
105 if (res.result.length == 0) { 107 if (res.result.length == 0) {
106 that.isNoData = true 108 that.isNoData = true
107 } 109 }
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 </tr> 26 </tr>
27 <tr> 27 <tr>
28 <td style="width:15%">宗地面积</td> 28 <td style="width:15%">宗地面积</td>
29 <td style="width:30%">{{ zdjbxx.zdmj }}</td> 29 <td style="width:30%">{{ zdjbxx.zdmj }}m²</td>
30 <td style="width:15%">用途</td> 30 <td style="width:15%">用途</td>
31 <td style="width:30%">{{ zdjbxx.ghytmc }}</td> 31 <td style="width:30%">{{ zdjbxx.ghytmc }}</td>
32 </tr> 32 </tr>
...@@ -193,11 +193,11 @@ ...@@ -193,11 +193,11 @@
193 }, 193 },
194 methods: { 194 methods: {
195 loadData () { 195 loadData () {
196 console.log("this.$attrs",this.$attrs); 196 console.log("this.$attrs", this.$attrs);
197 console.log("this.propsParam",this.propsParam); 197 console.log("this.propsParam", this.propsParam);
198 if(this.propsParam.bsmSldy){ 198 if (this.propsParam.bsmSldy) {
199 console.log("宗地基本信息"); 199 console.log("宗地基本信息");
200 }else{ 200 } else {
201 console.log("登记簿里宗地基本信息"); 201 console.log("登记簿里宗地基本信息");
202 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 202 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
203 if (res.code === 200) { 203 if (res.code === 200) {
......
...@@ -56,56 +56,99 @@ export function getForm (tabName, djywbm) { ...@@ -56,56 +56,99 @@ export function getForm (tabName, djywbm) {
56 // case "zdt": 56 // case "zdt":
57 // form = require("@/views/djbworkflow/components/zdt.vue"); 57 // form = require("@/views/djbworkflow/components/zdt.vue");
58 // break; 58 // break;
59 // 宗地基本信息
60 case "zdjbxx": 59 case "zdjbxx":
61 form = require("@/views/djbworkflow/djbBook/zdjbxx.vue"); 60 form = require("@/views/registerBook/zdjbxx.vue");
62 break; 61 break;
63 // 查封登记
64 case "cfdj": 62 case "cfdj":
65 form = require("@/views/djbworkflow/djbBook/cfdj.vue"); 63 form = require("@/views/registerBook/cfdj.vue");
66 break; 64 break;
67 // 国有建设用地使用权
68 case "jsydsyq": 65 case "jsydsyq":
69 form = require("@/views/djbworkflow/djbBook/jsydsyq.vue"); 66 form = require("@/views/registerBook/jsydsyq.vue");
70 break; 67 break;
71 // 农用地使用权
72 case "nydsyq": 68 case "nydsyq":
73 form = require("@/views/djbworkflow/djbBook/nydsyq.vue"); 69 form = require("@/views/registerBook/nydsyq.vue");
74 break; 70 break;
75 // 房屋产权2
76 case "fdcq2": 71 case "fdcq2":
77 form = require("@/views/djbworkflow/djbBook/fdcq2.vue"); 72 form = require("@/views/registerBook/fdcq2.vue");
78 break; 73 break;
79 // 抵押权
80 case "diyaq": 74 case "diyaq":
81 form = require("@/views/djbworkflow/djbBook/diyaq.vue"); 75 form = require("@/views/registerBook/diyaq.vue");
82 break; 76 break;
83 // 预告登记
84 case "ygdj": 77 case "ygdj":
85 form = require("@/views/djbworkflow/djbBook/ygdj.vue"); 78 form = require("@/views/registerBook/ygdj.vue");
86 break; 79 break;
87 // 地役权 80 // 地役权
88 case "diyiq": 81 case "diyiq":
89 form = require("@/views/djbworkflow/djbBook/diyiq.vue"); 82 form = require("@/views/registerBook/diyiq.vue");
90 break; 83 break;
91 // 登记簿封面 84 // 登记簿封面
92 case "djbfm": 85 case "djbfm":
93 form = require("@/views/djbworkflow/djbBook/djbfm.vue"); 86 form = require("@/views/registerBook/djbfm.vue");
94 break; 87 break;
95 // 异议登记 88 // 异议登记
96 case "yydj": 89 case "yydj":
97 form = require("@/views/djbworkflow/djbBook/yydj.vue"); 90 form = require("@/views/registerBook/yydj.vue");
98 break; 91 break;
92 // // 宗地基本信息
93 // case "zdjbxx":
94 // form = require("@/views/djbworkflow/djbBook/zdjbxx.vue");
95 // break;
96 // // 查封登记
97 // case "cfdj":
98 // form = require("@/views/djbworkflow/djbBook/cfdj.vue");
99 // break;
100 // // 国有建设用地使用权
101 // case "jsydsyq":
102 // form = require("@/views/djbworkflow/djbBook/jsydsyq.vue");
103 // break;
104 // // 农用地使用权
105 // case "nydsyq":
106 // form = require("@/views/djbworkflow/djbBook/nydsyq.vue");
107 // break;
108 // // 房屋产权2
109 // case "fdcq2":
110 // form = require("@/views/djbworkflow/djbBook/fdcq2.vue");
111 // break;
112 // // 抵押权
113 // case "diyaq":
114 // form = require("@/views/djbworkflow/djbBook/diyaq.vue");
115 // break;
116 // // 预告登记
117 // case "ygdj":
118 // form = require("@/views/djbworkflow/djbBook/ygdj.vue");
119 // break;
120 // // 地役权
121 // case "diyiq":
122 // form = require("@/views/djbworkflow/djbBook/diyiq.vue");
123 // break;
124 // // 登记簿封面
125 // case "djbfm":
126 // form = require("@/views/djbworkflow/djbBook/djbfm.vue");
127 // break;
128 // // 异议登记
129 // case "yydj":
130 // form = require("@/views/djbworkflow/djbBook/yydj.vue");
131 // break;
99 // 受理信息 132 // 受理信息
100 case "slxx": 133 case "slxx":
101 form = require("@/views/djbworkflow/djbBook/slxx.vue"); 134 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fwsyq/slxx.vue");
102 break; 135 break;
136 // case "clxx":
137 // form = require("@/views/djbworkflow/djbBook/components/clxx.vue");
138 // break;
139 // case "spyj":
140 // form = require("@/views/djbworkflow/djbBook/components/spyj.vue");
141 // break;
142 // case "slxx":
143 // form = require("@/views/djbworkflow/djbBook/slxx.vue");
144 // break;
103 case "clxx": 145 case "clxx":
104 form = require("@/views/djbworkflow/djbBook/clxx.vue"); 146 form = require("@/views/djbworkflow/djbBook/clxx.vue");
105 break; 147 break;
106 case "spyj": 148 case "spyj":
107 form = require("@/views/djbworkflow/djbBook/spyj.vue"); 149 form = require("@/views/djbworkflow/djbBook/spyj.vue");
108 break; 150 break;
151
109 // case "clxx": 152 // case "clxx":
110 // form = require("@/views/djbworkflow/components/clxxUnify.vue"); 153 // form = require("@/views/djbworkflow/components/clxxUnify.vue");
111 // break; 154 // break;
......
...@@ -80,7 +80,7 @@ export default { ...@@ -80,7 +80,7 @@ export default {
80 break; 80 break;
81 case "B2": //材料分屏按钮 81 case "B2": //材料分屏按钮
82 this.splitScreen = this.splitScreen ? false : true; 82 this.splitScreen = this.splitScreen ? false : true;
83 this.$store.dispatch("app/settScreen", this.splitScreen); 83 this.$store.dispatch("app/set1tScreen", this.splitScreen);
84 if (this.splitScreen) { 84 if (this.splitScreen) {
85 //如果当前选项卡为材料信息内容，递减到上一个选项卡内容 85 //如果当前选项卡为材料信息内容，递减到上一个选项卡内容
86 if (this.tabName == this.clxxTab.value) { 86 if (this.tabName == this.clxxTab.value) {
...@@ -100,28 +100,44 @@ export default { ...@@ -100,28 +100,44 @@ export default {
100 case "B4": 100 case "B4":
101 this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true) 101 this.$popupDialog("登记簿详情", "registerBook/djbFrame", this.currentSelectProps, '80%', true)
102 break; 102 break;
103 case "B5": 103 // case "B5":
104 // this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { 104 // const h = this.$createElement;
105 // bsmSlsq: this.bsmSlsq, 105 // this.$msgbox({
106 // entryType: '1' 106 // title: '请选择新增权利类型',
107 // }, '65%', true) 107 // message: h('p', null, [
108 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 108 // h('span', null, '内容可以是 '),
109 confirmButtonText: '确定', 109 // h('el-button', { style: 'color: teal' }, 'VNode'),
110 cancelButtonText: '取消', 110 // h('i', { style: 'color: teal' }, 'VNode')
111 type: 'warning' 111 // ]),
112 }).then(() => { 112 // showCancelButton: true,
113 this.addRepairRecord() 113 // confirmButtonText: '确定',
114 this.$message({ 114 // cancelButtonText: '取消',
115 type: 'success', 115 // beforeClose: (action, instance, done) => {
116 message: '补录成功!' 116 // if (action === 'confirm') {
117 }); 117 // instance.confirmButtonLoading = true;
118 }).catch(() => { 118 // instance.confirmButtonText = '执行中...';
119 this.$message({ 119 // setTimeout(() => {
120 type: 'info', 120 // done();
121 message: '取消编辑' 121 // setTimeout(() => {
122 }); 122 // instance.confirmButtonLoading = false;
123 }); 123 // }, 300);
124 // }, 3000);
125 // } else {
126 // done();
127 // }
128 // }
129 // }).then(action => {
130 // this.addRepairRecord()
131 // this.$message({
132 // type: 'info',
133 // message: 'action: ' + action
134 // });
135 // });
124 136
137 // break;
138 case "B5":
139 // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true)
140 this.$refs.qllxlist.dialogVisible=true
125 break; 141 break;
126 case "B6": 142 case "B6":
127 //根据编号获取对应信息 143 //根据编号获取对应信息
......
...@@ -62,6 +62,8 @@ ...@@ -62,6 +62,8 @@
62 </div> 62 </div>
63 </div> 63 </div>
64 </div> 64 </div>
65 <!-- 新增补录信息勾选权利类型 -->
66 <qllxDailog ref="qllxlist"/>
65 </div> 67 </div>
66 </template> 68 </template>
67 <style scoped lang="scss"> 69 <style scoped lang="scss">
...@@ -70,16 +72,19 @@ ...@@ -70,16 +72,19 @@
70 </style> 72 </style>
71 <script> 73 <script>
72 import WorkFlow from "./mixin/index"; 74 import WorkFlow from "./mixin/index";
73 import { getForm } from "./flowform" 75 import { getForm } from "./flowform";
74 import NoticeBar from "@/components/NoticeBar/index"; 76 import NoticeBar from "@/components/NoticeBar/index";
75 import { unClaimTask } from "@/api/ywbl.js";
76 import ProcessViewer from "./components/processViewer.vue"; 77 import ProcessViewer from "./components/processViewer.vue";
77 // 引入左侧菜单 78 // 引入左侧菜单
78 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue"; 79 import ordinaryMenu from "./components/leftmenu/ordinaryMenu.vue";
80 import qllxDailog from "./djbBook/components/qllxDailog";
79 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue"; 81 import selectBdc from "@/views/ywbl/ywsq/selectBdc.vue";
80 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js"; 82 import { loadTreeData, getNode } from "./components/leftmenu/djbFrameData.js";
81 // 登记簿数据信息 83 // 登记簿数据信息
82 import { addRepairRecord } from "@/api/djbbl.js" 84 import { addRepairRecord } from "@/api/djbbl.js";
85 // 获取权利类型数组
86 import { getQllxByBdcdyid } from "@/api/djbbl.js";
87
83 import { getBdcqljqtsx } from "@/api/registerBook.js"; 88 import { getBdcqljqtsx } from "@/api/registerBook.js";
84 export default { 89 export default {
85 components: { 90 components: {
...@@ -87,6 +92,7 @@ export default { ...@@ -87,6 +92,7 @@ export default {
87 NoticeBar, 92 NoticeBar,
88 ProcessViewer, 93 ProcessViewer,
89 ordinaryMenu, 94 ordinaryMenu,
95 qllxDailog,
90 }, 96 },
91 mixins: [WorkFlow], 97 mixins: [WorkFlow],
92 data() { 98 data() {
...@@ -101,6 +107,10 @@ export default { ...@@ -101,6 +107,10 @@ export default {
101 qllx: this.$route.query.qllx, 107 qllx: this.$route.query.qllx,
102 //设置那个表单选中 108 //设置那个表单选中
103 tabName: "", 109 tabName: "",
110 // 弹框显示
111 dialogVisible: true,
112 // 权利类型数组
113 qllxlist: [],
104 //表单集合 114 //表单集合
105 tabList: [], 115 tabList: [],
106 //选择加载哪一个组件 116 //选择加载哪一个组件
...@@ -113,27 +123,35 @@ export default { ...@@ -113,27 +123,35 @@ export default {
113 clxxTab: {}, 123 clxxTab: {},
114 //页面监听时间 124 //页面监听时间
115 _beforeUnload_time: "", 125 _beforeUnload_time: "",
116 treedata:{}, 126 treedata: {},
117 tabdata:[], 127 tabdata: [],
118 defaultNode:{} 128 defaultNode: {},
129
119 }; 130 };
120 }, 131 },
121 mounted() { 132 mounted() {},
122 },
123 133
124 methods: { 134 methods: {
135 getQllxByBdcdyid() {
136 getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
137 (res) => {
138 if (res.code === 200) {
139 console.log("Qllxlist", res);
140 }
141 }
142 );
143 },
125 // 获取右侧选项卡 144 // 获取右侧选项卡
126 getCurrentSelectProps (val) { 145 getCurrentSelectProps(val) {
127 this.currentSelectProps = val 146 this.currentSelectProps = val;
128 if(this.currentSelectProps.bsmRepair){ 147 if (this.currentSelectProps.bsmRepair) {
129 this.tabset() 148 this.tabset(val);
130 }else{ 149 } else {
131 this.getdjblist() 150 this.getdjblist();
132 } 151 }
133
134 }, 152 },
135 // 获取渲染登记簿列表 153 // 获取渲染登记簿列表
136 getdjblist(){ 154 getdjblist() {
137 getBdcqljqtsx({ 155 getBdcqljqtsx({
138 bdcdyid: this.currentSelectProps.bdcdyid, 156 bdcdyid: this.currentSelectProps.bdcdyid,
139 bdcdyh: this.currentSelectProps.bdcdyh, 157 bdcdyh: this.currentSelectProps.bdcdyh,
...@@ -141,29 +159,36 @@ export default { ...@@ -141,29 +159,36 @@ export default {
141 if (res.code === 200) { 159 if (res.code === 200) {
142 this.treedata = loadTreeData(res.result, this.bdcdyh); 160 this.treedata = loadTreeData(res.result, this.bdcdyh);
143 this.$nextTick(function () { 161 this.$nextTick(function () {
144 this.defaultNode = getNode(this.currentSelectProps.qllx, { linShi: 0, xianShi: 0, liShi: 0 }, ""); 162 this.defaultNode = getNode(
145 this.tabName =this.defaultNode.id; //data[0].id为默认选中的节点 163 this.currentSelectProps.qllx,
164 { linShi: 0, xianShi: 0, liShi: 0 },
165 ""
166 );
167 this.tabName = this.defaultNode.id; //data[0].id为默认选中的节点
146 }); 168 });
147 } 169 }
148 }); 170 });
149 171
150 setTimeout(() => { 172 setTimeout(() => {
151 let settree=JSON.parse(JSON.stringify(this.treedata)) 173 let settree = JSON.parse(JSON.stringify(this.treedata));
152 this.tabdata=[...settree,...settree[1].children[0].children[0].children] 174 this.tabdata = [
153 this.tabdata.forEach((item,index,arr) => { 175 ...settree,
154 arr[index].name=item.label; 176 ...settree[1].children[0].children[0].children,
155 arr[index].value=item.id 177 ];
156 }) 178 this.tabdata.forEach((item, index, arr) => {
157 this.tabList=this.tabdata 179 arr[index].name = item.label;
158 }, 200) 180 arr[index].value = item.id;
159 181 });
182 this.tabList = this.tabdata;
183 this.getQllxByBdcdyid();
184 }, 200);
160 }, 185 },
161 186
162 tabset(){ 187 tabset(val) {
163 this.tabName = ''; 188 this.tabName = "";
164 this.tabList = [ 189 this.tabList = [
165 { 190 {
166 name: "受理信息", 191 name: val.qllxmc + "补录信息",
167 value: "slxx", 192 value: "slxx",
168 sort: 1, 193 sort: 1,
169 }, 194 },
...@@ -180,24 +205,19 @@ export default { ...@@ -180,24 +205,19 @@ export default {
180 ]; 205 ];
181 206
182 this.$nextTick(function () { 207 this.$nextTick(function () {
183 this.tabName = 'slxx'; 208 this.tabName = "slxx";
184 }); 209 });
185
186 }, 210 },
187 211
188 // stepForm(index){
189 // console.log(index);
190 // },
191
192 //右侧表单选项卡事件 212 //右侧表单选项卡事件
193 beforeLeave (activeName, oldActiveName) { 213 beforeLeave(activeName, oldActiveName) {
194 if (activeName && activeName != 0) this.getFromRouter(activeName) 214 if (activeName && activeName != 0) this.getFromRouter(activeName);
195 }, 215 },
196 //切换选项卡内容组件 216 //切换选项卡内容组件
197 getFromRouter (tabname) { 217 getFromRouter(tabname) {
198 for (let item of this.tabList) { 218 for (let item of this.tabList) {
199 if (item.value === tabname) { 219 if (item.value === tabname) {
200 this.currentSelectTab = item 220 this.currentSelectTab = item;
201 break; 221 break;
202 } 222 }
203 } 223 }
...@@ -205,17 +225,18 @@ export default { ...@@ -205,17 +225,18 @@ export default {
205 }, 225 },
206 226
207 // 增加补录记录 227 // 增加补录记录
208 addRepairRecord(row){ 228 addRepairRecord(row) {
209 let from={ 229 let from = {
210 bsmQlxx:"", 230 bsmQlxx: "",
211 bsmSlsq:this.bsmSlsq, 231 bsmSlsq: this.bsmSlsq,
212 bsmSldy:this.currentSelectProps.bsmSldy, 232 bsmSldy: this.currentSelectProps.bsmSldy,
213 operate:"C", 233 operate: "C",
214 qllx:this.currentSelectProps.qllx 234 qllx: this.currentSelectProps.qllx,
215 } 235 };
216 if(row){ 236 if (row) {
217 from.bsmQlxx=row.bsmQlxx 237 from.bsmQlxx = row.bsmQlxx;
218 from.operate="U" 238 from.operate = "U";
239 from.qllx = row.qllx;
219 } 240 }
220 241
221 addRepairRecord(from).then((res) => { 242 addRepairRecord(from).then((res) => {
...@@ -224,6 +245,9 @@ export default { ...@@ -224,6 +245,9 @@ export default {
224 }); 245 });
225 }); 246 });
226 }, 247 },
248
227 }, 249 },
228 }; 250 };
229 </script> 251 </script>
252 <style scoped lang="scss">
253 </style>
......
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>隐藏</title>
5 <desc>Created with Sketch.</desc>
6 <g id="隐藏" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M6.03072945,10.4919039 L5.73253111,12.7244564 C5.69597191,12.998168 5.44444773,13.190418 5.17073614,13.1538588 C4.89702455,13.1172996 4.70477455,12.8657754 4.74133375,12.5920638 L5.06197696,10.1914709 C4.16952851,9.84883526 3.3412638,9.33963486 2.57840414,8.66573829 L1.54490653,10.84056 C1.42638298,11.0899729 1.12811158,11.1960797 0.878698712,11.0775561 C0.629285844,10.9590326 0.52317909,10.6607612 0.641702643,10.4113483 L1.82431508,7.92273947 C1.1849111,7.22355926 0.59765863,6.39438608 0.0634190527,5.43653783 C-0.0710917064,5.19537095 0.0153701679,4.89082404 0.256537054,4.75631328 C0.49770394,4.62180252 0.802250844,4.7082644 0.936761603,4.94943128 C2.7218512,8.14995221 5.0622906,9.71807475 8.00009033,9.71807475 C10.9378901,9.71807475 13.2783295,8.14995221 15.0634191,4.94943128 C15.1979298,4.7082644 15.5024767,4.62180252 15.7436436,4.75631328 C15.9848105,4.89082404 16.0712724,5.19537095 15.9367616,5.43653783 C15.4384416,6.32998517 14.8939977,7.11147869 14.304129,7.77994884 L15.554597,10.4113483 C15.6731206,10.6607612 15.5670138,10.9590326 15.3176009,11.0775561 C15.0681881,11.1960797 14.7699167,11.0899729 14.6513931,10.84056 L13.5590961,8.54200484 C12.6449311,9.38205401 11.6347609,9.98078996 10.5307537,10.3348952 L10.8296734,12.5728484 C10.8662326,12.84656 10.6739826,13.0980842 10.400271,13.1346434 C10.1265594,13.1712026 9.87503523,12.9789526 9.83847602,12.705241 L9.5545725,10.5797109 C9.05379094,10.671864 8.53557174,10.7180748 8.00009033,10.7180748 C7.31528214,10.7180748 6.6587062,10.6424973 6.03072945,10.4919039 Z" id="形状结合" fill="#B4B4B4" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>显示</title>
5 <desc>Created with Sketch.</desc>
6 <g id="显示" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M8,13.5944821 C5.08783139,13.5944821 2.47901047,11.8330303 0.184843129,8.37324049 L3.55271368e-15,8.09448212 L0.184843129,7.81572374 C2.47901047,4.35593396 5.08783139,2.59448212 8,2.59448212 C10.9121686,2.59448212 13.5209895,4.35593396 15.8151569,7.81572374 L16,8.09448212 L15.8151569,8.37324049 C13.5209895,11.8330303 10.9121686,13.5944821 8,13.5944821 Z M8,3.59448212 C5.53379057,3.59448212 3.26813906,5.07524663 1.19270822,8.09448212 C3.26813906,11.1137176 5.53379057,12.5944821 8,12.5944821 C10.4662094,12.5944821 12.7318609,11.1137176 14.8072918,8.09448212 C12.7318609,5.07524663 10.4662094,3.59448212 8,3.59448212 Z M9.12299335,5.45693297 C8.68456104,5.73514629 8.39327462,6.2269821 8.39327462,6.78731592 C8.39327462,7.65519196 9.09205701,8.3587445 9.95404878,8.3587445 C10.2357938,8.3587445 10.5001026,8.28358173 10.7282737,8.15208542 C10.6331828,9.58403639 9.44941475,10.7158874 8.00308108,10.7158874 C6.49459548,10.7158874 5.27172629,9.48467042 5.27172629,7.96588735 C5.27172629,6.44710429 6.49459548,5.21588735 8.00308108,5.21588735 C8.40216026,5.21588735 8.78124917,5.30206019 9.12299335,5.45693297 Z" id="形状结合" fill="#0091FF" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>password</title>
5 <desc>Created with Sketch.</desc>
6 <g id="password" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M4.0011827,6.56400569 L4.0011827,4.87032377 C4.0011827,2.74881464 5.72100565,1.02899168 7.84251478,1.02899168 C9.96402392,1.02899168 11.6838469,2.74881464 11.6838469,4.87032377 L11.6838469,5.7928261 L10.7661998,5.7928261 L10.7661998,4.87032377 C10.7661998,3.25561712 9.45722144,1.94663874 7.84251478,1.94663874 C6.22780813,1.94663874 4.91882975,3.25561712 4.91882975,4.87032377 L4.91882975,6.56400569 L12.6850296,6.56400569 C13.4907156,6.56400569 14.1438531,7.21714323 14.1438531,8.02282922 L14.1438531,13.4028479 C14.1438531,14.2085339 13.4907156,14.8616714 12.6850296,14.8616714 L3,14.8616714 C2.19431401,14.8616714 1.54117647,14.2085339 1.54117647,13.4028479 L1.54117647,8.02282922 C1.54117647,7.21714323 2.19431401,6.56400569 3,6.56400569 L4.0011827,6.56400569 Z M3,7.48165275 C2.70111649,7.48165275 2.45882353,7.72394571 2.45882353,8.02282922 L2.45882353,13.4028479 C2.45882353,13.7017314 2.70111649,13.9440244 3,13.9440244 L12.6850296,13.9440244 C12.9839131,13.9440244 13.226206,13.7017314 13.226206,13.4028479 L13.226206,8.02282922 C13.226206,7.72394571 12.9839131,7.48165275 12.6850296,7.48165275 L3,7.48165275 Z" id="形状结合" fill="#6D7278" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>user</title>
5 <desc>Created with Sketch.</desc>
6 <g id="user" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M5.70040727,8.36338619 C4.96173204,8.70409103 4.31101884,9.24156453 3.78444015,9.95202823 C2.94870333,11.0788243 2.46666667,12.5978855 2.46666667,14.1120529 C2.46666667,14.2335891 2.59610246,14.3514362 2.77548069,14.3514362 L13.1661579,14.3514362 C13.3455361,14.3514362 13.4749719,14.2335891 13.4749719,14.1120529 C13.4749719,12.0278862 12.5626821,10.0351425 11.1096588,8.92092682 L11.6776024,8.18028444 C13.3693466,9.47755739 14.4083053,11.7469879 14.4083053,14.1120529 C14.4083053,14.7696063 13.8424825,15.2847695 13.1661579,15.2847695 L2.77548069,15.2847695 C2.09915609,15.2847695 1.53333333,14.7696063 1.53333333,14.1120529 C1.53333333,12.4013641 2.07738878,10.6868606 3.0347023,9.39614673 C3.53516209,8.7209228 4.13710805,8.17384176 4.81664416,7.7738283 C3.93912572,7.01707839 3.38576579,5.91929918 3.38576579,4.69637232 C3.38576579,2.40902821 5.3212908,0.556854908 7.69195361,0.556854908 C10.063179,0.556854908 11.9981414,2.40606943 11.9981414,4.69289423 C11.9981414,6.98023832 10.0626164,8.83241167 7.69195361,8.83241167 C6.97429417,8.83241167 6.29659602,8.66302531 5.70040727,8.36338619 Z M4.31909912,4.69637232 C4.31909912,6.45803072 5.82696798,7.89907833 7.69195361,7.89907833 C9.55611742,7.89907833 11.0648081,6.4553581 11.0648081,4.69289423 C11.0648081,2.93123585 9.55693923,1.49018824 7.69195361,1.49018824 C5.82778977,1.49018824 4.31909912,2.93390843 4.31909912,4.69637232 Z" id="形状结合" fill="#6D7278" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div id="login">
3 <div class="login-logo"><img src="./images/logo-login.png" /></div>
4 <div class="login-con">
5 <!-- <div class="login-title">用户登录</div>-->
6 <div class="login-user" :class="{ 'select-border': change.user }">
7 <img class="user-icon" src="./images/user.svg" />
8 <!-- <div class="line-mid"></div>-->
9 <input
10 type="text"
11 class="user-input"
12 placeholder="请输入您的账号"
13 v-model="userInfo.username"
14 @focus="reduceBorder('user')"
15 @blur="addBorder('user')"
16 />
17 <span class="warning" v-show="warning.user">账号不能为空</span>
18 </div>
19 <div class="login-user user-mt" :class="{ 'select-border': change.pass }">
20 <img class="user-icon" src="./images/password.svg" />
21 <!-- <div class="line-mid"></div>-->
22 <input
23 type="password"
24 class="user-input"
25 placeholder="请输入您的密码"
26 v-model="userInfo.password"
27 v-show="!selectEye"
28 @focus="reduceBorder('pass')"
29 @blur="addBorder('pass')"
30 />
31 <input
32 type="text"
33 class="user-input"
34 placeholder="请输入您的密码"
35 v-model="userInfo.password"
36 v-show="selectEye"
37 @focus="reduceBorder('pass')"
38 @blur="addBorder('pass')"
39 />
40 <img
41 class="password-eye"
42 src="./images/open.svg"
43 @click="selectEyes"
44 v-show="selectEye"
45 />
46 <img
47 class="password-eye"
48 src="./images/close.svg"
49 @click="selectEyes"
50 v-show="!selectEye"
51 />
52 <span class="warning" v-show="warning.pass">密码不能为空</span>
53 </div>
54 <!-- <div class="login-remake">
55 <i
56 class="icon iconfont iconfuxuan1 icon-style"
57 v-show="!selectIcon"
58 @click="selectRemeber"
59 ></i>
60 <i
61 class="icon iconfont iconfuxuan-xuanzhong icon-select"
62 v-show="selectIcon"
63 @click="selectRemeber"
64 ></i>
65 <span class="remake_txt" @click="selectRemeber">记住账号密码</span>
66 </div> -->
67 <div id="loginBtn" class="login-btn" @click="goHome">登录</div>
68 </div>
69 <div class="reserved-con">
70 <!-- <div class="reserved-words">版权所有：2020©某某市自然资源和规划</div> -->
71 <div class="reserved-words line-two">
72 技术支持：爬山虎科技股份有限公司
73 </div>
74 </div>
75 </div>
76 </template>
77 <script>
78 import {getUrlParam} from "@/utils/util";
79 import axios from "axios";
80 export default {
81 data() {
82 return {
83 selectIcon: true,
84 selectEye: false,
85 userInfo:{
86 username: 'admin',
87 password: '123',
88 redirectUrl: ''
89 },
90 change: {
91 //边框
92 user: false,
93 pass: false,
94 },
95 warning: {
96 user: false,
97 pass: false,
98 },
99 canDo: 1,
100 };
101 },
102 mounted() {
103 this.initPage();
104 this.userInfo.redirectUrl = localStorage.getItem('dj-location')
105 },
106 methods: {
107 initPage() {
108 let userInfo =
109 localStorage.getItem("userInfo") &&
110 JSON.parse(localStorage.getItem("userInfo"));
111 if (userInfo) {
112 this.userInfo.username = userInfo.username;
113 this.userInfo.password = userInfo.password;
114 }
115 },
116 selectRemeber() {
117 this.selectIcon = !this.selectIcon;
118 },
119 goHome() {
120 axios.post(window._config.services.management + "/management/cas/login", this.userInfo).then(response => {
121 if (response.data.status === 1) {
122 if (response.data.content.location) {
123 window.location.href = response.data.content.location
124 }
125 } else {
126 this.$message.error(response.data.message)
127 }
128 }).catch(error => {
129 console.log(error)
130 this.$message.error(error.message)
131 })
132 },
133 selectEyes() {
134 this.selectEye = !this.selectEye;
135 },
136 reduceBorder(type) {
137 //获取焦点
138 if (type == "user") {
139 this.change.user = true;
140 } else {
141 this.change.pass = true;
142 }
143 },
144 addBorder(type) {
145 //失去焦点
146 if (type == "user") {
147 this.change.user = false;
148 if (!this.userInfo.username) {
149 this.warning.user = true;
150 } else {
151 this.warning.user = false;
152 }
153 } else {
154 this.change.pass = false;
155 if (!this.userInfo.password) {
156 this.warning.pass = true;
157 } else {
158 this.warning.pass = false;
159 }
160 }
161 },
162 },
163 };
164 </script>
165 <style lang="scss" scoped>
166 #login {
167 width: 100vw;
168 height: 100vh;
169 background: url("./images/login-bg.png") no-repeat bottom center;
170 background-size: 100% 100%;
171 overflow: hidden;
172 .login-logo {
173 margin-top: 8%;
174 height: 38px;
175 width: 100%;
176 text-align: center;
177 }
178 .login-logo img {
179 height: 100%;
180 }
181 .login-con {
182 margin: 88px auto;
183 width: 380px;
184 }
185 .login-user {
186 width: 100%;
187 height: 46px;
188 border: 1px solid rgba(155, 155, 155, 1);
189 box-sizing: border-box;
190 margin: 38px auto auto auto;
191 border-radius: 2px;
192 position: relative;
193 .user-icon {
194 float: left;
195 margin: 13px auto auto 10px;
196 width: 28px;
197 height: 18px;
198 }
199 .user-input {
200 width: 80%;
201 float: left;
202 font-size: 16px;
203 outline: 0;
204 border: none;
205 color: #4a4a4a;
206 line-height: 260%;
207 background-color: transparent;
208 }
209 .password-eye {
210 float: right;
211 width: 16px;
212 height: 16px;
213 margin-right: 12px;
214 margin-top: 13px;
215 cursor: pointer;
216 }
217 .warning {
218 font-size: 12px;
219 color: red;
220 position: absolute;
221 left: 0;
222 bottom: -18px;
223 }
224 }
225 .user-mt {
226 margin-top: 26px;
227 }
228 .select-border {
229 border: 1px solid rgba(0, 113, 255, 1);
230 }
231 .login-remake {
232 width: 320px;
233 height: 14px;
234 margin: 0 auto;
235 margin-top: 26px;
236 .icon-style {
237 font-size: 12px;
238 color: #5b5b5b;
239 float: left;
240 line-height: 14px;
241 cursor: pointer;
242 }
243 .icon-select {
244 font-size: 12px;
245 color: rgba(0, 127, 255, 1);
246 float: left;
247 line-height: 14px;
248 cursor: pointer;
249 }
250 .remake_txt {
251 font-size: 12px;
252 line-height: 14px;
253 color: #5b5b5b;
254 margin-left: 6px;
255 float: left;
256 cursor: pointer;
257 }
258 }
259 .login-btn {
260 width: 100%;
261 height: 40px;
262 background: rgba(0, 127, 255, 1);
263 border-radius: 4px;
264 margin: 0 auto;
265 margin-top: 40px;
266 font-size: 16px;
267 line-height: 40px;
268 text-align: center;
269 color: #fff;
270 cursor: pointer;
271 }
272 .reserved-con {
273 margin: 38px auto;
274 }
275 .reserved-words {
276 font-size: 12px;
277 color: #b4b4b4;
278 text-align: center;
279 }
280 .line-two {
281 margin-top: 8px;
282 }
283 }
284 </style>
285
...\ No newline at end of file ...\ No newline at end of file
1 <template> 1 <template>
2 <div class="edit"> 2 <div class="edit">
3 <el-tabs type="card" v-model="activeName" > 3 <el-tabs type="card" v-model="activeName">
4 <el-tab-pane label="楼盘页面" name="first"></el-tab-pane> 4 <el-tab-pane label="楼盘页面" name="first"></el-tab-pane>
5 <el-tab-pane label="单元列表页面" name="second"></el-tab-pane> 5 <el-tab-pane label="单元列表页面" name="second"></el-tab-pane>
6 </el-tabs> 6 </el-tabs>
7 <div class="tab-content" v-if="activeName=='first'" ref="tabContent" :style="{ height: lpbContentHight + 'px' }" v-show="bjztFlag"> 7 <div
8 class="tab-content"
9 v-if="activeName == 'first'"
10 ref="tabContent"
11 :style="{ height: lpbContentHight + 'px' }"
12 v-show="bjztFlag"
13 >
8 <!-- 楼盘表主体 --> 14 <!-- 楼盘表主体 -->
9 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> 15 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
10 <lpbContent ref="lpbContent" :zrzbsm="formData.bsm" :key="time"></lpbContent> 16 <lpbContent
17 ref="lpbContent"
18 :zrzbsm="formData.bsm"
19 :key="time"
20 ></lpbContent>
11 </div> 21 </div>
12 <!-- 右侧图例 --> 22 <!-- 右侧图例 -->
13 <div class="lp-legend"> 23 <div class="lp-legend">
...@@ -16,46 +26,89 @@ ...@@ -16,46 +26,89 @@
16 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> 26 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
17 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> 27 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i>
18 </div> 28 </div>
19 <div :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" @click="selectedZt = 'dyzt'"> 29 <div
30 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
31 @click="selectedZt = 'dyzt'"
32 >
20 <span>单元状态</span> 33 <span>单元状态</span>
21 </div> 34 </div>
22 <div :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" @click="selectedZt = 'fwxz'"> 35 <div
36 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
37 @click="selectedZt = 'fwxz'"
38 >
23 <span>房屋性质</span> 39 <span>房屋性质</span>
24 </div> 40 </div>
25 <div :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" @click="selectedZt = 'fwyt'"> 41 <div
42 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
43 @click="selectedZt = 'fwyt'"
44 >
26 <span>房屋用途</span> 45 <span>房屋用途</span>
27 </div> 46 </div>
28 <div :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'" @click="selectedZt = 'qsx'"> 47 <div
48 :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'"
49 @click="selectedZt = 'qsx'"
50 >
29 <span>缺失项</span> 51 <span>缺失项</span>
30 </div> 52 </div>
31
32 </div> 53 </div>
33 <div class="legendTable-wrap" :style="{ width: legendToggleFlag ? '204px' : '0' }"> 54 <div
34 <table class="legendTable" v-show="selectedZt == 'dyzt'" cellspacing="1" cellpadding="1" border="1"> 55 class="legendTable-wrap"
56 :style="{ width: legendToggleFlag ? '200px' : '0' }"
57 >
58 <table
59 class="legendTable"
60 v-show="selectedZt == 'dyzt'"
61 cellspacing="1"
62 cellpadding="1"
63 border="1"
64 >
35 <tr> 65 <tr>
36 <th>状态</th> 66 <th>状态</th>
37 <th>套数</th> 67 <th>套数</th>
38 <th>面积</th> 68 <th>面积</th>
39 </tr> 69 </tr>
40 <tr v-for="(item, index) in dyztList" :key="index" class="cp" 70 <tr
41 @click="handleChoosedH(item.bsms, item.color)"> 71 v-for="(item, index) in dyztList"
72 :key="index"
73 class="cp"
74 @click="handleChoosedH(item.bsms, item.color)"
75 >
42 <td> 76 <td>
43 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 77 <i
78 class="fa fa-circle"
79 :style="{ backgroundColor: item.color }"
80 ></i
81 >{{ item.name }}
44 </td> 82 </td>
45 <td>{{ item.ts }}</td> 83 <td>{{ item.ts }}</td>
46 <td>{{ item.mj }}</td> 84 <td>{{ item.mj }}</td>
47 </tr> 85 </tr>
48 </table> 86 </table>
49 <table class="legendTable" v-show="selectedZt == 'fwxz'" cellspacing="1" cellpadding="1" border="1"> 87
88 <table
89 class="legendTable"
90 v-show="selectedZt == 'fwxz'"
91 cellspacing="1"
92 cellpadding="1"
93 border="1"
94 >
50 <tr> 95 <tr>
51 <th>性质</th> 96 <th>性质</th>
52 <th>套数</th> 97 <th>套数</th>
53 <th>面积</th> 98 <th>面积</th>
54 </tr> 99 </tr>
55 <tr v-for="(item, index) in fwxzList" :key="index" class="cp" 100 <tr
56 @click="handleChoosedH(item.bsms, item.color)"> 101 v-for="(item, index) in fwxzList"
102 :key="index"
103 class="cp"
104 @click="handleChoosedH(item.bsms, item.color)"
105 >
57 <td> 106 <td>
58 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 107 <i
108 class="fa fa-circle"
109 :style="{ backgroundColor: item.color }"
110 ></i
111 >{{ item.name }}
59 </td> 112 </td>
60 <td>{{ item.ts }}</td> 113 <td>{{ item.ts }}</td>
61 <td>{{ item.mj }}</td> 114 <td>{{ item.mj }}</td>
...@@ -65,16 +118,30 @@ ...@@ -65,16 +118,30 @@
65 </tr> 118 </tr>
66 </table> 119 </table>
67 120
68 <table class="legendTable" v-show="selectedZt == 'fwyt'" cellspacing="1" cellpadding="1" border="1"> 121 <table
122 class="legendTable"
123 v-show="selectedZt == 'fwyt'"
124 cellspacing="1"
125 cellpadding="1"
126 border="1"
127 >
69 <tr> 128 <tr>
70 <th>用途</th> 129 <th>用途</th>
71 <th>套数</th> 130 <th>套数</th>
72 <th>面积</th> 131 <th>面积</th>
73 </tr> 132 </tr>
74 <tr v-for="(item, index) in fwytList" :key="index" class="cp" 133 <tr
75 @click="handleChoosedH(item.bsms, item.color)"> 134 v-for="(item, index) in fwytList"
135 :key="index"
136 class="cp"
137 @click="handleChoosedH(item.bsms, item.color)"
138 >
76 <td> 139 <td>
77 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 140 <i
141 class="fa fa-circle"
142 :style="{ backgroundColor: item.color }"
143 ></i
144 >{{ item.name }}
78 </td> 145 </td>
79 <td>{{ item.ts }}</td> 146 <td>{{ item.ts }}</td>
80 <td>{{ item.mj }}</td> 147 <td>{{ item.mj }}</td>
...@@ -84,15 +151,30 @@ ...@@ -84,15 +151,30 @@
84 </tr> 151 </tr>
85 </table> 152 </table>
86 153
87 <table class="legendTable" v-show="selectedZt == 'qsx'" cellspacing="1" cellpadding="1" border="1"> 154 <table
155 class="legendTable"
156 v-show="selectedZt == 'qsx'"
157 cellspacing="1"
158 cellpadding="1"
159 border="1"
160 >
88 <tr> 161 <tr>
89 <th>数据缺失项</th> 162 <th>数据缺失项</th>
90 <th>套数</th> 163 <th>套数</th>
91 <th>面积</th> 164 <th>面积</th>
92 </tr> 165 </tr>
93 <tr v-for="(item, index) in qsxList" :key="index" class="cp" @click="handleChoosedH(item.bsms, item.color)"> 166 <tr
167 v-for="(item, index) in qsxList"
168 :key="index"
169 class="cp"
170 @click="handleChoosedH(item.bsms, item.color)"
171 >
94 <td> 172 <td>
95 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 173 <i
174 class="fa fa-circle"
175 :style="{ backgroundColor: item.color }"
176 ></i
177 >{{ item.name }}
96 </td> 178 </td>
97 <td>{{ item.ts }}</td> 179 <td>{{ item.ts }}</td>
98 <td>0</td> 180 <td>0</td>
...@@ -111,23 +193,23 @@ ...@@ -111,23 +193,23 @@
111 193
112 <script> 194 <script>
113 import lpbContent from "./lpbContent/index"; 195 import lpbContent from "./lpbContent/index";
114 import selectZrzH from "../ywbl/ywsq/components/selectZrzH" 196 import selectZrzH from "../ywbl/ywsq/components/selectZrzH";
115 import { getLpbFwytAndQlxz,getLpbQsxtj } from '@/api/lpb' 197 import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpb";
116 export default { 198 export default {
117 name: "lpb", 199 name: "lpb",
118 props: { 200 props: {
119 formData: { 201 formData: {
120 type: Object, 202 type: Object,
121 default: {} 203 default: {},
122 } 204 },
123 }, 205 },
124 components: { 206 components: {
125 lpbContent, 207 lpbContent,
126 selectZrzH 208 selectZrzH,
127 }, 209 },
128 data () { 210 data() {
129 return { 211 return {
130 activeName:"first", 212 activeName: "first",
131 bsms: [], 213 bsms: [],
132 dialogVisible: false, 214 dialogVisible: false,
133 scyclx: "0", //1是实测 0是预测 215 scyclx: "0", //1是实测 0是预测
...@@ -201,19 +283,23 @@ export default { ...@@ -201,19 +283,23 @@ export default {
201 qsztList: [], 283 qsztList: [],
202 }; 284 };
203 }, 285 },
204 created () { 286 created() {
205 window.addEventListener("resize", this.getHeight); 287 window.addEventListener("resize", this.getHeight);
206 console.log(this.formData); 288 console.log(this.formData);
207 this.getHeight(); 289 this.getHeight();
208 }, 290 },
209 mounted () { 291 mounted() {
210 //获取各项单元状态的户bsm 292 //获取各项单元状态的户bsm
211 // this.getDyztBsmList(); 293 this.getDyztBsmList();
212 //获取房屋用途统计数据 294 //获取房屋用途统计数据
213 this.getLpbFwytAndQlxz(); 295 this.getLpbFwytAndQlxz();
214 // 楼盘表绘制区域宽度计算：楼盘表区域宽度-图例宽度34-滚动条宽度6 296 // 楼盘表绘制区域宽度计算：楼盘表区域宽度-图例宽度34-滚动条宽度6
215 setTimeout(() => { 297 setTimeout(() => {
216 this.lpbContentwidth = ((document.documentElement.clientWidth || document.body.clientWidth) - 340) - 34 - 6; 298 this.lpbContentwidth =
299 (document.documentElement.clientWidth || document.body.clientWidth) -
300 340 -
301 34 -
302 6;
217 }, 100); 303 }, 100);
218 }, 304 },
219 methods: { 305 methods: {
...@@ -229,157 +315,146 @@ export default { ...@@ -229,157 +315,146 @@ export default {
229 } 315 }
230 },*/ 316 },*/
231 //获取高度计算lpb内容区高度 317 //获取高度计算lpb内容区高度
232 getHeight () { 318 getHeight() {
233 this.lpbContentHight = window.innerHeight - 190; 319 this.lpbContentHight = window.innerHeight - 190;
234 }, 320 },
235 //图例的展开收起 321 //图例的展开收起
236 legendToggle () { 322 legendToggle() {
237 this.legendToggleFlag = !this.legendToggleFlag; 323 this.legendToggleFlag = !this.legendToggleFlag;
238 }, 324 },
239 //切换房屋状态 325 //切换房屋状态
240 handleChoosedH (bsms, color) { 326 handleChoosedH(bsms, color) {
241 //每次切换房屋状态，将之前高亮的户边框颜色重置为默认 327 debugger
242 this.$refs.lpbContent.choosedList = []; 328 this.$refs.lpbContent.changeChoosed(bsms, color);
243 this.$refs.lpbContent.$refs.hBsm.forEach((item) => {
244 item.style.border = '';
245 item.className = '';
246 });
247 this.bsms = bsms;
248 //清除选中户
249 this.$nextTick(() => {
250 //给hBsmList传值
251 // console.log(bsms,'bsms');
252 this.$refs.lpbContent.choosedList = bsms;
253 this.$refs.lpbContent.borderColor = color;
254 })
255 }, 329 },
256 //获取各项单元状态统计数据 330 //获取各项单元状态统计数据
257 getDyztBsmList () { 331 getDyztBsmList() {
258 let data = { 332 getLpbTj(this.formData.bsm).then((res) => {
259 zrzbsm: 'ca71bcc498794a1e0ec3ac93869719f6',
260 scyclx: 1,
261 };
262 getLpbTj(data).then((res) => {
263 if (res.code === 200) { 333 if (res.code === 200) {
264 this.dyztList = res.result; 334 this.dyztList = res.result;
265 this.dyztList.splice(1, 0, this.dyztList[8]); 335 this.dyztList.splice(1, 0, this.dyztList[8]);
266 this.dyztList.pop(); 336 this.dyztList.pop();
267 this.dyztList.forEach(item => { 337 this.dyztList.forEach((item) => {
268 item.ts = item.bsms.length; 338 item.ts = item.bsms.length;
269 switch (item.name) { 339 switch (item.name) {
270 case 'Qqzt': 340 case "Qqzt":
271 item.color = "#6EDEE1"; 341 item.color = "#6EDEE1";
272 item.name = "已确权" 342 item.name = "已确权";
273 break; 343 break;
274 case 'Wqqzt': 344 case "Wqqzt":
275 item.color = "#83AAFE"; 345 item.color = "#83AAFE";
276 item.name = "未确权" 346 item.name = "未确权";
277 break; 347 break;
278 case 'Bazt': 348 case "Bazt":
279 item.color = "#8ADC88"; 349 item.color = "#8ADC88";
280 item.name = "已备案" 350 item.name = "已备案";
281 break; 351 break;
282 case 'Ydyzt': 352 case "Ydyzt":
283 item.color = "#F2AD67"; 353 item.color = "#F2AD67";
284 item.name = "预抵押" 354 item.name = "预抵押";
285 break; 355 break;
286 case 'Zjgcdyzt': 356 case "Zjgcdyzt":
287 item.color = "#F191C8"; 357 item.color = "#F191C8";
288 item.name = "在建抵押" 358 item.name = "在建抵押";
289 break; 359 break;
290 case 'Dyzt': 360 case "Dyzt":
291 item.color = "#FF8282"; 361 item.color = "#FF8282";
292 item.name = "抵押" 362 item.name = "抵押";
293 break; 363 break;
294 case 'Cfzt': 364 case "Cfzt":
295 item.color = "#D7CECF"; 365 item.color = "#D7CECF";
296 item.name = "查封" 366 item.name = "查封";
297 break; 367 break;
298 case 'Yyzt': 368 case "Yyzt":
299 item.color = "#D4A3EB"; 369 item.color = "#D4A3EB";
300 item.name = "异议" 370 item.name = "异议";
301 break; 371 break;
302 case 'Xzzt': 372 case "Xzzt":
303 item.color = "#A5A3FB"; 373 item.color = "#A5A3FB";
304 item.name = "限制" 374 item.name = "限制";
305 break; 375 break;
306 default: 376 default:
307 break; 377 break;
308 } 378 }
309 }) 379 });
310 } 380 }
311 }); 381 });
312 }, 382 },
313 // 获取房屋用途和房屋性质及缺失项统计数据 383 // 获取房屋用途和房屋性质及缺失项统计数据
314 getLpbFwytAndQlxz () { 384 getLpbFwytAndQlxz() {
315 getLpbFwytAndQlxz('ca71bcc498794a1e0ec3ac93869719f6').then((res) => { 385 getLpbFwytAndQlxz(this.formData.bsm).then((res) => {
316 if (res.code === 200) { 386 if (res.code === 200) {
317 // this.fwytList = res.result 387 // this.fwytList = res.result
318 this.fwytList = res.result.fwyt; 388 this.fwytList = res.result.fwyt;
319 this.fwxzList = res.result.qlxz; 389 this.fwxzList = res.result.qlxz;
320 if (this.fwytList.length > 0) { 390 if (this.fwytList.length > 0) {
321 this.fwytList.forEach(item => { 391 this.fwytList.forEach((item) => {
322 item.color = "#2591FD"; 392 item.color = "#2591FD";
323 item.ts = item.bsms.length 393 item.ts = item.bsms.length;
324 }) 394 });
325 } 395 }
326 if (this.fwxzList.length > 0) { 396 if (this.fwxzList.length > 0) {
327 this.fwxzList.forEach(item => { 397 this.fwxzList.forEach((item) => {
328 item.color = "#2591FD"; 398 item.color = "#2591FD";
329 item.ts = item.bsms.length 399 item.ts = item.bsms.length;
330 }) 400 });
331 } 401 }
332 } 402 }
333 }); 403 });
334 // getLpbQsxtj('ca71bcc498794a1e0ec3ac93869719f6').then((res) => { 404 getLpbQsxtj(this.formData.bsm).then((res) => {
335 // if (res.code === 200) { 405 if (res.code === 200) {
336 // this.qsxList = [ 406 this.qsxList = [
337 // { 407 {
338 // name: '坐落', 408 name: "坐落",
339 // bsms: res.result.zl.bsms, 409 bsms: res.result.zl.bsms,
340 // color: '#2591FD', 410 color: "#2591FD",
341 // ts: res.result.zl.bsms.length 411 ts: res.result.zl.bsms.length,
342 // }, 412 },
343 // { 413 {
344 // name: '分层分户图', 414 name: "分层分户图",
345 // bsms: res.result.fcfht.bsms, 415 bsms: res.result.fcfht.bsms,
346 // color: '#2591FD', 416 color: "#2591FD",
347 // ts: res.result.fcfht.bsms.length 417 ts: res.result.fcfht.bsms.length,
348 // }, 418 },
349 // { 419 {
350 // name: '室号', 420 name: "室号",
351 // bsms: res.result.shbw.bsms, 421 bsms: res.result.shbw.bsms,
352 // color: '#2591FD', 422 color: "#2591FD",
353 // ts: res.result.shbw.bsms.length 423 ts: res.result.shbw.bsms.length,
354 // } 424 },
355 // ] 425 ];
356 // }
357 // });
358 } 426 }
427 });
428 },
359 }, 429 },
360 computed: {}, 430 computed: {},
361 destroyed () { 431 destroyed() {
362 window.removeEventListener("resize", this.getHeight); 432 window.removeEventListener("resize", this.getHeight);
363 }, 433 },
364 watch: { 434 watch: {
365 //树结构和图例伸缩时修改楼盘表主要内容区宽度 435 //树结构和图例伸缩时修改楼盘表主要内容区宽度
366 legendToggleFlag (n) { 436 legendToggleFlag(n) {
367 if (n) { 437 if (n) {
368 this.lpbContentwidth -= 204; 438 this.lpbContentwidth -= 204;
369 } else { 439 } else {
370 this.lpbContentwidth += 204; 440 this.lpbContentwidth += 204;
371 } 441 }
372 }, 442 },
373 selectedZt (n) { 443 selectedZt(n) {
374 this.legendToggleFlag = true; 444 this.legendToggleFlag = true;
375 }, 445 },
376 }, 446 },
377 }; 447 };
378 </script> 448 </script>
379 <style scoped lang="scss"> 449 <style scoped lang="scss">
450 table {
451 border-width: 0;
452 border-collapse: collapse;
453 border-spacing: 0;
454 }
380 .edit { 455 .edit {
381 height: 100%; 456 height: 100%;
382 background-color: #F4F9FF; 457 background-color: #f4f9ff;
383 .tab-content { 458 .tab-content {
384 border: 1px solid #dedede; 459 border: 1px solid #dedede;
385 background-color: #ffffff; 460 background-color: #ffffff;
...@@ -412,6 +487,7 @@ export default { ...@@ -412,6 +487,7 @@ export default {
412 margin-right: 10px; 487 margin-right: 10px;
413 box-sizing: border-box; 488 box-sizing: border-box;
414 } 489 }
490
415 .lp-legend { 491 .lp-legend {
416 transition: 0.5s; 492 transition: 0.5s;
417 height: 100%; 493 height: 100%;
...@@ -425,7 +501,7 @@ export default { ...@@ -425,7 +501,7 @@ export default {
425 height: 40px; 501 height: 40px;
426 line-height: 40px; 502 line-height: 40px;
427 text-align: center; 503 text-align: center;
428 background-color: #0091ff; 504 background-color: #5a78de;
429 color: #fff; 505 color: #fff;
430 border-bottom: 1px solid #e6e6e6; 506 border-bottom: 1px solid #e6e6e6;
431 } 507 }
...@@ -442,7 +518,6 @@ export default { ...@@ -442,7 +518,6 @@ export default {
442 cursor: pointer; 518 cursor: pointer;
443 border-bottom: 1px solid #e6e6e6; 519 border-bottom: 1px solid #e6e6e6;
444 border-left: 1px solid #e6e6e6; 520 border-left: 1px solid #e6e6e6;
445
446 span { 521 span {
447 text-align: center; 522 text-align: center;
448 height: 100%; 523 height: 100%;
...@@ -452,52 +527,43 @@ export default { ...@@ -452,52 +527,43 @@ export default {
452 letter-spacing: 2px; 527 letter-spacing: 2px;
453 } 528 }
454 } 529 }
455
456 .selectedZt { 530 .selectedZt {
457 background-color: #0091ff; 531 // background-color: #5A78DE;
458 color: #fff; 532 color: #3d59c4;
459 } 533 }
460 } 534 }
461
462 .legendTable-wrap { 535 .legendTable-wrap {
463 transition: 0.5s; 536 transition: 0.5s;
464 float: right; 537 float: right;
465 overflow: hidden; 538 overflow: hidden;
466
467 .legendTable { 539 .legendTable {
468 margin-top: -1px; 540 margin-top: -1px;
469 border-color: #e4ebf4 !important; 541 .fa-circle {
470 border-collapse: collapse; 542 display: inline-block;
471 border-spacing: 0; 543 width: 12px;
544 height: 12px;
545 border-radius: 50%;
546 vertical-align: middle;
547 margin-right: 4px;
548 }
472 tr { 549 tr {
473 height: 40px; 550 height: 40px;
474 line-height: 40px; 551 line-height: 40px;
475 552 border-color: #d8e0ea !important;
476 th:first-child { 553 th:first-child {
477 width: 80px; 554 width: 80px;
478 } 555 }
479
480 th { 556 th {
481 width: 60px; 557 width: 60px;
482 height: 40px; 558 height: 40px;
483 white-space: nowrap; 559 white-space: nowrap;
560 background-color: #eceef2;
484 } 561 }
485
486 td { 562 td {
487 height: 40px; 563 height: 40px;
488 text-align: center; 564 text-align: center;
489 white-space: nowrap; 565 white-space: nowrap;
490 .circle{
491 display: inline-block;
492 width: 12px;
493 height: 12px;
494 border-radius: 6px;
495 margin-right: 2px;
496 position: relative;
497 top: 1px;
498 } 566 }
499 }
500
501 td:first-child { 567 td:first-child {
502 text-align: left; 568 text-align: left;
503 text-indent: 2px; 569 text-indent: 2px;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: yangwei 2 * @Author: yangwei
3 * @Date: 2023-02-28 15:47:12 3 * @Date: 2023-02-28 15:47:12
4 * @LastEditors: yangwei 4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-03-02 16:35:36 5 * @LastEditTime: 2023-06-16 16:14:51
6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue 6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue
7 * @Description: 7 * @Description:
8 * 8 *
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 :data-qszt="hs.qszt" 37 :data-qszt="hs.qszt"
38 ref="hBsm" 38 ref="hBsm"
39 :key="hsIndex" 39 :key="hsIndex"
40 style="border-color: rgb(230, 230, 230)" 40 :style="{'border-color': borderColor}"
41 :class="hs.select ? 'tdSelect' : ''" 41 :class="hs.select ? 'tdSelect' : ''"
42 @click="handleClickH($event.target, hs.bsm, hs)" 42 @click="handleClickH($event.target, hs.bsm, hs)"
43 @dblclick="dbclick(hs.bsm)" 43 @dblclick="dbclick(hs.bsm)"
...@@ -82,7 +82,12 @@ ...@@ -82,7 +82,12 @@
82 <script> 82 <script>
83 export default { 83 export default {
84 name: "BdcdjWebCh", 84 name: "BdcdjWebCh",
85 inject: ["openMenu", "selectAll"], 85 inject: {
86 openMenu:{value:'openMenu',default:null},
87 selectAll:{value:'selectAll',default:null},
88 changeChoosedObj:{value:'changeChoosedObj',default:null},
89 clearChangeChoosedObj:{value:'clearChangeChoosedObj',default:null}
90 },
86 props: { 91 props: {
87 ch: { 92 ch: {
88 type: Array, 93 type: Array,
...@@ -101,6 +106,8 @@ export default { ...@@ -101,6 +106,8 @@ export default {
101 hqsztList: [], 106 hqsztList: [],
102 //区分单双击事件的定时器 107 //区分单双击事件的定时器
103 time: null, 108 time: null,
109 // 边框颜色
110 borderColor:'rgb(230, 230, 230)'
104 }; 111 };
105 }, 112 },
106 mounted() {}, 113 mounted() {},
...@@ -108,48 +115,32 @@ export default { ...@@ -108,48 +115,32 @@ export default {
108 // 层选中事件 115 // 层选中事件
109 handleClickC(e, item) { 116 handleClickC(e, item) {
110 //判断点击的层是否选中 117 //判断点击的层是否选中
111 if (e.target.className.indexOf("tdSelect") == -1) { 118 // if (e.target.className.indexOf("tdSelect") == -1) {
112 //未选中→选中 119 // //未选中→选中
113 e.target.className += " tdSelect"; //加边框 120 // e.target.className += " tdSelect"; //加边框
114 this.cbsmList.push(item.bsm); 121 // this.cbsmList.push(item.bsm);
115 } else { 122 // } else {
116 //选中→未选中 123 // //选中→未选中
117 e.target.className = "floor"; 124 // e.target.className = "floor";
118 this.cbsmList = this.cbsmList.filter((i) => i != item.bsm); 125 // this.cbsmList = this.cbsmList.filter((i) => i != item.bsm);
119 } 126 // }
120 // this.$parent.getCbsm(this.cbsmList); 127 // this.$parent.getCbsm(this.cbsmList);
121 }, 128 },
122 //户单击事件 129 //户单击事件
123 handleClickH(e, bsm, hs) { 130 handleClickH(e, bsm, hs) {
124 let self = this;
125 // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
126 clearTimeout(self.time);
127 self.time = setTimeout(() => {
128 // this.closeMenu();
129 //判断点击的户是否选中
130 if (!hs.select) {
131 //未选中→选中
132 hs.select = true; //加边框
133 this.hbsmList.push(bsm); // 将户bsm放进hbsmList
134 this.hqsztList.push(hs.qszt); // 将户qszt放进hqsztList
135 } else {
136 //选中→未选中
137 hs.select = false;
138 this.hbsmList = this.hbsmList.filter((i) => i != bsm);
139 this.hqsztList = this.hqsztList.filter((i) => i != hs.qszt);
140 }
141 }, 200);
142 }, 131 },
143 // 户单元状态点击事件 132 // 户单元状态点击事件
144 hDyztClick(e, bsm, hs) { 133 hDyztClick(e, bsm, hs) {
145 this.handleClickH(e.target.parentNode, bsm, hs); 134 // this.handleClickH(e.target.parentNode, bsm, hs);
146 }, 135 },
147 //户双击事件 136 //户双击事件
148 dbclick(bsm) { 137 dbclick(bsm) {
149 clearTimeout(this.time); 138 // clearTimeout(this.time);
150 }, 139 },
151 //幢单元全选/反选 140 //幢单元全选/反选
152 zdySelectAll(val) { 141 zdySelectAll(val,flag) {
142 // 手动点击全部取消选中
143 !flag && this.clearChangeChoosedObj()
153 this.ch.forEach((c) => { 144 this.ch.forEach((c) => {
154 c.hs.forEach((h) => { 145 c.hs.forEach((h) => {
155 if (val) { 146 if (val) {
...@@ -158,10 +149,16 @@ export default { ...@@ -158,10 +149,16 @@ export default {
158 this.hbsmList.push(h.bsm) 149 this.hbsmList.push(h.bsm)
159 } else { 150 } else {
160 h.select = false; 151 h.select = false;
152 this.borderColor = 'rgb(230, 230, 230)'
161 this.hbsmList = [] 153 this.hbsmList = []
162 } 154 }
163 }); 155 });
164 }); 156 });
157 this.$refs.hBsm && this.$refs.hBsm.forEach((item) => {
158 // item.style.borderColor = this.borderColor
159 item.style.backgroundColor = '#fff';
160 // item.style.border = `1px solid ${this.borderColor}`
161 });
165 }, 162 },
166 }, 163 },
167 watch: { 164 watch: {
...@@ -172,6 +169,34 @@ export default { ...@@ -172,6 +169,34 @@ export default {
172 immediate: true, 169 immediate: true,
173 deep: true, 170 deep: true,
174 }, 171 },
172 changeChoosedObj: {
173 handler(val) {
174 debugger
175 //清除选中户
176 this.borderColor = 'rgb(230, 230, 230)';
177 this.zdySelectAll(false,true)
178 if (val.bsms.length) {
179 this.$refs.hBsm.forEach((item) => {
180 val.bsms.forEach((i,ind) => {
181 if (item.dataset.bsm == i) {
182 if (ind == 0) {
183 //定位到第一个户所在位置
184 window.lpbContent.$refs.lpbContent.scrollTop = item.offsetTop;
185 window.lpbContent.$refs.lpbContent.scrollLeft = item.offsetLeft;
186 }
187 item.style.border = '1px solid '+ val.color;
188 // item.style.backgroundColor = val.color;
189 }
190 });
191 });
192 }else{
193 this.borderColor = 'rgb(230, 230, 230)'
194 }
195
196 },
197 immediate: true,
198 deep: true,
199 },
175 }, 200 },
176 }; 201 };
177 </script> 202 </script>
...@@ -181,16 +206,26 @@ export default { ...@@ -181,16 +206,26 @@ export default {
181 display: flex; 206 display: flex;
182 flex-direction: column-reverse; 207 flex-direction: column-reverse;
183 .chTable { 208 .chTable {
184 margin-left: -1px; 209 // margin-left: -1px;
185 border-color: #e4ebf4 !important; 210 border-color: #e4ebf4 !important;
186 border-collapse: collapse; 211 border-collapse: collapse;
187 border-spacing: 0; 212 border-spacing: 0;
188 // position: relative; 213 // position: relative;
189 tr { 214 tr {
215 .floor {
216 min-width: 56px;
217 background: #e8f2ff;
218 border: 1px solid #acbae8;
219 }
220 &:first-child {
221 .floor {
222 border-radius: 4px 0px 0px 1px;
223 }
224 }
190 td { 225 td {
191 min-width: 138px; 226 min-width: 138px;
192 height: 72px; 227 height: 64px;
193 line-height: 72px; 228 line-height: 64px;
194 text-align: center; 229 text-align: center;
195 cursor: pointer; 230 cursor: pointer;
196 position: relative; 231 position: relative;
...@@ -204,7 +239,7 @@ export default { ...@@ -204,7 +239,7 @@ export default {
204 left: 6px; 239 left: 6px;
205 top: 6px; 240 top: 6px;
206 border: 1px solid; 241 border: 1px solid;
207 border-radius: 8px; 242 border-radius: 3px 0px 3px 0px;
208 } 243 }
209 .lin { 244 .lin {
210 color: #f7b500; 245 color: #f7b500;
...@@ -223,7 +258,7 @@ export default { ...@@ -223,7 +258,7 @@ export default {
223 width: 138px; 258 width: 138px;
224 height: 18px; 259 height: 18px;
225 position: absolute; 260 position: absolute;
226 bottom: 32px; 261 bottom: 28px;
227 box-sizing: border-box; 262 box-sizing: border-box;
228 padding: 0 6px; 263 padding: 0 6px;
229 li { 264 li {
...@@ -239,7 +274,8 @@ export default { ...@@ -239,7 +274,8 @@ export default {
239 } 274 }
240 } 275 }
241 .tdSelect { 276 .tdSelect {
242 border: 1px solid #006cff !important; 277 border: 1px solid ;
278 border-color: #5A78DE !important;
243 background-image: url("./images/tdSelect.png"); 279 background-image: url("./images/tdSelect.png");
244 background-repeat: no-repeat; 280 background-repeat: no-repeat;
245 background-position: right top; 281 background-position: right top;
......
1 <template> 1 <template>
2 <div class="lpbContent-wrap" ref="lpbContentWrap"> 2 <div class="lpbContent-wrap" ref="lpbContentWrap">
3 <div class="lpbContent"> 3 <div class="lpbContent" ref="lpbContent">
4 <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 --> 4 <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 -->
5 <div class="ch-zdy-wrap"> 5 <div class="ch-zdy-wrap">
6 <!-- 幢单元 --> 6 <!-- 幢单元 -->
...@@ -13,9 +13,10 @@ ...@@ -13,9 +13,10 @@
13 </div> 13 </div>
14 <!-- 自然幢名称 --> 14 <!-- 自然幢名称 -->
15 <p class="lpb-xmmc"> 15 <p class="lpb-xmmc">
16 <el-checkbox @change="zdySelectAll($event)">{{ 16 <!-- <el-checkbox @change="zdySelectAll($event)">{{
17 lpbData.xmmc 17 lpbData.xmmc
18 }}</el-checkbox> 18 }}</el-checkbox> -->
19 {{lpbData.xmmc}}
19 </p> 20 </p>
20 <!-- 右键菜单 --> 21 <!-- 右键菜单 -->
21 <ul 22 <ul
...@@ -38,6 +39,8 @@ export default { ...@@ -38,6 +39,8 @@ export default {
38 return { 39 return {
39 openMenu: this.openMenu, 40 openMenu: this.openMenu,
40 selectAll: this.selectAllObj, 41 selectAll: this.selectAllObj,
42 changeChoosedObj:this.changeChoosedObj,
43 clearChangeChoosedObj:this.clearChangeChoosedObj
41 }; 44 };
42 }, 45 },
43 name: "", 46 name: "",
...@@ -72,20 +75,27 @@ export default { ...@@ -72,20 +75,27 @@ export default {
72 //右键菜单定位位置 75 //右键菜单定位位置
73 lpbChLeft: 100, 76 lpbChLeft: 100,
74 lpbChTop: 100, 77 lpbChTop: 100,
78 // 改变户选中状态
79 changeChoosedObj:{
80 bsms:[],
81 color:''
82 }
75 }; 83 };
76 }, 84 },
77 mounted() { 85 mounted() {
78 this.getLpb("dfc08a0cc6a25188990ea53d1d2c500e"); 86 this.getLpb(this.zrzbsm);
79 // setTimeout(() => { 87 window.lpbContent = this;
80 // //让滚动条滚动至最下面 -6是横向滚动条的高度
81 // this.$refs.lpbContent.scrollTop =
82 // this.$refs.lpbContent.scrollHeight -
83 // this.$refs.lpbContent.clientHeight -
84 // 6;
85 // }, 200);
86 // window.lpbContent = this;
87 }, 88 },
88 methods: { 89 methods: {
90 // 改变户选中状态
91 changeChoosed(bsms, color){
92 debugger
93 this.changeChoosedObj.bsms = bsms;
94 this.changeChoosedObj.color = color;
95 },
96 clearChangeChoosedObj(){
97 this.changeChoosedObj.bsms = [];
98 },
89 //全选户 99 //全选户
90 zdySelectAll(val) { 100 zdySelectAll(val) {
91 this.selectAllObj.selectAll = val; 101 this.selectAllObj.selectAll = val;
...@@ -113,7 +123,7 @@ export default { ...@@ -113,7 +123,7 @@ export default {
113 openMenu(e, item, type) { 123 openMenu(e, item, type) {
114 this.lpbChLeft = e.pageX - 96; 124 this.lpbChLeft = e.pageX - 96;
115 this.lpbChTop = e.pageY - 23; 125 this.lpbChTop = e.pageY - 23;
116 this.lpbChVisible = true; 126 // this.lpbChVisible = true;
117 }, 127 },
118 //关闭户右键菜单 128 //关闭户右键菜单
119 closeMenu() { 129 closeMenu() {
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 --> 10 -->
11 <template> 11 <template>
12 <div class="ljzs-wrap"> 12 <div class="ljzs-wrap">
13 <div v-for="ljzarr in ljzsCptd" :key="ljzarr[0].bsm"> 13 <div v-for="ljzarr in ljzsCptd" :style="{'margin-bottom': ljzarr.length == 1 ? '34px':'80px'}" :key="ljzarr[0].bsm">
14 <!-- 多个同起始层逻辑幢 横向排列 --> 14 <!-- 多个同起始层逻辑幢 横向排列 -->
15 <div class="ch-zdy-wrap" v-if="ljzarr.length > 1"> 15 <div class="ch-zdy-wrap" v-if="ljzarr.length > 1">
16 <div v-for="ljz in ljzarr" :key="ljz.ljzmc" class="same-floor-ljz"> 16 <div v-for="ljz in ljzarr" :key="ljz.ljzmc" class="same-floor-ljz">
...@@ -94,7 +94,7 @@ export default { ...@@ -94,7 +94,7 @@ export default {
94 display: flex; 94 display: flex;
95 flex-direction: column-reverse; 95 flex-direction: column-reverse;
96 > div { 96 > div {
97 margin-bottom: 80px; 97 // margin-bottom: 80px;
98 margin-right: 20px; 98 margin-right: 20px;
99 display: flex; 99 display: flex;
100 flex-direction: column; 100 flex-direction: column;
...@@ -110,8 +110,8 @@ export default { ...@@ -110,8 +110,8 @@ export default {
110 } 110 }
111 .ljz-xmmc { 111 .ljz-xmmc {
112 position: absolute; 112 position: absolute;
113 width: calc(100% + 1px); 113 width: calc(100% - 4px);
114 bottom: -60px; 114 bottom: -34px;
115 } 115 }
116 } 116 }
117 .cs-none { 117 .cs-none {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: yangwei 2 * @Author: yangwei
3 * @Date: 2023-02-28 16:29:04 3 * @Date: 2023-02-28 16:29:04
4 * @LastEditors: yangwei 4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-03-02 14:45:19 5 * @LastEditTime: 2023-06-08 13:58:58
6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\zdys.vue 6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\zdys.vue
7 * @Description: 7 * @Description:
8 * 8 *
...@@ -13,9 +13,10 @@ ...@@ -13,9 +13,10 @@
13 <div v-for="zdy in realZdys" :key="zdy.bsm"> 13 <div v-for="zdy in realZdys" :key="zdy.bsm">
14 <!-- 幢单元名称 --> 14 <!-- 幢单元名称 -->
15 <p class="lpb-xmmc"> 15 <p class="lpb-xmmc">
16 <el-checkbox @change="zdySelectAll($event,zdy.bsm)">{{ 16 <!-- <el-checkbox @change="zdySelectAll($event,zdy.bsm)">{{
17 zdy.zdymc 17 zdy.zdymc
18 }}</el-checkbox> 18 }}</el-checkbox> -->
19 {{zdy.zdymc}}
19 </p> 20 </p>
20 <!-- 每个幢单元下的层户 --> 21 <!-- 每个幢单元下的层户 -->
21 <ch-cpn :ref="zdy.bsm" :ch="zdy.cs" /> 22 <ch-cpn :ref="zdy.bsm" :ch="zdy.cs" />
......
...@@ -8,8 +8,7 @@ ...@@ -8,8 +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 </el-checkbox-group> 12 </el-checkbox-group>
14 </div> 13 </div>
15 </div> 14 </div>
...@@ -24,8 +23,7 @@ ...@@ -24,8 +23,7 @@
24 row.qszt == '2' ? 'lishi' : '', 23 row.qszt == '2' ? 'lishi' : '',
25 row.qszt == '0' ? 'linshi' : '', 24 row.qszt == '0' ? 'linshi' : '',
26 item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '', 25 item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))? 'linshiIcon' : '',
27 ]" 26 ]">
28 >
29 <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> 27 <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div>
30 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> 28 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
31 29
...@@ -40,10 +38,11 @@ ...@@ -40,10 +38,11 @@
40 </template> 38 </template>
41 39
42 <script> 40 <script>
43 import { getCfdjList } from "@/api/registerBook.js"; 41 import { datas } from "./qlxxFormData.js";
44 import { datas } from "./qlxxFormData.js"; 42 import { getSjlx } from "@/utils/dictionary.js";
45 export default { 43 import { getCfdjList } from "@/api/registerBook.js";
46 data() { 44 export default {
45 data () {
47 return { 46 return {
48 title: "查封登记信息", 47 title: "查封登记信息",
49 qsztList: datas.columns().qsztList, 48 qsztList: datas.columns().qsztList,
...@@ -58,11 +57,11 @@ export default { ...@@ -58,11 +57,11 @@ export default {
58 columns: datas.columns().CFDJ, 57 columns: datas.columns().CFDJ,
59 }; 58 };
60 }, 59 },
61 created() { 60 created () {
62 this.loadData(); 61 this.loadData();
63 }, 62 },
64 methods: { 63 methods: {
65 loadData() { 64 loadData () {
66 getCfdjList({ 65 getCfdjList({
67 bdcdyid: this.propsParam.bdcdyid, 66 bdcdyid: this.propsParam.bdcdyid,
68 qllx: this.propsParam.qllx, 67 qllx: this.propsParam.qllx,
...@@ -70,6 +69,9 @@ export default { ...@@ -70,6 +69,9 @@ export default {
70 }).then((res) => { 69 }).then((res) => {
71 if (res.code === 200) { 70 if (res.code === 200) {
72 this.tableData = res.result; 71 this.tableData = res.result;
72 this.tableData.forEach(item => {
73 item.sjlx = getSjlx(item.sjlx)
74 })
73 this.tableData.forEach((item, index) => { 75 this.tableData.forEach((item, index) => {
74 if (item.sfbxf == "1") { 76 if (item.sfbxf == "1") {
75 item.zxywh = ""; 77 item.zxywh = "";
...@@ -86,7 +88,7 @@ export default { ...@@ -86,7 +88,7 @@ export default {
86 } 88 }
87 }); 89 });
88 }, 90 },
89 checkChange() { 91 checkChange () {
90 if (this.checkList.length === 0) { 92 if (this.checkList.length === 0) {
91 this.tableData = []; 93 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum; 94 this.emptycolNum = datas.columns().emptycolNum;
...@@ -94,7 +96,7 @@ export default { ...@@ -94,7 +96,7 @@ export default {
94 this.loadData(); 96 this.loadData();
95 } 97 }
96 }, 98 },
97 getQsztName(code) { 99 getQsztName (code) {
98 let name = ""; 100 let name = "";
99 for (let item of this.qsztList) { 101 for (let item of this.qsztList) {
100 if (item.value == code) { 102 if (item.value == code) {
...@@ -105,9 +107,9 @@ export default { ...@@ -105,9 +107,9 @@ export default {
105 return name; 107 return name;
106 }, 108 },
107 }, 109 },
108 }; 110 };
109 </script> 111 </script>
110 112
111 <style lang="scss" scoped> 113 <style lang="scss" scoped>
112 @import "./qlxxCommon.scss"; 114 @import "./qlxxCommon.scss";
113 </style> 115 </style>
......
...@@ -20,6 +20,10 @@ ...@@ -20,6 +20,10 @@
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 ]"> 22 ]">
23 <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="deleteDialog(row)">删除</el-button>
26 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 27 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 28 正在办理
25 </div> 29 </div>
...@@ -38,9 +42,10 @@ ...@@ -38,9 +42,10 @@
38 </template> 42 </template>
39 43
40 <script> 44 <script>
41 import { getDiyaqList } from "@/api/registerBook.js"; 45 import { datas } from "./qlxxFormData.js";
42 import { datas } from "./qlxxFormData.js"; 46 import { getSjlx } from "@/utils/dictionary.js";
43 export default { 47 import { getDiyaqList } from "@/api/registerBook.js";
48 export default {
44 data () { 49 data () {
45 return { 50 return {
46 title: "抵押权登记信息", 51 title: "抵押权登记信息",
...@@ -68,6 +73,9 @@ export default { ...@@ -68,6 +73,9 @@ export default {
68 }).then((res) => { 73 }).then((res) => {
69 if (res.code === 200) { 74 if (res.code === 200) {
70 this.tableData = res.result; 75 this.tableData = res.result;
76 this.tableData.forEach(item => {
77 item.sjlx = getSjlx(item.sjlx)
78 })
71 if (this.tableData.length < datas.columns().emptycolNum) { 79 if (this.tableData.length < datas.columns().emptycolNum) {
72 this.emptycolNum = 80 this.emptycolNum =
73 datas.columns().emptycolNum - this.tableData.length; 81 datas.columns().emptycolNum - this.tableData.length;
...@@ -96,9 +104,9 @@ export default { ...@@ -96,9 +104,9 @@ export default {
96 return name; 104 return name;
97 }, 105 },
98 }, 106 },
99 }; 107 };
100 </script> 108 </script>
101 109
102 <style lang="scss" scoped> 110 <style lang="scss" scoped>
103 @import "./qlxxCommon.scss"; 111 @import "./qlxxCommon.scss";
104 </style> 112 </style>
......
...@@ -20,6 +20,10 @@ ...@@ -20,6 +20,10 @@
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 ]"> 22 ]">
23 <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="deleteDialog(row)">删除</el-button>
26 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 27 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 28 正在办理
25 </div> 29 </div>
...@@ -38,9 +42,10 @@ ...@@ -38,9 +42,10 @@
38 </template> 42 </template>
39 43
40 <script> 44 <script>
41 import { getDiyiqList } from "@/api/registerBook.js"; 45 import { datas } from "./qlxxFormData.js";
42 import { datas } from "./qlxxFormData.js"; 46 import { getSjlx } from "@/utils/dictionary.js";
43 export default { 47 import { getDiyiqList } from "@/api/registerBook.js";
48 export default {
44 data () { 49 data () {
45 return { 50 return {
46 title: "地役权登记信息", 51 title: "地役权登记信息",
...@@ -68,6 +73,9 @@ export default { ...@@ -68,6 +73,9 @@ export default {
68 }).then((res) => { 73 }).then((res) => {
69 if (res.code === 200) { 74 if (res.code === 200) {
70 this.tableData = res.result; 75 this.tableData = res.result;
76 this.tableData.forEach(item => {
77 item.sjlx = getSjlx(item.sjlx)
78 })
71 if (this.tableData.length < datas.columns().emptycolNum) { 79 if (this.tableData.length < datas.columns().emptycolNum) {
72 this.emptycolNum = 80 this.emptycolNum =
73 datas.columns().emptycolNum - this.tableData.length; 81 datas.columns().emptycolNum - this.tableData.length;
...@@ -96,9 +104,9 @@ export default { ...@@ -96,9 +104,9 @@ export default {
96 return name; 104 return name;
97 }, 105 },
98 }, 106 },
99 }; 107 };
100 </script> 108 </script>
101 109
102 <style lang="scss" scoped> 110 <style lang="scss" scoped>
103 @import "./qlxxCommon.scss"; 111 @import "./qlxxCommon.scss";
104 </style> 112 </style>
......
...@@ -22,6 +22,10 @@ ...@@ -22,6 +22,10 @@
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
24 ]"> 24 ]">
25 <div class="setbut" v-if="item.prop == 'cz'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
28 </div>
25 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
26 正在办理 30 正在办理
27 </div> 31 </div>
...@@ -43,8 +47,9 @@ ...@@ -43,8 +47,9 @@
43 </template> 47 </template>
44 48
45 <script> 49 <script>
46 import { getJsydsyqList } from "@/api/registerBook.js";
47 import { datas } from "./qlxxFormData.js"; 50 import { datas } from "./qlxxFormData.js";
51 import { getSjlx } from "@/utils/dictionary.js";
52 import { getJsydsyqList } from "@/api/registerBook.js";
48 export default { 53 export default {
49 data () { 54 data () {
50 return { 55 return {
...@@ -66,6 +71,11 @@ ...@@ -66,6 +71,11 @@
66 }, 71 },
67 methods: { 72 methods: {
68 loadData () { 73 loadData () {
74 if(this.$parent.addRepairRecord){
75 this.columns.unshift({prop:"cz",
76 label:"操作"
77 })
78 }
69 getJsydsyqList({ 79 getJsydsyqList({
70 bdcdyid: this.propsParam.bdcdyid, 80 bdcdyid: this.propsParam.bdcdyid,
71 qllx: this.propsParam.qllx, 81 qllx: this.propsParam.qllx,
...@@ -73,6 +83,9 @@ ...@@ -73,6 +83,9 @@
73 }).then((res) => { 83 }).then((res) => {
74 if (res.code === 200) { 84 if (res.code === 200) {
75 this.tableData = res.result; 85 this.tableData = res.result;
86 this.tableData.forEach(item => {
87 item.sjlx = getSjlx(item.sjlx)
88 })
76 if (this.tableData.length < datas.columns().emptycolNum) { 89 if (this.tableData.length < datas.columns().emptycolNum) {
77 this.emptycolNum = 90 this.emptycolNum =
78 datas.columns().emptycolNum - this.tableData.length; 91 datas.columns().emptycolNum - this.tableData.length;
......
...@@ -20,6 +20,10 @@ ...@@ -20,6 +20,10 @@
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 ]"> 22 ]">
23 <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="deleteDialog(row)">删除</el-button>
26 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 27 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 28 正在办理
25 </div> 29 </div>
...@@ -38,9 +42,10 @@ ...@@ -38,9 +42,10 @@
38 </template> 42 </template>
39 43
40 <script> 44 <script>
41 import { getFdcq2List } from "@/api/registerBook.js"; 45 import { datas } from "./qlxxFormData.js";
42 import { datas } from "./qlxxFormData.js"; 46 import { getSjlx } from "@/utils/dictionary.js";
43 export default { 47 import { getFdcq2List } from "@/api/registerBook.js";
48 export default {
44 data () { 49 data () {
45 return { 50 return {
46 title: "房地产权登记信息（独幢、层、套、间房屋）", 51 title: "房地产权登记信息（独幢、层、套、间房屋）",
...@@ -68,6 +73,9 @@ export default { ...@@ -68,6 +73,9 @@ export default {
68 }).then((res) => { 73 }).then((res) => {
69 if (res.code === 200) { 74 if (res.code === 200) {
70 this.tableData = res.result; 75 this.tableData = res.result;
76 this.tableData.forEach(item => {
77 item.sjlx = getSjlx(item.sjlx)
78 })
71 if (this.tableData.length < datas.columns().emptycolNum) { 79 if (this.tableData.length < datas.columns().emptycolNum) {
72 this.emptycolNum = 80 this.emptycolNum =
73 datas.columns().emptycolNum - this.tableData.length; 81 datas.columns().emptycolNum - this.tableData.length;
...@@ -96,9 +104,9 @@ export default { ...@@ -96,9 +104,9 @@ export default {
96 return name; 104 return name;
97 }, 105 },
98 }, 106 },
99 }; 107 };
100 </script> 108 </script>
101 109
102 <style lang="scss" scoped> 110 <style lang="scss" scoped>
103 @import "./qlxxCommon.scss"; 111 @import "./qlxxCommon.scss";
104 </style> 112 </style>
......
...@@ -22,6 +22,10 @@ ...@@ -22,6 +22,10 @@
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
24 ]"> 24 ]">
25 <div class="setbut" v-if="item.prop == 'cz'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
28 </div>
25 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
26 正在办理 30 正在办理
27 </div> 31 </div>
...@@ -43,8 +47,9 @@ ...@@ -43,8 +47,9 @@
43 </template> 47 </template>
44 48
45 <script> 49 <script>
46 import { getJsydsyqList } from "@/api/registerBook.js";
47 import { datas } from "./qlxxFormData.js"; 50 import { datas } from "./qlxxFormData.js";
51 import { getSjlx } from "@/utils/dictionary.js";
52 import { getJsydsyqList } from "@/api/registerBook.js";
48 export default { 53 export default {
49 data () { 54 data () {
50 return { 55 return {
...@@ -66,6 +71,11 @@ ...@@ -66,6 +71,11 @@
66 }, 71 },
67 methods: { 72 methods: {
68 loadData () { 73 loadData () {
74 if(this.$parent.addRepairRecord){
75 this.columns.unshift({prop:"cz",
76 label:"操作"
77 })
78 }
69 getJsydsyqList({ 79 getJsydsyqList({
70 bdcdyid: this.propsParam.bdcdyid, 80 bdcdyid: this.propsParam.bdcdyid,
71 qllx: this.propsParam.qllx, 81 qllx: this.propsParam.qllx,
...@@ -73,6 +83,9 @@ ...@@ -73,6 +83,9 @@
73 }).then((res) => { 83 }).then((res) => {
74 if (res.code === 200) { 84 if (res.code === 200) {
75 this.tableData = res.result; 85 this.tableData = res.result;
86 this.tableData.forEach(item => {
87 item.sjlx = getSjlx(item.sjlx)
88 })
76 if (this.tableData.length < datas.columns().emptycolNum) { 89 if (this.tableData.length < datas.columns().emptycolNum) {
77 this.emptycolNum = 90 this.emptycolNum =
78 datas.columns().emptycolNum - this.tableData.length; 91 datas.columns().emptycolNum - this.tableData.length;
......
...@@ -22,6 +22,10 @@ ...@@ -22,6 +22,10 @@
22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 22 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '', 23 item.prop == 'qszt' && row.qszt == '1' ? 'xianshiIcon' : '',
24 ]"> 24 ]">
25 <div class="setbut" v-if="item.prop == 'cz'">
26 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
27 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
28 </div>
25 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 29 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
26 正在办理 30 正在办理
27 </div> 31 </div>
...@@ -66,8 +70,9 @@ ...@@ -66,8 +70,9 @@
66 </template> 70 </template>
67 71
68 <script> 72 <script>
69 import { getNydsyqList } from "@/api/registerBook.js";
70 import { datas } from "./qlxxFormData.js"; 73 import { datas } from "./qlxxFormData.js";
74 import { getSjlx } from "@/utils/dictionary.js";
75 import { getNydsyqList } from "@/api/registerBook.js";
71 export default { 76 export default {
72 data () { 77 data () {
73 return { 78 return {
...@@ -95,6 +100,11 @@ ...@@ -95,6 +100,11 @@
95 }, 100 },
96 methods: { 101 methods: {
97 loadData () { 102 loadData () {
103 if(this.$parent.addRepairRecord){
104 this.columns.unshift({prop:"cz",
105 label:"操作"
106 })
107 }
98 getNydsyqList({ 108 getNydsyqList({
99 bdcdyid: this.propsParam.bdcdyid, 109 bdcdyid: this.propsParam.bdcdyid,
100 qllx: this.propsParam.qllx, 110 qllx: this.propsParam.qllx,
...@@ -102,6 +112,9 @@ ...@@ -102,6 +112,9 @@
102 }).then((res) => { 112 }).then((res) => {
103 if (res.code === 200) { 113 if (res.code === 200) {
104 this.tableData = res.result; 114 this.tableData = res.result;
115 this.tableData.forEach(item => {
116 item.sjlx = getSjlx(item.sjlx)
117 })
105 if (this.tableData.length < datas.columns().emptycolNum) { 118 if (this.tableData.length < datas.columns().emptycolNum) {
106 this.emptycolNum = 119 this.emptycolNum =
107 datas.columns().emptycolNum - this.tableData.length; 120 datas.columns().emptycolNum - this.tableData.length;
......
...@@ -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,
...@@ -30,6 +30,10 @@ class data extends filter { ...@@ -30,6 +30,10 @@ class data extends filter {
30 label: "权属状态", 30 label: "权属状态",
31 }, 31 },
32 { 32 {
33 prop: "sjlx",
34 label: "数据类型",
35 },
36 {
33 prop: "qllxmc", 37 prop: "qllxmc",
34 label: "权利类型", 38 label: "权利类型",
35 }, 39 },
...@@ -78,8 +82,8 @@ class data extends filter { ...@@ -78,8 +82,8 @@ class data extends filter {
78 label: "证件号", 82 label: "证件号",
79 }, 83 },
80 { 84 {
81 prop: "mj", 85 prop: "mjmc",
82 label: "使用权面积(m²)", 86 label: "使用权面积",
83 }, 87 },
84 { 88 {
85 prop: "qlxzmc", 89 prop: "qlxzmc",
...@@ -136,6 +140,10 @@ class data extends filter { ...@@ -136,6 +140,10 @@ class data extends filter {
136 label: "权属状态", 140 label: "权属状态",
137 }, 141 },
138 { 142 {
143 prop: "sjlx",
144 label: "数据类型",
145 },
146 {
139 prop: "qllxmc", 147 prop: "qllxmc",
140 label: "权利类型", 148 label: "权利类型",
141 }, 149 },
...@@ -164,7 +172,7 @@ class data extends filter { ...@@ -164,7 +172,7 @@ class data extends filter {
164 label: "坐落", 172 label: "坐落",
165 }, 173 },
166 { 174 {
167 prop: "gyfs", 175 prop: "gyqk",
168 label: "共有情况", 176 label: "共有情况",
169 }, 177 },
170 { 178 {
...@@ -208,7 +216,7 @@ class data extends filter { ...@@ -208,7 +216,7 @@ class data extends filter {
208 label: "房地产交易价格(万元)", 216 label: "房地产交易价格(万元)",
209 }, 217 },
210 { 218 {
211 prop: "ytmc", 219 prop: "ghyt",
212 label: "规划用途", 220 label: "规划用途",
213 }, 221 },
214 { 222 {
...@@ -271,6 +279,10 @@ class data extends filter { ...@@ -271,6 +279,10 @@ class data extends filter {
271 label: "权属状态", 279 label: "权属状态",
272 }, 280 },
273 { 281 {
282 prop: "sjlx",
283 label: "数据类型",
284 },
285 {
274 prop: "qllxmc", 286 prop: "qllxmc",
275 label: "权利类型", 287 label: "权利类型",
276 }, 288 },
...@@ -397,6 +409,10 @@ class data extends filter { ...@@ -397,6 +409,10 @@ class data extends filter {
397 label: "权属状态", 409 label: "权属状态",
398 }, 410 },
399 { 411 {
412 prop: "sjlx",
413 label: "数据类型",
414 },
415 {
400 prop: "dybdclx", 416 prop: "dybdclx",
401 label: "抵押不动产类型", 417 label: "抵押不动产类型",
402 }, 418 },
...@@ -553,6 +569,10 @@ class data extends filter { ...@@ -553,6 +569,10 @@ class data extends filter {
553 label: "权属状态", 569 label: "权属状态",
554 }, 570 },
555 { 571 {
572 prop: "sjlx",
573 label: "数据类型",
574 },
575 {
556 prop: "djlxmc", 576 prop: "djlxmc",
557 label: "登记类型", 577 label: "登记类型",
558 }, 578 },
...@@ -643,6 +663,10 @@ class data extends filter { ...@@ -643,6 +663,10 @@ class data extends filter {
643 label: "权属状态", 663 label: "权属状态",
644 }, 664 },
645 { 665 {
666 prop: "sjlx",
667 label: "数据类型",
668 },
669 {
646 prop: "ygdjzl", 670 prop: "ygdjzl",
647 label: "预告登记种类", 671 label: "预告登记种类",
648 }, 672 },
...@@ -765,6 +789,10 @@ class data extends filter { ...@@ -765,6 +789,10 @@ class data extends filter {
765 label: "权属状态", 789 label: "权属状态",
766 }, 790 },
767 { 791 {
792 prop: "sjlx",
793 label: "数据类型",
794 },
795 {
768 prop: "cflxmc", 796 prop: "cflxmc",
769 label: "查封类型", 797 label: "查封类型",
770 }, 798 },
...@@ -868,6 +896,10 @@ class data extends filter { ...@@ -868,6 +896,10 @@ class data extends filter {
868 ], 896 ],
869 YYDJ: [ 897 YYDJ: [
870 { 898 {
899 prop: "sjlx",
900 label: "数据类型",
901 },
902 {
871 prop: "qszt", 903 prop: "qszt",
872 label: "权属状态", 904 label: "权属状态",
873 }, 905 },
......
...@@ -20,6 +20,10 @@ ...@@ -20,6 +20,10 @@
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 ]"> 22 ]">
23 <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="deleteDialog(row)">删除</el-button>
26 </div>
23 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 27 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
24 正在办理 28 正在办理
25 </div> 29 </div>
...@@ -61,6 +65,12 @@ export default { ...@@ -61,6 +65,12 @@ export default {
61 }, 65 },
62 methods: { 66 methods: {
63 loadData () { 67 loadData () {
68 // 判断是否在登记簿补录调的子页面
69 if(this.$parent.addRepairRecord){
70 this.columns.unshift({prop:"cz",
71 label:"操作"
72 })
73 }
64 getYgdjList({ 74 getYgdjList({
65 bdcdyid: this.propsParam.bdcdyid, 75 bdcdyid: this.propsParam.bdcdyid,
66 qllx: this.propsParam.qllx, 76 qllx: this.propsParam.qllx,
......
...@@ -61,6 +61,11 @@ export default { ...@@ -61,6 +61,11 @@ export default {
61 }, 61 },
62 methods: { 62 methods: {
63 loadData () { 63 loadData () {
64 if(this.$parent.addRepairRecord){
65 this.columns.unshift({prop:"cz",
66 label:"操作"
67 })
68 }
64 getYydjList({ 69 getYydjList({
65 bdcdyid: this.propsParam.bdcdyid, 70 bdcdyid: this.propsParam.bdcdyid,
66 qllx: this.propsParam.qllx, 71 qllx: this.propsParam.qllx,
...@@ -95,6 +100,62 @@ export default { ...@@ -95,6 +100,62 @@ export default {
95 } 100 }
96 return name; 101 return name;
97 }, 102 },
103 // 编辑
104 editDialog(row){
105 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
106 confirmButtonText: '确定',
107 cancelButtonText: '取消',
108 type: 'warning'
109 }).then(() => {
110 this.$parent.addRepairRecord(row)
111
112 this.$message({
113 type: 'success',
114 message: '补录成功!'
115 });
116 }).catch(() => {
117 this.$message({
118 type: 'info',
119 message: '取消编辑'
120 });
121 });
122
123 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
124 // datalist:this.columns,
125 // data: row,
126
127 // })
128
129 },
130 // 删除
131 deleteDialog(row){
132 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
133 confirmButtonText: '确定',
134 cancelButtonText: '取消',
135 type: 'warning'
136 }).then(() => {
137 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
138 // deleteClmx(bsmClmx).then(res => {
139 // if (res.code == 200) {
140 // that.$emit('updateList', res.result)
141 // that.$message({
142 // message: '删除成功!',
143 // type: 'success'
144 // })
145 // }
146 // })
147 this.$message({
148 type: 'success',
149 message: '删除成功!'
150 });
151 }).catch(() => {
152 this.$message({
153 type: 'info',
154 message: '已取消删除'
155 });
156 });
157
158 }
98 }, 159 },
99 }; 160 };
100 </script> 161 </script>
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 </tr> 26 </tr>
27 <tr> 27 <tr>
28 <td style="width:15%">宗地面积</td> 28 <td style="width:15%">宗地面积</td>
29 <td style="width:30%">{{ zdjbxx.zdmj }}</td> 29 <td style="width:30%">{{ zdjbxx.zdmj }}m²</td>
30 <td style="width:15%">用途</td> 30 <td style="width:15%">用途</td>
31 <td style="width:30%">{{ zdjbxx.ghytmc }}</td> 31 <td style="width:30%">{{ zdjbxx.ghytmc }}</td>
32 </tr> 32 </tr>
......
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
42 </template> 42 </template>
43 <script> 43 <script>
44 import { mapGetters } from "vuex"; 44 import { mapGetters } from "vuex";
45 import clxxAddDialog from "./dialog/clxxAddDialog.vue"; 45 import clxxAddDialog from "../dialog/clxxAddDialog.vue";
46 import imagePreview from '@/views/components/imagePreview.vue' 46 import imagePreview from '@/views/components/imagePreview.vue'
47 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 47 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
48 export default { 48 export default {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-17 10:40:38 4 * @LastEditTime: 2023-06-19 13:15:13
5 --> 5 -->
6 <template> 6 <template>
7 <div class="clxx"> 7 <div class="clxx">
...@@ -24,18 +24,17 @@ ...@@ -24,18 +24,17 @@
24 </div> 24 </div>
25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button> 25 <el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()" v-if="!this.$route.query.viewtype">新增</el-button>
26 </div> 26 </div>
27 <image-preview ref='imageRef' :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview" 27 <image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" @updateList="updateList" @nextPriview="nextPriview"
28 @prevPriview="prevPriview" /> 28 @prevPriview="prevPriview" />
29 </div> 29 </div>
30 </div> 30 </div>
31 <clxxAddDialog v-model="isDialog" /> 31 <clxxAddDialog v-model="isDialog" />
32 <!-- <clxxDetailDialog v-model="detailDialog" :data="tableData" /> -->
33 </div> 32 </div>
34 </template> 33 </template>
35 <script> 34 <script>
36 import { mapGetters } from "vuex"; 35 import { mapGetters } from "vuex";
37 import clxxAddDialog from "./dialog/clxxAddDialog.vue"; 36 import clxxAddDialog from "../dialog/clxxAddDialog.vue";
38 import clxxDetailDialog from "./dialog/clxxDetailDialog.vue"; 37 import clxxDetailDialog from "../dialog/clxxDetailDialog.vue";
39 import imagePreview from '@/views/components/imagePreview.vue' 38 import imagePreview from '@/views/components/imagePreview.vue'
40 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js"; 39 import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
41 import { popupDialog } from "@/utils/popup.js"; 40 import { popupDialog } from "@/utils/popup.js";
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-07 13:32:24 4 * @LastEditTime: 2023-06-19 13:16:53
5 */ 5 */
6 //流程环节操作按钮 6 //流程环节操作按钮
7 export function getForm (tabName, djywbm) { 7 export function getForm (tabName, djywbm) {
...@@ -42,7 +42,7 @@ export function getForm (tabName, djywbm) { ...@@ -42,7 +42,7 @@ export function getForm (tabName, djywbm) {
42 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 42 form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
43 break; 43 break;
44 case "clxx": 44 case "clxx":
45 form = require("@/views/workflow/components/clxxUnify.vue"); 45 form = require("@/views/workflow/components/clxx/clxxUnify.vue");
46 break; 46 break;
47 case "spyj": 47 case "spyj":
48 form = require("@/views/workflow/components/spyj.vue"); 48 form = require("@/views/workflow/components/spyj.vue");
......
...@@ -5,8 +5,8 @@ ...@@ -5,8 +5,8 @@
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 受理信息 --> 7 <!-- 受理信息 -->
8 <div class="slxx"> 8 <div class="slxx loadingtext">
9 <el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''" 9 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''"
10 :inline="flag" label-width="120px"> 10 :inline="flag" label-width="120px">
11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 11 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
12 <div class="slxx_title title-block"> 12 <div class="slxx_title title-block">
...@@ -202,8 +202,8 @@ ...@@ -202,8 +202,8 @@
202 Init(formdata).then((res) => { 202 Init(formdata).then((res) => {
203 if (res.code === 200 && res.result) { 203 if (res.code === 200 && res.result) {
204 this.ruleForm = res.result; 204 this.ruleForm = res.result;
205 this.$endLoading();
206 } 205 }
206 this.$endLoading();
207 }); 207 });
208 }, 208 },
209 components: { qlrCommonTable }, 209 components: { qlrCommonTable },
......
...@@ -6,8 +6,7 @@ ...@@ -6,8 +6,7 @@
6 :model="queryForm" 6 :model="queryForm"
7 ref="queryForm" 7 ref="queryForm"
8 @submit.native.prevent 8 @submit.native.prevent
9 label-width="80px" 9 label-width="80px">
10 >
11 <el-row> 10 <el-row>
12 <el-col :span="5"> 11 <el-col :span="5">
13 <el-form-item label="业务来源" label-width="70px"> 12 <el-form-item label="业务来源" label-width="70px">
...@@ -18,14 +17,12 @@ ...@@ -18,14 +17,12 @@
18 class="width100" 17 class="width100"
19 filterable 18 filterable
20 clearable 19 clearable
21 placeholder="请选择业务来源" 20 placeholder="请选择业务来源">
22 >
23 <el-option 21 <el-option
24 v-for="item in dictData['ywly']" 22 v-for="item in dictData['ywly']"
25 :key="item.dcode" 23 :key="item.dcode"
26 :label="item.dname" 24 :label="item.dname"
27 :value="item.dcode" 25 :value="item.dcode">
28 >
29 </el-option> 26 </el-option>
30 </el-select> 27 </el-select>
31 </el-form-item> 28 </el-form-item>
...@@ -39,14 +36,12 @@ ...@@ -39,14 +36,12 @@
39 class="width100" 36 class="width100"
40 filterable 37 filterable
41 clearable 38 clearable
42 placeholder="请选择权利类型" 39 placeholder="请选择权利类型">
43 >
44 <el-option 40 <el-option
45 v-for="item in dictData['A8']" 41 v-for="item in dictData['A8']"
46 :key="item.dcode" 42 :key="item.dcode"
47 :label="item.dname" 43 :label="item.dname"
48 :value="item.dcode" 44 :value="item.dcode">
49 >
50 </el-option> 45 </el-option>
51 </el-select> 46 </el-select>
52 </el-form-item> 47 </el-form-item>
...@@ -60,14 +55,12 @@ ...@@ -60,14 +55,12 @@
60 class="width100" 55 class="width100"
61 filterable 56 filterable
62 clearable 57 clearable
63 placeholder="请选择登记类型" 58 placeholder="请选择登记类型">
64 >
65 <el-option 59 <el-option
66 v-for="item in dictData['A21']" 60 v-for="item in dictData['A21']"
67 :key="item.dcode" 61 :key="item.dcode"
68 :label="item.dname" 62 :label="item.dname"
69 :value="item.dcode" 63 :value="item.dcode">
70 >
71 </el-option> 64 </el-option>
72 </el-select> 65 </el-select>
73 </el-form-item> 66 </el-form-item>
...@@ -78,17 +71,14 @@ ...@@ -78,17 +71,14 @@
78 placeholder="请输入业务号" 71 placeholder="请输入业务号"
79 v-model="queryForm.ywh" 72 v-model="queryForm.ywh"
80 clearable 73 clearable
81 class="width200px" 74 class="width200px">
82 >
83 </el-input> 75 </el-input>
84 </el-form-item> 76 </el-form-item>
85 </el-col> 77 </el-col>
86 78
87 <el-col :span="4" class="btnColRight"> 79 <el-col :span="4" class="btnColRight">
88 <el-form-item> 80 <el-form-item>
89 <el-button type="primary" native-type="submit" @click="handleSearch" 81 <el-button type="primary" native-type="submit" @click="handleSearch">查询</el-button>
90 >查询</el-button
91 >
92 <el-button @click="moreQueryClick">高级查询</el-button> 82 <el-button @click="moreQueryClick">高级查询</el-button>
93 </el-form-item> 83 </el-form-item>
94 </el-col> 84 </el-col>
...@@ -100,16 +90,14 @@ ...@@ -100,16 +90,14 @@
100 {{ item.name }}:{{ item.value }} 90 {{ item.name }}:{{ item.value }}
101 <i 91 <i
102 class="el-icon-circle-close" 92 class="el-icon-circle-close"
103 @click="handelItem(item, index)" 93 @click="handelItem(item, index)"></i>
104 ></i>
105 </li> 94 </li>
106 </ul> 95 </ul>
107 <el-button 96 <el-button
108 class="clean-btn" 97 class="clean-btn"
109 type="text" 98 type="text"
110 v-if="searchList.length > 0" 99 v-if="searchList.length > 0"
111 @click.native="hanldeCleanAll" 100 @click.native="hanldeCleanAll">清除全部
112 >清除全部
113 </el-button> 101 </el-button>
114 </el-row> 102 </el-row>
115 </el-form> 103 </el-form>
...@@ -126,25 +114,24 @@ ...@@ -126,25 +114,24 @@
126 @size-change="handleSizeChange" 114 @size-change="handleSizeChange"
127 @p-current-change="handleCurrentChange" 115 @p-current-change="handleCurrentChange"
128 :column="tableData.columns" 116 :column="tableData.columns"
129 :data="tableData.data" 117 :data="tableData.data">
130 >
131 </lb-table> 118 </lb-table>
132 </div> 119 </div>
133 <searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" /> 120 <searchBox v-model="isSearch" @getSearch="getSearch" :advancedForm="otherForm" />
134 </div> 121 </div>
135 </template> 122 </template>
136 <script> 123 <script>
137 import { mapGetters } from "vuex"; 124 import { mapGetters } from "vuex";
138 import searchMin from "../components/mixin/index"; 125 import searchMin from "../components/mixin/index";
139 import table from "@/utils/mixin/table"; 126 import table from "@/utils/mixin/table";
140 import { datas, sendThis } from "./ybxdata"; 127 import { datas, sendThis } from "./ybxdata";
141 import { searchTaskDone } from "@/api/ywbl"; 128 import { searchTaskDone } from "@/api/ywbl";
142 import searchBox from "../components/search.vue"; 129 import searchBox from "../components/search.vue";
143 export default { 130 export default {
144 name: "ybx", 131 name: "ybx",
145 components: { searchBox }, 132 components: { searchBox },
146 mixins: [table, searchMin], 133 mixins: [table, searchMin],
147 mounted() { 134 mounted () {
148 window["getBpageList"] = () => { 135 window["getBpageList"] = () => {
149 this.queryClick(); 136 this.queryClick();
150 }; 137 };
...@@ -153,7 +140,7 @@ export default { ...@@ -153,7 +140,7 @@ export default {
153 computed: { 140 computed: {
154 ...mapGetters(["dictData"]), 141 ...mapGetters(["dictData"]),
155 }, 142 },
156 data() { 143 data () {
157 return { 144 return {
158 queryForm: { 145 queryForm: {
159 ywly: "", 146 ywly: "",
...@@ -176,7 +163,7 @@ export default { ...@@ -176,7 +163,7 @@ export default {
176 }, 163 },
177 methods: { 164 methods: {
178 // 列表渲染接口 165 // 列表渲染接口
179 queryClick() { 166 queryClick () {
180 this.$startLoading(); 167 this.$startLoading();
181 this.searchForm.ywh = this.queryForm.ywh; 168 this.searchForm.ywh = this.queryForm.ywh;
182 this.iterationData(); 169 this.iterationData();
...@@ -199,12 +186,12 @@ export default { ...@@ -199,12 +186,12 @@ export default {
199 } 186 }
200 }); 187 });
201 }, 188 },
202 handleSort(val) { 189 handleSort (val) {
203 this.queryForm.sortField = val.prop; 190 this.queryForm.sortField = val.prop;
204 this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; 191 this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
205 this.queryClick(); 192 this.queryClick();
206 }, 193 },
207 ywhClick(item) { 194 ywhClick (item) {
208 const { href } = this.$router.resolve( 195 const { href } = this.$router.resolve(
209 "/workFrameView?bsmSlsq=" + 196 "/workFrameView?bsmSlsq=" +
210 item.bsmSlsq + 197 item.bsmSlsq +
...@@ -216,8 +203,8 @@ export default { ...@@ -216,8 +203,8 @@ export default {
216 window.open(href, `urlname${item.bsmSlsq}`); 203 window.open(href, `urlname${item.bsmSlsq}`);
217 }, 204 },
218 }, 205 },
219 }; 206 };
220 </script> 207 </script>
221 <style scoped lang="scss"> 208 <style scoped lang="scss">
222 @import "~@/styles/public.scss"; 209 @import "~@/styles/public.scss";
223 </style> 210 </style>
......
...@@ -100,7 +100,6 @@ ...@@ -100,7 +100,6 @@
100 }, 100 },
101 methods: { 101 methods: {
102 queryClick () { 102 queryClick () {
103 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
104 this.$startLoading(); 103 this.$startLoading();
105 selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => { 104 selectCfdj({ ...this.queryForm, ...this.pageData }).then((res) => {
106 this.$endLoading(); 105 this.$endLoading();
......
...@@ -171,7 +171,6 @@ ...@@ -171,7 +171,6 @@
171 }, 171 },
172 methods: { 172 methods: {
173 queryClick () { 173 queryClick () {
174 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
175 this.$startLoading(); 174 this.$startLoading();
176 if (!this.isJump) { 175 if (!this.isJump) {
177 //从业务办理进入 176 //从业务办理进入
......
...@@ -70,7 +70,6 @@ ...@@ -70,7 +70,6 @@
70 }, 70 },
71 methods: { 71 methods: {
72 queryClick () { 72 queryClick () {
73 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
74 this.$startLoading(); 73 this.$startLoading();
75 this.queryForm.sqywbm = this.sqywInfo.djywbm; 74 this.queryForm.sqywbm = this.sqywInfo.djywbm;
76 selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { 75 selectNydsyqQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -98,7 +98,6 @@ ...@@ -98,7 +98,6 @@
98 methods: { 98 methods: {
99 //默认加载表格信息 99 //默认加载表格信息
100 queryClick () { 100 queryClick () {
101 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
102 this.$startLoading(); 101 this.$startLoading();
103 this.queryForm.bsmSqyw = this.bsmSqyw; 102 this.queryForm.bsmSqyw = this.bsmSqyw;
104 selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { 103 selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -56,8 +56,8 @@ ...@@ -56,8 +56,8 @@
56 import store from '@/store/index.js' 56 import store from '@/store/index.js'
57 import table from "@/utils/mixin/table"; 57 import table from "@/utils/mixin/table";
58 import { datas, sendThis } from "../javascript/selectDjbbl.js"; 58 import { datas, sendThis } from "../javascript/selectDjbbl.js";
59 import { getDjbBysearch } from "@/api/zhcx.js"; 59 import { selectRepairQlxx } from "@/api/selectQlxx.js";
60 import jump from "../components/mixin/jump"; 60 import jump from "../components/mixin/djbbljump";
61 export default { 61 export default {
62 name: "djbcx", 62 name: "djbcx",
63 mixins: [table, jump], 63 mixins: [table, jump],
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
100 // 初始化数据 100 // 初始化数据
101 queryClick () { 101 queryClick () {
102 this.$startLoading() 102 this.$startLoading()
103 getDjbBysearch({ ...this.queryForm, ...this.pageData }).then((res) => { 103 selectRepairQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
104 this.$endLoading() 104 this.$endLoading()
105 if (res.code === 200) { 105 if (res.code === 200) {
106 let { total, records } = res.result; 106 let { total, records } = res.result;
...@@ -140,7 +140,6 @@ ...@@ -140,7 +140,6 @@
140 this.$message.error("请至少选择一条数据"); 140 this.$message.error("请至少选择一条数据");
141 return; 141 return;
142 } 142 }
143 console.log("this.sqywInfo", this.sqywInfo, this.sqywInfo.nodetype == "djqx");
144 let from = { 143 let from = {
145 bsmSqyw: this.bsmSqyw, 144 bsmSqyw: this.bsmSqyw,
146 bdcdysz: this.bdcdysz, 145 bdcdysz: this.bdcdysz,
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectFwsyq({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectHQjdc({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -83,7 +83,6 @@ ...@@ -83,7 +83,6 @@
83 }, 83 },
84 methods: { 84 methods: {
85 queryClick () { 85 queryClick () {
86 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
87 this.$startLoading(); 86 this.$startLoading();
88 this.queryForm.sqywbm = this.sqywInfo.djywbm; 87 this.queryForm.sqywbm = this.sqywInfo.djywbm;
89 selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => { 88 selectJsydQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -79,7 +79,6 @@ ...@@ -79,7 +79,6 @@
79 }, 79 },
80 methods: { 80 methods: {
81 queryClick () { 81 queryClick () {
82 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
83 this.$startLoading(); 82 this.$startLoading();
84 this.queryForm.sqywbm = this.sqywInfo.djywbm; 83 this.queryForm.sqywbm = this.sqywInfo.djywbm;
85 selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => { 84 selectZdjbxx({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectYgdj200({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -75,7 +75,6 @@ ...@@ -75,7 +75,6 @@
75 }, 75 },
76 methods: { 76 methods: {
77 queryClick () { 77 queryClick () {
78 console.log("申请业务单一流向状态", this.sqywInfo.sqywdylx);
79 this.$startLoading(); 78 this.$startLoading();
80 this.queryForm.sqywbm = this.sqywInfo.djywbm; 79 this.queryForm.sqywbm = this.sqywInfo.djywbm;
81 selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => { 80 selectYgdy({ ...this.queryForm, ...this.pageData }).then((res) => {
......
...@@ -29,7 +29,18 @@ ...@@ -29,7 +29,18 @@
29 </ul> 29 </ul>
30 </div> 30 </div>
31 <!-- 一并申请 --> 31 <!-- 一并申请 -->
32 <div v-if="selectType == 'together'" class="right-title">一并申请</div> 32 <div v-if="selectType == 'together'" class="right-situation el-card">
33 <div class="right-title">一并申请</div>
34 <ul>
35 <li :class="item.selected ? 'cactive' : ''" v-for="(item, index) in djqxList" :key="index"
36 @dblclick="dblclick(djqxList, index, item)" @click="selectSqywClick(djqxList, index)">
37 <dt>{{ item.nodename }}</dt>
38 <p :class="item.userCollect == 1 ? 'active' : ''" @click.stop="handleCollection(item)">
39 <i class="el-icon-star-off"></i>
40 </p>
41 </li>
42 </ul>
43 </div>
33 <!-- 登记簿补录 --> 44 <!-- 登记簿补录 -->
34 <div v-if="selectType == 'amend'" class="right-situation el-card"> 45 <div v-if="selectType == 'amend'" class="right-situation el-card">
35 <div class="right-title">登记簿补录</div> 46 <div class="right-title">登记簿补录</div>
...@@ -80,7 +91,7 @@ ...@@ -80,7 +91,7 @@
80 </div> 91 </div>
81 </template> 92 </template>
82 <script> 93 <script>
83 import { getCollectBiz, getleftMenu, getNextNode, getRepairBiz, addCollectBiz, deleteCollectBiz } from "@/api/ywbl" 94 import { getCollectBiz, getleftMenu, getNextNode, getRepairBiz,getTogetherBiz, addCollectBiz, deleteCollectBiz } from "@/api/ywbl"
84 export default { 95 export default {
85 data () { 96 data () {
86 return { 97 return {
...@@ -130,13 +141,20 @@ ...@@ -130,13 +141,20 @@
130 console.log("item", item); 141 console.log("item", item);
131 this.btnDisabled = true; 142 this.btnDisabled = true;
132 this.selectType = item.type; 143 this.selectType = item.type;
133 console.log("this.sqywQllxList", this.sqywQllxList);
134 this.sqywQllxList.forEach(item => { 144 this.sqywQllxList.forEach(item => {
135 if (item.check) item.check = false; 145 if (item.check) item.check = false;
136 }); 146 });
137 if (this.selectType == 'amend') { 147 if (this.selectType == 'amend') {
138 this.getRepairBiz(); 148 this.getRepairBiz();
139 } 149 }
150 if (this.selectType == 'together') {
151 getTogetherBiz().then(res => {
152 if (res) {
153 console.log("res", res);
154 this.djqxList = res.result;
155 }
156 })
157 }
140 }, 158 },
141 //权利类型菜单事件 159 //权利类型菜单事件
142 qllxClick (index) { 160 qllxClick (index) {
......
...@@ -28,6 +28,19 @@ class data extends filter { ...@@ -28,6 +28,19 @@ class data extends filter {
28 } 28 }
29 }, 29 },
30 { 30 {
31 prop: "status",
32 label: "状态",
33 render: (h, scope) => {
34 return (
35 <div>
36 {/* <a v-on:click="doSomething"></a> */}
37 <a style='color:#3498db;' v-show={scope.row.djblzt == 1} >正在办理</a>
38 <span v-show={scope.row.sfbl == 1}>,正在补录</span>
39 </div>
40 )
41 }
42 },
43 {
31 label: "权属状态", 44 label: "权属状态",
32 width: '80', 45 width: '80',
33 render: (h, scope) => { 46 render: (h, scope) => {
...@@ -55,10 +68,7 @@ class data extends filter { ...@@ -55,10 +68,7 @@ class data extends filter {
55 ) 68 )
56 } 69 }
57 }, 70 },
58 { 71
59 prop: "ywh",
60 label: "业务号",
61 },
62 { 72 {
63 prop: "qllxmc", 73 prop: "qllxmc",
64 label: "权利类型", 74 label: "权利类型",
......
...@@ -113,22 +113,22 @@ export default { ...@@ -113,22 +113,22 @@ export default {
113 bsm: '' 113 bsm: ''
114 }, '85%') 114 }, '85%')
115 }, 115 },
116 ywhClick (item) { 116 // ywhClick (item) {
117 const { href } = this.$router.resolve( 117 // const { href } = this.$router.resolve(
118 "/djbworkFrame?bdcdyid=" + 118 // "/djbworkFrame?bdcdyid=" +
119 item.bdcdyid+ 119 // item.bdcdyid+
120 "&bdcdyh=" + 120 // "&bdcdyh=" +
121 item.bdcdyh+ 121 // item.bdcdyh+
122 "&qllx="+ 122 // "&qllx="+
123 item.qllx+ 123 // item.qllx+
124 "&bsmQlxx="+ 124 // "&bsmQlxx="+
125 item.bsmQlxx+ 125 // item.bsmQlxx+
126 "&viewtype=1" 126 // "&viewtype=1"
127 ); 127 // );
128 localStorage.setItem('ywbl', JSON.stringify(item)); 128 // localStorage.setItem('ywbl', JSON.stringify(item));
129 window.open(href, `urlname${item.bdcdyid}`); 129 // window.open(href, `urlname${item.bdcdyid}`);
130 130
131 }, 131 // },
132 } 132 }
133 } 133 }
134 </script> 134 </script>
......
...@@ -23,6 +23,19 @@ class data extends filter { ...@@ -23,6 +23,19 @@ class data extends filter {
23 } 23 }
24 }, 24 },
25 { 25 {
26 label: "数据类型",
27 width: '80',
28 render: (h, scope) => {
29 return (
30 <div>
31 <span v-show={scope.row.sjlx == 1} >系统数据</span>
32 <span v-show={scope.row.sjlx == 2} >存量数据</span>
33 <span v-show={scope.row.sjlx == 3} >补录数据</span>
34 </div>
35 )
36 }
37 },
38 {
26 label: "权属状态", 39 label: "权属状态",
27 width: '80', 40 width: '80',
28 render: (h, scope) => { 41 render: (h, scope) => {
...@@ -54,13 +67,14 @@ class data extends filter { ...@@ -54,13 +67,14 @@ class data extends filter {
54 prop: "ywh", 67 prop: "ywh",
55 label: "业务号", 68 label: "业务号",
56 width: '110', 69 width: '110',
57 render: (h, scope) => { 70 // render: (h, scope) => {
58 return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button> 71 // return <el-button type="text" onClick={() => { vm.ywhClick(scope.row) }}>{scope.row.ywh}</el-button>
59 } 72 // }
60 }, 73 },
61 { 74 {
62 prop: "qllxmc", 75 prop: "qllxmc",
63 label: "权利类型", 76 label: "权利类型",
77 width: '140',
64 }, 78 },
65 { 79 {
66 prop: "djlxmc", 80 prop: "djlxmc",
......
...@@ -102,11 +102,6 @@ ...@@ -102,11 +102,6 @@
102 djlx: "", 102 djlx: "",
103 ywh: "", 103 ywh: "",
104 }, 104 },
105 // pageData: {
106 // currentPage: 1,
107 // pageSize: 10,
108 // total: 0,
109 // },
110 tableData: { 105 tableData: {
111 total: 0, 106 total: 0,
112 columns: datas.columns(), 107 columns: datas.columns(),
...@@ -122,24 +117,6 @@ ...@@ -122,24 +117,6 @@
122 this.$endLoading() 117 this.$endLoading()
123 if (res.code === 200) { 118 if (res.code === 200) {
124 let { total, records } = res.result 119 let { total, records } = res.result
125 // let str = ''
126 // records.forEach(item => {
127 // if (item.userNameList.length != 0) {
128 // str = String(item.userNameList)
129 // item.blStatus = item.zbhj + '(' + str.replace(/,/g, "+") + ')'
130 // }
131 // if (item.qlrmc.length != 0) {
132 // item.qlrmcStr = String(item.qlrmc)
133 // }
134 // if (item.ywrmc.length != 0) {
135 // item.ywrmcStr = String(item.ywrmc)
136 // }
137 // if (item.zlList.length != 0) {
138 // item.zlStr = String(item.zlList)
139 // }
140 // })
141 // this.pageData.total = total;
142 // this.tableData.data = records
143 this.tableData.total = total ? total : 0; 120 this.tableData.total = total ? total : 0;
144 this.tableData.data = records ? records : []; 121 this.tableData.data = records ? records : [];
145 } 122 }
...@@ -148,10 +125,10 @@ ...@@ -148,10 +125,10 @@
148 handleSort (name, sort) { 125 handleSort (name, sort) {
149 console.log(name, sort); 126 console.log(name, sort);
150 }, 127 },
128 moreQueryClick () { },
151 openDialog (item) { 129 openDialog (item) {
152 const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3') 130 const { href } = this.$router.resolve('/workFrameView?bsmSlsq=' + item.bsmSlsq + '&bestepid=' + item.bestepid + '&bsmBusiness=' + item.bsmBusiness + '&viewtype=3')
153 // window.open(href, '_blank'); 131 window.open(href, `urlname${item.bsmSlsq}`)
154 window.open(href, `urlname${item.bsmSlsq}`);
155 } 132 }
156 } 133 }
157 } 134 }
......
...@@ -48,10 +48,10 @@ ...@@ -48,10 +48,10 @@
48 </div> 48 </div>
49 </template> 49 </template>
50 <script> 50 <script>
51 import table from "@/utils/mixin/table"; 51 import table from "@/utils/mixin/table";
52 import { datas, sendThis } from "./lpcxdata"; 52 import { datas, sendThis } from "./lpcxdata";
53 import { getLpZrz } from "@/api/lpb.js"; 53 import { getLpZrz } from "@/api/lpb.js";
54 export default { 54 export default {
55 name: "lpcx", 55 name: "lpcx",
56 components: {}, 56 components: {},
57 mixins: [table], 57 mixins: [table],
...@@ -66,16 +66,12 @@ export default { ...@@ -66,16 +66,12 @@ export default {
66 zddm: "", 66 zddm: "",
67 zrzh: "", 67 zrzh: "",
68 }, 68 },
69 pageData: {
70 currentPage: 1,
71 pageSize: 10,
72 total: 0,
73 },
74 tableData: { 69 tableData: {
70 total: 0,
75 columns: datas.columns(), 71 columns: datas.columns(),
76 data: [], 72 data: [],
77 }, 73 }
78 }; 74 }
79 }, 75 },
80 methods: { 76 methods: {
81 // 初始化数据 77 // 初始化数据
...@@ -84,7 +80,7 @@ export default { ...@@ -84,7 +80,7 @@ export default {
84 getLpZrz({ ...this.queryForm, ...this.pageData }).then((res) => { 80 getLpZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
85 this.$endLoading(); 81 this.$endLoading();
86 if (res.code === 200) { 82 if (res.code === 200) {
87 this.pageData.total = res.result.total; 83 this.tableData.total = total ? total : 0;
88 this.tableData.data = res.result.records; 84 this.tableData.data = res.result.records;
89 } 85 }
90 }); 86 });
...@@ -92,9 +88,9 @@ export default { ...@@ -92,9 +88,9 @@ export default {
92 handleSort (name, sort) { 88 handleSort (name, sort) {
93 console.log(name, sort); 89 console.log(name, sort);
94 }, 90 },
91 moreQueryClick () { },
95 //打开楼盘表 92 //打开楼盘表
96 openlpbClick (scope) { 93 openlpbClick (scope) {
97 // var zrzbsm = scope.row.bsm;
98 this.$popup('楼盘表', 'lpb/index', { 94 this.$popup('楼盘表', 'lpb/index', {
99 width: '90%', 95 width: '90%',
100 height: "92%", 96 height: "92%",
...@@ -102,10 +98,10 @@ export default { ...@@ -102,10 +98,10 @@ export default {
102 bsm: scope.row.bsm 98 bsm: scope.row.bsm
103 } 99 }
104 }) 100 })
105 }, 101 }
106 }, 102 }
107 }; 103 }
108 </script> 104 </script>
109 <style scoped lang="scss"> 105 <style scoped lang="scss">
110 @import "~@/styles/public.scss"; 106 @import "~@/styles/public.scss";
111 </style> 107 </style>
......
...@@ -40,22 +40,19 @@ ...@@ -40,22 +40,19 @@
40 </div> 40 </div>
41 <!-- 表格 --> 41 <!-- 表格 -->
42 <div class="from-clues-content"> 42 <div class="from-clues-content">
43 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total" 43 <lb-table :page-size="pageData.size" class="loadingtext" :current-page.sync="pageData.current" :total="tableData.total"
44 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" 44 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
45 :data="tableData.data"> 45 :data="tableData.data">
46 </lb-table> 46 </lb-table>
47 </div> 47 </div>
48 <!-- <el-dialog :visible.sync="dialogVisible" width="52%" :before-close="handleClose">
49
50 </el-dialog> -->
51 </div> 48 </div>
52 </template> 49 </template>
53 <script> 50 <script>
54 import table from "@/utils/mixin/table"; 51 import table from "@/utils/mixin/table";
55 import { datas, sendThis } from "./zslqcx"; 52 import { datas, sendThis } from "./zslqcx";
56 import { getBdcqzReceiveList } from "@/api/zhcx" 53 import { getBdcqzReceiveList } from "@/api/zhcx"
57 import { bdcqzPreview } from "@/api/bdcqz" 54 import { bdcqzPreview } from "@/api/bdcqz"
58 export default { 55 export default {
59 components: {}, 56 components: {},
60 mixins: [table], 57 mixins: [table],
61 mounted () { 58 mounted () {
...@@ -103,8 +100,8 @@ export default { ...@@ -103,8 +100,8 @@ export default {
103 this.dialogVisible = false; 100 this.dialogVisible = false;
104 } 101 }
105 }, 102 },
106 }; 103 };
107 </script> 104 </script>
108 <style scoped lang="scss"> 105 <style scoped lang="scss">
109 @import "~@/styles/public.scss"; 106 @import "~@/styles/public.scss";
110 </style> 107 </style>
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-06-19 13:32:04
5 -->
1 <template> 6 <template>
2 <div class="from-clues"> 7 <div class="from-clues">
3 <!-- 表单部分 --> 8 <!-- 表单部分 -->
...@@ -33,7 +38,7 @@ ...@@ -33,7 +38,7 @@
33 </div> 38 </div>
34 <!-- 表格 --> 39 <!-- 表格 -->
35 <div class="from-clues-content"> 40 <div class="from-clues-content">
36 <lb-table :page-size="pageData.size" :current-page.sync="pageData.current" :total="tableData.total" 41 <lb-table :page-size="pageData.size" class="loadingtext" :current-page.sync="pageData.current" :total="tableData.total"
37 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" 42 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
38 :data="tableData.data"> 43 :data="tableData.data">
39 </lb-table> 44 </lb-table>
...@@ -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 "./zxgcdycx"; 50 import { datas, sendThis } from "./zxgcdycx";
46 import { getZjgcdyList } from "@/api/zhcx" 51 import { getZjgcdyList } from "@/api/zhcx"
47 export default { 52 export default {
48 components: {}, 53 components: {},
49 mixins: [table], 54 mixins: [table],
50 mounted () { 55 mounted () {
...@@ -72,15 +77,15 @@ export default { ...@@ -72,15 +77,15 @@ export default {
72 this.$endLoading() 77 this.$endLoading()
73 if (res.code === 200) { 78 if (res.code === 200) {
74 let { total, records } = res.result 79 let { total, records } = res.result
75 this.tableData.total = total; 80 this.tableData.total = total ? total : 0
76 this.tableData.data = records ? records : [] 81 this.tableData.data = records ? records : []
77 } 82 }
78 }) 83 })
79 }, 84 },
80 85 moreQueryClick () { }
81 }, 86 }
82 }; 87 }
83 </script> 88 </script>
84 <style scoped lang="scss"> 89 <style scoped lang="scss">
85 @import "~@/styles/public.scss"; 90 @import "~@/styles/public.scss";
86 </style> 91 </style>
......