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 5817 additions and 2381 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 // 9 : JSON.parse(localStorage.getItem("ApiUrl"));
10 const url = SERVER.SERVERAPI + "/rest/zhcx/lpcx/";
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 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(window.location.href);
72 }
73 if (window._config.casEnable) {
74 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,36 +23,51 @@ router.beforeEach(async (to, from, next) => { ...@@ -23,36 +23,51 @@ 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 { 30 params: {
31 ticket: ticket,
32 service: locationUrl,
33 },
34 }).then(async (res) => {
35 if (res.data.status === 1) {
36 setToken(res.data.content.accessToken)
37 window.location.href = localStorage.getItem('dj-location') + '#' + localStorage.getItem('hash')
38 } else {
39 alert(res.data.message)
40 }
41 }).catch((e) => {
42 console.log(e);
43 });
44 }
45 async function permission () {
46 if (!hasAddDict) {
47 store.dispatch('dict/generateDic')
48 }
49 if (hasAddRoute) {
31 next() 50 next()
51 // next({ ...to, replace: true })
52 } else {
53 const { result: getMenuData } = await getMenuInfo()
54 const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData)
55 // 获取用户信息
56 await store.dispatch('user/getUserInfo')
57 router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }])
58 const routeTo = Cookies.get('routerTo')
59 if (routeTo && routeTo !== '/') {
60 next({ ...to, replace: true })
61 } else {
62 next('/home')
63 }
32 } 64 }
33 return
34 } 65 }
35 if (window._config.casEnable === true) { 66 if (window._config.casEnable === true) {
36 let locationUrl = window.location.protocol + '//' + window.location.host + window.location.pathname;
37 if (!token) { 67 if (!token) {
38 let ticket = getUrlParam('ticket'); 68 let ticket = getUrlParam("ticket");
39 if (ticket) { 69 if (ticket) {
40 axios.get(Vue.prototype.BASE_API.ip + "/management/cas/validate", { 70 casValidate(ticket)
41 params: {
42 'ticket': ticket,
43 'service': locationUrl
44 }
45 }).then(async (res) => {
46 if (process.env.NODE_ENV === 'development') {
47 localStorage.setItem('token', res.data.content.accessToken)
48 } else {
49 Cookies.set("ACCESS_TOKEN", res.data.content.accessToken);
50 }
51 window.location.href = localStorage.getItem('location')
52
53 }).catch(e => {
54 console.log(e)
55 })
56 } else { 71 } else {
57 localStorage.setItem("location", window.location.href) 72 localStorage.setItem("location", window.location.href)
58 window.location.href = window._config.casBaseURL + '/login?service=' + encodeURIComponent(locationUrl); 73 window.location.href = window._config.casBaseURL + '/login?service=' + encodeURIComponent(locationUrl);
...@@ -60,43 +75,43 @@ router.beforeEach(async (to, from, next) => { ...@@ -60,43 +75,43 @@ router.beforeEach(async (to, from, next) => {
60 } else { 75 } else {
61 permission() 76 permission()
62 } 77 }
63
64 async function permission () {
65 if (!hasAddDict) {
66 store.dispatch('dict/generateDic')
67 }
68 if (hasAddRoute) {
69 next()
70 } else {
71 const { result: getMenuData } = await getMenuInfo()
72 const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData)
73 // 获取用户信息
74 await store.dispatch('user/getUserInfo')
75 router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }])
76 const routeTo = Cookies.get('routerTo')
77 if (routeTo && routeTo !== '/') {
78 next({ ...to, replace: true })
79 } else {
80 next('/home')
81 }
82 }
83 }
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
95 }
96 }
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`
89 } 101 }
90 if (to.path) { 102 }else{
91 redirectData.query = { 103 if (to.path === '/login') {
92 ...redirectData.query, 104 const redirectUrl = getUrlParam('redirectUrl');
93 redirect: to.path, 105 if (redirectUrl && redirectUrl !== '') {
94 }; 106 window.location.href = redirectUrl
107 return
108 } else {
109 next('/');
110 return
111 }
95 } 112 }
96 next(redirectData) 113 permission()
97 return
98 } 114 }
99 next()
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">
...@@ -26,8 +26,8 @@ ...@@ -26,8 +26,8 @@
26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', 26 item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '',
27 ]"> 27 ]">
28 <div class="setbut" v-if="item.prop == 'cz'"> 28 <div class="setbut" v-if="item.prop == 'cz'">
29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> 29 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> 30 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
31 </div> 31 </div>
32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> 32 <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'">
33 正在办理 33 正在办理
...@@ -47,68 +47,67 @@ ...@@ -47,68 +47,67 @@
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: "房地产权登记信息（独幢、层、套、间房屋）",
56 qsztList: datas.columns().qsztList, 56 qsztList: datas.columns().qsztList,
57 checkList: datas.columns().checkList, 57 checkList: datas.columns().checkList,
58 //传递参数 58 //传递参数
59 propsParam: this.$attrs, 59 propsParam: this.$attrs,
60 //列表数据 60 //列表数据
61 tableData: [], 61 tableData: [],
62 //空列值个数 62 //空列值个数
63 emptycolNum: datas.columns().emptycolNum, 63 emptycolNum: datas.columns().emptycolNum,
64 //列名称对象 64 //列名称对象
65 columns: datas.columns().FDCQ2, 65 columns: datas.columns().FDCQ2,
66 }; 66 };
67 },
68 created () {
69 this.loadData();
70 },
71 methods: {
72 loadData () {
73 getFdcq2List({
74 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx,
76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 console.log("国有建设",res);
80 this.tableData = res.result;
81 if (this.tableData.length < datas.columns().emptycolNum) {
82 this.emptycolNum =
83 datas.columns().emptycolNum - this.tableData.length;
84 } else {
85 this.emptycolNum = 0;
86 }
87 }
88 });
89 }, 67 },
90 checkChange () { 68 created () {
91 if (this.checkList.length === 0) { 69 this.loadData();
92 this.tableData = [];
93 this.emptycolNum = datas.columns().emptycolNum;
94 } else {
95 this.loadData();
96 }
97 }, 70 },
98 getQsztName (code) { 71 methods: {
99 let name = ""; 72 loadData () {
100 for (let item of this.qsztList) { 73 getFdcq2List({
101 if (item.value == code) { 74 bdcdyid: this.propsParam.bdcdyid,
102 name = item.label; 75 qllx: this.propsParam.qllx,
103 break; 76 qszt: this.checkList,
77 }).then((res) => {
78 if (res.code === 200) {
79 this.tableData = res.result;
80 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length;
83 } else {
84 this.emptycolNum = 0;
85 }
86 }
87 });
88 },
89 checkChange () {
90 if (this.checkList.length === 0) {
91 this.tableData = [];
92 this.emptycolNum = datas.columns().emptycolNum;
93 } else {
94 this.loadData();
104 } 95 }
105 } 96 },
106 return name; 97 getQsztName (code) {
107 }, 98 let name = "";
99 for (let item of this.qsztList) {
100 if (item.value == code) {
101 name = item.label;
102 break;
103 }
104 }
105 return name;
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: '取消',
114 type: 'warning' 113 type: 'warning'
...@@ -126,21 +125,21 @@ export default { ...@@ -126,21 +125,21 @@ export default {
126 }); 125 });
127 }); 126 });
128 127
129 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { 128 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
130 // datalist:this.columns, 129 // datalist:this.columns,
131 // data: row, 130 // data: row,
132 131
133 // }) 132 // })
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: '取消',
141 type: 'warning' 140 type: 'warning'
142 }).then(() => { 141 }).then(() => {
143 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx 142 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
144 // deleteClmx(bsmClmx).then(res => { 143 // deleteClmx(bsmClmx).then(res => {
145 // if (res.code == 200) { 144 // if (res.code == 200) {
146 // that.$emit('updateList', res.result) 145 // that.$emit('updateList', res.result)
...@@ -163,10 +162,10 @@ export default { ...@@ -163,10 +162,10 @@ export default {
163 162
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,22 +193,22 @@ ...@@ -193,22 +193,22 @@
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) {
204 this.zdjbxx = res.result.zdjbxx; 204 this.zdjbxx = res.result.zdjbxx;
205 this.zdbhqks = res.result.zdbhqkList; 205 this.zdbhqks = res.result.zdbhqkList;
206 if (this.zdbhqks != null && this.zdbhqks.length > 0) { 206 if (this.zdbhqks != null && this.zdbhqks.length > 0) {
207 this.showGroup = true; 207 this.showGroup = true;
208 }
208 } 209 }
209 } 210 })
210 }) 211 }
211 }
212 212
213 } 213 }
214 } 214 }
......
...@@ -5,116 +5,159 @@ ...@@ -5,116 +5,159 @@
5 */ 5 */
6 //流程环节操作按钮 6 //流程环节操作按钮
7 export function getForm (tabName, djywbm) { 7 export function getForm (tabName, djywbm) {
8 let form; 8 let form;
9 switch (tabName) { 9 switch (tabName) {
10 // case "jsydsyqslxx100": 10 // case "jsydsyqslxx100":
11 // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue"); 11 // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx.vue");
12 // break; 12 // break;
13 // case "jsydsyqslxx300": 13 // case "jsydsyqslxx300":
14 // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue"); 14 // form = require("@/views/ywbl/slsqxx/jsydsyq/slxx300.vue");
15 // break; 15 // break;
16 // case "fwsyqslxx100": 16 // case "fwsyqslxx100":
17 // form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue"); 17 // form = require("@/views/ywbl/slsqxx/fdcq2/slxx.vue");
18 // break; 18 // break;
19 // case "fwsyqslxx300": 19 // case "fwsyqslxx300":
20 // form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue"); 20 // form = require("@/views/ywbl/slsqxx/fdcq2/slxx300.vue");
21 // break; 21 // break;
22 // case "nydsyqslxx100": 22 // case "nydsyqslxx100":
23 // form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue"); 23 // form = require("@/views/ywbl/slsqxx/nydsyq/slxx.vue");
24 // break; 24 // break;
25 // case "nydsyqslxx200": 25 // case "nydsyqslxx200":
26 // form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue"); 26 // form = require("@/views/ywbl/slsqxx/nydsyq/slxx200.vue");
27 // break; 27 // break;
28 // case "tdslxxCfdj": 28 // case "tdslxxCfdj":
29 // form = require("@/views/ywbl/slsqxx/cfdj/tdslxx.vue"); 29 // form = require("@/views/ywbl/slsqxx/cfdj/tdslxx.vue");
30 // break; 30 // break;
31 // case "plslxxCfdj": 31 // case "plslxxCfdj":
32 // form = require("@/views/ywbl/slsqxx/cfdj/plcfslxx.vue"); 32 // form = require("@/views/ywbl/slsqxx/cfdj/plcfslxx.vue");
33 // break; 33 // break;
34 // case "diyaqSlxx": 34 // case "diyaqSlxx":
35 // form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue"); 35 // form = require("@/views/ywbl/slsqxx/diyaq/slxx.vue");
36 // break; 36 // break;
37 // case "ygmm100": 37 // case "ygmm100":
38 // form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue"); 38 // form = require("@/views/ywbl/slsqxx/ygdj/slxx.vue");
39 // break; 39 // break;
40 // case "ygmm300": 40 // case "ygmm300":
41 // form = require("@/views/ywbl/slsqxx/ygdj/slxx300.vue"); 41 // form = require("@/views/ywbl/slsqxx/ygdj/slxx300.vue");
42 // break; 42 // break;
43 // case "ygdy100": 43 // case "ygdy100":
44 // case "ygdy300": 44 // case "ygdy300":
45 // form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue"); 45 // form = require("@/views/ywbl/slsqxx/ygdy/slxx.vue");
46 // break; 46 // break;
47 // case "zjgcdyqSlxx": 47 // case "zjgcdyqSlxx":
48 // form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue"); 48 // form = require("@/views/ywbl/slsqxx/zjgcdy/slxx.vue");
49 // break; 49 // break;
50 // case "szxx": 50 // case "szxx":
51 // form = require("@/views/djbworkflow/components/szxx.vue"); 51 // form = require("@/views/djbworkflow/components/szxx.vue");
52 // break; 52 // break;
53 // case "fzxx": 53 // case "fzxx":
54 // form = require("@/views/djbworkflow/components/fzxx.vue"); 54 // form = require("@/views/djbworkflow/components/fzxx.vue");
55 // break; 55 // break;
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 // 宗地基本信息 59 case "zdjbxx":
60 case "zdjbxx": 60 form = require("@/views/registerBook/zdjbxx.vue");
61 form = require("@/views/djbworkflow/djbBook/zdjbxx.vue"); 61 break;
62 break; 62 case "cfdj":
63 // 查封登记 63 form = require("@/views/registerBook/cfdj.vue");
64 case "cfdj": 64 break;
65 form = require("@/views/djbworkflow/djbBook/cfdj.vue"); 65 case "jsydsyq":
66 break; 66 form = require("@/views/registerBook/jsydsyq.vue");
67 // 国有建设用地使用权 67 break;
68 case "jsydsyq": 68 case "nydsyq":
69 form = require("@/views/djbworkflow/djbBook/jsydsyq.vue"); 69 form = require("@/views/registerBook/nydsyq.vue");
70 break; 70 break;
71 // 农用地使用权 71 case "fdcq2":
72 case "nydsyq": 72 form = require("@/views/registerBook/fdcq2.vue");
73 form = require("@/views/djbworkflow/djbBook/nydsyq.vue"); 73 break;
74 break; 74 case "diyaq":
75 // 房屋产权2 75 form = require("@/views/registerBook/diyaq.vue");
76 case "fdcq2": 76 break;
77 form = require("@/views/djbworkflow/djbBook/fdcq2.vue"); 77 case "ygdj":
78 break; 78 form = require("@/views/registerBook/ygdj.vue");
79 // 抵押权 79 break;
80 case "diyaq": 80 // 地役权
81 form = require("@/views/djbworkflow/djbBook/diyaq.vue"); 81 case "diyiq":
82 break; 82 form = require("@/views/registerBook/diyiq.vue");
83 // 预告登记 83 break;
84 case "ygdj": 84 // 登记簿封面
85 form = require("@/views/djbworkflow/djbBook/ygdj.vue"); 85 case "djbfm":
86 break; 86 form = require("@/views/registerBook/djbfm.vue");
87 // 地役权 87 break;
88 case "diyiq": 88 // 异议登记
89 form = require("@/views/djbworkflow/djbBook/diyiq.vue"); 89 case "yydj":
90 break; 90 form = require("@/views/registerBook/yydj.vue");
91 // 登记簿封面 91 break;
92 case "djbfm": 92 // // 宗地基本信息
93 form = require("@/views/djbworkflow/djbBook/djbfm.vue"); 93 // case "zdjbxx":
94 break; 94 // form = require("@/views/djbworkflow/djbBook/zdjbxx.vue");
95 // 异议登记 95 // break;
96 case "yydj": 96 // // 查封登记
97 form = require("@/views/djbworkflow/djbBook/yydj.vue"); 97 // case "cfdj":
98 break; 98 // form = require("@/views/djbworkflow/djbBook/cfdj.vue");
99 // 受理信息 99 // break;
100 case "slxx": 100 // // 国有建设用地使用权
101 form = require("@/views/djbworkflow/djbBook/slxx.vue"); 101 // case "jsydsyq":
102 break; 102 // form = require("@/views/djbworkflow/djbBook/jsydsyq.vue");
103 case "clxx": 103 // break;
104 form = require("@/views/djbworkflow/djbBook/clxx.vue"); 104 // // 农用地使用权
105 break; 105 // case "nydsyq":
106 case "spyj": 106 // form = require("@/views/djbworkflow/djbBook/nydsyq.vue");
107 form = require("@/views/djbworkflow/djbBook/spyj.vue"); 107 // break;
108 break; 108 // // 房屋产权2
109 // case "clxx": 109 // case "fdcq2":
110 // form = require("@/views/djbworkflow/components/clxxUnify.vue"); 110 // form = require("@/views/djbworkflow/djbBook/fdcq2.vue");
111 // break; 111 // break;
112 // case "spyj": 112 // // 抵押权
113 // form = require("@/views/djbworkflow/components/spyj.vue"); 113 // case "diyaq":
114 // break; 114 // form = require("@/views/djbworkflow/djbBook/diyaq.vue");
115 default: 115 // break;
116 form = require("@/views/error-page/404.vue"); 116 // // 预告登记
117 break; 117 // case "ygdj":
118 } 118 // form = require("@/views/djbworkflow/djbBook/ygdj.vue");
119 return (r) => require.ensure([], () => r(form)); 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;
132 // 受理信息
133 case "slxx":
134 form = require("@/views/djbworkflow/djbBook/components/blxxtabs/fwsyq/slxx.vue");
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;
145 case "clxx":
146 form = require("@/views/djbworkflow/djbBook/clxx.vue");
147 break;
148 case "spyj":
149 form = require("@/views/djbworkflow/djbBook/spyj.vue");
150 break;
151
152 // case "clxx":
153 // form = require("@/views/djbworkflow/components/clxxUnify.vue");
154 // break;
155 // case "spyj":
156 // form = require("@/views/djbworkflow/components/spyj.vue");
157 // break;
158 default:
159 form = require("@/views/error-page/404.vue");
160 break;
161 }
162 return (r) => require.ensure([], () => r(form));
120 } 163 }
......
...@@ -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,29 +100,45 @@ export default { ...@@ -100,29 +100,45 @@ 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
125 break; 137 // break;
138 case "B5":
139 // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true)
140 this.$refs.qllxlist.dialogVisible=true
141 break;
126 case "B6": 142 case "B6":
127 //根据编号获取对应信息 143 //根据编号获取对应信息
128 getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => { 144 getPrintTemplateByCode({ tmpno: 'dysqs' }).then(res => {
......
...@@ -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,91 +123,101 @@ export default { ...@@ -113,91 +123,101 @@ 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: {
125 // 获取右侧选项卡 135 getQllxByBdcdyid() {
126 getCurrentSelectProps (val) { 136 getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then(
127 this.currentSelectProps = val 137 (res) => {
128 if(this.currentSelectProps.bsmRepair){ 138 if (res.code === 200) {
129 this.tabset() 139 console.log("Qllxlist", res);
130 }else{ 140 }
131 this.getdjblist()
132 } 141 }
133 142 );
134 }, 143 },
135 // 获取渲染登记簿列表 144 // 获取右侧选项卡
136 getdjblist(){ 145 getCurrentSelectProps(val) {
137 getBdcqljqtsx({ 146 this.currentSelectProps = val;
147 if (this.currentSelectProps.bsmRepair) {
148 this.tabset(val);
149 } else {
150 this.getdjblist();
151 }
152 },
153 // 获取渲染登记簿列表
154 getdjblist() {
155 getBdcqljqtsx({
138 bdcdyid: this.currentSelectProps.bdcdyid, 156 bdcdyid: this.currentSelectProps.bdcdyid,
139 bdcdyh: this.currentSelectProps.bdcdyh, 157 bdcdyh: this.currentSelectProps.bdcdyh,
140 }).then((res) => { 158 }).then((res) => {
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
156 })
157 this.tabList=this.tabdata
158 }, 200)
159
160 },
161
162 tabset(){
163 this.tabName = '';
164 this.tabList = [
165 {
166 name: "受理信息",
167 value: "slxx",
168 sort: 1,
169 },
170 {
171 name: "审批意见",
172 value: "spyj",
173 sort: 2,
174 },
175 {
176 name: "材料信息",
177 value: "clxx",
178 sort: 2,
179 },
180 ]; 177 ];
178 this.tabdata.forEach((item, index, arr) => {
179 arr[index].name = item.label;
180 arr[index].value = item.id;
181 });
182 this.tabList = this.tabdata;
183 this.getQllxByBdcdyid();
184 }, 200);
185 },
181 186
182 this.$nextTick(function () { 187 tabset(val) {
183 this.tabName = 'slxx'; 188 this.tabName = "";
184 }); 189 this.tabList = [
185 190 {
191 name: val.qllxmc + "补录信息",
192 value: "slxx",
193 sort: 1,
194 },
195 {
196 name: "审批意见",
197 value: "spyj",
198 sort: 2,
199 },
200 {
201 name: "材料信息",
202 value: "clxx",
203 sort: 2,
186 }, 204 },
205 ];
187 206
188 // stepForm(index){ 207 this.$nextTick(function () {
189 // console.log(index); 208 this.tabName = "slxx";
190 // }, 209 });
210 },
191 211
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,25 +225,29 @@ export default { ...@@ -205,25 +225,29 @@ 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";
219 } 239 from.qllx = row.qllx;
240 }
220 241
221 addRepairRecord(from).then((res) => { 242 addRepairRecord(from).then((res) => {
222 this.$nextTick(() => { 243 this.$nextTick(() => {
223 this.$refs.Menu.getleftMenubl(res.result); 244 this.$refs.Menu.getleftMenubl(res.result);
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 <!-- 楼盘表主体 --> 8 class="tab-content"
9 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> 9 v-if="activeName == 'first'"
10 <lpbContent ref="lpbContent" :zrzbsm="formData.bsm" :key="time"></lpbContent> 10 ref="tabContent"
11 </div> 11 :style="{ height: lpbContentHight + 'px' }"
12 <!-- 右侧图例 --> 12 v-show="bjztFlag"
13 <div class="lp-legend"> 13 >
14 <div class="handleCol"> 14 <!-- 楼盘表主体 -->
15 <div class="btn" @click="legendToggle"> 15 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
16 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> 16 <lpbContent
17 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> 17 ref="lpbContent"
18 </div> 18 :zrzbsm="formData.bsm"
19 <div :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" @click="selectedZt = 'dyzt'"> 19 :key="time"
20 <span>单元状态</span> 20 ></lpbContent>
21 </div> 21 </div>
22 <div :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" @click="selectedZt = 'fwxz'"> 22 <!-- 右侧图例 -->
23 <span>房屋性质</span> 23 <div class="lp-legend">
24 </div> 24 <div class="handleCol">
25 <div :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" @click="selectedZt = 'fwyt'"> 25 <div class="btn" @click="legendToggle">
26 <span>房屋用途</span> 26 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
27 </div> 27 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i>
28 <div :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'" @click="selectedZt = 'qsx'"> 28 </div>
29 <span>缺失项</span> 29 <div
30 </div> 30 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
31 @click="selectedZt = 'dyzt'"
32 >
33 <span>单元状态</span>
34 </div>
35 <div
36 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
37 @click="selectedZt = 'fwxz'"
38 >
39 <span>房屋性质</span>
40 </div>
41 <div
42 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
43 @click="selectedZt = 'fwyt'"
44 >
45 <span>房屋用途</span>
46 </div>
47 <div
48 :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'"
49 @click="selectedZt = 'qsx'"
50 >
51 <span>缺失项</span>
52 </div>
53 </div>
54 <div
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 >
65 <tr>
66 <th>状态</th>
67 <th>套数</th>
68 <th>面积</th>
69 </tr>
70 <tr
71 v-for="(item, index) in dyztList"
72 :key="index"
73 class="cp"
74 @click="handleChoosedH(item.bsms, item.color)"
75 >
76 <td>
77 <i
78 class="fa fa-circle"
79 :style="{ backgroundColor: item.color }"
80 ></i
81 >{{ item.name }}
82 </td>
83 <td>{{ item.ts }}</td>
84 <td>{{ item.mj }}</td>
85 </tr>
86 </table>
31 87
32 </div> 88 <table
33 <div class="legendTable-wrap" :style="{ width: legendToggleFlag ? '204px' : '0' }"> 89 class="legendTable"
34 <table class="legendTable" v-show="selectedZt == 'dyzt'" cellspacing="1" cellpadding="1" border="1"> 90 v-show="selectedZt == 'fwxz'"
35 <tr> 91 cellspacing="1"
36 <th>状态</th> 92 cellpadding="1"
37 <th>套数</th> 93 border="1"
38 <th>面积</th> 94 >
39 </tr> 95 <tr>
40 <tr v-for="(item, index) in dyztList" :key="index" class="cp" 96 <th>性质</th>
41 @click="handleChoosedH(item.bsms, item.color)"> 97 <th>套数</th>
42 <td> 98 <th>面积</th>
43 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 99 </tr>
44 </td> 100 <tr
45 <td>{{ item.ts }}</td> 101 v-for="(item, index) in fwxzList"
46 <td>{{ item.mj }}</td> 102 :key="index"
47 </tr> 103 class="cp"
48 </table> 104 @click="handleChoosedH(item.bsms, item.color)"
49 <table class="legendTable" v-show="selectedZt == 'fwxz'" cellspacing="1" cellpadding="1" border="1"> 105 >
50 <tr> 106 <td>
51 <th>性质</th> 107 <i
52 <th>套数</th> 108 class="fa fa-circle"
53 <th>面积</th> 109 :style="{ backgroundColor: item.color }"
54 </tr> 110 ></i
55 <tr v-for="(item, index) in fwxzList" :key="index" class="cp" 111 >{{ item.name }}
56 @click="handleChoosedH(item.bsms, item.color)"> 112 </td>
57 <td> 113 <td>{{ item.ts }}</td>
58 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 114 <td>{{ item.mj }}</td>
59 </td> 115 </tr>
60 <td>{{ item.ts }}</td> 116 <tr v-show="fwxzList.length < 1">
61 <td>{{ item.mj }}</td> 117 <td colspan="3" class="tac">暂无数据</td>
62 </tr> 118 </tr>
63 <tr v-show="fwxzList.length < 1"> 119 </table>
64 <td colspan="3" class="tac">暂无数据</td>
65 </tr>
66 </table>
67 120
68 <table class="legendTable" v-show="selectedZt == 'fwyt'" cellspacing="1" cellpadding="1" border="1"> 121 <table
69 <tr> 122 class="legendTable"
70 <th>用途</th> 123 v-show="selectedZt == 'fwyt'"
71 <th>套数</th> 124 cellspacing="1"
72 <th>面积</th> 125 cellpadding="1"
73 </tr> 126 border="1"
74 <tr v-for="(item, index) in fwytList" :key="index" class="cp" 127 >
75 @click="handleChoosedH(item.bsms, item.color)"> 128 <tr>
76 <td> 129 <th>用途</th>
77 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 130 <th>套数</th>
78 </td> 131 <th>面积</th>
79 <td>{{ item.ts }}</td> 132 </tr>
80 <td>{{ item.mj }}</td> 133 <tr
81 </tr> 134 v-for="(item, index) in fwytList"
82 <tr v-show="fwytList.length < 1"> 135 :key="index"
83 <td colspan="3" class="tac">暂无数据</td> 136 class="cp"
84 </tr> 137 @click="handleChoosedH(item.bsms, item.color)"
85 </table> 138 >
139 <td>
140 <i
141 class="fa fa-circle"
142 :style="{ backgroundColor: item.color }"
143 ></i
144 >{{ item.name }}
145 </td>
146 <td>{{ item.ts }}</td>
147 <td>{{ item.mj }}</td>
148 </tr>
149 <tr v-show="fwytList.length < 1">
150 <td colspan="3" class="tac">暂无数据</td>
151 </tr>
152 </table>
86 153
87 <table class="legendTable" v-show="selectedZt == 'qsx'" cellspacing="1" cellpadding="1" border="1"> 154 <table
88 <tr> 155 class="legendTable"
89 <th>数据缺失项</th> 156 v-show="selectedZt == 'qsx'"
90 <th>套数</th> 157 cellspacing="1"
91 <th>面积</th> 158 cellpadding="1"
92 </tr> 159 border="1"
93 <tr v-for="(item, index) in qsxList" :key="index" class="cp" @click="handleChoosedH(item.bsms, item.color)"> 160 >
94 <td> 161 <tr>
95 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 162 <th>数据缺失项</th>
96 </td> 163 <th>套数</th>
97 <td>{{ item.ts }}</td> 164 <th>面积</th>
98 <td>0</td> 165 </tr>
99 </tr> 166 <tr
100 <tr v-show="qsxList.length < 1"> 167 v-for="(item, index) in qsxList"
101 <td colspan="3" class="tac">暂无数据</td> 168 :key="index"
102 </tr> 169 class="cp"
103 </table> 170 @click="handleChoosedH(item.bsms, item.color)"
104 </div> 171 >
105 </div> 172 <td>
106 </div> 173 <i
174 class="fa fa-circle"
175 :style="{ backgroundColor: item.color }"
176 ></i
177 >{{ item.name }}
178 </td>
179 <td>{{ item.ts }}</td>
180 <td>0</td>
181 </tr>
182 <tr v-show="qsxList.length < 1">
183 <td colspan="3" class="tac">暂无数据</td>
184 </tr>
185 </table>
186 </div>
187 </div>
188 </div>
107 <!-- 单元列表页面--> 189 <!-- 单元列表页面-->
108 <selectZrzH v-else :sqywInfo="formData" /> 190 <selectZrzH v-else :sqywInfo="formData" />
109 </div> 191 </div>
110 </template> 192 </template>
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是预测
134 menuType: "", 216 menuType: "",
135 selectedZt: "dyzt", //图例选中项，默认选中单元状态 217 selectedZt: "dyzt", //图例选中项，默认选中单元状态
136 dyztList: [ 218 dyztList: [
137 { 219 {
138 name: "未确权", 220 name: "未确权",
139 color: "#83AAFE", 221 color: "#83AAFE",
140 ts: "12", 222 ts: "12",
141 mj: "1633", 223 mj: "1633",
142 }, 224 },
143 { 225 {
144 name: "已确权", 226 name: "已确权",
145 color: "#6EDEE1", 227 color: "#6EDEE1",
146 ts: "22", 228 ts: "22",
147 mj: "3109", 229 mj: "3109",
148 }, 230 },
149 { 231 {
150 name: "已备案", 232 name: "已备案",
151 color: "#8ADC88", 233 color: "#8ADC88",
152 ts: "3", 234 ts: "3",
153 mj: "409", 235 mj: "409",
154 }, 236 },
155 { 237 {
156 name: "预抵押", 238 name: "预抵押",
157 color: "#F2AD67", 239 color: "#F2AD67",
158 ts: "11", 240 ts: "11",
159 mj: "1466", 241 mj: "1466",
160 }, 242 },
161 { 243 {
162 name: "在建抵押", 244 name: "在建抵押",
163 color: "#F191C8", 245 color: "#F191C8",
164 ts: "13", 246 ts: "13",
165 mj: "1792", 247 mj: "1792",
166 }, 248 },
167 { 249 {
168 name: "抵押", 250 name: "抵押",
169 color: "#FF8282", 251 color: "#FF8282",
170 ts: "14", 252 ts: "14",
171 mj: "13", 253 mj: "13",
172 }, 254 },
173 { 255 {
174 name: "查封", 256 name: "查封",
175 color: "#D7CECF", 257 color: "#D7CECF",
176 ts: "9", 258 ts: "9",
177 mj: "1436", 259 mj: "1436",
178 }, 260 },
179 { 261 {
180 name: "异议", 262 name: "异议",
181 color: "#D4A3EB", 263 color: "#D4A3EB",
182 ts: "34", 264 ts: "34",
183 mj: "4342", 265 mj: "4342",
184 }, 266 },
185 { 267 {
186 name: "限制", 268 name: "限制",
187 color: "#A5A3FB", 269 color: "#A5A3FB",
188 ts: "2", 270 ts: "2",
189 mj: "285", 271 mj: "285",
190 }, 272 },
191 ], 273 ],
192 fwxzList: [], 274 fwxzList: [],
193 fwytList: [], 275 fwytList: [],
194 qsxList: [], 276 qsxList: [],
195 legendToggleFlag: false, 277 legendToggleFlag: false,
196 lpbContentHight: "", 278 lpbContentHight: "",
197 lpbContentwidth: "", 279 lpbContentwidth: "",
198 time: "", 280 time: "",
199 dyztBsmList: {}, //单元状态bsmList 281 dyztBsmList: {}, //单元状态bsmList
200 bjztFlag: true, 282 bjztFlag: true,
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 =
217 }, 100); 299 (document.documentElement.clientWidth || document.body.clientWidth) -
218 }, 300 340 -
219 methods: { 301 34 -
220 /* handleTabClick(event){ 302 6;
303 }, 100);
304 },
305 methods: {
306 /* handleTabClick(event){
221 if(event.name=="first"){ 307 if(event.name=="first"){
222 this.$router.push({ 308 this.$router.push({
223 path:"/lpb/index", 309 path:"/lpb/index",
...@@ -228,284 +314,264 @@ export default { ...@@ -228,284 +314,264 @@ export default {
228 }) 314 })
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) => { 329 },
244 item.style.border = ''; 330 //获取各项单元状态统计数据
245 item.className = ''; 331 getDyztBsmList() {
246 }); 332 getLpbTj(this.formData.bsm).then((res) => {
247 this.bsms = bsms; 333 if (res.code === 200) {
248 //清除选中户 334 this.dyztList = res.result;
249 this.$nextTick(() => { 335 this.dyztList.splice(1, 0, this.dyztList[8]);
250 //给hBsmList传值 336 this.dyztList.pop();
251 // console.log(bsms,'bsms'); 337 this.dyztList.forEach((item) => {
252 this.$refs.lpbContent.choosedList = bsms; 338 item.ts = item.bsms.length;
253 this.$refs.lpbContent.borderColor = color; 339 switch (item.name) {
254 }) 340 case "Qqzt":
255 }, 341 item.color = "#6EDEE1";
256 //获取各项单元状态统计数据 342 item.name = "已确权";
257 getDyztBsmList () { 343 break;
258 let data = { 344 case "Wqqzt":
259 zrzbsm: 'ca71bcc498794a1e0ec3ac93869719f6', 345 item.color = "#83AAFE";
260 scyclx: 1, 346 item.name = "未确权";
261 }; 347 break;
262 getLpbTj(data).then((res) => { 348 case "Bazt":
263 if (res.code === 200) { 349 item.color = "#8ADC88";
264 this.dyztList = res.result; 350 item.name = "已备案";
265 this.dyztList.splice(1, 0, this.dyztList[8]); 351 break;
266 this.dyztList.pop(); 352 case "Ydyzt":
267 this.dyztList.forEach(item => { 353 item.color = "#F2AD67";
268 item.ts = item.bsms.length; 354 item.name = "预抵押";
269 switch (item.name) { 355 break;
270 case 'Qqzt': 356 case "Zjgcdyzt":
271 item.color = "#6EDEE1"; 357 item.color = "#F191C8";
272 item.name = "已确权" 358 item.name = "在建抵押";
273 break; 359 break;
274 case 'Wqqzt': 360 case "Dyzt":
275 item.color = "#83AAFE"; 361 item.color = "#FF8282";
276 item.name = "未确权" 362 item.name = "抵押";
277 break; 363 break;
278 case 'Bazt': 364 case "Cfzt":
279 item.color = "#8ADC88"; 365 item.color = "#D7CECF";
280 item.name = "已备案" 366 item.name = "查封";
281 break; 367 break;
282 case 'Ydyzt': 368 case "Yyzt":
283 item.color = "#F2AD67"; 369 item.color = "#D4A3EB";
284 item.name = "预抵押" 370 item.name = "异议";
285 break; 371 break;
286 case 'Zjgcdyzt': 372 case "Xzzt":
287 item.color = "#F191C8"; 373 item.color = "#A5A3FB";
288 item.name = "在建抵押" 374 item.name = "限制";
289 break; 375 break;
290 case 'Dyzt': 376 default:
291 item.color = "#FF8282"; 377 break;
292 item.name = "抵押" 378 }
293 break; 379 });
294 case 'Cfzt': 380 }
295 item.color = "#D7CECF"; 381 });
296 item.name = "查封" 382 },
297 break; 383 // 获取房屋用途和房屋性质及缺失项统计数据
298 case 'Yyzt': 384 getLpbFwytAndQlxz() {
299 item.color = "#D4A3EB"; 385 getLpbFwytAndQlxz(this.formData.bsm).then((res) => {
300 item.name = "异议" 386 if (res.code === 200) {
301 break; 387 // this.fwytList = res.result
302 case 'Xzzt': 388 this.fwytList = res.result.fwyt;
303 item.color = "#A5A3FB"; 389 this.fwxzList = res.result.qlxz;
304 item.name = "限制" 390 if (this.fwytList.length > 0) {
305 break; 391 this.fwytList.forEach((item) => {
306 default: 392 item.color = "#2591FD";
307 break; 393 item.ts = item.bsms.length;
308 } 394 });
309 }) 395 }
310 } 396 if (this.fwxzList.length > 0) {
311 }); 397 this.fwxzList.forEach((item) => {
312 }, 398 item.color = "#2591FD";
313 // 获取房屋用途和房屋性质及缺失项统计数据 399 item.ts = item.bsms.length;
314 getLpbFwytAndQlxz () { 400 });
315 getLpbFwytAndQlxz('ca71bcc498794a1e0ec3ac93869719f6').then((res) => { 401 }
316 if (res.code === 200) { 402 }
317 // this.fwytList = res.result 403 });
318 this.fwytList = res.result.fwyt; 404 getLpbQsxtj(this.formData.bsm).then((res) => {
319 this.fwxzList = res.result.qlxz; 405 if (res.code === 200) {
320 if (this.fwytList.length > 0) { 406 this.qsxList = [
321 this.fwytList.forEach(item => { 407 {
322 item.color = "#2591FD"; 408 name: "坐落",
323 item.ts = item.bsms.length 409 bsms: res.result.zl.bsms,
324 }) 410 color: "#2591FD",
325 } 411 ts: res.result.zl.bsms.length,
326 if (this.fwxzList.length > 0) { 412 },
327 this.fwxzList.forEach(item => { 413 {
328 item.color = "#2591FD"; 414 name: "分层分户图",
329 item.ts = item.bsms.length 415 bsms: res.result.fcfht.bsms,
330 }) 416 color: "#2591FD",
331 } 417 ts: res.result.fcfht.bsms.length,
332 } 418 },
333 }); 419 {
334 // getLpbQsxtj('ca71bcc498794a1e0ec3ac93869719f6').then((res) => { 420 name: "室号",
335 // if (res.code === 200) { 421 bsms: res.result.shbw.bsms,
336 // this.qsxList = [ 422 color: "#2591FD",
337 // { 423 ts: res.result.shbw.bsms.length,
338 // name: '坐落', 424 },
339 // bsms: res.result.zl.bsms, 425 ];
340 // color: '#2591FD', 426 }
341 // ts: res.result.zl.bsms.length 427 });
342 // }, 428 },
343 // { 429 },
344 // name: '分层分户图', 430 computed: {},
345 // bsms: res.result.fcfht.bsms, 431 destroyed() {
346 // color: '#2591FD', 432 window.removeEventListener("resize", this.getHeight);
347 // ts: res.result.fcfht.bsms.length 433 },
348 // }, 434 watch: {
349 // { 435 //树结构和图例伸缩时修改楼盘表主要内容区宽度
350 // name: '室号', 436 legendToggleFlag(n) {
351 // bsms: res.result.shbw.bsms, 437 if (n) {
352 // color: '#2591FD', 438 this.lpbContentwidth -= 204;
353 // ts: res.result.shbw.bsms.length 439 } else {
354 // } 440 this.lpbContentwidth += 204;
355 // ] 441 }
356 // } 442 },
357 // }); 443 selectedZt(n) {
358 } 444 this.legendToggleFlag = true;
359 }, 445 },
360 computed: {}, 446 },
361 destroyed () {
362 window.removeEventListener("resize", this.getHeight);
363 },
364 watch: {
365 //树结构和图例伸缩时修改楼盘表主要内容区宽度
366 legendToggleFlag (n) {
367 if (n) {
368 this.lpbContentwidth -= 204;
369 } else {
370 this.lpbContentwidth += 204;
371 }
372 },
373 selectedZt (n) {
374 this.legendToggleFlag = true;
375 },
376 },
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;
386 display: flex; 461 display: flex;
387 &::-webkit-scrollbar { 462 &::-webkit-scrollbar {
388 width: 1px; 463 width: 1px;
389 } 464 }
390 .lp-tree { 465 .lp-tree {
391 height: 100%; 466 height: 100%;
392 overflow: hidden; 467 overflow: hidden;
393 transition: 0.5s; 468 transition: 0.5s;
394 .treeData { 469 .treeData {
395 margin-top: 20px; 470 margin-top: 20px;
396 margin-left: 26px; 471 margin-left: 26px;
397 float: left; 472 float: left;
398 } 473 }
399 } 474 }
400 .w0 { 475 .w0 {
401 width: 0; 476 width: 0;
402 } 477 }
403 .w260 { 478 .w260 {
404 width: 260px; 479 width: 260px;
405 } 480 }
406 .lp-overview { 481 .lp-overview {
407 transition: 0.5s; 482 transition: 0.5s;
408 flex: 1; 483 flex: 1;
409 border: 1px solid rgb(236, 236, 236); 484 border: 1px solid rgb(236, 236, 236);
410 border-top: 0; 485 border-top: 0;
411 border-bottom: 0; 486 border-bottom: 0;
412 margin-right: 10px; 487 margin-right: 10px;
413 box-sizing: border-box; 488 box-sizing: border-box;
414 } 489 }
415 .lp-legend {
416 transition: 0.5s;
417 height: 100%;
418 font-size: 14px;
419 .handleCol {
420 width: 34px;
421 float: right;
422 height: 100%;
423 .btn {
424 cursor: pointer;
425 height: 40px;
426 line-height: 40px;
427 text-align: center;
428 background-color: #0091ff;
429 color: #fff;
430 border-bottom: 1px solid #e6e6e6;
431 }
432 .dyzt,
433 .fwxz,
434 .fwyt,
435 .qsx {
436 height: 122px;
437 }
438 .dyzt,
439 .fwxz,
440 .fwyt,
441 .qsx {
442 cursor: pointer;
443 border-bottom: 1px solid #e6e6e6;
444 border-left: 1px solid #e6e6e6;
445
446 span {
447 text-align: center;
448 height: 100%;
449 -webkit-writing-mode: vertical-rl;
450 writing-mode: vertical-rl;
451 line-height: 34px;
452 letter-spacing: 2px;
453 }
454 }
455
456 .selectedZt {
457 background-color: #0091ff;
458 color: #fff;
459 }
460 }
461 490
462 .legendTable-wrap { 491 .lp-legend {
463 transition: 0.5s; 492 transition: 0.5s;
464 float: right; 493 height: 100%;
465 overflow: hidden; 494 font-size: 14px;
466 495 .handleCol {
467 .legendTable { 496 width: 34px;
468 margin-top: -1px; 497 float: right;
469 border-color: #e4ebf4 !important; 498 height: 100%;
470 border-collapse: collapse; 499 .btn {
471 border-spacing: 0; 500 cursor: pointer;
472 tr { 501 height: 40px;
473 height: 40px; 502 line-height: 40px;
474 line-height: 40px; 503 text-align: center;
475 504 background-color: #5a78de;
476 th:first-child { 505 color: #fff;
477 width: 80px; 506 border-bottom: 1px solid #e6e6e6;
478 } 507 }
479 508 .dyzt,
480 th { 509 .fwxz,
481 width: 60px; 510 .fwyt,
482 height: 40px; 511 .qsx {
483 white-space: nowrap; 512 height: 122px;
484 } 513 }
485 514 .dyzt,
486 td { 515 .fwxz,
487 height: 40px; 516 .fwyt,
488 text-align: center; 517 .qsx {
489 white-space: nowrap; 518 cursor: pointer;
490 .circle{ 519 border-bottom: 1px solid #e6e6e6;
491 display: inline-block; 520 border-left: 1px solid #e6e6e6;
492 width: 12px; 521 span {
493 height: 12px; 522 text-align: center;
494 border-radius: 6px; 523 height: 100%;
495 margin-right: 2px; 524 -webkit-writing-mode: vertical-rl;
496 position: relative; 525 writing-mode: vertical-rl;
497 top: 1px; 526 line-height: 34px;
498 } 527 letter-spacing: 2px;
499 } 528 }
500 529 }
501 td:first-child { 530 .selectedZt {
502 text-align: left; 531 // background-color: #5A78DE;
503 text-indent: 2px; 532 color: #3d59c4;
504 } 533 }
505 } 534 }
506 } 535 .legendTable-wrap {
507 } 536 transition: 0.5s;
508 } 537 float: right;
509 } 538 overflow: hidden;
539 .legendTable {
540 margin-top: -1px;
541 .fa-circle {
542 display: inline-block;
543 width: 12px;
544 height: 12px;
545 border-radius: 50%;
546 vertical-align: middle;
547 margin-right: 4px;
548 }
549 tr {
550 height: 40px;
551 line-height: 40px;
552 border-color: #d8e0ea !important;
553 th:first-child {
554 width: 80px;
555 }
556 th {
557 width: 60px;
558 height: 40px;
559 white-space: nowrap;
560 background-color: #eceef2;
561 }
562 td {
563 height: 40px;
564 text-align: center;
565 white-space: nowrap;
566 }
567 td:first-child {
568 text-align: left;
569 text-indent: 2px;
570 }
571 }
572 }
573 }
574 }
575 }
510 } 576 }
511 </style> 577 </style>
......
...@@ -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,74 +38,78 @@ ...@@ -40,74 +38,78 @@
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 {
47 return { 45 data () {
48 title: "查封登记信息", 46 return {
49 qsztList: datas.columns().qsztList, 47 title: "查封登记信息",
50 checkList: datas.columns().checkList, 48 qsztList: datas.columns().qsztList,
51 //传递参数 49 checkList: datas.columns().checkList,
52 propsParam: this.$attrs, 50 //传递参数
53 //列表数据 51 propsParam: this.$attrs,
54 tableData: [], 52 //列表数据
55 //空列值个数 53 tableData: [],
56 emptycolNum: datas.columns().emptycolNum, 54 //空列值个数
57 //列名称对象 55 emptycolNum: datas.columns().emptycolNum,
58 columns: datas.columns().CFDJ, 56 //列名称对象
59 }; 57 columns: datas.columns().CFDJ,
60 }, 58 };
61 created() { 59 },
62 this.loadData(); 60 created () {
63 }, 61 this.loadData();
64 methods: { 62 },
65 loadData() { 63 methods: {
66 getCfdjList({ 64 loadData () {
67 bdcdyid: this.propsParam.bdcdyid, 65 getCfdjList({
68 qllx: this.propsParam.qllx, 66 bdcdyid: this.propsParam.bdcdyid,
69 qszt: this.checkList, 67 qllx: this.propsParam.qllx,
70 }).then((res) => { 68 qszt: this.checkList,
71 if (res.code === 200) { 69 }).then((res) => {
72 this.tableData = res.result; 70 if (res.code === 200) {
73 this.tableData.forEach((item, index) => { 71 this.tableData = res.result;
74 if (item.sfbxf == "1") { 72 this.tableData.forEach(item => {
75 item.zxywh = ""; 73 item.sjlx = getSjlx(item.sjlx)
76 item.zxdbr = ""; 74 })
77 item.zxsj = ""; 75 this.tableData.forEach((item, index) => {
76 if (item.sfbxf == "1") {
77 item.zxywh = "";
78 item.zxdbr = "";
79 item.zxsj = "";
80 }
81 });
82 if (this.tableData.length < datas.columns().emptycolNum) {
83 this.emptycolNum =
84 datas.columns().emptycolNum - this.tableData.length;
85 } else {
86 this.emptycolNum = 0;
78 } 87 }
79 });
80 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length;
83 } else {
84 this.emptycolNum = 0;
85 } 88 }
89 });
90 },
91 checkChange () {
92 if (this.checkList.length === 0) {
93 this.tableData = [];
94 this.emptycolNum = datas.columns().emptycolNum;
95 } else {
96 this.loadData();
86 } 97 }
87 }); 98 },
88 }, 99 getQsztName (code) {
89 checkChange() { 100 let name = "";
90 if (this.checkList.length === 0) { 101 for (let item of this.qsztList) {
91 this.tableData = []; 102 if (item.value == code) {
92 this.emptycolNum = datas.columns().emptycolNum; 103 name = item.label;
93 } else { 104 break;
94 this.loadData(); 105 }
95 }
96 },
97 getQsztName(code) {
98 let name = "";
99 for (let item of this.qsztList) {
100 if (item.value == code) {
101 name = item.label;
102 break;
103 } 106 }
104 } 107 return name;
105 return name; 108 },
106 }, 109 },
107 }, 110 };
108 };
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,67 +42,71 @@ ...@@ -38,67 +42,71 @@
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";
44 data () { 48 export default {
45 return { 49 data () {
46 title: "抵押权登记信息", 50 return {
47 qsztList: datas.columns().qsztList, 51 title: "抵押权登记信息",
48 checkList: datas.columns().checkList, 52 qsztList: datas.columns().qsztList,
49 //传递参数 53 checkList: datas.columns().checkList,
50 propsParam: this.$attrs, 54 //传递参数
51 //列表数据 55 propsParam: this.$attrs,
52 tableData: [], 56 //列表数据
53 //空列值个数 57 tableData: [],
54 emptycolNum: datas.columns().emptycolNum, 58 //空列值个数
55 //列名称对象 59 emptycolNum: datas.columns().emptycolNum,
56 columns: datas.columns().DYAQ, 60 //列名称对象
57 }; 61 columns: datas.columns().DYAQ,
58 }, 62 };
59 created () {
60 this.loadData();
61 },
62 methods: {
63 loadData () {
64 getDiyaqList({
65 bdcdyid: this.propsParam.bdcdyid,
66 qllx: this.propsParam.qllx,
67 qszt: this.checkList,
68 }).then((res) => {
69 if (res.code === 200) {
70 this.tableData = res.result;
71 if (this.tableData.length < datas.columns().emptycolNum) {
72 this.emptycolNum =
73 datas.columns().emptycolNum - this.tableData.length;
74 } else {
75 this.emptycolNum = 0;
76 }
77 }
78 });
79 }, 63 },
80 checkChange () { 64 created () {
81 if (this.checkList.length === 0) { 65 this.loadData();
82 this.tableData = [];
83 this.emptycolNum = datas.columns().emptycolNum;
84 } else {
85 this.loadData();
86 }
87 }, 66 },
88 getQsztName (code) { 67 methods: {
89 let name = ""; 68 loadData () {
90 for (let item of this.qsztList) { 69 getDiyaqList({
91 if (item.value == code) { 70 bdcdyid: this.propsParam.bdcdyid,
92 name = item.label; 71 qllx: this.propsParam.qllx,
93 break; 72 qszt: this.checkList,
73 }).then((res) => {
74 if (res.code === 200) {
75 this.tableData = res.result;
76 this.tableData.forEach(item => {
77 item.sjlx = getSjlx(item.sjlx)
78 })
79 if (this.tableData.length < datas.columns().emptycolNum) {
80 this.emptycolNum =
81 datas.columns().emptycolNum - this.tableData.length;
82 } else {
83 this.emptycolNum = 0;
84 }
85 }
86 });
87 },
88 checkChange () {
89 if (this.checkList.length === 0) {
90 this.tableData = [];
91 this.emptycolNum = datas.columns().emptycolNum;
92 } else {
93 this.loadData();
94 }
95 },
96 getQsztName (code) {
97 let name = "";
98 for (let item of this.qsztList) {
99 if (item.value == code) {
100 name = item.label;
101 break;
102 }
94 } 103 }
95 } 104 return name;
96 return name; 105 },
97 }, 106 },
98 }, 107 };
99 };
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,67 +42,71 @@ ...@@ -38,67 +42,71 @@
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";
44 data () { 48 export default {
45 return { 49 data () {
46 title: "地役权登记信息", 50 return {
47 qsztList: datas.columns().qsztList, 51 title: "地役权登记信息",
48 checkList: datas.columns().checkList, 52 qsztList: datas.columns().qsztList,
49 //传递参数 53 checkList: datas.columns().checkList,
50 propsParam: this.$attrs, 54 //传递参数
51 //列表数据 55 propsParam: this.$attrs,
52 tableData: [], 56 //列表数据
53 //空列值个数 57 tableData: [],
54 emptycolNum: datas.columns().emptycolNum, 58 //空列值个数
55 //列名称对象 59 emptycolNum: datas.columns().emptycolNum,
56 columns: datas.columns().DYIQ, 60 //列名称对象
57 }; 61 columns: datas.columns().DYIQ,
58 }, 62 };
59 created () {
60 this.loadData();
61 },
62 methods: {
63 loadData () {
64 getDiyiqList({
65 bdcdyid: this.propsParam.bdcdyid,
66 qllx: this.propsParam.qllx,
67 qszt: this.checkList,
68 }).then((res) => {
69 if (res.code === 200) {
70 this.tableData = res.result;
71 if (this.tableData.length < datas.columns().emptycolNum) {
72 this.emptycolNum =
73 datas.columns().emptycolNum - this.tableData.length;
74 } else {
75 this.emptycolNum = 0;
76 }
77 }
78 });
79 }, 63 },
80 checkChange () { 64 created () {
81 if (this.checkList.length === 0) { 65 this.loadData();
82 this.tableData = [];
83 this.emptycolNum = datas.columns().emptycolNum;
84 } else {
85 this.loadData();
86 }
87 }, 66 },
88 getQsztName (code) { 67 methods: {
89 let name = ""; 68 loadData () {
90 for (let item of this.qsztList) { 69 getDiyiqList({
91 if (item.value == code) { 70 bdcdyid: this.propsParam.bdcdyid,
92 name = item.label; 71 qllx: this.propsParam.qllx,
93 break; 72 qszt: this.checkList,
73 }).then((res) => {
74 if (res.code === 200) {
75 this.tableData = res.result;
76 this.tableData.forEach(item => {
77 item.sjlx = getSjlx(item.sjlx)
78 })
79 if (this.tableData.length < datas.columns().emptycolNum) {
80 this.emptycolNum =
81 datas.columns().emptycolNum - this.tableData.length;
82 } else {
83 this.emptycolNum = 0;
84 }
85 }
86 });
87 },
88 checkChange () {
89 if (this.checkList.length === 0) {
90 this.tableData = [];
91 this.emptycolNum = datas.columns().emptycolNum;
92 } else {
93 this.loadData();
94 }
95 },
96 getQsztName (code) {
97 let name = "";
98 for (let item of this.qsztList) {
99 if (item.value == code) {
100 name = item.label;
101 break;
102 }
94 } 103 }
95 } 104 return name;
96 return name; 105 },
97 }, 106 },
98 }, 107 };
99 };
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,67 +42,71 @@ ...@@ -38,67 +42,71 @@
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";
44 data () { 48 export default {
45 return { 49 data () {
46 title: "房地产权登记信息（独幢、层、套、间房屋）", 50 return {
47 qsztList: datas.columns().qsztList, 51 title: "房地产权登记信息（独幢、层、套、间房屋）",
48 checkList: datas.columns().checkList, 52 qsztList: datas.columns().qsztList,
49 //传递参数 53 checkList: datas.columns().checkList,
50 propsParam: this.$attrs, 54 //传递参数
51 //列表数据 55 propsParam: this.$attrs,
52 tableData: [], 56 //列表数据
53 //空列值个数 57 tableData: [],
54 emptycolNum: datas.columns().emptycolNum, 58 //空列值个数
55 //列名称对象 59 emptycolNum: datas.columns().emptycolNum,
56 columns: datas.columns().FDCQ2, 60 //列名称对象
57 }; 61 columns: datas.columns().FDCQ2,
58 }, 62 };
59 created () {
60 this.loadData();
61 },
62 methods: {
63 loadData () {
64 getFdcq2List({
65 bdcdyid: this.propsParam.bdcdyid,
66 qllx: this.propsParam.qllx,
67 qszt: this.checkList,
68 }).then((res) => {
69 if (res.code === 200) {
70 this.tableData = res.result;
71 if (this.tableData.length < datas.columns().emptycolNum) {
72 this.emptycolNum =
73 datas.columns().emptycolNum - this.tableData.length;
74 } else {
75 this.emptycolNum = 0;
76 }
77 }
78 });
79 }, 63 },
80 checkChange () { 64 created () {
81 if (this.checkList.length === 0) { 65 this.loadData();
82 this.tableData = [];
83 this.emptycolNum = datas.columns().emptycolNum;
84 } else {
85 this.loadData();
86 }
87 }, 66 },
88 getQsztName (code) { 67 methods: {
89 let name = ""; 68 loadData () {
90 for (let item of this.qsztList) { 69 getFdcq2List({
91 if (item.value == code) { 70 bdcdyid: this.propsParam.bdcdyid,
92 name = item.label; 71 qllx: this.propsParam.qllx,
93 break; 72 qszt: this.checkList,
73 }).then((res) => {
74 if (res.code === 200) {
75 this.tableData = res.result;
76 this.tableData.forEach(item => {
77 item.sjlx = getSjlx(item.sjlx)
78 })
79 if (this.tableData.length < datas.columns().emptycolNum) {
80 this.emptycolNum =
81 datas.columns().emptycolNum - this.tableData.length;
82 } else {
83 this.emptycolNum = 0;
84 }
85 }
86 });
87 },
88 checkChange () {
89 if (this.checkList.length === 0) {
90 this.tableData = [];
91 this.emptycolNum = datas.columns().emptycolNum;
92 } else {
93 this.loadData();
94 }
95 },
96 getQsztName (code) {
97 let name = "";
98 for (let item of this.qsztList) {
99 if (item.value == code) {
100 name = item.label;
101 break;
102 }
94 } 103 }
95 } 104 return name;
96 return name; 105 },
97 }, 106 },
98 }, 107 };
99 };
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 },
...@@ -424,12 +440,12 @@ class data extends filter { ...@@ -424,12 +440,12 @@ class data extends filter {
424 prop: "zl", 440 prop: "zl",
425 label: "在建建筑物坐落", 441 label: "在建建筑物坐落",
426 }, 442 },
427 { 443 {
428 prop: "dyfs", 444 prop: "dyfs",
429 label: "抵押方式", 445 label: "抵押方式",
430 render: (h, scope) => { 446 render: (h, scope) => {
431 return ( 447 return (
432 <div> 448 <div>
433 <span v-show={scope.row.dyfs == '1'}>一般抵押权</span> 449 <span v-show={scope.row.dyfs == '1'}>一般抵押权</span>
434 <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span> 450 <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span>
435 </div> 451 </div>
...@@ -464,7 +480,7 @@ class data extends filter { ...@@ -464,7 +480,7 @@ class data extends filter {
464 prop: "ywrzjhm", 480 prop: "ywrzjhm",
465 label: "抵押人证件号", 481 label: "抵押人证件号",
466 }, 482 },
467 483
468 { 484 {
469 prop: "sfygdj", 485 prop: "sfygdj",
470 label: "是否预告登记", 486 label: "是否预告登记",
...@@ -516,7 +532,7 @@ class data extends filter { ...@@ -516,7 +532,7 @@ class data extends filter {
516 { 532 {
517 prop: "fj", 533 prop: "fj",
518 label: "附记", 534 label: "附记",
519 }, 535 },
520 { 536 {
521 prop: "djsj", 537 prop: "djsj",
522 label: "登记时间", 538 label: "登记时间",
...@@ -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>
...@@ -193,7 +193,7 @@ ...@@ -193,7 +193,7 @@
193 }, 193 },
194 methods: { 194 methods: {
195 loadData () { 195 loadData () {
196 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { 196 getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
197 if (res.code === 200) { 197 if (res.code === 200) {
198 this.zdjbxx = res.result.zdjbxx; 198 this.zdjbxx = res.result.zdjbxx;
199 this.zdbhqks = res.result.zdbhqkList; 199 this.zdbhqks = res.result.zdbhqkList;
...@@ -201,7 +201,7 @@ ...@@ -201,7 +201,7 @@
201 this.showGroup = true; 201 this.showGroup = true;
202 } 202 }
203 } 203 }
204 }) 204 })
205 } 205 }
206 } 206 }
207 } 207 }
......
...@@ -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,98 +114,97 @@ ...@@ -126,98 +114,97 @@
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 };
151 sendThis(this); 138 sendThis(this);
152 }, 139 },
153 computed: { 140 computed: {
154 ...mapGetters(["dictData"]), 141 ...mapGetters(["dictData"]),
155 },
156 data() {
157 return {
158 queryForm: {
159 ywly: "",
160 qllx: "",
161 djlx: "",
162 ywh: "",
163 },
164 searchForm: {
165 ywlymc: "",
166 qllxmc: "",
167 djlxmc: "",
168 ywh: "",
169 },
170 tableData: {
171 total: 0,
172 columns: datas.columns(),
173 data: [],
174 },
175 };
176 },
177 methods: {
178 // 列表渲染接口
179 queryClick() {
180 this.$startLoading();
181 this.searchForm.ywh = this.queryForm.ywh;
182 this.iterationData();
183 searchTaskDone({
184 ...this.queryForm,
185 ...this.otherForm,
186 ...this.pageData,
187 }).then((res) => {
188 this.$endLoading();
189 if (res.code === 200) {
190 let { total, records } = res.result;
191 records.forEach((item) => {
192 item.qlrmc = item.qlrmc.join(",");
193 item.ywh = item.ywh.join(",");
194 item.zl = item.zl.join(",");
195 item.outstepdate = item.outstepdate[0];
196 });
197 this.tableData.total = total ? total : 0;
198 this.tableData.data = records ? records : [];
199 }
200 });
201 }, 142 },
202 handleSort(val) { 143 data () {
203 this.queryForm.sortField = val.prop; 144 return {
204 this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc"; 145 queryForm: {
205 this.queryClick(); 146 ywly: "",
147 qllx: "",
148 djlx: "",
149 ywh: "",
150 },
151 searchForm: {
152 ywlymc: "",
153 qllxmc: "",
154 djlxmc: "",
155 ywh: "",
156 },
157 tableData: {
158 total: 0,
159 columns: datas.columns(),
160 data: [],
161 },
162 };
206 }, 163 },
207 ywhClick(item) { 164 methods: {
208 const { href } = this.$router.resolve( 165 // 列表渲染接口
209 "/workFrameView?bsmSlsq=" + 166 queryClick () {
167 this.$startLoading();
168 this.searchForm.ywh = this.queryForm.ywh;
169 this.iterationData();
170 searchTaskDone({
171 ...this.queryForm,
172 ...this.otherForm,
173 ...this.pageData,
174 }).then((res) => {
175 this.$endLoading();
176 if (res.code === 200) {
177 let { total, records } = res.result;
178 records.forEach((item) => {
179 item.qlrmc = item.qlrmc.join(",");
180 item.ywh = item.ywh.join(",");
181 item.zl = item.zl.join(",");
182 item.outstepdate = item.outstepdate[0];
183 });
184 this.tableData.total = total ? total : 0;
185 this.tableData.data = records ? records : [];
186 }
187 });
188 },
189 handleSort (val) {
190 this.queryForm.sortField = val.prop;
191 this.queryForm.sortOrder = val.order == "ascending" ? "asc" : "desc";
192 this.queryClick();
193 },
194 ywhClick (item) {
195 const { href } = this.$router.resolve(
196 "/workFrameView?bsmSlsq=" +
210 item.bsmSlsq + 197 item.bsmSlsq +
211 "&bestepid=" + 198 "&bestepid=" +
212 item.bestepid + 199 item.bestepid +
213 "&bsmBusiness=" + 200 "&bsmBusiness=" +
214 "&viewtype=1" 201 "&viewtype=1"
215 ); 202 );
216 window.open(href, `urlname${item.bsmSlsq}`); 203 window.open(href, `urlname${item.bsmSlsq}`);
204 },
217 }, 205 },
218 }, 206 };
219 };
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 }
......
...@@ -6,25 +6,25 @@ ...@@ -6,25 +6,25 @@
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="项目名称" label-width="70px"> 8 <el-form-item label="项目名称" label-width="70px">
9 <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc" clearable class="width100"> 9 <el-input placeholder="请输入项目名称" v-model="queryForm.xmmc" clearable class="width100">
10 </el-input> 10 </el-input>
11 </el-form-item> 11 </el-form-item>
12 </el-col> 12 </el-col>
13 <el-col :span="5"> 13 <el-col :span="5">
14 <el-form-item label="项目编号"> 14 <el-form-item label="项目编号">
15 <el-input placeholder="请输入项目编号" v-model="queryForm.xmbh" clearable class="width100"> 15 <el-input placeholder="请输入项目编号" v-model="queryForm.xmbh" clearable class="width100">
16 </el-input> 16 </el-input>
17 </el-form-item> 17 </el-form-item>
18 </el-col> 18 </el-col>
19 <el-col :span="5"> 19 <el-col :span="5">
20 <el-form-item label="宗地代码"> 20 <el-form-item label="宗地代码">
21 <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm" clearable class="width100"> 21 <el-input placeholder="请输入宗地代码" v-model="queryForm.zddm" clearable class="width100">
22 </el-input> 22 </el-input>
23 </el-form-item> 23 </el-form-item>
24 </el-col> 24 </el-col>
25 <el-col :span="5"> 25 <el-col :span="5">
26 <el-form-item label="自然幢号"> 26 <el-form-item label="自然幢号">
27 <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable class="width100"> 27 <el-input placeholder="请输入自然幢号" v-model="queryForm.zrzh" clearable class="width100">
28 </el-input> 28 </el-input>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
...@@ -48,64 +48,60 @@ ...@@ -48,64 +48,60 @@
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],
58 mounted () { 58 mounted () {
59 sendThis(this) 59 sendThis(this)
60 },
61 data () {
62 return {
63 queryForm: {
64 xmmc: "",
65 xmbh: "",
66 zddm: "",
67 zrzh: "",
68 },
69 pageData: {
70 currentPage: 1,
71 pageSize: 10,
72 total: 0,
73 },
74 tableData: {
75 columns: datas.columns(),
76 data: [],
77 },
78 };
79 },
80 methods: {
81 // 初始化数据
82 queryClick () {
83 this.$startLoading();
84 getLpZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
85 this.$endLoading();
86 if (res.code === 200) {
87 this.pageData.total = res.result.total;
88 this.tableData.data = res.result.records;
89 }
90 });
91 }, 60 },
92 handleSort (name, sort) { 61 data () {
93 console.log(name, sort); 62 return {
94 }, 63 queryForm: {
95 //打开楼盘表 64 xmmc: "",
96 openlpbClick (scope) { 65 xmbh: "",
97 // var zrzbsm = scope.row.bsm; 66 zddm: "",
98 this.$popup('楼盘表', 'lpb/index', { 67 zrzh: "",
99 width: '90%', 68 },
100 height: "92%", 69 tableData: {
101 formData: { 70 total: 0,
102 bsm: scope.row.bsm 71 columns: datas.columns(),
72 data: [],
103 } 73 }
104 }) 74 }
105 }, 75 },
106 }, 76 methods: {
107 }; 77 // 初始化数据
78 queryClick () {
79 this.$startLoading();
80 getLpZrz({ ...this.queryForm, ...this.pageData }).then((res) => {
81 this.$endLoading();
82 if (res.code === 200) {
83 this.tableData.total = total ? total : 0;
84 this.tableData.data = res.result.records;
85 }
86 });
87 },
88 handleSort (name, sort) {
89 console.log(name, sort);
90 },
91 moreQueryClick () { },
92 //打开楼盘表
93 openlpbClick (scope) {
94 this.$popup('楼盘表', 'lpb/index', {
95 width: '90%',
96 height: "92%",
97 formData: {
98 bsm: scope.row.bsm
99 }
100 })
101 }
102 }
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,71 +40,68 @@ ...@@ -40,71 +40,68 @@
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 () {
62 sendThis(this); 59 sendThis(this);
63 }, 60 },
64 data () { 61 data () {
65 return { 62 return {
66 queryForm: { 63 queryForm: {
67 bdcqzh: "", 64 bdcqzh: "",
68 ysxlh: "", 65 ysxlh: "",
69 ywh: "", 66 ywh: "",
70 lzrxm: "", 67 lzrxm: "",
68 },
69 dialogVisible: false,
70 tableData: {
71 total: 0,
72 columns: datas.columns(),
73 data: [],
74 },
75 };
76 },
77 methods: {
78 // 查询
79 queryClick () {
80 this.$startLoading()
81 getBdcqzReceiveList({ ...this.queryForm, ...this.pageData }).then(res => {
82 this.$endLoading()
83 if (res.code === 200) {
84 let { total, records } = res.result
85 this.tableData.total = total;
86 this.tableData.data = records ? records : []
87 }
88 })
71 }, 89 },
72 dialogVisible: false, 90 openDialog (item) {
73 tableData: { 91 this.$startLoading()
74 total: 0, 92 bdcqzPreview(item).then(res => {
75 columns: datas.columns(), 93 this.$endLoading()
76 data: [], 94 this.dialogVisible = true;
95 let blob = new Blob([res]);
96 this.$popupDialog("证书内容", "zhcx/zslqcx/components/zslr", { 'previewImage': window.URL.createObjectURL(blob) })
97 })
77 }, 98 },
78 }; 99 handleClose () {
79 }, 100 this.dialogVisible = false;
80 methods: { 101 }
81 // 查询
82 queryClick () {
83 this.$startLoading()
84 getBdcqzReceiveList({ ...this.queryForm, ...this.pageData }).then(res => {
85 this.$endLoading()
86 if (res.code === 200) {
87 let { total, records } = res.result
88 this.tableData.total = total;
89 this.tableData.data = records ? records : []
90 }
91 })
92 },
93 openDialog (item) {
94 this.$startLoading()
95 bdcqzPreview(item).then(res => {
96 this.$endLoading()
97 this.dialogVisible = true;
98 let blob = new Blob([res]);
99 this.$popupDialog("证书内容", "zhcx/zslqcx/components/zslr", { 'previewImage': window.URL.createObjectURL(blob) })
100 })
101 }, 102 },
102 handleClose () { 103 };
103 this.dialogVisible = false;
104 }
105 },
106 };
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,46 +46,46 @@ ...@@ -41,46 +46,46 @@
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 () {
51 sendThis(this); 56 sendThis(this);
52 },
53 data () {
54 return {
55 queryForm: {
56 xmmc: "",
57 qymc: "",
58 zrzh: "",
59 },
60 tableData: {
61 total: 0,
62 columns: datas.columns(),
63 data: [],
64 },
65 };
66 },
67 methods: {
68 // 查询
69 queryClick () {
70 this.$startLoading()
71 getZjgcdyList({ ...this.queryForm, ...this.pageData }).then(res => {
72 this.$endLoading()
73 if (res.code === 200) {
74 let { total, records } = res.result
75 this.tableData.total = total;
76 this.tableData.data = records ? records : []
77 }
78 })
79 }, 57 },
80 58 data () {
81 }, 59 return {
82 }; 60 queryForm: {
61 xmmc: "",
62 qymc: "",
63 zrzh: "",
64 },
65 tableData: {
66 total: 0,
67 columns: datas.columns(),
68 data: [],
69 },
70 };
71 },
72 methods: {
73 // 查询
74 queryClick () {
75 this.$startLoading()
76 getZjgcdyList({ ...this.queryForm, ...this.pageData }).then(res => {
77 this.$endLoading()
78 if (res.code === 200) {
79 let { total, records } = res.result
80 this.tableData.total = total ? total : 0
81 this.tableData.data = records ? records : []
82 }
83 })
84 },
85 moreQueryClick () { }
86 }
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>
......