Merge remote-tracking branch 'origin/dev' into dev
# Conflicts: # public/config.json
Showing
60 changed files
with
1595 additions
and
704 deletions
| 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: { | ... | ... |
| ... | @@ -71,12 +71,6 @@ export function leftMenubl (params) { | ... | @@ -71,12 +71,6 @@ export function leftMenubl (params) { |
| 71 | * @param {*} params | 71 | * @param {*} params |
| 72 | * @author: renchao | 72 | * @author: renchao |
| 73 | */ | 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) { | 74 | export function getQllxByBdcdyid (params) { |
| 81 | return request({ | 75 | return request({ |
| 82 | url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid', | 76 | url: SERVER.SERVERAPI + '/rest/djbDetail/getQllxByBdcdyid', | ... | ... |
| 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 | } | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-16 13:49:57 | 4 | * @LastEditTime: 2023-05-16 13:49:57 |
| 5 | */ | 5 | */ |
| ... | @@ -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: 'ywbl/ywsq/selectRepairQlxx', | 76 | url: SERVER.SERVERAPI + '/rest/ywbl/ywsq/selectRepairQlxx', |
| 77 | method: 'post', | 77 | method: 'post', |
| 78 | data | 78 | data |
| 79 | }) | 79 | }) | ... | ... |
src/image/bdcqz/bdczm.jpg
0 → 100644
592 KB
| ... | @@ -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: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,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,44 +75,43 @@ router.beforeEach(async (to, from, next) => { | ... | @@ -60,44 +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 | // next({ ...to, replace: true }) | ||
| 71 | } else { | ||
| 72 | const { result: getMenuData } = await getMenuInfo() | ||
| 73 | const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData) | ||
| 74 | // 获取用户信息 | ||
| 75 | await store.dispatch('user/getUserInfo') | ||
| 76 | router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }]) | ||
| 77 | const routeTo = Cookies.get('routerTo') | ||
| 78 | if (routeTo && routeTo !== '/') { | ||
| 79 | next({ ...to, replace: true }) | ||
| 80 | } else { | ||
| 81 | next('/home') | ||
| 82 | } | ||
| 83 | } | ||
| 84 | } | ||
| 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 | ||
| 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` | ||
| 90 | } | 101 | } |
| 91 | if (to.path) { | 102 | }else{ |
| 92 | redirectData.query = { | 103 | if (to.path === '/login') { |
| 93 | ...redirectData.query, | 104 | const redirectUrl = getUrlParam('redirectUrl'); |
| 94 | redirect: to.path, | 105 | if (redirectUrl && redirectUrl !== '') { |
| 95 | }; | 106 | window.location.href = redirectUrl |
| 107 | return | ||
| 108 | } else { | ||
| 109 | next('/'); | ||
| 110 | return | ||
| 111 | } | ||
| 96 | } | 112 | } |
| 97 | next(redirectData) | 113 | permission() |
| 98 | return | ||
| 99 | } | 114 | } |
| 100 | next() | ||
| 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 | ... | ... |
src/utils/dictionary.js
0 → 100644
| ... | @@ -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 { | ... | ... |
src/utils/rule.js
deleted
100644 → 0
| 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 |
src/utils/util.cookies.js
0 → 100644
| 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 |
src/utils/util.js
0 → 100644
| 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 |
| ... | @@ -30,12 +30,13 @@ | ... | @@ -30,12 +30,13 @@ |
| 30 | :key="index" | 30 | :key="index" |
| 31 | > | 31 | > |
| 32 | <div> | 32 | <div> |
| 33 | <p>{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> | 33 | <p v-if="item.operate=='D'">{{ item.qllxmc }} <span class="tpcolor">(删除)</span></p> |
| 34 | <p v-else >{{ item.qllxmc }} <span class="tpcolor">({{ item.operate=="U"?"编辑":"新增" }})</span></p> | ||
| 35 | |||
| 34 | <!-- <p class="title-detail">{{ item.zl }}</p> --> | 36 | <!-- <p class="title-detail">{{ item.zl }}</p> --> |
| 35 | </div> | 37 | </div> |
| 36 | <i | 38 | <i |
| 37 | class="el-icon-delete" | 39 | class="el-icon-delete" |
| 38 | v-if="supplementarylist.length > 1" | ||
| 39 | @click.stop="handleDel(item)" | 40 | @click.stop="handleDel(item)" |
| 40 | ></i> | 41 | ></i> |
| 41 | </el-menu-item> | 42 | </el-menu-item> |
| ... | @@ -120,15 +121,17 @@ export default { | ... | @@ -120,15 +121,17 @@ export default { |
| 120 | }, | 121 | }, |
| 121 | methods: { | 122 | methods: { |
| 122 | //读取申请单元信息 | 123 | //读取申请单元信息 |
| 123 | loadBdcdylist() { | 124 | loadBdcdylist(add) { |
| 124 | var formdata = new FormData(); | 125 | var formdata = new FormData(); |
| 125 | formdata.append("bsmSlsq", this.bsmSlsq); | 126 | formdata.append("bsmSlsq", this.bsmSlsq); |
| 126 | formdata.append("bestepid", this.bestepid); | 127 | formdata.append("bestepid", this.bestepid); |
| 127 | leftMenu(formdata).then((res) => { | 128 | leftMenu(formdata).then((res) => { |
| 128 | if (res.code === 200 && res.result) { | 129 | if (res.code === 200 && res.result) { |
| 129 | this.currentSelectProps = res.result[0]; | 130 | this.currentSelectProps = res.result[0]; |
| 130 | console.log("this.currentSelectProps",this.currentSelectProps); | ||
| 131 | this.$emit("getCurrentSelectProps", this.currentSelectProps); | 131 | this.$emit("getCurrentSelectProps", this.currentSelectProps); |
| 132 | if(add){ | ||
| 133 | this.$parent.getQllxByBdcdyid() | ||
| 134 | } | ||
| 132 | } | 135 | } |
| 133 | }); | 136 | }); |
| 134 | this.getleftMenubl(); | 137 | this.getleftMenubl(); |
| ... | @@ -137,10 +140,11 @@ export default { | ... | @@ -137,10 +140,11 @@ export default { |
| 137 | getleftMenubl(row) { | 140 | getleftMenubl(row) { |
| 138 | leftMenubl(this.bsmSlsq).then((res) => { | 141 | leftMenubl(this.bsmSlsq).then((res) => { |
| 139 | this.supplementarylist = res.result; | 142 | this.supplementarylist = res.result; |
| 143 | console.log("this.supplementarylist",this.supplementarylist); | ||
| 140 | if(row){ | 144 | if(row){ |
| 141 | this.supplementarylist.forEach((item,index) => { | 145 | this.supplementarylist.forEach((item,index) => { |
| 142 | if(item.bsmRepair==row.bsmRepair){ | 146 | if(item.bsmRepair==row.bsmRepair){ |
| 143 | this.activeIndex=index | 147 | this.activeIndex=index.toString() |
| 144 | this.unitClick(index) | 148 | this.unitClick(index) |
| 145 | } | 149 | } |
| 146 | }) | 150 | }) | ... | ... |
| ... | @@ -244,22 +244,6 @@ | ... | @@ -244,22 +244,6 @@ |
| 244 | </el-radio-group> | 244 | </el-radio-group> |
| 245 | </el-form-item> | 245 | </el-form-item> |
| 246 | </el-col> | 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> | 247 | </el-row> |
| 264 | <qlrCommonTable | 248 | <qlrCommonTable |
| 265 | :tableData="ruleForm.qlrList" | 249 | :tableData="ruleForm.qlrList" |
| ... | @@ -316,7 +300,6 @@ export default { | ... | @@ -316,7 +300,6 @@ export default { |
| 316 | }; | 300 | }; |
| 317 | }, | 301 | }, |
| 318 | created() { | 302 | created() { |
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | 303 | this.loadData(); |
| 321 | }, | 304 | }, |
| 322 | mounted() {}, | 305 | mounted() {}, |
| ... | @@ -325,6 +308,7 @@ export default { | ... | @@ -325,6 +308,7 @@ export default { |
| 325 | init(this.propsParam.bsmRepair).then((res) => { | 308 | init(this.propsParam.bsmRepair).then((res) => { |
| 326 | if (res.code == 200) { | 309 | if (res.code == 200) { |
| 327 | this.ruleForm = res.result; | 310 | this.ruleForm = res.result; |
| 311 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | ||
| 328 | this.isShow = true; | 312 | this.isShow = true; |
| 329 | // this.tableData = res.result; | 313 | // this.tableData = res.result; |
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | 314 | // if (this.tableData.length < datas.columns().emptycolNum) { | ... | ... |
| ... | @@ -227,6 +227,16 @@ | ... | @@ -227,6 +227,16 @@ |
| 227 | </el-col> | 227 | </el-col> |
| 228 | </el-row> | 228 | </el-row> |
| 229 | <div class="slxx_title title-block"> | 229 | <div class="slxx_title title-block"> |
| 230 | 土地用途 | ||
| 231 | <div class="triangle"></div> | ||
| 232 | </div> | ||
| 233 | <tdytTable | ||
| 234 | :tableData="ruleForm.tdxxList" | ||
| 235 | @upDateQlrxxList="upDateQlrxxList" | ||
| 236 | :viewtype="$route.query.viewtype" | ||
| 237 | :gyfs="ruleForm.qlxx.gyfs" | ||
| 238 | /> | ||
| 239 | <div class="slxx_title title-block"> | ||
| 230 | 权利人信息 | 240 | 权利人信息 |
| 231 | <div class="triangle"></div> | 241 | <div class="triangle"></div> |
| 232 | </div> | 242 | </div> |
| ... | @@ -244,22 +254,22 @@ | ... | @@ -244,22 +254,22 @@ |
| 244 | </el-radio-group> | 254 | </el-radio-group> |
| 245 | </el-form-item> | 255 | </el-form-item> |
| 246 | </el-col> | 256 | </el-col> |
| 247 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> | 257 | <el-col :span="6" v-show="ruleForm.qlxx.gyfs == '1'"> |
| 248 | <el-form-item label="是否分别持证："> | 258 | <el-form-item label="是否分别持证："> |
| 249 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> | 259 | <el-radio-group v-model="ruleForm.qlxx.sqfbcz"> |
| 250 | <el-radio :label=1>是</el-radio> | 260 | <el-radio :label=1>是</el-radio> |
| 251 | <el-radio :label=0>否</el-radio> | 261 | <el-radio :label=0>否</el-radio> |
| 252 | </el-radio-group> | 262 | </el-radio-group> |
| 253 | </el-form-item> | 263 | </el-form-item> |
| 254 | </el-col> --> | 264 | </el-col> |
| 255 | <!-- <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> | 265 | <el-col :span="6" v-show="ruleForm.qlxx.sqfbcz == '0'&&ruleForm.qlxx.gyfs == '1'"> |
| 256 | <el-form-item label="持证人："> | 266 | <el-form-item label="持证人："> |
| 257 | <el-select v-model="ruleForm.czr" placeholder="持证人"> | 267 | <el-select v-model="ruleForm.czr" placeholder="持证人"> |
| 258 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> | 268 | <el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh"> |
| 259 | </el-option> | 269 | </el-option> |
| 260 | </el-select> | 270 | </el-select> |
| 261 | </el-form-item> | 271 | </el-form-item> |
| 262 | </el-col> --> | 272 | </el-col> |
| 263 | </el-row> | 273 | </el-row> |
| 264 | <qlrCommonTable | 274 | <qlrCommonTable |
| 265 | :tableData="ruleForm.qlrList" | 275 | :tableData="ruleForm.qlrList" |
| ... | @@ -296,8 +306,9 @@ import { mapGetters } from "vuex"; | ... | @@ -296,8 +306,9 @@ import { mapGetters } from "vuex"; |
| 296 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; | 306 | import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"; |
| 297 | import { init } from "@/api/djbbl.js"; | 307 | import { init } from "@/api/djbbl.js"; |
| 298 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; | 308 | import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"; |
| 309 | import tdytTable from "@/views/workflow/components/tdytTable"; | ||
| 299 | export default { | 310 | export default { |
| 300 | components: { qlrCommonTable }, | 311 | components: { qlrCommonTable,tdytTable }, |
| 301 | computed: { | 312 | computed: { |
| 302 | ...mapGetters(["dictData", "flag"]), | 313 | ...mapGetters(["dictData", "flag"]), |
| 303 | }, | 314 | }, |
| ... | @@ -316,7 +327,6 @@ export default { | ... | @@ -316,7 +327,6 @@ export default { |
| 316 | }; | 327 | }; |
| 317 | }, | 328 | }, |
| 318 | created() { | 329 | created() { |
| 319 | console.log("受理信息",this.ruleForm); | ||
| 320 | this.loadData(); | 330 | this.loadData(); |
| 321 | }, | 331 | }, |
| 322 | mounted() {}, | 332 | mounted() {}, |
| ... | @@ -324,7 +334,9 @@ export default { | ... | @@ -324,7 +334,9 @@ export default { |
| 324 | loadData() { | 334 | loadData() { |
| 325 | init(this.propsParam.bsmRepair).then((res) => { | 335 | init(this.propsParam.bsmRepair).then((res) => { |
| 326 | if (res.code == 200) { | 336 | if (res.code == 200) { |
| 337 | |||
| 327 | this.ruleForm = res.result; | 338 | this.ruleForm = res.result; |
| 339 | console.log("this.ruleFormssssssssssssssssssssssssssssss",this.ruleForm); | ||
| 328 | this.isShow = true; | 340 | this.isShow = true; |
| 329 | // this.tableData = res.result; | 341 | // this.tableData = res.result; |
| 330 | // if (this.tableData.length < datas.columns().emptycolNum) { | 342 | // if (this.tableData.length < datas.columns().emptycolNum) { | ... | ... |
| ... | @@ -4,95 +4,84 @@ | ... | @@ -4,95 +4,84 @@ |
| 4 | * @LastEditTime: 2023-05-09 09:20:10 | 4 | * @LastEditTime: 2023-05-09 09:20:10 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <el-dialog | 7 | <el-dialog |
| 8 | :close-on-click-modal="false" | 8 | :close-on-click-modal="false" |
| 9 | title="选择权利类型" | 9 | title="选择权利类型" |
| 10 | class="qllxdialog" | 10 | class="qllxdialog" |
| 11 | :visible.sync="dialogVisible" | 11 | :visible.sync="dialogVisible" |
| 12 | custom-class="insetDialog" | 12 | custom-class="insetDialog" |
| 13 | append-to-body | 13 | append-to-body |
| 14 | width="20%" | 14 | width="60%" |
| 15 | > | 15 | > |
| 16 | <el-select v-model="qllxvalue" placeholder="请选择"> | 16 | <el-radio-group v-model="radio"> |
| 17 | <el-option | 17 | <el-radio-button |
| 18 | v-for="item in options" | 18 | v-for="(value, key) in qllxlistdata" |
| 19 | :key="item.value" | 19 | :key="key" |
| 20 | :label="item.label" | 20 | :label="value" |
| 21 | :value="item.value" | 21 | ></el-radio-button> |
| 22 | > | 22 | </el-radio-group> |
| 23 | </el-option> | 23 | <div class="btn"> |
| 24 | </el-select> | 24 | <el-button type="primary" @click="handleSubmit">确定</el-button> |
| 25 | <!-- <el-radio-group v-model="radio"> | 25 | <el-button type="primary" @click="closeDialog">取消</el-button> |
| 26 | <el-radio :label="1">111</el-radio> | 26 | </div> |
| 27 | <el-radio :label="2">111</el-radio> | 27 | </el-dialog> |
| 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> | 28 | </template> |
| 33 | 29 | ||
| 34 | <script> | 30 | <script> |
| 35 | export default { | 31 | export default { |
| 32 | data() { | ||
| 33 | return { | ||
| 34 | dialogVisible: false, | ||
| 35 | qllxlistdata: {}, | ||
| 36 | radio: "", | ||
| 37 | qllx:"" | ||
| 38 | }; | ||
| 39 | }, | ||
| 36 | 40 | ||
| 37 | data () { | 41 | methods: { |
| 38 | return { | 42 | closeDialog() { |
| 39 | dialogVisible:false, | 43 | this.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 | }, | 44 | }, |
| 71 | methods: { | 45 | handleSubmit() { |
| 72 | closeDialog () { | 46 | for (const key in this.qllxlistdata) { |
| 73 | this.dialogVisible=false | 47 | if (this.qllxlistdata[key] === this.radio) { |
| 74 | }, | 48 | this.qllx= key; |
| 75 | handleSubmit () { | 49 | } |
| 76 | let qllxobj={ | 50 | } |
| 77 | qllx:this.value, | 51 | if(this.qllx){ |
| 78 | bsmQlxx:this.value | 52 | let qllxobj = { |
| 53 | qllx:this.qllx, | ||
| 54 | bsmQlxx:"" | ||
| 55 | }; | ||
| 56 | |||
| 57 | this.$parent.addRepairRecord(qllxobj) | ||
| 58 | }else{ | ||
| 59 | this.$message({ | ||
| 60 | type: "warning", | ||
| 61 | message: "请选择权利类型!", | ||
| 62 | }); | ||
| 63 | } | ||
| 79 | 64 | ||
| 80 | } | ||
| 81 | // this.$parent.addRepairRecord(qllxobj) | ||
| 82 | }, | ||
| 83 | }, | 65 | }, |
| 84 | }; | 66 | }, |
| 67 | }; | ||
| 85 | </script> | 68 | </script> |
| 86 | <style scoped lang="scss"> | 69 | <style scoped lang="scss"> |
| 87 | .qllxdialog{ | 70 | .qllxdialog { |
| 88 | margin-top: 200px; | 71 | margin-top: 200px; |
| 89 | /deep/.el-dialog__body{ | 72 | /deep/.el-dialog__body { |
| 90 | margin-top: 10px; | 73 | margin-top: 10px; |
| 91 | height: 100px; | 74 | // height: 100px; |
| 75 | padding: 30px; | ||
| 92 | } | 76 | } |
| 93 | .el-button{ | 77 | .btn{ |
| 78 | margin:30px; | ||
| 79 | text-align: center; | ||
| 80 | .el-button { | ||
| 94 | margin-top: 10px; | 81 | margin-top: 10px; |
| 95 | margin-left: 20px; | 82 | margin-left: 20px; |
| 83 | } | ||
| 96 | } | 84 | } |
| 85 | |||
| 97 | } | 86 | } |
| 98 | </style> | 87 | </style> | ... | ... |
| 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"> |
| ... | @@ -25,9 +25,9 @@ | ... | @@ -25,9 +25,9 @@ |
| 25 | row.qszt == '0' ? 'linshi' : '', | 25 | row.qszt == '0' ? 'linshi' : '', |
| 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'&&item.sjlx !='系统数据'"> |
| 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> | ... | ... |
| ... | @@ -136,8 +136,10 @@ export default { | ... | @@ -136,8 +136,10 @@ export default { |
| 136 | 136 | ||
| 137 | // break; | 137 | // break; |
| 138 | case "B5": | 138 | case "B5": |
| 139 | this.$refs.Menu.loadBdcdylist("add") | ||
| 139 | // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true) | 140 | // this.$popupDialog("选择新增权力类型", "djbworkflow/djbBook/components/qllxcloseDailog", this.currentSelectProps, '50%', true) |
| 140 | this.$refs.qllxlist.dialogVisible=true | 141 | |
| 142 | |||
| 141 | break; | 143 | break; |
| 142 | case "B6": | 144 | case "B6": |
| 143 | //根据编号获取对应信息 | 145 | //根据编号获取对应信息 | ... | ... |
| ... | @@ -102,7 +102,7 @@ | ... | @@ -102,7 +102,7 @@ |
| 102 | } | 102 | } |
| 103 | 103 | ||
| 104 | .animation-map-drawer { | 104 | .animation-map-drawer { |
| 105 | width: 260px; | 105 | width: 290px; |
| 106 | height: calc(100% - 80px); | 106 | height: calc(100% - 80px); |
| 107 | } | 107 | } |
| 108 | 108 | ||
| ... | @@ -226,4 +226,4 @@ | ... | @@ -226,4 +226,4 @@ |
| 226 | position: absolute; | 226 | position: absolute; |
| 227 | left: 0; | 227 | left: 0; |
| 228 | bottom: 0; | 228 | bottom: 0; |
| 229 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 229 | } | ... | ... |
| ... | @@ -63,7 +63,7 @@ | ... | @@ -63,7 +63,7 @@ |
| 63 | </div> | 63 | </div> |
| 64 | </div> | 64 | </div> |
| 65 | <!-- 新增补录信息勾选权利类型 --> | 65 | <!-- 新增补录信息勾选权利类型 --> |
| 66 | <qllxDailog ref="qllxlist"/> | 66 | <qllxDailog ref="qllxlist" /> |
| 67 | </div> | 67 | </div> |
| 68 | </template> | 68 | </template> |
| 69 | <style scoped lang="scss"> | 69 | <style scoped lang="scss"> |
| ... | @@ -109,8 +109,6 @@ export default { | ... | @@ -109,8 +109,6 @@ export default { |
| 109 | tabName: "", | 109 | tabName: "", |
| 110 | // 弹框显示 | 110 | // 弹框显示 |
| 111 | dialogVisible: true, | 111 | dialogVisible: true, |
| 112 | // 权利类型数组 | ||
| 113 | qllxlist: [], | ||
| 114 | //表单集合 | 112 | //表单集合 |
| 115 | tabList: [], | 113 | tabList: [], |
| 116 | //选择加载哪一个组件 | 114 | //选择加载哪一个组件 |
| ... | @@ -126,20 +124,23 @@ export default { | ... | @@ -126,20 +124,23 @@ export default { |
| 126 | treedata: {}, | 124 | treedata: {}, |
| 127 | tabdata: [], | 125 | tabdata: [], |
| 128 | defaultNode: {}, | 126 | defaultNode: {}, |
| 129 | |||
| 130 | }; | 127 | }; |
| 131 | }, | 128 | }, |
| 132 | mounted() {}, | 129 | mounted() {}, |
| 133 | 130 | ||
| 134 | methods: { | 131 | methods: { |
| 135 | getQllxByBdcdyid() { | 132 | getQllxByBdcdyid() { |
| 136 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | 133 | if(this.currentSelectProps.bdcdyid){ |
| 134 | getQllxByBdcdyid({ bdcdyid: this.currentSelectProps.bdcdyid }).then( | ||
| 137 | (res) => { | 135 | (res) => { |
| 138 | if (res.code === 200) { | 136 | if (res.code === 200) { |
| 139 | console.log("Qllxlist", res); | 137 | this.$refs.qllxlist.qllxlistdata = res.result; |
| 138 | this.$refs.qllxlist.dialogVisible = true; | ||
| 140 | } | 139 | } |
| 141 | } | 140 | } |
| 142 | ); | 141 | ); |
| 142 | } | ||
| 143 | |||
| 143 | }, | 144 | }, |
| 144 | // 获取右侧选项卡 | 145 | // 获取右侧选项卡 |
| 145 | getCurrentSelectProps(val) { | 146 | getCurrentSelectProps(val) { |
| ... | @@ -180,7 +181,6 @@ export default { | ... | @@ -180,7 +181,6 @@ export default { |
| 180 | arr[index].value = item.id; | 181 | arr[index].value = item.id; |
| 181 | }); | 182 | }); |
| 182 | this.tabList = this.tabdata; | 183 | this.tabList = this.tabdata; |
| 183 | this.getQllxByBdcdyid(); | ||
| 184 | }, 200); | 184 | }, 200); |
| 185 | }, | 185 | }, |
| 186 | 186 | ||
| ... | @@ -215,6 +215,7 @@ export default { | ... | @@ -215,6 +215,7 @@ export default { |
| 215 | }, | 215 | }, |
| 216 | //切换选项卡内容组件 | 216 | //切换选项卡内容组件 |
| 217 | getFromRouter(tabname) { | 217 | getFromRouter(tabname) { |
| 218 | console.log("tabname",tabname); | ||
| 218 | for (let item of this.tabList) { | 219 | for (let item of this.tabList) { |
| 219 | if (item.value === tabname) { | 220 | if (item.value === tabname) { |
| 220 | this.currentSelectTab = item; | 221 | this.currentSelectTab = item; |
| ... | @@ -225,29 +226,45 @@ export default { | ... | @@ -225,29 +226,45 @@ export default { |
| 225 | }, | 226 | }, |
| 226 | 227 | ||
| 227 | // 增加补录记录 | 228 | // 增加补录记录 |
| 228 | addRepairRecord(row) { | 229 | addRepairRecord(row,del) { |
| 229 | let from = { | 230 | let from = { |
| 230 | bsmQlxx: "", | 231 | bsmQlxx: "", |
| 231 | bsmSlsq: this.bsmSlsq, | 232 | bsmSlsq: this.bsmSlsq, |
| 232 | bsmSldy: this.currentSelectProps.bsmSldy, | 233 | bsmSldy: this.currentSelectProps.bsmSldy, |
| 233 | operate: "C", | 234 | operate: "C", |
| 234 | qllx: this.currentSelectProps.qllx, | 235 | qllx: "", |
| 235 | }; | 236 | }; |
| 236 | if (row) { | 237 | if (row) { |
| 237 | from.bsmQlxx = row.bsmQlxx; | 238 | from.bsmQlxx = row.bsmQlxx; |
| 238 | from.operate = "U"; | 239 | if(del){ |
| 240 | from.operate = del; | ||
| 241 | }else{ | ||
| 242 | from.operate = row.bsmQlxx ? "U" : "C"; | ||
| 243 | } | ||
| 239 | from.qllx = row.qllx; | 244 | from.qllx = row.qllx; |
| 240 | } | 245 | } |
| 241 | |||
| 242 | addRepairRecord(from).then((res) => { | 246 | addRepairRecord(from).then((res) => { |
| 247 | if(res.code=='200'){ | ||
| 248 | this.$refs.qllxlist.dialogVisible = false; | ||
| 243 | this.$nextTick(() => { | 249 | this.$nextTick(() => { |
| 244 | this.$refs.Menu.getleftMenubl(res.result); | 250 | this.$refs.Menu.getleftMenubl(res.result); |
| 251 | this.$message({ | ||
| 252 | type: "success", | ||
| 253 | message: "补录成功!", | ||
| 254 | }); | ||
| 245 | }); | 255 | }); |
| 246 | }); | 256 | }else{ |
| 247 | }, | 257 | this.$alert(res.message, '提示', { |
| 258 | confirmButtonText: '确定', | ||
| 259 | type: 'warning' | ||
| 260 | }); | ||
| 261 | } | ||
| 262 | }).catch((res) => { | ||
| 248 | 263 | ||
| 264 | console.log("错i了哦",res); | ||
| 265 | });; | ||
| 266 | }, | ||
| 249 | }, | 267 | }, |
| 250 | }; | 268 | }; |
| 251 | </script> | 269 | </script> |
| 252 | <style scoped lang="scss"> | 270 | <style scoped lang="scss"></style> |
| 253 | </style> | ... | ... |
src/views/login/images/close.svg
0 → 100644
| 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 |
src/views/login/images/login-bg.png
0 → 100644
1.45 MB
src/views/login/images/logo-login.png
0 → 100644
16.7 KB
src/views/login/images/open.svg
0 → 100644
| 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 |
src/views/login/images/password.svg
0 → 100644
| 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 |
src/views/login/images/user.svg
0 → 100644
| 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 |
src/views/login/index.vue
0 → 100644
| 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 |
This diff is collapsed.
Click to expand it.
| ... | @@ -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,11 +23,10 @@ | ... | @@ -24,11 +23,10 @@ |
| 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 | > | 27 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 29 | <div class="setbut" v-if="item.prop == 'cz'"> | ||
| 30 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 28 | <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> | 29 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 32 | </div> | 30 | </div> |
| 33 | <div class="icon" v-if="item.prop == 'qszt' && (row.qszt == '0' ||(row.qszt == '1' &&row.qlblzt == '1'&&row.zxywh != null))">正在办理</div> | 31 | <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> | 32 | <span v-if="item.prop == 'qszt'">{{ getQsztName(row[item.prop]) }}</span> |
| ... | @@ -44,79 +42,103 @@ | ... | @@ -44,79 +42,103 @@ |
| 44 | </template> | 42 | </template> |
| 45 | 43 | ||
| 46 | <script> | 44 | <script> |
| 47 | import { getCfdjList } from "@/api/registerBook.js"; | 45 | import { datas } from "./qlxxFormData.js"; |
| 48 | import { datas } from "./qlxxFormData.js"; | 46 | import { getSjlx } from "@/utils/dictionary.js"; |
| 49 | export default { | 47 | import { getCfdjList } from "@/api/registerBook.js"; |
| 50 | data() { | 48 | export default { |
| 51 | return { | 49 | data () { |
| 52 | title: "查封登记信息", | 50 | return { |
| 53 | qsztList: datas.columns().qsztList, | 51 | title: "查封登记信息", |
| 54 | checkList: datas.columns().checkList, | 52 | qsztList: datas.columns().qsztList, |
| 55 | //传递参数 | 53 | checkList: datas.columns().checkList, |
| 56 | propsParam: this.$attrs, | 54 | //传递参数 |
| 57 | //列表数据 | 55 | propsParam: this.$attrs, |
| 58 | tableData: [], | 56 | //列表数据 |
| 59 | //空列值个数 | 57 | tableData: [], |
| 60 | emptycolNum: datas.columns().emptycolNum, | 58 | //空列值个数 |
| 61 | //列名称对象 | 59 | emptycolNum: datas.columns().emptycolNum, |
| 62 | columns: datas.columns().CFDJ, | 60 | //列名称对象 |
| 63 | }; | 61 | columns: datas.columns().CFDJ, |
| 64 | }, | 62 | }; |
| 65 | created() { | 63 | }, |
| 66 | this.loadData(); | 64 | created () { |
| 67 | }, | 65 | this.loadData(); |
| 68 | methods: { | 66 | }, |
| 69 | loadData() { | 67 | methods: { |
| 70 | if(this.$parent.addRepairRecord){ | 68 | loadData () { |
| 71 | this.columns.unshift({prop:"cz", | 69 | if (this.$parent.addRepairRecord) { |
| 72 | label:"操作" | 70 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 73 | }) | ||
| 74 | } | 71 | } |
| 75 | getCfdjList({ | 72 | getCfdjList({ |
| 76 | bdcdyid: this.propsParam.bdcdyid, | 73 | bdcdyid: this.propsParam.bdcdyid, |
| 77 | qllx: this.propsParam.qllx, | 74 | qllx: this.propsParam.qllx, |
| 78 | qszt: this.checkList, | 75 | qszt: this.checkList, |
| 79 | }).then((res) => { | 76 | }).then((res) => { |
| 80 | if (res.code === 200) { | 77 | if (res.code === 200) { |
| 81 | this.tableData = res.result; | 78 | this.tableData = res.result; |
| 82 | this.tableData.forEach((item, index) => { | 79 | this.tableData.forEach(item => { |
| 83 | if (item.sfbxf == "1") { | 80 | item.sjlx = getSjlx(item.sjlx) |
| 84 | item.zxywh = ""; | 81 | }) |
| 85 | item.zxdbr = ""; | 82 | this.tableData.forEach((item, index) => { |
| 86 | item.zxsj = ""; | 83 | if (item.sfbxf == "1") { |
| 84 | item.zxywh = ""; | ||
| 85 | item.zxdbr = ""; | ||
| 86 | item.zxsj = ""; | ||
| 87 | } | ||
| 88 | }); | ||
| 89 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 90 | this.emptycolNum = | ||
| 91 | datas.columns().emptycolNum - this.tableData.length; | ||
| 92 | } else { | ||
| 93 | this.emptycolNum = 0; | ||
| 87 | } | 94 | } |
| 88 | }); | ||
| 89 | if (this.tableData.length < datas.columns().emptycolNum) { | ||
| 90 | this.emptycolNum = | ||
| 91 | datas.columns().emptycolNum - this.tableData.length; | ||
| 92 | } else { | ||
| 93 | this.emptycolNum = 0; | ||
| 94 | } | 95 | } |
| 96 | }); | ||
| 97 | }, | ||
| 98 | checkChange () { | ||
| 99 | if (this.checkList.length === 0) { | ||
| 100 | this.tableData = []; | ||
| 101 | this.emptycolNum = datas.columns().emptycolNum; | ||
| 102 | } else { | ||
| 103 | this.loadData(); | ||
| 95 | } | 104 | } |
| 96 | }); | 105 | }, |
| 97 | }, | 106 | getQsztName (code) { |
| 98 | checkChange() { | 107 | let name = ""; |
| 99 | if (this.checkList.length === 0) { | 108 | for (let item of this.qsztList) { |
| 100 | this.tableData = []; | 109 | if (item.value == code) { |
| 101 | this.emptycolNum = datas.columns().emptycolNum; | 110 | name = item.label; |
| 102 | } else { | 111 | break; |
| 103 | this.loadData(); | 112 | } |
| 104 | } | ||
| 105 | }, | ||
| 106 | getQsztName(code) { | ||
| 107 | let name = ""; | ||
| 108 | for (let item of this.qsztList) { | ||
| 109 | if (item.value == code) { | ||
| 110 | name = item.label; | ||
| 111 | break; | ||
| 112 | } | 113 | } |
| 113 | } | 114 | return name; |
| 114 | return name; | 115 | }, |
| 116 | // 新增一条补录信息 | ||
| 117 | editDialog(row, del) { | ||
| 118 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 119 | confirmButtonText: "确定", | ||
| 120 | cancelButtonText: "取消", | ||
| 121 | type: "warning", | ||
| 122 | }) | ||
| 123 | .then(() => { | ||
| 124 | this.$parent.addRepairRecord(row, del); | ||
| 125 | |||
| 126 | this.$message({ | ||
| 127 | type: "success", | ||
| 128 | message: "补录成功!", | ||
| 129 | }); | ||
| 130 | }) | ||
| 131 | .catch(() => { | ||
| 132 | this.$message({ | ||
| 133 | type: "info", | ||
| 134 | message: "取消编辑", | ||
| 135 | }); | ||
| 136 | }); | ||
| 137 | }, | ||
| 115 | }, | 138 | }, |
| 116 | }, | 139 | }; |
| 117 | }; | ||
| 118 | </script> | 140 | </script> |
| 119 | 141 | ||
| 120 | <style lang="scss" scoped> | 142 | <style lang="scss" scoped> |
| 121 | @import "./qlxxCommon.scss"; | 143 | @import "./qlxxCommon.scss"; |
| 122 | </style> | 144 | </style> | ... | ... |
| ... | @@ -5,7 +5,12 @@ | ... | @@ -5,7 +5,12 @@ |
| 5 | {{ title }} | 5 | {{ title }} |
| 6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
| 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | ||
| 10 | :key="item.value" | ||
| 11 | :label="item.value" | ||
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 9 | </el-checkbox-group> | 14 | </el-checkbox-group> |
| 10 | </div> | 15 | </div> |
| 11 | </div> | 16 | </div> |
| ... | @@ -15,14 +20,28 @@ | ... | @@ -15,14 +20,28 @@ |
| 15 | <td> | 20 | <td> |
| 16 | {{ item.label }} | 21 | {{ item.label }} |
| 17 | </td> | 22 | </td> |
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 23 | <td |
| 19 | row.qszt == '2' ? 'lishi' : '', | 24 | v-for="(row, index) in tableData" |
| 20 | row.qszt == '0' ? 'linshi' : '', | 25 | :key="index" |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | :class="[ |
| 22 | ]"> | 27 | row.qszt == '2' ? 'lishi' : '', |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 28 | row.qszt == '0' ? 'linshi' : '', |
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 30 | ]" |
| 31 | > | ||
| 32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 33 | <el-button | ||
| 34 | type="text" | ||
| 35 | icon="el-icon-edit-outline" | ||
| 36 | @click="editDialog(row)" | ||
| 37 | >编辑</el-button | ||
| 38 | > | ||
| 39 | <el-button | ||
| 40 | type="text" | ||
| 41 | icon="el-icon-edit-outline" | ||
| 42 | @click="editDialog(row, 'D')" | ||
| 43 | >删除</el-button | ||
| 44 | > | ||
| 26 | </div> | 45 | </div> |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 47 | 正在办理 |
| ... | @@ -42,10 +61,11 @@ | ... | @@ -42,10 +61,11 @@ |
| 42 | </template> | 61 | </template> |
| 43 | 62 | ||
| 44 | <script> | 63 | <script> |
| 45 | import { getDiyaqList } from "@/api/registerBook.js"; | ||
| 46 | import { datas } from "./qlxxFormData.js"; | 64 | import { datas } from "./qlxxFormData.js"; |
| 65 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 66 | import { getDiyaqList } from "@/api/registerBook.js"; | ||
| 47 | export default { | 67 | export default { |
| 48 | data () { | 68 | data() { |
| 49 | return { | 69 | return { |
| 50 | title: "抵押权登记信息", | 70 | title: "抵押权登记信息", |
| 51 | qsztList: datas.columns().qsztList, | 71 | qsztList: datas.columns().qsztList, |
| ... | @@ -60,15 +80,13 @@ export default { | ... | @@ -60,15 +80,13 @@ export default { |
| 60 | columns: datas.columns().DYAQ, | 80 | columns: datas.columns().DYAQ, |
| 61 | }; | 81 | }; |
| 62 | }, | 82 | }, |
| 63 | created () { | 83 | created() { |
| 64 | this.loadData(); | 84 | this.loadData(); |
| 65 | }, | 85 | }, |
| 66 | methods: { | 86 | methods: { |
| 67 | loadData () { | 87 | loadData() { |
| 68 | if(this.$parent.addRepairRecord){ | 88 | if (this.$parent.addRepairRecord) { |
| 69 | this.columns.unshift({prop:"cz", | 89 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 70 | label:"操作" | ||
| 71 | }) | ||
| 72 | } | 90 | } |
| 73 | getDiyaqList({ | 91 | getDiyaqList({ |
| 74 | bdcdyid: this.propsParam.bdcdyid, | 92 | bdcdyid: this.propsParam.bdcdyid, |
| ... | @@ -77,6 +95,9 @@ export default { | ... | @@ -77,6 +95,9 @@ export default { |
| 77 | }).then((res) => { | 95 | }).then((res) => { |
| 78 | if (res.code === 200) { | 96 | if (res.code === 200) { |
| 79 | this.tableData = res.result; | 97 | this.tableData = res.result; |
| 98 | this.tableData.forEach((item) => { | ||
| 99 | item.sjlx = getSjlx(item.sjlx); | ||
| 100 | }); | ||
| 80 | if (this.tableData.length < datas.columns().emptycolNum) { | 101 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 81 | this.emptycolNum = | 102 | this.emptycolNum = |
| 82 | datas.columns().emptycolNum - this.tableData.length; | 103 | datas.columns().emptycolNum - this.tableData.length; |
| ... | @@ -86,7 +107,7 @@ export default { | ... | @@ -86,7 +107,7 @@ export default { |
| 86 | } | 107 | } |
| 87 | }); | 108 | }); |
| 88 | }, | 109 | }, |
| 89 | checkChange () { | 110 | checkChange() { |
| 90 | if (this.checkList.length === 0) { | 111 | if (this.checkList.length === 0) { |
| 91 | this.tableData = []; | 112 | this.tableData = []; |
| 92 | this.emptycolNum = datas.columns().emptycolNum; | 113 | this.emptycolNum = datas.columns().emptycolNum; |
| ... | @@ -94,7 +115,7 @@ export default { | ... | @@ -94,7 +115,7 @@ export default { |
| 94 | this.loadData(); | 115 | this.loadData(); |
| 95 | } | 116 | } |
| 96 | }, | 117 | }, |
| 97 | getQsztName (code) { | 118 | getQsztName(code) { |
| 98 | let name = ""; | 119 | let name = ""; |
| 99 | for (let item of this.qsztList) { | 120 | for (let item of this.qsztList) { |
| 100 | if (item.value == code) { | 121 | if (item.value == code) { |
| ... | @@ -104,6 +125,28 @@ export default { | ... | @@ -104,6 +125,28 @@ export default { |
| 104 | } | 125 | } |
| 105 | return name; | 126 | return name; |
| 106 | }, | 127 | }, |
| 128 | // 新增一条补录信息 | ||
| 129 | editDialog(row, del) { | ||
| 130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 131 | confirmButtonText: "确定", | ||
| 132 | cancelButtonText: "取消", | ||
| 133 | type: "warning", | ||
| 134 | }) | ||
| 135 | .then(() => { | ||
| 136 | this.$parent.addRepairRecord(row, del); | ||
| 137 | |||
| 138 | this.$message({ | ||
| 139 | type: "success", | ||
| 140 | message: "补录成功!", | ||
| 141 | }); | ||
| 142 | }) | ||
| 143 | .catch(() => { | ||
| 144 | this.$message({ | ||
| 145 | type: "info", | ||
| 146 | message: "取消编辑", | ||
| 147 | }); | ||
| 148 | }); | ||
| 149 | }, | ||
| 107 | }, | 150 | }, |
| 108 | }; | 151 | }; |
| 109 | </script> | 152 | </script> | ... | ... |
| ... | @@ -5,7 +5,12 @@ | ... | @@ -5,7 +5,12 @@ |
| 5 | {{ title }} | 5 | {{ title }} |
| 6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
| 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | ||
| 10 | :key="item.value" | ||
| 11 | :label="item.value" | ||
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 9 | </el-checkbox-group> | 14 | </el-checkbox-group> |
| 10 | </div> | 15 | </div> |
| 11 | </div> | 16 | </div> |
| ... | @@ -15,14 +20,18 @@ | ... | @@ -15,14 +20,18 @@ |
| 15 | <td> | 20 | <td> |
| 16 | {{ item.label }} | 21 | {{ item.label }} |
| 17 | </td> | 22 | </td> |
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 23 | <td |
| 19 | row.qszt == '2' ? 'lishi' : '', | 24 | v-for="(row, index) in tableData" |
| 20 | row.qszt == '0' ? 'linshi' : '', | 25 | :key="index" |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | :class="[ |
| 22 | ]"> | 27 | row.qszt == '2' ? 'lishi' : '', |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 28 | row.qszt == '0' ? 'linshi' : '', |
| 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | ||
| 30 | ]" | ||
| 31 | > | ||
| 32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 33 | <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> | 34 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 26 | </div> | 35 | </div> |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 36 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 37 | 正在办理 |
| ... | @@ -42,10 +51,11 @@ | ... | @@ -42,10 +51,11 @@ |
| 42 | </template> | 51 | </template> |
| 43 | 52 | ||
| 44 | <script> | 53 | <script> |
| 45 | import { getDiyiqList } from "@/api/registerBook.js"; | ||
| 46 | import { datas } from "./qlxxFormData.js"; | 54 | import { datas } from "./qlxxFormData.js"; |
| 55 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 56 | import { getDiyiqList } from "@/api/registerBook.js"; | ||
| 47 | export default { | 57 | export default { |
| 48 | data () { | 58 | data() { |
| 49 | return { | 59 | return { |
| 50 | title: "地役权登记信息", | 60 | title: "地役权登记信息", |
| 51 | qsztList: datas.columns().qsztList, | 61 | qsztList: datas.columns().qsztList, |
| ... | @@ -60,15 +70,13 @@ export default { | ... | @@ -60,15 +70,13 @@ export default { |
| 60 | columns: datas.columns().DYIQ, | 70 | columns: datas.columns().DYIQ, |
| 61 | }; | 71 | }; |
| 62 | }, | 72 | }, |
| 63 | created () { | 73 | created() { |
| 64 | this.loadData(); | 74 | this.loadData(); |
| 65 | }, | 75 | }, |
| 66 | methods: { | 76 | methods: { |
| 67 | loadData () { | 77 | loadData() { |
| 68 | if(this.$parent.addRepairRecord){ | 78 | if (this.$parent.addRepairRecord) { |
| 69 | this.columns.unshift({prop:"cz", | 79 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 70 | label:"操作" | ||
| 71 | }) | ||
| 72 | } | 80 | } |
| 73 | getDiyiqList({ | 81 | getDiyiqList({ |
| 74 | bdcdyid: this.propsParam.bdcdyid, | 82 | bdcdyid: this.propsParam.bdcdyid, |
| ... | @@ -77,6 +85,9 @@ export default { | ... | @@ -77,6 +85,9 @@ export default { |
| 77 | }).then((res) => { | 85 | }).then((res) => { |
| 78 | if (res.code === 200) { | 86 | if (res.code === 200) { |
| 79 | this.tableData = res.result; | 87 | this.tableData = res.result; |
| 88 | this.tableData.forEach((item) => { | ||
| 89 | item.sjlx = getSjlx(item.sjlx); | ||
| 90 | }); | ||
| 80 | if (this.tableData.length < datas.columns().emptycolNum) { | 91 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 81 | this.emptycolNum = | 92 | this.emptycolNum = |
| 82 | datas.columns().emptycolNum - this.tableData.length; | 93 | datas.columns().emptycolNum - this.tableData.length; |
| ... | @@ -86,7 +97,7 @@ export default { | ... | @@ -86,7 +97,7 @@ export default { |
| 86 | } | 97 | } |
| 87 | }); | 98 | }); |
| 88 | }, | 99 | }, |
| 89 | checkChange () { | 100 | checkChange() { |
| 90 | if (this.checkList.length === 0) { | 101 | if (this.checkList.length === 0) { |
| 91 | this.tableData = []; | 102 | this.tableData = []; |
| 92 | this.emptycolNum = datas.columns().emptycolNum; | 103 | this.emptycolNum = datas.columns().emptycolNum; |
| ... | @@ -94,7 +105,7 @@ export default { | ... | @@ -94,7 +105,7 @@ export default { |
| 94 | this.loadData(); | 105 | this.loadData(); |
| 95 | } | 106 | } |
| 96 | }, | 107 | }, |
| 97 | getQsztName (code) { | 108 | getQsztName(code) { |
| 98 | let name = ""; | 109 | let name = ""; |
| 99 | for (let item of this.qsztList) { | 110 | for (let item of this.qsztList) { |
| 100 | if (item.value == code) { | 111 | if (item.value == code) { |
| ... | @@ -104,6 +115,28 @@ export default { | ... | @@ -104,6 +115,28 @@ export default { |
| 104 | } | 115 | } |
| 105 | return name; | 116 | return name; |
| 106 | }, | 117 | }, |
| 118 | // 新增一条补录信息 | ||
| 119 | editDialog(row, del) { | ||
| 120 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { | ||
| 121 | confirmButtonText: "确定", | ||
| 122 | cancelButtonText: "取消", | ||
| 123 | type: "warning", | ||
| 124 | }) | ||
| 125 | .then(() => { | ||
| 126 | this.$parent.addRepairRecord(row, del); | ||
| 127 | |||
| 128 | this.$message({ | ||
| 129 | type: "success", | ||
| 130 | message: "补录成功!", | ||
| 131 | }); | ||
| 132 | }) | ||
| 133 | .catch(() => { | ||
| 134 | this.$message({ | ||
| 135 | type: "info", | ||
| 136 | message: "取消编辑", | ||
| 137 | }); | ||
| 138 | }); | ||
| 139 | }, | ||
| 107 | }, | 140 | }, |
| 108 | }; | 141 | }; |
| 109 | </script> | 142 | </script> | ... | ... |
| ... | @@ -22,9 +22,9 @@ | ... | @@ -22,9 +22,9 @@ |
| 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'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 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> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 28 | </div> | 28 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 30 | 正在办理 | 30 | 正在办理 |
| ... | @@ -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; |
| ... | @@ -109,6 +113,27 @@ | ... | @@ -109,6 +113,27 @@ |
| 109 | } | 113 | } |
| 110 | return name; | 114 | return name; |
| 111 | }, | 115 | }, |
| 116 | // 新增一条补录信息 | ||
| 117 | editDialog(row,del){ | ||
| 118 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 119 | confirmButtonText: '确定', | ||
| 120 | cancelButtonText: '取消', | ||
| 121 | type: 'warning' | ||
| 122 | }).then(() => { | ||
| 123 | this.$parent.addRepairRecord(row,del) | ||
| 124 | |||
| 125 | this.$message({ | ||
| 126 | type: 'success', | ||
| 127 | message: '补录成功!' | ||
| 128 | }); | ||
| 129 | }).catch(() => { | ||
| 130 | this.$message({ | ||
| 131 | type: 'info', | ||
| 132 | message: '取消编辑' | ||
| 133 | }); | ||
| 134 | }); | ||
| 135 | |||
| 136 | }, | ||
| 112 | }, | 137 | }, |
| 113 | }; | 138 | }; |
| 114 | </script> | 139 | </script> | ... | ... |
| ... | @@ -5,7 +5,12 @@ | ... | @@ -5,7 +5,12 @@ |
| 5 | {{ title }} | 5 | {{ title }} |
| 6 | <div class="checkbox"> | 6 | <div class="checkbox"> |
| 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> | 7 | <el-checkbox-group v-model="checkList" @change="checkChange"> |
| 8 | <el-checkbox v-for="item in qsztList" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox> | 8 | <el-checkbox |
| 9 | v-for="item in qsztList" | ||
| 10 | :key="item.value" | ||
| 11 | :label="item.value" | ||
| 12 | >{{ item.label }}</el-checkbox | ||
| 13 | > | ||
| 9 | </el-checkbox-group> | 14 | </el-checkbox-group> |
| 10 | </div> | 15 | </div> |
| 11 | </div> | 16 | </div> |
| ... | @@ -15,14 +20,28 @@ | ... | @@ -15,14 +20,28 @@ |
| 15 | <td> | 20 | <td> |
| 16 | {{ item.label }} | 21 | {{ item.label }} |
| 17 | </td> | 22 | </td> |
| 18 | <td v-for="(row, index) in tableData" :key="index" :class="[ | 23 | <td |
| 19 | row.qszt == '2' ? 'lishi' : '', | 24 | v-for="(row, index) in tableData" |
| 20 | row.qszt == '0' ? 'linshi' : '', | 25 | :key="index" |
| 21 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', | 26 | :class="[ |
| 22 | ]"> | 27 | row.qszt == '2' ? 'lishi' : '', |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 28 | row.qszt == '0' ? 'linshi' : '', |
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 29 | item.prop == 'qszt' && row.qszt == '0' ? 'linshiIcon' : '', |
| 25 | <el-button type="text" icon="el-icon-edit-outline" @click="deleteDialog(row)">删除</el-button> | 30 | ]" |
| 31 | > | ||
| 32 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> | ||
| 33 | <el-button | ||
| 34 | type="text" | ||
| 35 | icon="el-icon-edit-outline" | ||
| 36 | @click="editDialog(row)" | ||
| 37 | >编辑</el-button | ||
| 38 | > | ||
| 39 | <el-button | ||
| 40 | type="text" | ||
| 41 | icon="el-icon-edit-outline" | ||
| 42 | @click="editDialog(row, 'D')" | ||
| 43 | >删除</el-button | ||
| 44 | > | ||
| 26 | </div> | 45 | </div> |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 46 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 47 | 正在办理 |
| ... | @@ -42,10 +61,11 @@ | ... | @@ -42,10 +61,11 @@ |
| 42 | </template> | 61 | </template> |
| 43 | 62 | ||
| 44 | <script> | 63 | <script> |
| 45 | import { getFdcq2List } from "@/api/registerBook.js"; | ||
| 46 | import { datas } from "./qlxxFormData.js"; | 64 | import { datas } from "./qlxxFormData.js"; |
| 65 | import { getSjlx } from "@/utils/dictionary.js"; | ||
| 66 | import { getFdcq2List } from "@/api/registerBook.js"; | ||
| 47 | export default { | 67 | export default { |
| 48 | data () { | 68 | data() { |
| 49 | return { | 69 | return { |
| 50 | title: "房地产权登记信息（独幢、层、套、间房屋）", | 70 | title: "房地产权登记信息（独幢、层、套、间房屋）", |
| 51 | qsztList: datas.columns().qsztList, | 71 | qsztList: datas.columns().qsztList, |
| ... | @@ -60,15 +80,13 @@ export default { | ... | @@ -60,15 +80,13 @@ export default { |
| 60 | columns: datas.columns().FDCQ2, | 80 | columns: datas.columns().FDCQ2, |
| 61 | }; | 81 | }; |
| 62 | }, | 82 | }, |
| 63 | created () { | 83 | created() { |
| 64 | this.loadData(); | 84 | this.loadData(); |
| 65 | }, | 85 | }, |
| 66 | methods: { | 86 | methods: { |
| 67 | loadData () { | 87 | loadData() { |
| 68 | if(this.$parent.addRepairRecord){ | 88 | if (this.$parent.addRepairRecord) { |
| 69 | this.columns.unshift({prop:"cz", | 89 | this.columns.unshift({ prop: "cz", label: "操作" }); |
| 70 | label:"操作" | ||
| 71 | }) | ||
| 72 | } | 90 | } |
| 73 | getFdcq2List({ | 91 | getFdcq2List({ |
| 74 | bdcdyid: this.propsParam.bdcdyid, | 92 | bdcdyid: this.propsParam.bdcdyid, |
| ... | @@ -77,6 +95,9 @@ export default { | ... | @@ -77,6 +95,9 @@ export default { |
| 77 | }).then((res) => { | 95 | }).then((res) => { |
| 78 | if (res.code === 200) { | 96 | if (res.code === 200) { |
| 79 | this.tableData = res.result; | 97 | this.tableData = res.result; |
| 98 | this.tableData.forEach((item) => { | ||
| 99 | item.sjlx = getSjlx(item.sjlx); | ||
| 100 | }); | ||
| 80 | if (this.tableData.length < datas.columns().emptycolNum) { | 101 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 81 | this.emptycolNum = | 102 | this.emptycolNum = |
| 82 | datas.columns().emptycolNum - this.tableData.length; | 103 | datas.columns().emptycolNum - this.tableData.length; |
| ... | @@ -86,7 +107,7 @@ export default { | ... | @@ -86,7 +107,7 @@ export default { |
| 86 | } | 107 | } |
| 87 | }); | 108 | }); |
| 88 | }, | 109 | }, |
| 89 | checkChange () { | 110 | checkChange() { |
| 90 | if (this.checkList.length === 0) { | 111 | if (this.checkList.length === 0) { |
| 91 | this.tableData = []; | 112 | this.tableData = []; |
| 92 | this.emptycolNum = datas.columns().emptycolNum; | 113 | this.emptycolNum = datas.columns().emptycolNum; |
| ... | @@ -94,7 +115,7 @@ export default { | ... | @@ -94,7 +115,7 @@ export default { |
| 94 | this.loadData(); | 115 | this.loadData(); |
| 95 | } | 116 | } |
| 96 | }, | 117 | }, |
| 97 | getQsztName (code) { | 118 | getQsztName(code) { |
| 98 | let name = ""; | 119 | let name = ""; |
| 99 | for (let item of this.qsztList) { | 120 | for (let item of this.qsztList) { |
| 100 | if (item.value == code) { | 121 | if (item.value == code) { |
| ... | @@ -104,62 +125,23 @@ export default { | ... | @@ -104,62 +125,23 @@ export default { |
| 104 | } | 125 | } |
| 105 | return name; | 126 | return name; |
| 106 | }, | 127 | }, |
| 107 | // 编辑 | 128 | // 新增一条补录信息 |
| 108 | editDialog(row){ | 129 | editDialog(row, del) { |
| 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 130 | this.$confirm("此操作将新增一条补录信息, 是否继续?", "提示", { |
| 110 | confirmButtonText: '确定', | 131 | confirmButtonText: "确定", |
| 111 | cancelButtonText: '取消', | 132 | cancelButtonText: "取消", |
| 112 | type: 'warning' | 133 | type: "warning", |
| 113 | }).then(() => { | 134 | }) |
| 114 | this.$parent.addRepairRecord(row) | 135 | .then(() => { |
| 115 | 136 | this.$parent.addRepairRecord(row, del); | |
| 116 | this.$message({ | 137 | }) |
| 117 | type: 'success', | 138 | .catch(() => { |
| 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({ | 139 | this.$message({ |
| 157 | type: 'info', | 140 | type: "info", |
| 158 | message: '已取消删除' | 141 | message: "取消", |
| 159 | }); | 142 | }); |
| 160 | }); | 143 | }); |
| 161 | 144 | }, | |
| 162 | } | ||
| 163 | }, | 145 | }, |
| 164 | }; | 146 | }; |
| 165 | </script> | 147 | </script> | ... | ... |
| ... | @@ -22,9 +22,9 @@ | ... | @@ -22,9 +22,9 @@ |
| 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'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 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> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 28 | </div> | 28 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 30 | 正在办理 | 30 | 正在办理 |
| ... | @@ -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 { |
| ... | @@ -70,6 +71,7 @@ | ... | @@ -70,6 +71,7 @@ |
| 70 | }, | 71 | }, |
| 71 | methods: { | 72 | methods: { |
| 72 | loadData () { | 73 | loadData () { |
| 74 | |||
| 73 | if(this.$parent.addRepairRecord){ | 75 | if(this.$parent.addRepairRecord){ |
| 74 | this.columns.unshift({prop:"cz", | 76 | this.columns.unshift({prop:"cz", |
| 75 | label:"操作" | 77 | label:"操作" |
| ... | @@ -82,6 +84,9 @@ | ... | @@ -82,6 +84,9 @@ |
| 82 | }).then((res) => { | 84 | }).then((res) => { |
| 83 | if (res.code === 200) { | 85 | if (res.code === 200) { |
| 84 | this.tableData = res.result; | 86 | this.tableData = res.result; |
| 87 | this.tableData.forEach(item => { | ||
| 88 | item.sjlx = getSjlx(item.sjlx) | ||
| 89 | }) | ||
| 85 | if (this.tableData.length < datas.columns().emptycolNum) { | 90 | if (this.tableData.length < datas.columns().emptycolNum) { |
| 86 | this.emptycolNum = | 91 | this.emptycolNum = |
| 87 | datas.columns().emptycolNum - this.tableData.length; | 92 | datas.columns().emptycolNum - this.tableData.length; |
| ... | @@ -109,6 +114,27 @@ | ... | @@ -109,6 +114,27 @@ |
| 109 | } | 114 | } |
| 110 | return name; | 115 | return name; |
| 111 | }, | 116 | }, |
| 117 | // 新增一条补录信息 | ||
| 118 | editDialog(row,del){ | ||
| 119 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 120 | confirmButtonText: '确定', | ||
| 121 | cancelButtonText: '取消', | ||
| 122 | type: 'warning' | ||
| 123 | }).then(() => { | ||
| 124 | this.$parent.addRepairRecord(row,del) | ||
| 125 | |||
| 126 | this.$message({ | ||
| 127 | type: 'success', | ||
| 128 | message: '补录成功!' | ||
| 129 | }); | ||
| 130 | }).catch(() => { | ||
| 131 | this.$message({ | ||
| 132 | type: 'info', | ||
| 133 | message: '取消编辑' | ||
| 134 | }); | ||
| 135 | }); | ||
| 136 | |||
| 137 | }, | ||
| 112 | }, | 138 | }, |
| 113 | }; | 139 | }; |
| 114 | </script> | 140 | </script> | ... | ... |
| ... | @@ -22,9 +22,9 @@ | ... | @@ -22,9 +22,9 @@ |
| 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'"> | 25 | <div class="setbut" v-if="item.prop == 'cz'&&row.sjlx !='系统数据'"> |
| 26 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 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> | 27 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 28 | </div> | 28 | </div> |
| 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 29 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 30 | 正在办理 | 30 | 正在办理 |
| ... | @@ -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; |
| ... | @@ -138,6 +142,27 @@ | ... | @@ -138,6 +142,27 @@ |
| 138 | } | 142 | } |
| 139 | return name; | 143 | return name; |
| 140 | }, | 144 | }, |
| 145 | // 新增一条补录信息 | ||
| 146 | editDialog(row,del){ | ||
| 147 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 148 | confirmButtonText: '确定', | ||
| 149 | cancelButtonText: '取消', | ||
| 150 | type: 'warning' | ||
| 151 | }).then(() => { | ||
| 152 | this.$parent.addRepairRecord(row,del) | ||
| 153 | |||
| 154 | this.$message({ | ||
| 155 | type: 'success', | ||
| 156 | message: '补录成功!' | ||
| 157 | }); | ||
| 158 | }).catch(() => { | ||
| 159 | this.$message({ | ||
| 160 | type: 'info', | ||
| 161 | message: '取消编辑' | ||
| 162 | }); | ||
| 163 | }); | ||
| 164 | |||
| 165 | }, | ||
| 141 | }, | 166 | }, |
| 142 | }; | 167 | }; |
| 143 | </script> | 168 | </script> | ... | ... |
| ... | @@ -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, |
| ... | @@ -24,7 +24,7 @@ class data extends filter { | ... | @@ -24,7 +24,7 @@ class data extends filter { |
| 24 | label: "历史", | 24 | label: "历史", |
| 25 | }, | 25 | }, |
| 26 | ], | 26 | ], |
| 27 | JSYDSYQ: [ | 27 | JSYDSYQ: [ |
| 28 | { | 28 | { |
| 29 | prop: "qszt", | 29 | prop: "qszt", |
| 30 | label: "权属状态", | 30 | label: "权属状态", |
| ... | @@ -134,7 +134,7 @@ class data extends filter { | ... | @@ -134,7 +134,7 @@ class data extends filter { |
| 134 | label: "附记", | 134 | label: "附记", |
| 135 | }, | 135 | }, |
| 136 | ], | 136 | ], |
| 137 | FDCQ2: [ | 137 | FDCQ2: [ |
| 138 | { | 138 | { |
| 139 | prop: "qszt", | 139 | prop: "qszt", |
| 140 | label: "权属状态", | 140 | label: "权属状态", |
| ... | @@ -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 | { |
| ... | @@ -273,7 +273,7 @@ class data extends filter { | ... | @@ -273,7 +273,7 @@ class data extends filter { |
| 273 | label: "附记", | 273 | label: "附记", |
| 274 | }, | 274 | }, |
| 275 | ], | 275 | ], |
| 276 | NYDSYQ: [ | 276 | NYDSYQ: [ |
| 277 | { | 277 | { |
| 278 | prop: "qszt", | 278 | prop: "qszt", |
| 279 | label: "权属状态", | 279 | label: "权属状态", |
| ... | @@ -403,7 +403,7 @@ class data extends filter { | ... | @@ -403,7 +403,7 @@ class data extends filter { |
| 403 | label: "附记", | 403 | label: "附记", |
| 404 | }, | 404 | }, |
| 405 | ], | 405 | ], |
| 406 | DYAQ: [ | 406 | DYAQ: [ |
| 407 | { | 407 | { |
| 408 | prop: "qszt", | 408 | prop: "qszt", |
| 409 | label: "权属状态", | 409 | label: "权属状态", |
| ... | @@ -440,12 +440,12 @@ class data extends filter { | ... | @@ -440,12 +440,12 @@ class data extends filter { |
| 440 | prop: "zl", | 440 | prop: "zl", |
| 441 | label: "在建建筑物坐落", | 441 | label: "在建建筑物坐落", |
| 442 | }, | 442 | }, |
| 443 | { | 443 | { |
| 444 | prop: "dyfs", | 444 | prop: "dyfs", |
| 445 | label: "抵押方式", | 445 | label: "抵押方式", |
| 446 | render: (h, scope) => { | 446 | render: (h, scope) => { |
| 447 | return ( | 447 | return ( |
| 448 | <div> | 448 | <div> |
| 449 | <span v-show={scope.row.dyfs == '1'}>一般抵押权</span> | 449 | <span v-show={scope.row.dyfs == '1'}>一般抵押权</span> |
| 450 | <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span> | 450 | <span v-show={scope.row.dyfs == '2'}>最高额抵押权</span> |
| 451 | </div> | 451 | </div> |
| ... | @@ -480,7 +480,7 @@ class data extends filter { | ... | @@ -480,7 +480,7 @@ class data extends filter { |
| 480 | prop: "ywrzjhm", | 480 | prop: "ywrzjhm", |
| 481 | label: "抵押人证件号", | 481 | label: "抵押人证件号", |
| 482 | }, | 482 | }, |
| 483 | 483 | ||
| 484 | { | 484 | { |
| 485 | prop: "sfygdj", | 485 | prop: "sfygdj", |
| 486 | label: "是否预告登记", | 486 | label: "是否预告登记", |
| ... | @@ -532,7 +532,7 @@ class data extends filter { | ... | @@ -532,7 +532,7 @@ class data extends filter { |
| 532 | { | 532 | { |
| 533 | prop: "fj", | 533 | prop: "fj", |
| 534 | label: "附记", | 534 | label: "附记", |
| 535 | }, | 535 | }, |
| 536 | { | 536 | { |
| 537 | prop: "djsj", | 537 | prop: "djsj", |
| 538 | label: "登记时间", | 538 | label: "登记时间", |
| ... | @@ -563,7 +563,7 @@ class data extends filter { | ... | @@ -563,7 +563,7 @@ class data extends filter { |
| 563 | }, | 563 | }, |
| 564 | 564 | ||
| 565 | ], | 565 | ], |
| 566 | DYIQ: [ | 566 | DYIQ: [ |
| 567 | { | 567 | { |
| 568 | prop: "qszt", | 568 | prop: "qszt", |
| 569 | label: "权属状态", | 569 | label: "权属状态", |
| ... | @@ -657,7 +657,7 @@ class data extends filter { | ... | @@ -657,7 +657,7 @@ class data extends filter { |
| 657 | label: "登记时间", | 657 | label: "登记时间", |
| 658 | }, | 658 | }, |
| 659 | ], | 659 | ], |
| 660 | YGDJ: [ | 660 | YGDJ: [ |
| 661 | { | 661 | { |
| 662 | prop: "qszt", | 662 | prop: "qszt", |
| 663 | label: "权属状态", | 663 | label: "权属状态", |
| ... | @@ -783,7 +783,7 @@ class data extends filter { | ... | @@ -783,7 +783,7 @@ class data extends filter { |
| 783 | label: "注销时间", | 783 | label: "注销时间", |
| 784 | } | 784 | } |
| 785 | ], | 785 | ], |
| 786 | CFDJ: [ | 786 | CFDJ: [ |
| 787 | { | 787 | { |
| 788 | prop: "qszt", | 788 | prop: "qszt", |
| 789 | label: "权属状态", | 789 | label: "权属状态", | ... | ... |
| ... | @@ -22,7 +22,7 @@ | ... | @@ -22,7 +22,7 @@ |
| 22 | ]"> | 22 | ]"> |
| 23 | <div class="setbut" v-if="item.prop == 'cz'"> | 23 | <div class="setbut" v-if="item.prop == 'cz'"> |
| 24 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row)">编辑</el-button> | 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> | 25 | <el-button type="text" icon="el-icon-edit-outline" @click="editDialog(row,'D')">删除</el-button> |
| 26 | </div> | 26 | </div> |
| 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> | 27 | <div class="icon" v-if="item.prop == 'qszt' && row.qszt == '0'"> |
| 28 | 正在办理 | 28 | 正在办理 |
| ... | @@ -105,6 +105,27 @@ export default { | ... | @@ -105,6 +105,27 @@ export default { |
| 105 | } | 105 | } |
| 106 | return name; | 106 | return name; |
| 107 | }, | 107 | }, |
| 108 | // 新增一条补录信息 | ||
| 109 | editDialog(row,del){ | ||
| 110 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | ||
| 111 | confirmButtonText: '确定', | ||
| 112 | cancelButtonText: '取消', | ||
| 113 | type: 'warning' | ||
| 114 | }).then(() => { | ||
| 115 | this.$parent.addRepairRecord(row,del) | ||
| 116 | |||
| 117 | this.$message({ | ||
| 118 | type: 'success', | ||
| 119 | message: '补录成功!' | ||
| 120 | }); | ||
| 121 | }).catch(() => { | ||
| 122 | this.$message({ | ||
| 123 | type: 'info', | ||
| 124 | message: '取消编辑' | ||
| 125 | }); | ||
| 126 | }); | ||
| 127 | |||
| 128 | }, | ||
| 108 | }, | 129 | }, |
| 109 | }; | 130 | }; |
| 110 | </script> | 131 | </script> | ... | ... |
| ... | @@ -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="editDialog(row,'D')">删除</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> |
| ... | @@ -100,14 +104,14 @@ export default { | ... | @@ -100,14 +104,14 @@ export default { |
| 100 | } | 104 | } |
| 101 | return name; | 105 | return name; |
| 102 | }, | 106 | }, |
| 103 | // 编辑 | 107 | // 新增一条补录信息 |
| 104 | editDialog(row){ | 108 | editDialog(row,del){ |
| 105 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { | 109 | this.$confirm('此操作将新增一条补录信息, 是否继续?', '提示', { |
| 106 | confirmButtonText: '确定', | 110 | confirmButtonText: '确定', |
| 107 | cancelButtonText: '取消', | 111 | cancelButtonText: '取消', |
| 108 | type: 'warning' | 112 | type: 'warning' |
| 109 | }).then(() => { | 113 | }).then(() => { |
| 110 | this.$parent.addRepairRecord(row) | 114 | this.$parent.addRepairRecord(row,del) |
| 111 | 115 | ||
| 112 | this.$message({ | 116 | this.$message({ |
| 113 | type: 'success', | 117 | type: 'success', |
| ... | @@ -120,42 +124,7 @@ export default { | ... | @@ -120,42 +124,7 @@ export default { |
| 120 | }); | 124 | }); |
| 121 | }); | 125 | }); |
| 122 | 126 | ||
| 123 | // this.$popupDialog("编辑", "djbworkflow/djbBook/components/djbeditDialog", { | ||
| 124 | // datalist:this.columns, | ||
| 125 | // data: row, | ||
| 126 | |||
| 127 | // }) | ||
| 128 | |||
| 129 | }, | 127 | }, |
| 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 | } | ||
| 159 | }, | 128 | }, |
| 160 | }; | 129 | }; |
| 161 | </script> | 130 | </script> | ... | ... |
This diff is collapsed.
Click to expand it.
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-31 16:04:44 | 4 | * @LastEditTime: 2023-06-20 16:09:31 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px"> | 7 | <div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;"> |
| 8 | <!-- 表单部分 --> | 8 | <!-- 表单部分 --> |
| 9 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length > 1"> | 9 | <el-tabs v-model="activeName" @tab-click="handleClick" v-if="headTabBdcqz.length >1"> |
| 10 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bsmBdcqz" | 10 | <el-tab-pane :label="item.qlr + '(' + item.bdcqzh + ')'" :name="item.bdcqzlx" |
| 11 | v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane> | 11 | v-for="(item, index) in headTabBdcqz" :key="index"></el-tab-pane> |
| 12 | </el-tabs> | 12 | </el-tabs> |
| 13 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> | 13 | <div class="no-data" v-if="headTabBdcqz.length == 0">暂无数据</div> |
| 14 | <!-- <img :src="previewImage" class="imgClass"> --> | 14 | <canvas ref="zs" width="1000" v-if="activeName==1" height="700"></canvas> |
| 15 | <canvas ref="canvas" :width="canvasWidth" :height="canvasHeight"></canvas> | 15 | <canvas ref="zm" width="1180" v-else height="780"></canvas> |
| 16 | </div> | 16 | </div> |
| 17 | </template> | 17 | </template> |
| 18 | 18 | ||
| ... | @@ -30,9 +30,7 @@ | ... | @@ -30,9 +30,7 @@ |
| 30 | data () { | 30 | data () { |
| 31 | return { | 31 | return { |
| 32 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), | 32 | imgSrc: require('@/image/bdcqz/bdcqzs2.jpg'), |
| 33 | canvasWidth: 1018, | 33 | bdczmSrc: require('@/image/bdcqz/bdczm.jpg'), |
| 34 | canvasHeight: 720, | ||
| 35 | |||
| 36 | loading: false, | 34 | loading: false, |
| 37 | //印刷序列号集合 | 35 | //印刷序列号集合 |
| 38 | ysxlh: [], | 36 | ysxlh: [], |
| ... | @@ -79,10 +77,14 @@ | ... | @@ -79,10 +77,14 @@ |
| 79 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { | 77 | getSlsqBdcqzList({ bsmSlsq: this.formData.bsmSlsq }).then(res => { |
| 80 | if (res.code == 200) { | 78 | if (res.code == 200) { |
| 81 | if (res.result && res.result.length > 0) { | 79 | if (res.result && res.result.length > 0) { |
| 82 | this.activeName = res.result[0].bsmBdcqz | 80 | this.activeName = res.result[0].bdcqzlx |
| 83 | this.bdcqz = res.result[0] | 81 | this.bdcqz = res.result[0] |
| 84 | this.headTabBdcqz = res.result | 82 | this.headTabBdcqz = res.result |
| 85 | this.drawTextOnImage(); | 83 | if (this.activeName == 1) { |
| 84 | this.drawTextOnImage() | ||
| 85 | } else { | ||
| 86 | this.drawTextzmImage() | ||
| 87 | } | ||
| 86 | } | 88 | } |
| 87 | } | 89 | } |
| 88 | this.loading = false | 90 | this.loading = false |
| ... | @@ -91,26 +93,21 @@ | ... | @@ -91,26 +93,21 @@ |
| 91 | //tab表头切换方法 | 93 | //tab表头切换方法 |
| 92 | handleClick (e) { | 94 | handleClick (e) { |
| 93 | this.bdcqz = this.headTabBdcqz[e.index - 0] | 95 | this.bdcqz = this.headTabBdcqz[e.index - 0] |
| 94 | this.activeName = this.headTabBdcqz.bsmBdcqz | 96 | this.activeName = this.headTabBdcqz.bdcqzlx |
| 95 | // this.getBdcqzPreview(); | 97 | if (this.activeName == 1) { |
| 96 | this.drawTextOnImage() | 98 | this.drawTextOnImage() |
| 99 | } else { | ||
| 100 | this.drawTextzmImage() | ||
| 101 | } | ||
| 97 | }, | 102 | }, |
| 98 | // getBdcqzPreview () { | 103 | // 不动产证书 |
| 99 | // bdcqzPreview(this.bdcqz).then(res => { | ||
| 100 | // this.loading = false | ||
| 101 | // let blob = new Blob([res]); | ||
| 102 | // let url = window.URL.createObjectURL(blob); | ||
| 103 | // this.previewImage = url; | ||
| 104 | // this.drawTextOnImage() | ||
| 105 | // }) | ||
| 106 | // }, | ||
| 107 | drawTextOnImage () { | 104 | drawTextOnImage () { |
| 108 | const canvas = this.$refs.canvas; | 105 | const canvas = this.$refs.zs; |
| 109 | const context = canvas.getContext('2d'); | 106 | const context = canvas.getContext('2d'); |
| 110 | const image = new Image(); | 107 | const image = new Image(); |
| 111 | image.onload = () => { | 108 | image.onload = () => { |
| 112 | context.drawImage(image, 0, 0); | 109 | context.drawImage(image, 0, 0); |
| 113 | context.font = '15px 楷体'; | 110 | context.font = '18px 楷体'; |
| 114 | context.fillStyle = '#000000'; | 111 | context.fillStyle = '#000000'; |
| 115 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); | 112 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 60, 56); |
| 116 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); | 113 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 113, 56); |
| ... | @@ -125,10 +122,79 @@ | ... | @@ -125,10 +122,79 @@ |
| 125 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 138, 346); | 122 | context.fillText(this.bdcqz.yt ? this.bdcqz.yt : '', 138, 346); |
| 126 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 138, 386); | 123 | context.fillText(this.bdcqz.mj ? this.bdcqz.mj : '', 138, 386); |
| 127 | context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 138, 429); | 124 | context.fillText(this.bdcqz.syqx ? this.bdcqz.syqx : '', 138, 429); |
| 128 | context.fillText(this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk : '', 138, 469); | 125 | // qlqtzk |
| 126 | const maxWidth = 280; // 最大宽度限制 | ||
| 127 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | ||
| 128 | lines.forEach((line, index) => { | ||
| 129 | const y = 469 + (index * 37); // 每行文本的垂直位置 | ||
| 130 | let currentLine = ''; | ||
| 131 | let arr = []; | ||
| 132 | for (let word of line) { | ||
| 133 | const testLine = currentLine + word; | ||
| 134 | const lineWidth = context.measureText(testLine).width; | ||
| 135 | if (lineWidth <= maxWidth) { | ||
| 136 | currentLine = testLine; | ||
| 137 | } else { | ||
| 138 | arr.push(currentLine); | ||
| 139 | currentLine = word; | ||
| 140 | } | ||
| 141 | } | ||
| 142 | arr.push(currentLine); | ||
| 143 | arr.forEach((line, index) => { | ||
| 144 | context.fillText(line, 138, y + (index * 20)); // 调整行高 | ||
| 145 | }) | ||
| 146 | }) | ||
| 129 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 580, 100); | 147 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 580, 100); |
| 130 | } | 148 | } |
| 131 | image.src = this.imgSrc; | 149 | image.src = this.imgSrc |
| 150 | }, | ||
| 151 | // 不动产证明 | ||
| 152 | drawTextzmImage () { | ||
| 153 | const canvas = this.$refs.zm; | ||
| 154 | const context = canvas.getContext('2d'); | ||
| 155 | const image = new Image(); | ||
| 156 | image.onload = () => { | ||
| 157 | context.drawImage(image, 0, 0); | ||
| 158 | context.font = '18px 楷体'; | ||
| 159 | context.fillStyle = '#000000'; | ||
| 160 | context.fillText(this.bdcqz.sjjc ? this.bdcqz.sjjc : '', 620, 125); | ||
| 161 | context.fillText(this.bdcqz.djnd ? this.bdcqz.djnd : '', 665, 125); | ||
| 162 | context.fillText(this.bdcqz.sxqc ? this.bdcqz.sxqc : '', 750, 125); | ||
| 163 | context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); | ||
| 164 | context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); | ||
| 165 | context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); | ||
| 166 | // 义务人 | ||
| 167 | context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275); | ||
| 168 | context.fillText(this.bdcqz.zl ? this.bdcqz.zl : '', 775, 325); | ||
| 169 | // bdcdyh | ||
| 170 | context.fillText(this.bdcqz.bdcdyh ? this.bdcqz.bdcdyh : '', 775, 373); | ||
| 171 | // qlqtzk | ||
| 172 | const maxWidth = 280; // 最大宽度限制 | ||
| 173 | let lines = this.bdcqz.qlqtzk ? this.bdcqz.qlqtzk.split('\n') : []; | ||
| 174 | lines.forEach((line, index) => { | ||
| 175 | const y = 415 + (index * 37); // 每行文本的垂直位置 | ||
| 176 | let currentLine = ''; | ||
| 177 | let arr = []; | ||
| 178 | for (let word of line) { | ||
| 179 | const testLine = currentLine + word; | ||
| 180 | const lineWidth = context.measureText(testLine).width; | ||
| 181 | if (lineWidth <= maxWidth) { | ||
| 182 | currentLine = testLine; | ||
| 183 | } else { | ||
| 184 | arr.push(currentLine); | ||
| 185 | currentLine = word; | ||
| 186 | } | ||
| 187 | } | ||
| 188 | arr.push(currentLine); | ||
| 189 | arr.forEach((line, index) => { | ||
| 190 | context.fillText(line, 775, y + (index * 20)); // 调整行高 | ||
| 191 | }); | ||
| 192 | }); | ||
| 193 | // fj | ||
| 194 | context.fillText(this.bdcqz.fj ? this.bdcqz.fj : '', 775, 650); | ||
| 195 | }; | ||
| 196 | |||
| 197 | image.src = this.bdczmSrc; | ||
| 132 | } | 198 | } |
| 133 | } | 199 | } |
| 134 | } | 200 | } | ... | ... |
src/views/workflow/components/tdytTable.vue
0 → 100644
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-06-16 10:38:23 | ||
| 5 | --> | ||
| 6 | <template> | ||
| 7 | <div> | ||
| 8 | <lb-table :column="column" :pagination="false" :key="key" :heightNumSetting="true" :minHeight="150" | ||
| 9 | :data="tableDataList"> | ||
| 10 | </lb-table> | ||
| 11 | <addQlr v-model="dialog" :details="details" :showButton="showButton" @updateDetail="handleupdateDetail" /> | ||
| 12 | </div> | ||
| 13 | </template> | ||
| 14 | <script> | ||
| 15 | import { mapGetters } from 'vuex' | ||
| 16 | import { getIdCardInfo } from '@/utils/operation.js' | ||
| 17 | import addQlr from './dialog/addQlr.vue' | ||
| 18 | export default { | ||
| 19 | components: { | ||
| 20 | addQlr | ||
| 21 | }, | ||
| 22 | computed: { | ||
| 23 | ...mapGetters(["dictData"]), | ||
| 24 | }, | ||
| 25 | props: { | ||
| 26 | tableData: { | ||
| 27 | type: Array, | ||
| 28 | default: function () { | ||
| 29 | return [] | ||
| 30 | } | ||
| 31 | }, | ||
| 32 | gyfs: { | ||
| 33 | type: String, | ||
| 34 | default: '1' | ||
| 35 | } | ||
| 36 | }, | ||
| 37 | data () { | ||
| 38 | return { | ||
| 39 | key: 0, | ||
| 40 | dataIndex: 0, | ||
| 41 | dialog: false, | ||
| 42 | isaddupdate: false, | ||
| 43 | showButton: this.$route.query.viewtype ? false : true, | ||
| 44 | details: {}, | ||
| 45 | tableDataList: [], | ||
| 46 | InformationTable: [ | ||
| 47 | { | ||
| 48 | width: '50', | ||
| 49 | renderHeader: (h, scope) => { | ||
| 50 | return <div> { | ||
| 51 | this.$route.query.viewtype == 1 ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i> | ||
| 52 | } | ||
| 53 | </div> | ||
| 54 | }, | ||
| 55 | render: (h, scope) => { | ||
| 56 | return ( | ||
| 57 | <div> | ||
| 58 | { | ||
| 59 | this.$route.query.viewtype == 1 ? <span>{scope.$index + 1}</span> : | ||
| 60 | <i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i> | ||
| 61 | } | ||
| 62 | </div> | ||
| 63 | ) | ||
| 64 | } | ||
| 65 | }, | ||
| 66 | { | ||
| 67 | label: '土地用途', | ||
| 68 | align: 'center', | ||
| 69 | render: (h, scope) => { | ||
| 70 | return <el-input v-model={scope.row.zjzl} ></el-input> | ||
| 71 | } | ||
| 72 | }, | ||
| 73 | { | ||
| 74 | prop: "sqrmc", | ||
| 75 | label: "土地使用起始时间", | ||
| 76 | render: (h, scope) => { | ||
| 77 | return <el-input v-model={scope.row.zjzl} ></el-input> | ||
| 78 | } | ||
| 79 | }, | ||
| 80 | { | ||
| 81 | prop: "zjzl", | ||
| 82 | label: "土地使用结束时间", | ||
| 83 | render: (h, scope) => { | ||
| 84 | return <el-input v-model={scope.row.zjzl} ></el-input> | ||
| 85 | } | ||
| 86 | }, | ||
| 87 | { | ||
| 88 | prop: "zjh", | ||
| 89 | label: "土地使用期限", | ||
| 90 | render: (h, scope) => { | ||
| 91 | return <el-input v-model={scope.row.zjzl} ></el-input> | ||
| 92 | } | ||
| 93 | } | ||
| 94 | ], | ||
| 95 | column: [] | ||
| 96 | } | ||
| 97 | }, | ||
| 98 | watch: { | ||
| 99 | tableData: { | ||
| 100 | handler: function (val, oldVal) { | ||
| 101 | let that = this | ||
| 102 | this.$nextTick(() => { | ||
| 103 | if (val.length == 0 || !val) { | ||
| 104 | that.tableDataList = _.cloneDeep([{ | ||
| 105 | sqrmc: '', | ||
| 106 | dlrzjlx: '', | ||
| 107 | dlrzjh: '', | ||
| 108 | fr: '' | ||
| 109 | }]) | ||
| 110 | } else { | ||
| 111 | that.tableDataList = _.cloneDeep(val) | ||
| 112 | } | ||
| 113 | }) | ||
| 114 | }, | ||
| 115 | immediate: true, | ||
| 116 | deep: true | ||
| 117 | }, | ||
| 118 | gyfs: { | ||
| 119 | handler (newVal, oldValue) { | ||
| 120 | let dataList = _.cloneDeep(this.InformationTable) | ||
| 121 | if (newVal == 0) { | ||
| 122 | // this.column = _.cloneDeep(dataList).slice(1, dataList.length) | ||
| 123 | this.column = _.cloneDeep(dataList) | ||
| 124 | |||
| 125 | } else if ((newVal == '1' || newVal == '3')) { | ||
| 126 | this.column = dataList | ||
| 127 | } else { | ||
| 128 | this.column = _.cloneDeep(dataList) | ||
| 129 | this.column.splice( | ||
| 130 | 2, 0, { | ||
| 131 | prop: "fs", | ||
| 132 | label: "份数" | ||
| 133 | }) | ||
| 134 | } | ||
| 135 | }, | ||
| 136 | immediate: true | ||
| 137 | } | ||
| 138 | }, | ||
| 139 | methods: { | ||
| 140 | handleupdateDetail (value) { | ||
| 141 | if (this.isaddupdate) { | ||
| 142 | if (!_.isEqual(value, this.tableData)) { | ||
| 143 | this.tableDataList[this.tableDataList.length] = _.cloneDeep(value); | ||
| 144 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
| 145 | } | ||
| 146 | } else { | ||
| 147 | if (!_.isEqual(value, this.tableData)) { | ||
| 148 | this.tableDataList[this.dataIndex] = _.cloneDeep(value); | ||
| 149 | this.$emit('upDateQlrxxList', this.tableDataList) | ||
| 150 | } | ||
| 151 | } | ||
| 152 | this.key++ | ||
| 153 | }, | ||
| 154 | // 新增 | ||
| 155 | addClick () { | ||
| 156 | if (this.gyfs == '0' && this.tableDataList.length > 0) { | ||
| 157 | this.$message.warning("当前共有方式为单独所有，无法添加多个权利人") | ||
| 158 | } else { | ||
| 159 | this.dialog = true | ||
| 160 | this.isaddupdate = true | ||
| 161 | } | ||
| 162 | }, | ||
| 163 | |||
| 164 | // 删除 | ||
| 165 | deleClick (index, row) { | ||
| 166 | this.$confirm('确定要删除吗, 是否继续?', '提示', { | ||
| 167 | confirmButtonText: '确定', | ||
| 168 | cancelButtonText: '取消', | ||
| 169 | type: 'warning' | ||
| 170 | }).then(() => { | ||
| 171 | this.tableData.splice(index, 1) | ||
| 172 | }).catch(() => { | ||
| 173 | }); | ||
| 174 | }, | ||
| 175 | |||
| 176 | // 身份证读取 | ||
| 177 | readClick (row) { | ||
| 178 | getIdCardInfo().then(res => { | ||
| 179 | if (res.data.code == 0) { | ||
| 180 | let data = res.data.IDCardInfo | ||
| 181 | row.sqrmc = data.name | ||
| 182 | row.zjzl = '1' | ||
| 183 | row.zjh = data.cardID | ||
| 184 | row.xb = data.sexCode | ||
| 185 | row.txdz = data.address | ||
| 186 | row.fzjg = data.issueOrgan | ||
| 187 | this.$message({ | ||
| 188 | message: '读取成功！', | ||
| 189 | type: 'success' | ||
| 190 | }) | ||
| 191 | } else { | ||
| 192 | this.$message({ | ||
| 193 | message: res.data.message, | ||
| 194 | type: 'warning' | ||
| 195 | }) | ||
| 196 | } | ||
| 197 | }) | ||
| 198 | }, | ||
| 199 | // 修改 | ||
| 200 | editClick (index, row) { | ||
| 201 | // popupDialog("申请人信息", "workflow/components/addQlr", { | ||
| 202 | // showButton: this.$route.query.viewtype ? false : true, | ||
| 203 | // dataIndex :index, | ||
| 204 | // details :row, | ||
| 205 | // isaddupdate :false | ||
| 206 | // }); | ||
| 207 | this.dataIndex = index | ||
| 208 | this.dialog = true | ||
| 209 | this.details = row | ||
| 210 | this.isaddupdate = false | ||
| 211 | }, | ||
| 212 | queryViewClick (index, row) { | ||
| 213 | // popupDialog("申请人信息", "workflow/components/addQlr", { | ||
| 214 | // showButton: this.$route.query.viewtype ? false : true, | ||
| 215 | // details: row, | ||
| 216 | // }); | ||
| 217 | this.dialog = true | ||
| 218 | this.details = row | ||
| 219 | } | ||
| 220 | } | ||
| 221 | } | ||
| 222 | </script> | ||
| 223 | <style scoped lang="scss"> | ||
| 224 | .el-input { | ||
| 225 | border: none !important; | ||
| 226 | } | ||
| 227 | </style> |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-05-18 15:01:31 | 4 | * @LastEditTime: 2023-06-20 11:28:09 |
| 5 | */ | 5 | */ |
| 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; | 6 | import { getWorkFlowImage } from "@/api/workflow/jsydsyqFlow.js"; |
| 7 | import { getPrintTemplateByCode } from "@/api/system"; | 7 | import { getPrintTemplateByCode } from "@/api/system"; |
| ... | @@ -106,7 +106,7 @@ export default { | ... | @@ -106,7 +106,7 @@ export default { |
| 106 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { | 106 | this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { |
| 107 | bsmSlsq: this.bsmSlsq, | 107 | bsmSlsq: this.bsmSlsq, |
| 108 | entryType: '1' | 108 | entryType: '1' |
| 109 | }, '65%', true) | 109 | }, '1210px', true) |
| 110 | break; | 110 | break; |
| 111 | case "B6": | 111 | case "B6": |
| 112 | //根据编号获取对应信息 | 112 | //根据编号获取对应信息 | ... | ... |
| 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: "权利类型", | ... | ... |
-
Please register or sign in to post a comment