Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
ec4aef22 by xiaomiao
Options

--no commit message

2 parents b6c6d5fb 4a9aa98e
Inline Side-by-side
Showing 40 changed files with 937 additions and 470 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-02 09:47:57 4 * @LastEditTime: 2023-06-20 09:56:19
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: {
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-08 13:43:33 4 * @LastEditTime: 2023-06-16 16:06:39
5 */ 5 */
6 import request from '@/utils/request' 6 import request from "@/utils/request";
7 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl')) 7 let SERVER = window.config
8 const url = SERVER.SERVERAPI + '/rest/zhcx/lpcx/' 8 ? window.config
9 : JSON.parse(localStorage.getItem("ApiUrl"));
10 const url = SERVER.SERVERAPI + "/rest/zhcx/lpcx/";
9 // 11 //
10 /** 12 /**
11 * @description:楼盘查询- 根据条件进行列表查询 13 * @description:楼盘查询- 根据条件进行列表查询
12 * @param {*} data 14 * @param {*} data
13 * @author: renchao 15 * @author: renchao
14 */ 16 */
15 export function getLpZrz (data) { 17 export function getLpZrz(data) {
16 return request({ 18 return request({
17 url: 'service-lpb-zq/rest/zhcx/lpcx/getLpZrz', 19 url: "service-lpb-zq/rest/zhcx/lpcx/getLpZrz",
18 method: 'post', 20 method: "post",
19 data: data 21 data: data,
20 }) 22 });
21 } 23 }
22 24
23 /** 25 /**
...@@ -25,32 +27,47 @@ export function getLpZrz (data) { ...@@ -25,32 +27,47 @@ export function getLpZrz (data) {
25 * @param {*} zrzbsm 27 * @param {*} zrzbsm
26 * @author: renchao 28 * @author: renchao
27 */ 29 */
28 export function getLpb (zrzbsm) { 30 export function getLpb(zrzbsm) {
29 return request({ 31 return request({
30 url: 'service-lpb-zq/rest/zhcx/lpcx/getLpb?scyclx=1&zrzbsm=' + zrzbsm, 32 url: "service-lpb-zq/rest/zhcx/lpcx/getLpb?scyclx=0&zrzbsm=" + zrzbsm,
31 method: 'get' 33 method: "get",
32 }) 34 });
33 } 35 }
34 /** 36 /**
35 * @description: 获取楼盘表房屋用途,房屋性质右侧房屋用途统计数据 37 * @description: 获取楼盘表房屋用途,房屋性质右侧房屋用途统计数据
36 * @param {*} zrzbsm 38 * @param {*} zrzbsm
37 * @author: renchao 39 * @author: renchao
38 */ 40 */
39 export function getLpbFwytAndQlxz (zrzbsm) { 41 export function getLpbFwytAndQlxz(zrzbsm) {
40 return request({ 42 return request({
41 url: 'service-lpb-zq/rest/zhcx/lpcx/getLpbFwytAndQlxz?scyclx=1&zrzbsm=' + zrzbsm, 43 url:
42 method: 'get' 44 "service-lpb-zq/rest/zhcx/lpcx/getLpbFwytAndQlxz?scyclx=0&zrzbsm=" +
43 }) 45 zrzbsm,
46 method: "get",
47 });
44 } 48 }
45 /** 49 /**
46 * @description: 获取楼盘表缺失项统计 50 * @description: 获取楼盘表缺失项统计
47 * @param {*} zrzbsm 51 * @param {*} zrzbsm
48 * @author: renchao 52 * @author: renchao
49 */ 53 */
50 export function getLpbQsxtj (zrzbsm) { 54 export function getLpbQsxtj(zrzbsm) {
51 return request({ 55 return request({
52 url: url + 'getLpbQsxtj?scyclx=1&zrzbsm=' + zrzbsm, 56 url: "service-lpb-zq/rest/zhcx/lpcx/getLpbQsxtj?scyclx=0&zrzbsm=" + zrzbsm,
53 method: 'get' 57 method: "get",
54 }) 58 });
55 } 59 }
56 60
61 /**
62 * @description: 楼盘表 获取单元状态统计数据
63 * @param {*} data
64 * zrzbsm 自然幢标识码
65 * scyclx 实测预测类型 0预测，1实测
66 * @return {*}
67 */
68 export function getLpbTj(zrzbsm) {
69 return request({
70 url: "service-lpb-zq/rest/zhcx/lpcx/getLpbTj?scyclx=0&zrzbsm=" + zrzbsm,
71 method: "get",
72 });
73 }
......
...@@ -73,7 +73,7 @@ export function choiceBdcdy (data) { ...@@ -73,7 +73,7 @@ export function choiceBdcdy (data) {
73 */ 73 */
74 export function selectRepairQlxx (data) { 74 export function selectRepairQlxx (data) {
75 return request({ 75 return request({
76 url: '/bdcdj/rest/ywbl/ywsq/selectRepairQlxx', 76 url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectRepairQlxx',
77 method: 'post', 77 method: 'post',
78 data 78 data
79 }) 79 })
......
...@@ -25,6 +25,7 @@ ...@@ -25,6 +25,7 @@
25 import { mapGetters } from 'vuex' 25 import { mapGetters } from 'vuex'
26 import NoticeBar from '@/components/NoticeBar/index' 26 import NoticeBar from '@/components/NoticeBar/index'
27 import { getHomeNoticeList } from "@/api/home" 27 import { getHomeNoticeList } from "@/api/home"
28 import {setToken} from "@/utils/util";
28 export default { 29 export default {
29 components: { 30 components: {
30 NoticeBar 31 NoticeBar
...@@ -64,23 +65,11 @@ ...@@ -64,23 +65,11 @@
64 }) 65 })
65 }, 66 },
66 logout () { 67 logout () {
67 axios.post(this.BASE_API.ip + "/management/logout").then(() => { 68 axios.post(window._config.services.management + "/management/logout").then(() => {
68 if (process.env.NODE_ENV === 'development') { 69 setToken(undefined)
69 localStorage.removeItem('token') 70 sessionStorage.removeItem('token')
70 } else { 71 localStorage.setItem('dj-location',window.location.href)
71 Cookies.remove('ACCESS_TOKEN')
72 }
73 if (window._config.casEnable) {
74 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(window.location.href); 72 window.location.href = window._config.casBaseURL + '/logout?service=' + encodeURIComponent(window.location.href);
75 } else {
76 this.$router.push({
77 path: '/login',
78 replace: true,
79 query: {
80 redirect: router.currentRoute.value.fullPath
81 }
82 })
83 }
84 }) 73 })
85 }, 74 },
86 75
......
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-30 15:28:52 4 * @LastEditTime: 2023-06-20 10:02:14
5 */ 5 */
6 import Vue from 'vue' 6 import Vue from 'vue'
7 import App from './App' 7 import App from './App'
...@@ -16,12 +16,10 @@ import Loading from '@/components/Loading/index.js'; ...@@ -16,12 +16,10 @@ import Loading from '@/components/Loading/index.js';
16 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading' 16 import { startLoadingAddCount, endLoadingSubCount } from './utils/requestLoading'
17 Vue.mixin(mixin); 17 Vue.mixin(mixin);
18 Vue.use(Loading.directive); 18 Vue.use(Loading.directive);
19 import rules from './utils/rule.js'
20 // 引入xml 19 // 引入xml
21 import x2js from 'x2js' 20 import x2js from 'x2js'
22 Vue.prototype.$x2js = new x2js() 21 Vue.prototype.$x2js = new x2js()
23 // 全局方法挂载 22 // 全局方法挂载
24 Vue.prototype.$rules = rules
25 // 全局加载 23 // 全局加载
26 Vue.prototype.$startLoading = startLoadingAddCount 24 Vue.prototype.$startLoading = startLoadingAddCount
27 Vue.prototype.$endLoading = endLoadingSubCount 25 Vue.prototype.$endLoading = endLoadingSubCount
......
1 /* 1 /*
2 * @Description: 项目权限 2 * @Description: 项目权限
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-06-13 16:28:25 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,44 +23,25 @@ router.beforeEach(async (to, from, next) => { ...@@ -23,44 +23,25 @@ router.beforeEach(async (to, from, next) => {
23 let hasAddDict = store.state.dict.addDict 23 let hasAddDict = store.state.dict.addDict
24 let hasAddRoute = store.state.permission.addRoutes 24 let hasAddRoute = store.state.permission.addRoutes
25 // cas操作 25 // cas操作
26 const token = localStorage.getItem("token") || Cookies.get('ACCESS_TOKEN'); 26 const token = getToken()
27 if (to.path === '/login') { 27 let locationUrl = window.location.origin + window.location.pathname;
28 if (token) { 28 function casValidate (ticket){
29 next('/') 29 axios.get(window._config.services.management + "/management/cas/validate", {
30 } else {
31 next()
32 }
33 return
34 }
35 if (window._config.casEnable === true) {
36 let locationUrl = window.location.protocol + '//' + window.location.host + window.location.pathname;
37 if (!token) {
38 let ticket = getUrlParam('ticket');
39 if (ticket) {
40 axios.get(Vue.prototype.BASE_API.ip + "/management/cas/validate", {
41 params: { 30 params: {
42 'ticket': ticket, 31 ticket: ticket,
43 'service': locationUrl 32 service: locationUrl,
44 } 33 },
45 }).then(async (res) => { 34 }).then(async (res) => {
46 if (process.env.NODE_ENV === 'development') { 35 if (res.data.status === 1) {
47 localStorage.setItem('token', res.data.content.accessToken) 36 setToken(res.data.content.accessToken)
37 window.location.href = localStorage.getItem('dj-location') + '#' + localStorage.getItem('hash')
48 } else { 38 } else {
49 Cookies.set('ACCESS_TOKEN', res.data.content.accessToken) 39 alert(res.data.message)
50 } 40 }
51 window.location.href = localStorage.getItem('location') 41 }).catch((e) => {
52 42 console.log(e);
53 }).catch(e => { 43 });
54 console.log(e)
55 })
56 } else {
57 localStorage.setItem("location", window.location.href)
58 window.location.href = window._config.casBaseURL + '/login?service=' + encodeURIComponent(locationUrl);
59 } 44 }
60 } else {
61 permission()
62 }
63
64 async function permission () { 45 async function permission () {
65 if (!hasAddDict) { 46 if (!hasAddDict) {
66 store.dispatch('dict/generateDic') 47 store.dispatch('dict/generateDic')
...@@ -82,22 +63,55 @@ router.beforeEach(async (to, from, next) => { ...@@ -82,22 +63,55 @@ router.beforeEach(async (to, from, next) => {
82 } 63 }
83 } 64 }
84 } 65 }
66 if (window._config.casEnable === true) {
67 if (!token) {
68 let ticket = getUrlParam("ticket");
69 if (ticket) {
70 casValidate(ticket)
71 } else {
72 localStorage.setItem("location", window.location.href)
73 window.location.href = window._config.casBaseURL + '/login?service=' + encodeURIComponent(locationUrl);
74 }
75 } else {
76 permission()
77 }
85 } else { 78 } else {
79 // 使用自定义页面实现单点登录
86 if (!token) { 80 if (!token) {
87 const redirectData = { 81 let ticket = getUrlParam('ticket');
88 path: '/login', 82 if (ticket) {
89 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
90 } 95 }
91 if (to.path) {
92 redirectData.query = {
93 ...redirectData.query,
94 redirect: to.path,
95 };
96 } 96 }
97 next(redirectData) 97 localStorage.setItem('dj-location',locationUrl)
98 localStorage.setItem('hash',to.fullPath)
99 //todo: loginUrl 需要业务系统根据登录页面路由地址获取，这里只是简写
100 window.location.href = window._config.services.management + `/management/cas/status?loginUrl=${window._config.baseUrl}/dj/&hash=/login`
101 }
102 }else{
103 if (to.path === '/login') {
104 const redirectUrl = getUrlParam('redirectUrl');
105 if (redirectUrl && redirectUrl !== '') {
106 window.location.href = redirectUrl
107 return
108 } else {
109 next('/');
98 return 110 return
99 } 111 }
100 next() 112 }
113 permission()
114 }
101 } 115 }
102 NProgress.done() 116 NProgress.done()
103 }) 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
...@@ -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-13 17:16:13 5 * @LastEditTime: 2023-06-20 10:12:53
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 <!-- 1 <!--
2 * @Description : 房地产权2 2 * @Description : 房地产权2
3 * @Autor : miaofang 3 * @Autor : miaofang
4 * @LastEditTime : 2023-06-16 16:53:36 4 * @LastEditTime: 2023-06-20 09:59:18
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djxxTable"> 7 <div class="djxxTable">
...@@ -47,9 +47,9 @@ ...@@ -47,9 +47,9 @@
47 </template> 47 </template>
48 48
49 <script> 49 <script>
50 import { getFdcq2List } from "@/api/registerBook.js"; 50 import { getFdcq2List } from "@/api/registerBook.js";
51 import { datas } from "./qlxxFormData.js"; 51 import { datas } from "./qlxxFormData.js";
52 export default { 52 export default {
53 data () { 53 data () {
54 return { 54 return {
55 title: "房地产权登记信息（独幢、层、套、间房屋）", 55 title: "房地产权登记信息（独幢、层、套、间房屋）",
...@@ -76,7 +76,6 @@ export default { ...@@ -76,7 +76,6 @@ export default {
76 qszt: this.checkList, 76 qszt: this.checkList,
77 }).then((res) => { 77 }).then((res) => {
78 if (res.code === 200) { 78 if (res.code === 200) {
79 console.log("国有建设",res);
80 this.tableData = res.result; 79 this.tableData = res.result;
81 if (this.tableData.length < datas.columns().emptycolNum) { 80 if (this.tableData.length < datas.columns().emptycolNum) {
82 this.emptycolNum = 81 this.emptycolNum =
...@@ -107,7 +106,7 @@ export default { ...@@ -107,7 +106,7 @@ export default {
107 }, 106 },
108 107
109 // 编辑 108 // 编辑
110 editDialog(row){ 109 editDialog (row) {
111 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { 110 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
112 confirmButtonText: '确定', 111 confirmButtonText: '确定',
113 cancelButtonText: '取消', 112 cancelButtonText: '取消',
...@@ -134,7 +133,7 @@ export default { ...@@ -134,7 +133,7 @@ export default {
134 133
135 }, 134 },
136 // 删除 135 // 删除
137 deleteDialog(row){ 136 deleteDialog (row) {
138 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { 137 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
139 confirmButtonText: '确定', 138 confirmButtonText: '确定',
140 cancelButtonText: '取消', 139 cancelButtonText: '取消',
...@@ -164,9 +163,9 @@ export default { ...@@ -164,9 +163,9 @@ export default {
164 } 163 }
165 164
166 }, 165 },
167 }; 166 };
168 </script> 167 </script>
169 168
170 <style lang="scss" scoped> 169 <style lang="scss" scoped>
171 @import "./qlxxCommon.scss"; 170 @import "./qlxxCommon.scss";
172 </style> 171 </style>
......
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>隐藏</title>
5 <desc>Created with Sketch.</desc>
6 <g id="隐藏" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M6.03072945,10.4919039 L5.73253111,12.7244564 C5.69597191,12.998168 5.44444773,13.190418 5.17073614,13.1538588 C4.89702455,13.1172996 4.70477455,12.8657754 4.74133375,12.5920638 L5.06197696,10.1914709 C4.16952851,9.84883526 3.3412638,9.33963486 2.57840414,8.66573829 L1.54490653,10.84056 C1.42638298,11.0899729 1.12811158,11.1960797 0.878698712,11.0775561 C0.629285844,10.9590326 0.52317909,10.6607612 0.641702643,10.4113483 L1.82431508,7.92273947 C1.1849111,7.22355926 0.59765863,6.39438608 0.0634190527,5.43653783 C-0.0710917064,5.19537095 0.0153701679,4.89082404 0.256537054,4.75631328 C0.49770394,4.62180252 0.802250844,4.7082644 0.936761603,4.94943128 C2.7218512,8.14995221 5.0622906,9.71807475 8.00009033,9.71807475 C10.9378901,9.71807475 13.2783295,8.14995221 15.0634191,4.94943128 C15.1979298,4.7082644 15.5024767,4.62180252 15.7436436,4.75631328 C15.9848105,4.89082404 16.0712724,5.19537095 15.9367616,5.43653783 C15.4384416,6.32998517 14.8939977,7.11147869 14.304129,7.77994884 L15.554597,10.4113483 C15.6731206,10.6607612 15.5670138,10.9590326 15.3176009,11.0775561 C15.0681881,11.1960797 14.7699167,11.0899729 14.6513931,10.84056 L13.5590961,8.54200484 C12.6449311,9.38205401 11.6347609,9.98078996 10.5307537,10.3348952 L10.8296734,12.5728484 C10.8662326,12.84656 10.6739826,13.0980842 10.400271,13.1346434 C10.1265594,13.1712026 9.87503523,12.9789526 9.83847602,12.705241 L9.5545725,10.5797109 C9.05379094,10.671864 8.53557174,10.7180748 8.00009033,10.7180748 C7.31528214,10.7180748 6.6587062,10.6424973 6.03072945,10.4919039 Z" id="形状结合" fill="#B4B4B4" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>显示</title>
5 <desc>Created with Sketch.</desc>
6 <g id="显示" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M8,13.5944821 C5.08783139,13.5944821 2.47901047,11.8330303 0.184843129,8.37324049 L3.55271368e-15,8.09448212 L0.184843129,7.81572374 C2.47901047,4.35593396 5.08783139,2.59448212 8,2.59448212 C10.9121686,2.59448212 13.5209895,4.35593396 15.8151569,7.81572374 L16,8.09448212 L15.8151569,8.37324049 C13.5209895,11.8330303 10.9121686,13.5944821 8,13.5944821 Z M8,3.59448212 C5.53379057,3.59448212 3.26813906,5.07524663 1.19270822,8.09448212 C3.26813906,11.1137176 5.53379057,12.5944821 8,12.5944821 C10.4662094,12.5944821 12.7318609,11.1137176 14.8072918,8.09448212 C12.7318609,5.07524663 10.4662094,3.59448212 8,3.59448212 Z M9.12299335,5.45693297 C8.68456104,5.73514629 8.39327462,6.2269821 8.39327462,6.78731592 C8.39327462,7.65519196 9.09205701,8.3587445 9.95404878,8.3587445 C10.2357938,8.3587445 10.5001026,8.28358173 10.7282737,8.15208542 C10.6331828,9.58403639 9.44941475,10.7158874 8.00308108,10.7158874 C6.49459548,10.7158874 5.27172629,9.48467042 5.27172629,7.96588735 C5.27172629,6.44710429 6.49459548,5.21588735 8.00308108,5.21588735 C8.40216026,5.21588735 8.78124917,5.30206019 9.12299335,5.45693297 Z" id="形状结合" fill="#0091FF" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>password</title>
5 <desc>Created with Sketch.</desc>
6 <g id="password" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M4.0011827,6.56400569 L4.0011827,4.87032377 C4.0011827,2.74881464 5.72100565,1.02899168 7.84251478,1.02899168 C9.96402392,1.02899168 11.6838469,2.74881464 11.6838469,4.87032377 L11.6838469,5.7928261 L10.7661998,5.7928261 L10.7661998,4.87032377 C10.7661998,3.25561712 9.45722144,1.94663874 7.84251478,1.94663874 C6.22780813,1.94663874 4.91882975,3.25561712 4.91882975,4.87032377 L4.91882975,6.56400569 L12.6850296,6.56400569 C13.4907156,6.56400569 14.1438531,7.21714323 14.1438531,8.02282922 L14.1438531,13.4028479 C14.1438531,14.2085339 13.4907156,14.8616714 12.6850296,14.8616714 L3,14.8616714 C2.19431401,14.8616714 1.54117647,14.2085339 1.54117647,13.4028479 L1.54117647,8.02282922 C1.54117647,7.21714323 2.19431401,6.56400569 3,6.56400569 L4.0011827,6.56400569 Z M3,7.48165275 C2.70111649,7.48165275 2.45882353,7.72394571 2.45882353,8.02282922 L2.45882353,13.4028479 C2.45882353,13.7017314 2.70111649,13.9440244 3,13.9440244 L12.6850296,13.9440244 C12.9839131,13.9440244 13.226206,13.7017314 13.226206,13.4028479 L13.226206,8.02282922 C13.226206,7.72394571 12.9839131,7.48165275 12.6850296,7.48165275 L3,7.48165275 Z" id="形状结合" fill="#6D7278" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" encoding="UTF-8"?>
2 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3 <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
4 <title>user</title>
5 <desc>Created with Sketch.</desc>
6 <g id="user" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7 <path d="M5.70040727,8.36338619 C4.96173204,8.70409103 4.31101884,9.24156453 3.78444015,9.95202823 C2.94870333,11.0788243 2.46666667,12.5978855 2.46666667,14.1120529 C2.46666667,14.2335891 2.59610246,14.3514362 2.77548069,14.3514362 L13.1661579,14.3514362 C13.3455361,14.3514362 13.4749719,14.2335891 13.4749719,14.1120529 C13.4749719,12.0278862 12.5626821,10.0351425 11.1096588,8.92092682 L11.6776024,8.18028444 C13.3693466,9.47755739 14.4083053,11.7469879 14.4083053,14.1120529 C14.4083053,14.7696063 13.8424825,15.2847695 13.1661579,15.2847695 L2.77548069,15.2847695 C2.09915609,15.2847695 1.53333333,14.7696063 1.53333333,14.1120529 C1.53333333,12.4013641 2.07738878,10.6868606 3.0347023,9.39614673 C3.53516209,8.7209228 4.13710805,8.17384176 4.81664416,7.7738283 C3.93912572,7.01707839 3.38576579,5.91929918 3.38576579,4.69637232 C3.38576579,2.40902821 5.3212908,0.556854908 7.69195361,0.556854908 C10.063179,0.556854908 11.9981414,2.40606943 11.9981414,4.69289423 C11.9981414,6.98023832 10.0626164,8.83241167 7.69195361,8.83241167 C6.97429417,8.83241167 6.29659602,8.66302531 5.70040727,8.36338619 Z M4.31909912,4.69637232 C4.31909912,6.45803072 5.82696798,7.89907833 7.69195361,7.89907833 C9.55611742,7.89907833 11.0648081,6.4553581 11.0648081,4.69289423 C11.0648081,2.93123585 9.55693923,1.49018824 7.69195361,1.49018824 C5.82778977,1.49018824 4.31909912,2.93390843 4.31909912,4.69637232 Z" id="形状结合" fill="#6D7278" fill-rule="nonzero"></path>
8 </g>
9 </svg>
...\ No newline at end of file ...\ No newline at end of file
1 <template>
2 <div id="login">
3 <div class="login-logo"><img src="./images/logo-login.png" /></div>
4 <div class="login-con">
5 <!-- <div class="login-title">用户登录</div>-->
6 <div class="login-user" :class="{ 'select-border': change.user }">
7 <img class="user-icon" src="./images/user.svg" />
8 <!-- <div class="line-mid"></div>-->
9 <input
10 type="text"
11 class="user-input"
12 placeholder="请输入您的账号"
13 v-model="userInfo.username"
14 @focus="reduceBorder('user')"
15 @blur="addBorder('user')"
16 />
17 <span class="warning" v-show="warning.user">账号不能为空</span>
18 </div>
19 <div class="login-user user-mt" :class="{ 'select-border': change.pass }">
20 <img class="user-icon" src="./images/password.svg" />
21 <!-- <div class="line-mid"></div>-->
22 <input
23 type="password"
24 class="user-input"
25 placeholder="请输入您的密码"
26 v-model="userInfo.password"
27 v-show="!selectEye"
28 @focus="reduceBorder('pass')"
29 @blur="addBorder('pass')"
30 />
31 <input
32 type="text"
33 class="user-input"
34 placeholder="请输入您的密码"
35 v-model="userInfo.password"
36 v-show="selectEye"
37 @focus="reduceBorder('pass')"
38 @blur="addBorder('pass')"
39 />
40 <img
41 class="password-eye"
42 src="./images/open.svg"
43 @click="selectEyes"
44 v-show="selectEye"
45 />
46 <img
47 class="password-eye"
48 src="./images/close.svg"
49 @click="selectEyes"
50 v-show="!selectEye"
51 />
52 <span class="warning" v-show="warning.pass">密码不能为空</span>
53 </div>
54 <!-- <div class="login-remake">
55 <i
56 class="icon iconfont iconfuxuan1 icon-style"
57 v-show="!selectIcon"
58 @click="selectRemeber"
59 ></i>
60 <i
61 class="icon iconfont iconfuxuan-xuanzhong icon-select"
62 v-show="selectIcon"
63 @click="selectRemeber"
64 ></i>
65 <span class="remake_txt" @click="selectRemeber">记住账号密码</span>
66 </div> -->
67 <div id="loginBtn" class="login-btn" @click="goHome">登录</div>
68 </div>
69 <div class="reserved-con">
70 <!-- <div class="reserved-words">版权所有：2020©某某市自然资源和规划</div> -->
71 <div class="reserved-words line-two">
72 技术支持：爬山虎科技股份有限公司
73 </div>
74 </div>
75 </div>
76 </template>
77 <script>
78 import {getUrlParam} from "@/utils/util";
79 import axios from "axios";
80 export default {
81 data() {
82 return {
83 selectIcon: true,
84 selectEye: false,
85 userInfo:{
86 username: 'admin',
87 password: '123',
88 redirectUrl: ''
89 },
90 change: {
91 //边框
92 user: false,
93 pass: false,
94 },
95 warning: {
96 user: false,
97 pass: false,
98 },
99 canDo: 1,
100 };
101 },
102 mounted() {
103 this.initPage();
104 this.userInfo.redirectUrl = localStorage.getItem('dj-location')
105 },
106 methods: {
107 initPage() {
108 let userInfo =
109 localStorage.getItem("userInfo") &&
110 JSON.parse(localStorage.getItem("userInfo"));
111 if (userInfo) {
112 this.userInfo.username = userInfo.username;
113 this.userInfo.password = userInfo.password;
114 }
115 },
116 selectRemeber() {
117 this.selectIcon = !this.selectIcon;
118 },
119 goHome() {
120 axios.post(window._config.services.management + "/management/cas/login", this.userInfo).then(response => {
121 if (response.data.status === 1) {
122 if (response.data.content.location) {
123 window.location.href = response.data.content.location
124 }
125 } else {
126 this.$message.error(response.data.message)
127 }
128 }).catch(error => {
129 console.log(error)
130 this.$message.error(error.message)
131 })
132 },
133 selectEyes() {
134 this.selectEye = !this.selectEye;
135 },
136 reduceBorder(type) {
137 //获取焦点
138 if (type == "user") {
139 this.change.user = true;
140 } else {
141 this.change.pass = true;
142 }
143 },
144 addBorder(type) {
145 //失去焦点
146 if (type == "user") {
147 this.change.user = false;
148 if (!this.userInfo.username) {
149 this.warning.user = true;
150 } else {
151 this.warning.user = false;
152 }
153 } else {
154 this.change.pass = false;
155 if (!this.userInfo.password) {
156 this.warning.pass = true;
157 } else {
158 this.warning.pass = false;
159 }
160 }
161 },
162 },
163 };
164 </script>
165 <style lang="scss" scoped>
166 #login {
167 width: 100vw;
168 height: 100vh;
169 background: url("./images/login-bg.png") no-repeat bottom center;
170 background-size: 100% 100%;
171 overflow: hidden;
172 .login-logo {
173 margin-top: 8%;
174 height: 38px;
175 width: 100%;
176 text-align: center;
177 }
178 .login-logo img {
179 height: 100%;
180 }
181 .login-con {
182 margin: 88px auto;
183 width: 380px;
184 }
185 .login-user {
186 width: 100%;
187 height: 46px;
188 border: 1px solid rgba(155, 155, 155, 1);
189 box-sizing: border-box;
190 margin: 38px auto auto auto;
191 border-radius: 2px;
192 position: relative;
193 .user-icon {
194 float: left;
195 margin: 13px auto auto 10px;
196 width: 28px;
197 height: 18px;
198 }
199 .user-input {
200 width: 80%;
201 float: left;
202 font-size: 16px;
203 outline: 0;
204 border: none;
205 color: #4a4a4a;
206 line-height: 260%;
207 background-color: transparent;
208 }
209 .password-eye {
210 float: right;
211 width: 16px;
212 height: 16px;
213 margin-right: 12px;
214 margin-top: 13px;
215 cursor: pointer;
216 }
217 .warning {
218 font-size: 12px;
219 color: red;
220 position: absolute;
221 left: 0;
222 bottom: -18px;
223 }
224 }
225 .user-mt {
226 margin-top: 26px;
227 }
228 .select-border {
229 border: 1px solid rgba(0, 113, 255, 1);
230 }
231 .login-remake {
232 width: 320px;
233 height: 14px;
234 margin: 0 auto;
235 margin-top: 26px;
236 .icon-style {
237 font-size: 12px;
238 color: #5b5b5b;
239 float: left;
240 line-height: 14px;
241 cursor: pointer;
242 }
243 .icon-select {
244 font-size: 12px;
245 color: rgba(0, 127, 255, 1);
246 float: left;
247 line-height: 14px;
248 cursor: pointer;
249 }
250 .remake_txt {
251 font-size: 12px;
252 line-height: 14px;
253 color: #5b5b5b;
254 margin-left: 6px;
255 float: left;
256 cursor: pointer;
257 }
258 }
259 .login-btn {
260 width: 100%;
261 height: 40px;
262 background: rgba(0, 127, 255, 1);
263 border-radius: 4px;
264 margin: 0 auto;
265 margin-top: 40px;
266 font-size: 16px;
267 line-height: 40px;
268 text-align: center;
269 color: #fff;
270 cursor: pointer;
271 }
272 .reserved-con {
273 margin: 38px auto;
274 }
275 .reserved-words {
276 font-size: 12px;
277 color: #b4b4b4;
278 text-align: center;
279 }
280 .line-two {
281 margin-top: 8px;
282 }
283 }
284 </style>
285
...\ No newline at end of file ...\ No newline at end of file
1 <template> 1 <template>
2 <div class="edit"> 2 <div class="edit">
3 <el-tabs type="card" v-model="activeName" > 3 <el-tabs type="card" v-model="activeName">
4 <el-tab-pane label="楼盘页面" name="first"></el-tab-pane> 4 <el-tab-pane label="楼盘页面" name="first"></el-tab-pane>
5 <el-tab-pane label="单元列表页面" name="second"></el-tab-pane> 5 <el-tab-pane label="单元列表页面" name="second"></el-tab-pane>
6 </el-tabs> 6 </el-tabs>
7 <div class="tab-content" v-if="activeName=='first'" ref="tabContent" :style="{ height: lpbContentHight + 'px' }" v-show="bjztFlag"> 7 <div
8 class="tab-content"
9 v-if="activeName == 'first'"
10 ref="tabContent"
11 :style="{ height: lpbContentHight + 'px' }"
12 v-show="bjztFlag"
13 >
8 <!-- 楼盘表主体 --> 14 <!-- 楼盘表主体 -->
9 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }"> 15 <div class="lp-overview" :style="{ width: lpbContentwidth + 'px' }">
10 <lpbContent ref="lpbContent" :zrzbsm="formData.bsm" :key="time"></lpbContent> 16 <lpbContent
17 ref="lpbContent"
18 :zrzbsm="formData.bsm"
19 :key="time"
20 ></lpbContent>
11 </div> 21 </div>
12 <!-- 右侧图例 --> 22 <!-- 右侧图例 -->
13 <div class="lp-legend"> 23 <div class="lp-legend">
...@@ -16,46 +26,89 @@ ...@@ -16,46 +26,89 @@
16 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i> 26 <i v-show="!legendToggleFlag" class="el-icon-d-arrow-left"></i>
17 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i> 27 <i v-show="legendToggleFlag" class="el-icon-d-arrow-right"></i>
18 </div> 28 </div>
19 <div :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'" @click="selectedZt = 'dyzt'"> 29 <div
30 :class="selectedZt == 'dyzt' ? 'dyzt selectedZt' : 'dyzt'"
31 @click="selectedZt = 'dyzt'"
32 >
20 <span>单元状态</span> 33 <span>单元状态</span>
21 </div> 34 </div>
22 <div :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'" @click="selectedZt = 'fwxz'"> 35 <div
36 :class="selectedZt == 'fwxz' ? 'fwxz selectedZt' : 'fwxz'"
37 @click="selectedZt = 'fwxz'"
38 >
23 <span>房屋性质</span> 39 <span>房屋性质</span>
24 </div> 40 </div>
25 <div :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'" @click="selectedZt = 'fwyt'"> 41 <div
42 :class="selectedZt == 'fwyt' ? 'fwyt selectedZt' : 'fwyt'"
43 @click="selectedZt = 'fwyt'"
44 >
26 <span>房屋用途</span> 45 <span>房屋用途</span>
27 </div> 46 </div>
28 <div :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'" @click="selectedZt = 'qsx'"> 47 <div
48 :class="selectedZt == 'qsx' ? 'qsx selectedZt' : 'qsx'"
49 @click="selectedZt = 'qsx'"
50 >
29 <span>缺失项</span> 51 <span>缺失项</span>
30 </div> 52 </div>
31
32 </div> 53 </div>
33 <div class="legendTable-wrap" :style="{ width: legendToggleFlag ? '204px' : '0' }"> 54 <div
34 <table class="legendTable" v-show="selectedZt == 'dyzt'" cellspacing="1" cellpadding="1" border="1"> 55 class="legendTable-wrap"
56 :style="{ width: legendToggleFlag ? '200px' : '0' }"
57 >
58 <table
59 class="legendTable"
60 v-show="selectedZt == 'dyzt'"
61 cellspacing="1"
62 cellpadding="1"
63 border="1"
64 >
35 <tr> 65 <tr>
36 <th>状态</th> 66 <th>状态</th>
37 <th>套数</th> 67 <th>套数</th>
38 <th>面积</th> 68 <th>面积</th>
39 </tr> 69 </tr>
40 <tr v-for="(item, index) in dyztList" :key="index" class="cp" 70 <tr
41 @click="handleChoosedH(item.bsms, item.color)"> 71 v-for="(item, index) in dyztList"
72 :key="index"
73 class="cp"
74 @click="handleChoosedH(item.bsms, item.color)"
75 >
42 <td> 76 <td>
43 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 77 <i
78 class="fa fa-circle"
79 :style="{ backgroundColor: item.color }"
80 ></i
81 >{{ item.name }}
44 </td> 82 </td>
45 <td>{{ item.ts }}</td> 83 <td>{{ item.ts }}</td>
46 <td>{{ item.mj }}</td> 84 <td>{{ item.mj }}</td>
47 </tr> 85 </tr>
48 </table> 86 </table>
49 <table class="legendTable" v-show="selectedZt == 'fwxz'" cellspacing="1" cellpadding="1" border="1"> 87
88 <table
89 class="legendTable"
90 v-show="selectedZt == 'fwxz'"
91 cellspacing="1"
92 cellpadding="1"
93 border="1"
94 >
50 <tr> 95 <tr>
51 <th>性质</th> 96 <th>性质</th>
52 <th>套数</th> 97 <th>套数</th>
53 <th>面积</th> 98 <th>面积</th>
54 </tr> 99 </tr>
55 <tr v-for="(item, index) in fwxzList" :key="index" class="cp" 100 <tr
56 @click="handleChoosedH(item.bsms, item.color)"> 101 v-for="(item, index) in fwxzList"
102 :key="index"
103 class="cp"
104 @click="handleChoosedH(item.bsms, item.color)"
105 >
57 <td> 106 <td>
58 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 107 <i
108 class="fa fa-circle"
109 :style="{ backgroundColor: item.color }"
110 ></i
111 >{{ item.name }}
59 </td> 112 </td>
60 <td>{{ item.ts }}</td> 113 <td>{{ item.ts }}</td>
61 <td>{{ item.mj }}</td> 114 <td>{{ item.mj }}</td>
...@@ -65,16 +118,30 @@ ...@@ -65,16 +118,30 @@
65 </tr> 118 </tr>
66 </table> 119 </table>
67 120
68 <table class="legendTable" v-show="selectedZt == 'fwyt'" cellspacing="1" cellpadding="1" border="1"> 121 <table
122 class="legendTable"
123 v-show="selectedZt == 'fwyt'"
124 cellspacing="1"
125 cellpadding="1"
126 border="1"
127 >
69 <tr> 128 <tr>
70 <th>用途</th> 129 <th>用途</th>
71 <th>套数</th> 130 <th>套数</th>
72 <th>面积</th> 131 <th>面积</th>
73 </tr> 132 </tr>
74 <tr v-for="(item, index) in fwytList" :key="index" class="cp" 133 <tr
75 @click="handleChoosedH(item.bsms, item.color)"> 134 v-for="(item, index) in fwytList"
135 :key="index"
136 class="cp"
137 @click="handleChoosedH(item.bsms, item.color)"
138 >
76 <td> 139 <td>
77 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 140 <i
141 class="fa fa-circle"
142 :style="{ backgroundColor: item.color }"
143 ></i
144 >{{ item.name }}
78 </td> 145 </td>
79 <td>{{ item.ts }}</td> 146 <td>{{ item.ts }}</td>
80 <td>{{ item.mj }}</td> 147 <td>{{ item.mj }}</td>
...@@ -84,15 +151,30 @@ ...@@ -84,15 +151,30 @@
84 </tr> 151 </tr>
85 </table> 152 </table>
86 153
87 <table class="legendTable" v-show="selectedZt == 'qsx'" cellspacing="1" cellpadding="1" border="1"> 154 <table
155 class="legendTable"
156 v-show="selectedZt == 'qsx'"
157 cellspacing="1"
158 cellpadding="1"
159 border="1"
160 >
88 <tr> 161 <tr>
89 <th>数据缺失项</th> 162 <th>数据缺失项</th>
90 <th>套数</th> 163 <th>套数</th>
91 <th>面积</th> 164 <th>面积</th>
92 </tr> 165 </tr>
93 <tr v-for="(item, index) in qsxList" :key="index" class="cp" @click="handleChoosedH(item.bsms, item.color)"> 166 <tr
167 v-for="(item, index) in qsxList"
168 :key="index"
169 class="cp"
170 @click="handleChoosedH(item.bsms, item.color)"
171 >
94 <td> 172 <td>
95 <i class="circle" :style="{ 'background-color': item.color }"></i>{{ item.name }} 173 <i
174 class="fa fa-circle"
175 :style="{ backgroundColor: item.color }"
176 ></i
177 >{{ item.name }}
96 </td> 178 </td>
97 <td>{{ item.ts }}</td> 179 <td>{{ item.ts }}</td>
98 <td>0</td> 180 <td>0</td>
...@@ -111,23 +193,23 @@ ...@@ -111,23 +193,23 @@
111 193
112 <script> 194 <script>
113 import lpbContent from "./lpbContent/index"; 195 import lpbContent from "./lpbContent/index";
114 import selectZrzH from "../ywbl/ywsq/components/selectZrzH" 196 import selectZrzH from "../ywbl/ywsq/components/selectZrzH";
115 import { getLpbFwytAndQlxz,getLpbQsxtj } from '@/api/lpb' 197 import { getLpbFwytAndQlxz, getLpbQsxtj, getLpbTj } from "@/api/lpb";
116 export default { 198 export default {
117 name: "lpb", 199 name: "lpb",
118 props: { 200 props: {
119 formData: { 201 formData: {
120 type: Object, 202 type: Object,
121 default: {} 203 default: {},
122 } 204 },
123 }, 205 },
124 components: { 206 components: {
125 lpbContent, 207 lpbContent,
126 selectZrzH 208 selectZrzH,
127 }, 209 },
128 data () { 210 data() {
129 return { 211 return {
130 activeName:"first", 212 activeName: "first",
131 bsms: [], 213 bsms: [],
132 dialogVisible: false, 214 dialogVisible: false,
133 scyclx: "0", //1是实测 0是预测 215 scyclx: "0", //1是实测 0是预测
...@@ -201,19 +283,23 @@ export default { ...@@ -201,19 +283,23 @@ export default {
201 qsztList: [], 283 qsztList: [],
202 }; 284 };
203 }, 285 },
204 created () { 286 created() {
205 window.addEventListener("resize", this.getHeight); 287 window.addEventListener("resize", this.getHeight);
206 console.log(this.formData); 288 console.log(this.formData);
207 this.getHeight(); 289 this.getHeight();
208 }, 290 },
209 mounted () { 291 mounted() {
210 //获取各项单元状态的户bsm 292 //获取各项单元状态的户bsm
211 // this.getDyztBsmList(); 293 this.getDyztBsmList();
212 //获取房屋用途统计数据 294 //获取房屋用途统计数据
213 this.getLpbFwytAndQlxz(); 295 this.getLpbFwytAndQlxz();
214 // 楼盘表绘制区域宽度计算：楼盘表区域宽度-图例宽度34-滚动条宽度6 296 // 楼盘表绘制区域宽度计算：楼盘表区域宽度-图例宽度34-滚动条宽度6
215 setTimeout(() => { 297 setTimeout(() => {
216 this.lpbContentwidth = ((document.documentElement.clientWidth || document.body.clientWidth) - 340) - 34 - 6; 298 this.lpbContentwidth =
299 (document.documentElement.clientWidth || document.body.clientWidth) -
300 340 -
301 34 -
302 6;
217 }, 100); 303 }, 100);
218 }, 304 },
219 methods: { 305 methods: {
...@@ -229,157 +315,146 @@ export default { ...@@ -229,157 +315,146 @@ export default {
229 } 315 }
230 },*/ 316 },*/
231 //获取高度计算lpb内容区高度 317 //获取高度计算lpb内容区高度
232 getHeight () { 318 getHeight() {
233 this.lpbContentHight = window.innerHeight - 190; 319 this.lpbContentHight = window.innerHeight - 190;
234 }, 320 },
235 //图例的展开收起 321 //图例的展开收起
236 legendToggle () { 322 legendToggle() {
237 this.legendToggleFlag = !this.legendToggleFlag; 323 this.legendToggleFlag = !this.legendToggleFlag;
238 }, 324 },
239 //切换房屋状态 325 //切换房屋状态
240 handleChoosedH (bsms, color) { 326 handleChoosedH(bsms, color) {
241 //每次切换房屋状态，将之前高亮的户边框颜色重置为默认 327 debugger
242 this.$refs.lpbContent.choosedList = []; 328 this.$refs.lpbContent.changeChoosed(bsms, color);
243 this.$refs.lpbContent.$refs.hBsm.forEach((item) => {
244 item.style.border = '';
245 item.className = '';
246 });
247 this.bsms = bsms;
248 //清除选中户
249 this.$nextTick(() => {
250 //给hBsmList传值
251 // console.log(bsms,'bsms');
252 this.$refs.lpbContent.choosedList = bsms;
253 this.$refs.lpbContent.borderColor = color;
254 })
255 }, 329 },
256 //获取各项单元状态统计数据 330 //获取各项单元状态统计数据
257 getDyztBsmList () { 331 getDyztBsmList() {
258 let data = { 332 getLpbTj(this.formData.bsm).then((res) => {
259 zrzbsm: 'ca71bcc498794a1e0ec3ac93869719f6',
260 scyclx: 1,
261 };
262 getLpbTj(data).then((res) => {
263 if (res.code === 200) { 333 if (res.code === 200) {
264 this.dyztList = res.result; 334 this.dyztList = res.result;
265 this.dyztList.splice(1, 0, this.dyztList[8]); 335 this.dyztList.splice(1, 0, this.dyztList[8]);
266 this.dyztList.pop(); 336 this.dyztList.pop();
267 this.dyztList.forEach(item => { 337 this.dyztList.forEach((item) => {
268 item.ts = item.bsms.length; 338 item.ts = item.bsms.length;
269 switch (item.name) { 339 switch (item.name) {
270 case 'Qqzt': 340 case "Qqzt":
271 item.color = "#6EDEE1"; 341 item.color = "#6EDEE1";
272 item.name = "已确权" 342 item.name = "已确权";
273 break; 343 break;
274 case 'Wqqzt': 344 case "Wqqzt":
275 item.color = "#83AAFE"; 345 item.color = "#83AAFE";
276 item.name = "未确权" 346 item.name = "未确权";
277 break; 347 break;
278 case 'Bazt': 348 case "Bazt":
279 item.color = "#8ADC88"; 349 item.color = "#8ADC88";
280 item.name = "已备案" 350 item.name = "已备案";
281 break; 351 break;
282 case 'Ydyzt': 352 case "Ydyzt":
283 item.color = "#F2AD67"; 353 item.color = "#F2AD67";
284 item.name = "预抵押" 354 item.name = "预抵押";
285 break; 355 break;
286 case 'Zjgcdyzt': 356 case "Zjgcdyzt":
287 item.color = "#F191C8"; 357 item.color = "#F191C8";
288 item.name = "在建抵押" 358 item.name = "在建抵押";
289 break; 359 break;
290 case 'Dyzt': 360 case "Dyzt":
291 item.color = "#FF8282"; 361 item.color = "#FF8282";
292 item.name = "抵押" 362 item.name = "抵押";
293 break; 363 break;
294 case 'Cfzt': 364 case "Cfzt":
295 item.color = "#D7CECF"; 365 item.color = "#D7CECF";
296 item.name = "查封" 366 item.name = "查封";
297 break; 367 break;
298 case 'Yyzt': 368 case "Yyzt":
299 item.color = "#D4A3EB"; 369 item.color = "#D4A3EB";
300 item.name = "异议" 370 item.name = "异议";
301 break; 371 break;
302 case 'Xzzt': 372 case "Xzzt":
303 item.color = "#A5A3FB"; 373 item.color = "#A5A3FB";
304 item.name = "限制" 374 item.name = "限制";
305 break; 375 break;
306 default: 376 default:
307 break; 377 break;
308 } 378 }
309 }) 379 });
310 } 380 }
311 }); 381 });
312 }, 382 },
313 // 获取房屋用途和房屋性质及缺失项统计数据 383 // 获取房屋用途和房屋性质及缺失项统计数据
314 getLpbFwytAndQlxz () { 384 getLpbFwytAndQlxz() {
315 getLpbFwytAndQlxz('ca71bcc498794a1e0ec3ac93869719f6').then((res) => { 385 getLpbFwytAndQlxz(this.formData.bsm).then((res) => {
316 if (res.code === 200) { 386 if (res.code === 200) {
317 // this.fwytList = res.result 387 // this.fwytList = res.result
318 this.fwytList = res.result.fwyt; 388 this.fwytList = res.result.fwyt;
319 this.fwxzList = res.result.qlxz; 389 this.fwxzList = res.result.qlxz;
320 if (this.fwytList.length > 0) { 390 if (this.fwytList.length > 0) {
321 this.fwytList.forEach(item => { 391 this.fwytList.forEach((item) => {
322 item.color = "#2591FD"; 392 item.color = "#2591FD";
323 item.ts = item.bsms.length 393 item.ts = item.bsms.length;
324 }) 394 });
325 } 395 }
326 if (this.fwxzList.length > 0) { 396 if (this.fwxzList.length > 0) {
327 this.fwxzList.forEach(item => { 397 this.fwxzList.forEach((item) => {
328 item.color = "#2591FD"; 398 item.color = "#2591FD";
329 item.ts = item.bsms.length 399 item.ts = item.bsms.length;
330 }) 400 });
331 } 401 }
332 } 402 }
333 }); 403 });
334 // getLpbQsxtj('ca71bcc498794a1e0ec3ac93869719f6').then((res) => { 404 getLpbQsxtj(this.formData.bsm).then((res) => {
335 // if (res.code === 200) { 405 if (res.code === 200) {
336 // this.qsxList = [ 406 this.qsxList = [
337 // { 407 {
338 // name: '坐落', 408 name: "坐落",
339 // bsms: res.result.zl.bsms, 409 bsms: res.result.zl.bsms,
340 // color: '#2591FD', 410 color: "#2591FD",
341 // ts: res.result.zl.bsms.length 411 ts: res.result.zl.bsms.length,
342 // }, 412 },
343 // { 413 {
344 // name: '分层分户图', 414 name: "分层分户图",
345 // bsms: res.result.fcfht.bsms, 415 bsms: res.result.fcfht.bsms,
346 // color: '#2591FD', 416 color: "#2591FD",
347 // ts: res.result.fcfht.bsms.length 417 ts: res.result.fcfht.bsms.length,
348 // }, 418 },
349 // { 419 {
350 // name: '室号', 420 name: "室号",
351 // bsms: res.result.shbw.bsms, 421 bsms: res.result.shbw.bsms,
352 // color: '#2591FD', 422 color: "#2591FD",
353 // ts: res.result.shbw.bsms.length 423 ts: res.result.shbw.bsms.length,
354 // } 424 },
355 // ] 425 ];
356 // }
357 // });
358 } 426 }
427 });
428 },
359 }, 429 },
360 computed: {}, 430 computed: {},
361 destroyed () { 431 destroyed() {
362 window.removeEventListener("resize", this.getHeight); 432 window.removeEventListener("resize", this.getHeight);
363 }, 433 },
364 watch: { 434 watch: {
365 //树结构和图例伸缩时修改楼盘表主要内容区宽度 435 //树结构和图例伸缩时修改楼盘表主要内容区宽度
366 legendToggleFlag (n) { 436 legendToggleFlag(n) {
367 if (n) { 437 if (n) {
368 this.lpbContentwidth -= 204; 438 this.lpbContentwidth -= 204;
369 } else { 439 } else {
370 this.lpbContentwidth += 204; 440 this.lpbContentwidth += 204;
371 } 441 }
372 }, 442 },
373 selectedZt (n) { 443 selectedZt(n) {
374 this.legendToggleFlag = true; 444 this.legendToggleFlag = true;
375 }, 445 },
376 }, 446 },
377 }; 447 };
378 </script> 448 </script>
379 <style scoped lang="scss"> 449 <style scoped lang="scss">
450 table {
451 border-width: 0;
452 border-collapse: collapse;
453 border-spacing: 0;
454 }
380 .edit { 455 .edit {
381 height: 100%; 456 height: 100%;
382 background-color: #F4F9FF; 457 background-color: #f4f9ff;
383 .tab-content { 458 .tab-content {
384 border: 1px solid #dedede; 459 border: 1px solid #dedede;
385 background-color: #ffffff; 460 background-color: #ffffff;
...@@ -412,6 +487,7 @@ export default { ...@@ -412,6 +487,7 @@ export default {
412 margin-right: 10px; 487 margin-right: 10px;
413 box-sizing: border-box; 488 box-sizing: border-box;
414 } 489 }
490
415 .lp-legend { 491 .lp-legend {
416 transition: 0.5s; 492 transition: 0.5s;
417 height: 100%; 493 height: 100%;
...@@ -425,7 +501,7 @@ export default { ...@@ -425,7 +501,7 @@ export default {
425 height: 40px; 501 height: 40px;
426 line-height: 40px; 502 line-height: 40px;
427 text-align: center; 503 text-align: center;
428 background-color: #0091ff; 504 background-color: #5a78de;
429 color: #fff; 505 color: #fff;
430 border-bottom: 1px solid #e6e6e6; 506 border-bottom: 1px solid #e6e6e6;
431 } 507 }
...@@ -442,7 +518,6 @@ export default { ...@@ -442,7 +518,6 @@ export default {
442 cursor: pointer; 518 cursor: pointer;
443 border-bottom: 1px solid #e6e6e6; 519 border-bottom: 1px solid #e6e6e6;
444 border-left: 1px solid #e6e6e6; 520 border-left: 1px solid #e6e6e6;
445
446 span { 521 span {
447 text-align: center; 522 text-align: center;
448 height: 100%; 523 height: 100%;
...@@ -452,52 +527,43 @@ export default { ...@@ -452,52 +527,43 @@ export default {
452 letter-spacing: 2px; 527 letter-spacing: 2px;
453 } 528 }
454 } 529 }
455
456 .selectedZt { 530 .selectedZt {
457 background-color: #0091ff; 531 // background-color: #5A78DE;
458 color: #fff; 532 color: #3d59c4;
459 } 533 }
460 } 534 }
461
462 .legendTable-wrap { 535 .legendTable-wrap {
463 transition: 0.5s; 536 transition: 0.5s;
464 float: right; 537 float: right;
465 overflow: hidden; 538 overflow: hidden;
466
467 .legendTable { 539 .legendTable {
468 margin-top: -1px; 540 margin-top: -1px;
469 border-color: #e4ebf4 !important; 541 .fa-circle {
470 border-collapse: collapse; 542 display: inline-block;
471 border-spacing: 0; 543 width: 12px;
544 height: 12px;
545 border-radius: 50%;
546 vertical-align: middle;
547 margin-right: 4px;
548 }
472 tr { 549 tr {
473 height: 40px; 550 height: 40px;
474 line-height: 40px; 551 line-height: 40px;
475 552 border-color: #d8e0ea !important;
476 th:first-child { 553 th:first-child {
477 width: 80px; 554 width: 80px;
478 } 555 }
479
480 th { 556 th {
481 width: 60px; 557 width: 60px;
482 height: 40px; 558 height: 40px;
483 white-space: nowrap; 559 white-space: nowrap;
560 background-color: #eceef2;
484 } 561 }
485
486 td { 562 td {
487 height: 40px; 563 height: 40px;
488 text-align: center; 564 text-align: center;
489 white-space: nowrap; 565 white-space: nowrap;
490 .circle{
491 display: inline-block;
492 width: 12px;
493 height: 12px;
494 border-radius: 6px;
495 margin-right: 2px;
496 position: relative;
497 top: 1px;
498 } 566 }
499 }
500
501 td:first-child { 567 td:first-child {
502 text-align: left; 568 text-align: left;
503 text-indent: 2px; 569 text-indent: 2px;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: yangwei 2 * @Author: yangwei
3 * @Date: 2023-02-28 15:47:12 3 * @Date: 2023-02-28 15:47:12
4 * @LastEditors: yangwei 4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-03-02 16:35:36 5 * @LastEditTime: 2023-06-16 16:14:51
6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue 6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\ch.vue
7 * @Description: 7 * @Description:
8 * 8 *
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 :data-qszt="hs.qszt" 37 :data-qszt="hs.qszt"
38 ref="hBsm" 38 ref="hBsm"
39 :key="hsIndex" 39 :key="hsIndex"
40 style="border-color: rgb(230, 230, 230)" 40 :style="{'border-color': borderColor}"
41 :class="hs.select ? 'tdSelect' : ''" 41 :class="hs.select ? 'tdSelect' : ''"
42 @click="handleClickH($event.target, hs.bsm, hs)" 42 @click="handleClickH($event.target, hs.bsm, hs)"
43 @dblclick="dbclick(hs.bsm)" 43 @dblclick="dbclick(hs.bsm)"
...@@ -82,7 +82,12 @@ ...@@ -82,7 +82,12 @@
82 <script> 82 <script>
83 export default { 83 export default {
84 name: "BdcdjWebCh", 84 name: "BdcdjWebCh",
85 inject: ["openMenu", "selectAll"], 85 inject: {
86 openMenu:{value:'openMenu',default:null},
87 selectAll:{value:'selectAll',default:null},
88 changeChoosedObj:{value:'changeChoosedObj',default:null},
89 clearChangeChoosedObj:{value:'clearChangeChoosedObj',default:null}
90 },
86 props: { 91 props: {
87 ch: { 92 ch: {
88 type: Array, 93 type: Array,
...@@ -101,6 +106,8 @@ export default { ...@@ -101,6 +106,8 @@ export default {
101 hqsztList: [], 106 hqsztList: [],
102 //区分单双击事件的定时器 107 //区分单双击事件的定时器
103 time: null, 108 time: null,
109 // 边框颜色
110 borderColor:'rgb(230, 230, 230)'
104 }; 111 };
105 }, 112 },
106 mounted() {}, 113 mounted() {},
...@@ -108,48 +115,32 @@ export default { ...@@ -108,48 +115,32 @@ export default {
108 // 层选中事件 115 // 层选中事件
109 handleClickC(e, item) { 116 handleClickC(e, item) {
110 //判断点击的层是否选中 117 //判断点击的层是否选中
111 if (e.target.className.indexOf("tdSelect") == -1) { 118 // if (e.target.className.indexOf("tdSelect") == -1) {
112 //未选中→选中 119 // //未选中→选中
113 e.target.className += " tdSelect"; //加边框 120 // e.target.className += " tdSelect"; //加边框
114 this.cbsmList.push(item.bsm); 121 // this.cbsmList.push(item.bsm);
115 } else { 122 // } else {
116 //选中→未选中 123 // //选中→未选中
117 e.target.className = "floor"; 124 // e.target.className = "floor";
118 this.cbsmList = this.cbsmList.filter((i) => i != item.bsm); 125 // this.cbsmList = this.cbsmList.filter((i) => i != item.bsm);
119 } 126 // }
120 // this.$parent.getCbsm(this.cbsmList); 127 // this.$parent.getCbsm(this.cbsmList);
121 }, 128 },
122 //户单击事件 129 //户单击事件
123 handleClickH(e, bsm, hs) { 130 handleClickH(e, bsm, hs) {
124 let self = this;
125 // 开启延时器，200ms的间隔区分单击和双击，解决双击时执行两次单击事件
126 clearTimeout(self.time);
127 self.time = setTimeout(() => {
128 // this.closeMenu();
129 //判断点击的户是否选中
130 if (!hs.select) {
131 //未选中→选中
132 hs.select = true; //加边框
133 this.hbsmList.push(bsm); // 将户bsm放进hbsmList
134 this.hqsztList.push(hs.qszt); // 将户qszt放进hqsztList
135 } else {
136 //选中→未选中
137 hs.select = false;
138 this.hbsmList = this.hbsmList.filter((i) => i != bsm);
139 this.hqsztList = this.hqsztList.filter((i) => i != hs.qszt);
140 }
141 }, 200);
142 }, 131 },
143 // 户单元状态点击事件 132 // 户单元状态点击事件
144 hDyztClick(e, bsm, hs) { 133 hDyztClick(e, bsm, hs) {
145 this.handleClickH(e.target.parentNode, bsm, hs); 134 // this.handleClickH(e.target.parentNode, bsm, hs);
146 }, 135 },
147 //户双击事件 136 //户双击事件
148 dbclick(bsm) { 137 dbclick(bsm) {
149 clearTimeout(this.time); 138 // clearTimeout(this.time);
150 }, 139 },
151 //幢单元全选/反选 140 //幢单元全选/反选
152 zdySelectAll(val) { 141 zdySelectAll(val,flag) {
142 // 手动点击全部取消选中
143 !flag && this.clearChangeChoosedObj()
153 this.ch.forEach((c) => { 144 this.ch.forEach((c) => {
154 c.hs.forEach((h) => { 145 c.hs.forEach((h) => {
155 if (val) { 146 if (val) {
...@@ -158,10 +149,16 @@ export default { ...@@ -158,10 +149,16 @@ export default {
158 this.hbsmList.push(h.bsm) 149 this.hbsmList.push(h.bsm)
159 } else { 150 } else {
160 h.select = false; 151 h.select = false;
152 this.borderColor = 'rgb(230, 230, 230)'
161 this.hbsmList = [] 153 this.hbsmList = []
162 } 154 }
163 }); 155 });
164 }); 156 });
157 this.$refs.hBsm && this.$refs.hBsm.forEach((item) => {
158 // item.style.borderColor = this.borderColor
159 item.style.backgroundColor = '#fff';
160 // item.style.border = `1px solid ${this.borderColor}`
161 });
165 }, 162 },
166 }, 163 },
167 watch: { 164 watch: {
...@@ -172,6 +169,34 @@ export default { ...@@ -172,6 +169,34 @@ export default {
172 immediate: true, 169 immediate: true,
173 deep: true, 170 deep: true,
174 }, 171 },
172 changeChoosedObj: {
173 handler(val) {
174 debugger
175 //清除选中户
176 this.borderColor = 'rgb(230, 230, 230)';
177 this.zdySelectAll(false,true)
178 if (val.bsms.length) {
179 this.$refs.hBsm.forEach((item) => {
180 val.bsms.forEach((i,ind) => {
181 if (item.dataset.bsm == i) {
182 if (ind == 0) {
183 //定位到第一个户所在位置
184 window.lpbContent.$refs.lpbContent.scrollTop = item.offsetTop;
185 window.lpbContent.$refs.lpbContent.scrollLeft = item.offsetLeft;
186 }
187 item.style.border = '1px solid '+ val.color;
188 // item.style.backgroundColor = val.color;
189 }
190 });
191 });
192 }else{
193 this.borderColor = 'rgb(230, 230, 230)'
194 }
195
196 },
197 immediate: true,
198 deep: true,
199 },
175 }, 200 },
176 }; 201 };
177 </script> 202 </script>
...@@ -181,16 +206,26 @@ export default { ...@@ -181,16 +206,26 @@ export default {
181 display: flex; 206 display: flex;
182 flex-direction: column-reverse; 207 flex-direction: column-reverse;
183 .chTable { 208 .chTable {
184 margin-left: -1px; 209 // margin-left: -1px;
185 border-color: #e4ebf4 !important; 210 border-color: #e4ebf4 !important;
186 border-collapse: collapse; 211 border-collapse: collapse;
187 border-spacing: 0; 212 border-spacing: 0;
188 // position: relative; 213 // position: relative;
189 tr { 214 tr {
215 .floor {
216 min-width: 56px;
217 background: #e8f2ff;
218 border: 1px solid #acbae8;
219 }
220 &:first-child {
221 .floor {
222 border-radius: 4px 0px 0px 1px;
223 }
224 }
190 td { 225 td {
191 min-width: 138px; 226 min-width: 138px;
192 height: 72px; 227 height: 64px;
193 line-height: 72px; 228 line-height: 64px;
194 text-align: center; 229 text-align: center;
195 cursor: pointer; 230 cursor: pointer;
196 position: relative; 231 position: relative;
...@@ -204,7 +239,7 @@ export default { ...@@ -204,7 +239,7 @@ export default {
204 left: 6px; 239 left: 6px;
205 top: 6px; 240 top: 6px;
206 border: 1px solid; 241 border: 1px solid;
207 border-radius: 8px; 242 border-radius: 3px 0px 3px 0px;
208 } 243 }
209 .lin { 244 .lin {
210 color: #f7b500; 245 color: #f7b500;
...@@ -223,7 +258,7 @@ export default { ...@@ -223,7 +258,7 @@ export default {
223 width: 138px; 258 width: 138px;
224 height: 18px; 259 height: 18px;
225 position: absolute; 260 position: absolute;
226 bottom: 32px; 261 bottom: 28px;
227 box-sizing: border-box; 262 box-sizing: border-box;
228 padding: 0 6px; 263 padding: 0 6px;
229 li { 264 li {
...@@ -239,7 +274,8 @@ export default { ...@@ -239,7 +274,8 @@ export default {
239 } 274 }
240 } 275 }
241 .tdSelect { 276 .tdSelect {
242 border: 1px solid #006cff !important; 277 border: 1px solid ;
278 border-color: #5A78DE !important;
243 background-image: url("./images/tdSelect.png"); 279 background-image: url("./images/tdSelect.png");
244 background-repeat: no-repeat; 280 background-repeat: no-repeat;
245 background-position: right top; 281 background-position: right top;
......
1 <template> 1 <template>
2 <div class="lpbContent-wrap" ref="lpbContentWrap"> 2 <div class="lpbContent-wrap" ref="lpbContentWrap">
3 <div class="lpbContent"> 3 <div class="lpbContent" ref="lpbContent">
4 <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 --> 4 <!-- 纵向倒序排列 逻辑幢位于独立幢单元和独立层户的上方 -->
5 <div class="ch-zdy-wrap"> 5 <div class="ch-zdy-wrap">
6 <!-- 幢单元 --> 6 <!-- 幢单元 -->
...@@ -13,9 +13,10 @@ ...@@ -13,9 +13,10 @@
13 </div> 13 </div>
14 <!-- 自然幢名称 --> 14 <!-- 自然幢名称 -->
15 <p class="lpb-xmmc"> 15 <p class="lpb-xmmc">
16 <el-checkbox @change="zdySelectAll($event)">{{ 16 <!-- <el-checkbox @change="zdySelectAll($event)">{{
17 lpbData.xmmc 17 lpbData.xmmc
18 }}</el-checkbox> 18 }}</el-checkbox> -->
19 {{lpbData.xmmc}}
19 </p> 20 </p>
20 <!-- 右键菜单 --> 21 <!-- 右键菜单 -->
21 <ul 22 <ul
...@@ -38,6 +39,8 @@ export default { ...@@ -38,6 +39,8 @@ export default {
38 return { 39 return {
39 openMenu: this.openMenu, 40 openMenu: this.openMenu,
40 selectAll: this.selectAllObj, 41 selectAll: this.selectAllObj,
42 changeChoosedObj:this.changeChoosedObj,
43 clearChangeChoosedObj:this.clearChangeChoosedObj
41 }; 44 };
42 }, 45 },
43 name: "", 46 name: "",
...@@ -72,20 +75,27 @@ export default { ...@@ -72,20 +75,27 @@ export default {
72 //右键菜单定位位置 75 //右键菜单定位位置
73 lpbChLeft: 100, 76 lpbChLeft: 100,
74 lpbChTop: 100, 77 lpbChTop: 100,
78 // 改变户选中状态
79 changeChoosedObj:{
80 bsms:[],
81 color:''
82 }
75 }; 83 };
76 }, 84 },
77 mounted() { 85 mounted() {
78 this.getLpb("dfc08a0cc6a25188990ea53d1d2c500e"); 86 this.getLpb(this.zrzbsm);
79 // setTimeout(() => { 87 window.lpbContent = this;
80 // //让滚动条滚动至最下面 -6是横向滚动条的高度
81 // this.$refs.lpbContent.scrollTop =
82 // this.$refs.lpbContent.scrollHeight -
83 // this.$refs.lpbContent.clientHeight -
84 // 6;
85 // }, 200);
86 // window.lpbContent = this;
87 }, 88 },
88 methods: { 89 methods: {
90 // 改变户选中状态
91 changeChoosed(bsms, color){
92 debugger
93 this.changeChoosedObj.bsms = bsms;
94 this.changeChoosedObj.color = color;
95 },
96 clearChangeChoosedObj(){
97 this.changeChoosedObj.bsms = [];
98 },
89 //全选户 99 //全选户
90 zdySelectAll(val) { 100 zdySelectAll(val) {
91 this.selectAllObj.selectAll = val; 101 this.selectAllObj.selectAll = val;
...@@ -113,7 +123,7 @@ export default { ...@@ -113,7 +123,7 @@ export default {
113 openMenu(e, item, type) { 123 openMenu(e, item, type) {
114 this.lpbChLeft = e.pageX - 96; 124 this.lpbChLeft = e.pageX - 96;
115 this.lpbChTop = e.pageY - 23; 125 this.lpbChTop = e.pageY - 23;
116 this.lpbChVisible = true; 126 // this.lpbChVisible = true;
117 }, 127 },
118 //关闭户右键菜单 128 //关闭户右键菜单
119 closeMenu() { 129 closeMenu() {
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 --> 10 -->
11 <template> 11 <template>
12 <div class="ljzs-wrap"> 12 <div class="ljzs-wrap">
13 <div v-for="ljzarr in ljzsCptd" :key="ljzarr[0].bsm"> 13 <div v-for="ljzarr in ljzsCptd" :style="{'margin-bottom': ljzarr.length == 1 ? '34px':'80px'}" :key="ljzarr[0].bsm">
14 <!-- 多个同起始层逻辑幢 横向排列 --> 14 <!-- 多个同起始层逻辑幢 横向排列 -->
15 <div class="ch-zdy-wrap" v-if="ljzarr.length > 1"> 15 <div class="ch-zdy-wrap" v-if="ljzarr.length > 1">
16 <div v-for="ljz in ljzarr" :key="ljz.ljzmc" class="same-floor-ljz"> 16 <div v-for="ljz in ljzarr" :key="ljz.ljzmc" class="same-floor-ljz">
...@@ -94,7 +94,7 @@ export default { ...@@ -94,7 +94,7 @@ export default {
94 display: flex; 94 display: flex;
95 flex-direction: column-reverse; 95 flex-direction: column-reverse;
96 > div { 96 > div {
97 margin-bottom: 80px; 97 // margin-bottom: 80px;
98 margin-right: 20px; 98 margin-right: 20px;
99 display: flex; 99 display: flex;
100 flex-direction: column; 100 flex-direction: column;
...@@ -110,8 +110,8 @@ export default { ...@@ -110,8 +110,8 @@ export default {
110 } 110 }
111 .ljz-xmmc { 111 .ljz-xmmc {
112 position: absolute; 112 position: absolute;
113 width: calc(100% + 1px); 113 width: calc(100% - 4px);
114 bottom: -60px; 114 bottom: -34px;
115 } 115 }
116 } 116 }
117 .cs-none { 117 .cs-none {
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: yangwei 2 * @Author: yangwei
3 * @Date: 2023-02-28 16:29:04 3 * @Date: 2023-02-28 16:29:04
4 * @LastEditors: yangwei 4 * @LastEditors: yangwei
5 * @LastEditTime: 2023-03-02 14:45:19 5 * @LastEditTime: 2023-06-08 13:58:58
6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\zdys.vue 6 * @FilePath: \bdcdj-web\src\views\lpb\lpbContent\zdys.vue
7 * @Description: 7 * @Description:
8 * 8 *
...@@ -13,9 +13,10 @@ ...@@ -13,9 +13,10 @@
13 <div v-for="zdy in realZdys" :key="zdy.bsm"> 13 <div v-for="zdy in realZdys" :key="zdy.bsm">
14 <!-- 幢单元名称 --> 14 <!-- 幢单元名称 -->
15 <p class="lpb-xmmc"> 15 <p class="lpb-xmmc">
16 <el-checkbox @change="zdySelectAll($event,zdy.bsm)">{{ 16 <!-- <el-checkbox @change="zdySelectAll($event,zdy.bsm)">{{
17 zdy.zdymc 17 zdy.zdymc
18 }}</el-checkbox> 18 }}</el-checkbox> -->
19 {{zdy.zdymc}}
19 </p> 20 </p>
20 <!-- 每个幢单元下的层户 --> 21 <!-- 每个幢单元下的层户 -->
21 <ch-cpn :ref="zdy.bsm" :ch="zdy.cs" /> 22 <ch-cpn :ref="zdy.bsm" :ch="zdy.cs" />
......
...@@ -8,8 +8,7 @@ ...@@ -8,8 +8,7 @@
8 <el-checkbox 8 <el-checkbox
9 v-for="item in qsztList" 9 v-for="item in qsztList"
10 :key="item.value" 10 :key="item.value"
11 :label="item.value" 11 :label="item.value">{{ item.label }}</el-checkbox>
12 >{{ item.label }}</el-checkbox>
13 </el-checkbox-group> 12 </el-checkbox-group>
14 </div> 13 </div>
15 </div> 14 </div>
...@@ -24,12 +23,7 @@ ...@@ -24,12 +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="setbut" v-if="item.prop == 'cz'">
30 <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button>
31 <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button>
32 </div>
33 <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>
34 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> 28 <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span>
35 29
...@@ -44,10 +38,11 @@ ...@@ -44,10 +38,11 @@
44 </template> 38 </template>
45 39
46 <script> 40 <script>
47 import { getCfdjList } from "@/api/registerBook.js"; 41 import { datas } from "./qlxxFormData.js";
48 import { datas } from "./qlxxFormData.js"; 42 import { getSjlx } from "@/utils/dictionary.js";
49 export default { 43 import { getCfdjList } from "@/api/registerBook.js";
50 data() { 44 export default {
45 data () {
51 return { 46 return {
52 title: "查封登记信息", 47 title: "查封登记信息",
53 qsztList: datas.columns().qsztList, 48 qsztList: datas.columns().qsztList,
...@@ -62,16 +57,11 @@ export default { ...@@ -62,16 +57,11 @@ export default {
62 columns: datas.columns().CFDJ, 57 columns: datas.columns().CFDJ,
63 }; 58 };
64 }, 59 },
65 created() { 60 created () {
66 this.loadData(); 61 this.loadData();
67 }, 62 },
68 methods: { 63 methods: {
69 loadData() { 64 loadData () {
70 if(this.$parent.addRepairRecord){
71 this.columns.unshift({prop:"cz",
72 label:"操作"
73 })
74 }
75 getCfdjList({ 65 getCfdjList({
76 bdcdyid: this.propsParam.bdcdyid, 66 bdcdyid: this.propsParam.bdcdyid,
77 qllx: this.propsParam.qllx, 67 qllx: this.propsParam.qllx,
...@@ -79,6 +69,9 @@ export default { ...@@ -79,6 +69,9 @@ export default {
79 }).then((res) => { 69 }).then((res) => {
80 if (res.code === 200) { 70 if (res.code === 200) {
81 this.tableData = res.result; 71 this.tableData = res.result;
72 this.tableData.forEach(item => {
73 item.sjlx = getSjlx(item.sjlx)
74 })
82 this.tableData.forEach((item, index) => { 75 this.tableData.forEach((item, index) => {
83 if (item.sfbxf == "1") { 76 if (item.sfbxf == "1") {
84 item.zxywh = ""; 77 item.zxywh = "";
...@@ -95,7 +88,7 @@ export default { ...@@ -95,7 +88,7 @@ export default {
95 } 88 }
96 }); 89 });
97 }, 90 },
98 checkChange() { 91 checkChange () {
99 if (this.checkList.length === 0) { 92 if (this.checkList.length === 0) {
100 this.tableData = []; 93 this.tableData = [];
101 this.emptycolNum = datas.columns().emptycolNum; 94 this.emptycolNum = datas.columns().emptycolNum;
...@@ -103,7 +96,7 @@ export default { ...@@ -103,7 +96,7 @@ export default {
103 this.loadData(); 96 this.loadData();
104 } 97 }
105 }, 98 },
106 getQsztName(code) { 99 getQsztName (code) {
107 let name = ""; 100 let name = "";
108 for (let item of this.qsztList) { 101 for (let item of this.qsztList) {
109 if (item.value == code) { 102 if (item.value == code) {
...@@ -114,9 +107,9 @@ export default { ...@@ -114,9 +107,9 @@ export default {
114 return name; 107 return name;
115 }, 108 },
116 }, 109 },
117 }; 110 };
118 </script> 111 </script>
119 112
120 <style lang="scss" scoped> 113 <style lang="scss" scoped>
121 @import "./qlxxCommon.scss"; 114 @import "./qlxxCommon.scss";
122 </style> 115 </style>
......
...@@ -42,9 +42,10 @@ ...@@ -42,9 +42,10 @@
42 </template> 42 </template>
43 43
44 <script> 44 <script>
45 import { getDiyaqList } from "@/api/registerBook.js"; 45 import { datas } from "./qlxxFormData.js";
46 import { datas } from "./qlxxFormData.js"; 46 import { getSjlx } from "@/utils/dictionary.js";
47 export default { 47 import { getDiyaqList } from "@/api/registerBook.js";
48 export default {
48 data () { 49 data () {
49 return { 50 return {
50 title: "抵押权登记信息", 51 title: "抵押权登记信息",
...@@ -65,11 +66,6 @@ export default { ...@@ -65,11 +66,6 @@ export default {
65 }, 66 },
66 methods: { 67 methods: {
67 loadData () { 68 loadData () {
68 if(this.$parent.addRepairRecord){
69 this.columns.unshift({prop:"cz",
70 label:"操作"
71 })
72 }
73 getDiyaqList({ 69 getDiyaqList({
74 bdcdyid: this.propsParam.bdcdyid, 70 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx, 71 qllx: this.propsParam.qllx,
...@@ -77,6 +73,9 @@ export default { ...@@ -77,6 +73,9 @@ export default {
77 }).then((res) => { 73 }).then((res) => {
78 if (res.code === 200) { 74 if (res.code === 200) {
79 this.tableData = res.result; 75 this.tableData = res.result;
76 this.tableData.forEach(item => {
77 item.sjlx = getSjlx(item.sjlx)
78 })
80 if (this.tableData.length < datas.columns().emptycolNum) { 79 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum = 80 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length; 81 datas.columns().emptycolNum - this.tableData.length;
...@@ -105,9 +104,9 @@ export default { ...@@ -105,9 +104,9 @@ export default {
105 return name; 104 return name;
106 }, 105 },
107 }, 106 },
108 }; 107 };
109 </script> 108 </script>
110 109
111 <style lang="scss" scoped> 110 <style lang="scss" scoped>
112 @import "./qlxxCommon.scss"; 111 @import "./qlxxCommon.scss";
113 </style> 112 </style>
......
...@@ -42,9 +42,10 @@ ...@@ -42,9 +42,10 @@
42 </template> 42 </template>
43 43
44 <script> 44 <script>
45 import { getDiyiqList } from "@/api/registerBook.js"; 45 import { datas } from "./qlxxFormData.js";
46 import { datas } from "./qlxxFormData.js"; 46 import { getSjlx } from "@/utils/dictionary.js";
47 export default { 47 import { getDiyiqList } from "@/api/registerBook.js";
48 export default {
48 data () { 49 data () {
49 return { 50 return {
50 title: "地役权登记信息", 51 title: "地役权登记信息",
...@@ -65,11 +66,6 @@ export default { ...@@ -65,11 +66,6 @@ export default {
65 }, 66 },
66 methods: { 67 methods: {
67 loadData () { 68 loadData () {
68 if(this.$parent.addRepairRecord){
69 this.columns.unshift({prop:"cz",
70 label:"操作"
71 })
72 }
73 getDiyiqList({ 69 getDiyiqList({
74 bdcdyid: this.propsParam.bdcdyid, 70 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx, 71 qllx: this.propsParam.qllx,
...@@ -77,6 +73,9 @@ export default { ...@@ -77,6 +73,9 @@ export default {
77 }).then((res) => { 73 }).then((res) => {
78 if (res.code === 200) { 74 if (res.code === 200) {
79 this.tableData = res.result; 75 this.tableData = res.result;
76 this.tableData.forEach(item => {
77 item.sjlx = getSjlx(item.sjlx)
78 })
80 if (this.tableData.length < datas.columns().emptycolNum) { 79 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum = 80 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length; 81 datas.columns().emptycolNum - this.tableData.length;
...@@ -105,9 +104,9 @@ export default { ...@@ -105,9 +104,9 @@ export default {
105 return name; 104 return name;
106 }, 105 },
107 }, 106 },
108 }; 107 };
109 </script> 108 </script>
110 109
111 <style lang="scss" scoped> 110 <style lang="scss" scoped>
112 @import "./qlxxCommon.scss"; 111 @import "./qlxxCommon.scss";
113 </style> 112 </style>
......
...@@ -47,8 +47,9 @@ ...@@ -47,8 +47,9 @@
47 </template> 47 </template>
48 48
49 <script> 49 <script>
50 import { getJsydsyqList } from "@/api/registerBook.js";
51 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";
52 export default { 53 export default {
53 data () { 54 data () {
54 return { 55 return {
...@@ -82,6 +83,9 @@ ...@@ -82,6 +83,9 @@
82 }).then((res) => { 83 }).then((res) => {
83 if (res.code === 200) { 84 if (res.code === 200) {
84 this.tableData = res.result; 85 this.tableData = res.result;
86 this.tableData.forEach(item => {
87 item.sjlx = getSjlx(item.sjlx)
88 })
85 if (this.tableData.length < datas.columns().emptycolNum) { 89 if (this.tableData.length < datas.columns().emptycolNum) {
86 this.emptycolNum = 90 this.emptycolNum =
87 datas.columns().emptycolNum - this.tableData.length; 91 datas.columns().emptycolNum - this.tableData.length;
......
...@@ -42,9 +42,10 @@ ...@@ -42,9 +42,10 @@
42 </template> 42 </template>
43 43
44 <script> 44 <script>
45 import { getFdcq2List } from "@/api/registerBook.js"; 45 import { datas } from "./qlxxFormData.js";
46 import { datas } from "./qlxxFormData.js"; 46 import { getSjlx } from "@/utils/dictionary.js";
47 export default { 47 import { getFdcq2List } from "@/api/registerBook.js";
48 export default {
48 data () { 49 data () {
49 return { 50 return {
50 title: "房地产权登记信息（独幢、层、套、间房屋）", 51 title: "房地产权登记信息（独幢、层、套、间房屋）",
...@@ -65,11 +66,6 @@ export default { ...@@ -65,11 +66,6 @@ export default {
65 }, 66 },
66 methods: { 67 methods: {
67 loadData () { 68 loadData () {
68 if(this.$parent.addRepairRecord){
69 this.columns.unshift({prop:"cz",
70 label:"操作"
71 })
72 }
73 getFdcq2List({ 69 getFdcq2List({
74 bdcdyid: this.propsParam.bdcdyid, 70 bdcdyid: this.propsParam.bdcdyid,
75 qllx: this.propsParam.qllx, 71 qllx: this.propsParam.qllx,
...@@ -77,6 +73,9 @@ export default { ...@@ -77,6 +73,9 @@ export default {
77 }).then((res) => { 73 }).then((res) => {
78 if (res.code === 200) { 74 if (res.code === 200) {
79 this.tableData = res.result; 75 this.tableData = res.result;
76 this.tableData.forEach(item => {
77 item.sjlx = getSjlx(item.sjlx)
78 })
80 if (this.tableData.length < datas.columns().emptycolNum) { 79 if (this.tableData.length < datas.columns().emptycolNum) {
81 this.emptycolNum = 80 this.emptycolNum =
82 datas.columns().emptycolNum - this.tableData.length; 81 datas.columns().emptycolNum - this.tableData.length;
...@@ -104,66 +103,10 @@ export default { ...@@ -104,66 +103,10 @@ export default {
104 } 103 }
105 return name; 104 return name;
106 }, 105 },
107 // 编辑
108 editDialog(row){
109 this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', {
110 confirmButtonText: '确定',
111 cancelButtonText: '取消',
112 type: 'warning'
113 }).then(() => {
114 this.$parent.addRepairRecord(row)
115
116 this.$message({
117 type: 'success',
118 message: '补录成功!'
119 });
120 }).catch(() => {
121 this.$message({
122 type: 'info',
123 message: '取消编辑'
124 });
125 });
126
127 // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", {
128 // datalist:this.columns,
129 // data: row,
130
131 // })
132
133 },
134 // 删除
135 deleteDialog(row){
136 this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
137 confirmButtonText: '确定',
138 cancelButtonText: '取消',
139 type: 'warning'
140 }).then(() => {
141 // let bsmClmx = this.previewImg.imgList[this.previewImg.index].bsmClmx
142 // deleteClmx(bsmClmx).then(res => {
143 // if (res.code == 200) {
144 // that.$emit('updateList', res.result)
145 // that.$message({
146 // message: '删除成功!',
147 // type: 'success'
148 // })
149 // }
150 // })
151 this.$message({
152 type: 'success',
153 message: '删除成功!'
154 });
155 }).catch(() => {
156 this.$message({
157 type: 'info',
158 message: '已取消删除'
159 });
160 });
161
162 }
163 }, 106 },
164 }; 107 };
165 </script> 108 </script>
166 109
167 <style lang="scss" scoped> 110 <style lang="scss" scoped>
168 @import "./qlxxCommon.scss"; 111 @import "./qlxxCommon.scss";
169 </style> 112 </style>
......
...@@ -47,8 +47,9 @@ ...@@ -47,8 +47,9 @@
47 </template> 47 </template>
48 48
49 <script> 49 <script>
50 import { getJsydsyqList } from "@/api/registerBook.js";
51 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";
52 export default { 53 export default {
53 data () { 54 data () {
54 return { 55 return {
...@@ -82,6 +83,9 @@ ...@@ -82,6 +83,9 @@
82 }).then((res) => { 83 }).then((res) => {
83 if (res.code === 200) { 84 if (res.code === 200) {
84 this.tableData = res.result; 85 this.tableData = res.result;
86 this.tableData.forEach(item => {
87 item.sjlx = getSjlx(item.sjlx)
88 })
85 if (this.tableData.length < datas.columns().emptycolNum) { 89 if (this.tableData.length < datas.columns().emptycolNum) {
86 this.emptycolNum = 90 this.emptycolNum =
87 datas.columns().emptycolNum - this.tableData.length; 91 datas.columns().emptycolNum - this.tableData.length;
......
...@@ -70,8 +70,9 @@ ...@@ -70,8 +70,9 @@
70 </template> 70 </template>
71 71
72 <script> 72 <script>
73 import { getNydsyqList } from "@/api/registerBook.js";
74 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";
75 export default { 76 export default {
76 data () { 77 data () {
77 return { 78 return {
...@@ -111,6 +112,9 @@ ...@@ -111,6 +112,9 @@
111 }).then((res) => { 112 }).then((res) => {
112 if (res.code === 200) { 113 if (res.code === 200) {
113 this.tableData = res.result; 114 this.tableData = res.result;
115 this.tableData.forEach(item => {
116 item.sjlx = getSjlx(item.sjlx)
117 })
114 if (this.tableData.length < datas.columns().emptycolNum) { 118 if (this.tableData.length < datas.columns().emptycolNum) {
115 this.emptycolNum = 119 this.emptycolNum =
116 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,
...@@ -172,7 +172,7 @@ class data extends filter { ...@@ -172,7 +172,7 @@ class data extends filter {
172 label: "坐落", 172 label: "坐落",
173 }, 173 },
174 { 174 {
175 prop: "gyfs", 175 prop: "gyqk",
176 label: "共有情况", 176 label: "共有情况",
177 }, 177 },
178 { 178 {
...@@ -216,7 +216,7 @@ class data extends filter { ...@@ -216,7 +216,7 @@ class data extends filter {
216 label: "房地产交易价格(万元)", 216 label: "房地产交易价格(万元)",
217 }, 217 },
218 { 218 {
219 prop: "ytmc", 219 prop: "ghyt",
220 label: "规划用途", 220 label: "规划用途",
221 }, 221 },
222 { 222 {
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:41:40 4 * @LastEditTime: 2023-06-20 10:27:45
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -224,7 +224,7 @@ ...@@ -224,7 +224,7 @@
224 ...res.result.qlxxdatas, 224 ...res.result.qlxxdatas,
225 } 225 }
226 //初始化发证方式，1：小证，2：大正 226 //初始化发证方式，1：小证，2：大正
227 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs='1' : this.ruleForm.slsq.fzfs; 227 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs;
228 } 228 }
229 }); 229 });
230 }, 230 },
......
1 <!-- 1 <!--
2 * @Description: 受理信息 2 * @Description: 受理信息
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-05-25 08:41:33 4 * @LastEditTime: 2023-06-20 10:27:49
5 --> 5 -->
6 <template> 6 <template>
7 <div class="slxx"> 7 <div class="slxx">
...@@ -210,7 +210,7 @@ ...@@ -210,7 +210,7 @@
210 ...res.result.jsydsyqdatas, 210 ...res.result.jsydsyqdatas,
211 }; 211 };
212 //初始化发证方式，1：小证，2：大正 212 //初始化发证方式，1：小证，2：大正
213 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs='1' : this.ruleForm.slsq.fzfs; 213 this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs;
214 } 214 }
215 }); 215 });
216 }, 216 },
......
...@@ -110,7 +110,7 @@ ...@@ -110,7 +110,7 @@
110 <el-row :gutter="10"> 110 <el-row :gutter="10">
111 <el-col :span="8"> 111 <el-col :span="8">
112 <el-form-item label="房屋用途："> 112 <el-form-item label="房屋用途：">
113 <el-input disabled v-model="ruleForm.fwyt"></el-input> 113 <el-input disabled v-model="ruleForm.ytmc"></el-input>
114 </el-form-item> 114 </el-form-item>
115 </el-col> 115 </el-col>
116 <el-col :span="8"> 116 <el-col :span="8">
......
...@@ -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 },
......
...@@ -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: "权利类型",
......