Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
000e2cd7 by zhaoqian
Options

Merge remote-tracking branch 'origin/master' 

# Conflicts:
#	src/App.vue
#	src/components/formMenu/qlr.vue
2 parents debb055d 960a2a53
Inline Side-by-side
Showing 9 changed files with 877 additions and 822 deletions
......@@ -5,31 +5,14 @@
</template>
<script>
import { getDdicByMC } from "../src/api/common";
export default {
mounted() {
window.addEventListener("unload", this.saveState);
this.getDic();
},
methods: {
saveState() {
sessionStorage.setItem("state", JSON.stringify(this.$store.state));
},
//请求字典数据
getDic() {
let s = this.$store.state;
s.zjzlList = s.zjzlList.length == 0 ? this.getDicData("证件种类") : s.zjzlList;
s.gjList = s.gjList.length == 0 ? this.getDicData("国家和地区") : s.gjList;
s.ssList = s.ssList.length == 0 ? this.getDicData("省市") : s.ssList;
s.qlrlxList = s.qlrlxList.length == 0 ? this.getDicData("权利人类型") : s.qlrlxList;
s.xbList = s.xbList.length == 0 ? this.getDicData("性别") : s.xbList;
s.sshyList = s.sshyList.length == 0 ? this.getDicData("国民经济行业分类代码") : s.sshyList;
},
getDicData(name) {
getDdicByMC(name).then((res) => {
return res.result;
});
},
},
};
</script>
......
......@@ -61,7 +61,7 @@
<td colspan="3">
<el-select class="formSelect" v-model="formData.qlrlxbsm">
<el-option
v-for="item in qllxList"
v-for="item in $store.state.qlrlxList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
......@@ -75,7 +75,7 @@
<td colspan="3">
<el-select class="formSelect" v-model="formData.zjzlbsm">
<el-option
v-for="item in zjlxList"
v-for="item in $store.state.zjzlList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
......@@ -103,7 +103,7 @@
<td colspan="3">
<el-select class="formSelect" v-model="formData.gjbsm">
<el-option
v-for="item in gjList"
v-for="item in $store.state.gjList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
......@@ -115,7 +115,7 @@
<td colspan="3">
<el-select class="formSelect" v-model="formData.hjszssbsm">
<el-option
v-for="item in ssList"
v-for="item in $store.state.ssList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
......@@ -129,7 +129,7 @@
<td colspan="3">
<el-select class="formSelect" v-model="formData.xbbsm">
<el-option
v-for="item in xbList"
v-for="item in $store.state.xbList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
......@@ -147,7 +147,7 @@
<td colspan="3">
<el-select class="formSelect" v-model="formData.sshy">
<el-option
v-for="item in sshyList"
v-for="item in $store.state.sshyList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
......@@ -176,7 +176,7 @@
<td colspan="3">
<el-select class="formSelect" v-model="formData.fr.zjzlbsm">
<el-option
v-for="item in zjlxList"
v-for="item in $store.state.zjzlList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
......@@ -222,7 +222,7 @@
<td colspan="3">
<el-select class="formSelect" v-model="item.zjzlbsm">
<el-option
v-for="item in zjlxList"
v-for="item in $store.state.zjlxList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
......@@ -252,7 +252,7 @@
<td colspan="3">
<el-select class="formSelect" v-model="formData.gyfsbsm">
<el-option
v-for="item in gyfsList"
v-for="item in $store.state.gyfsList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
......
......@@ -211,14 +211,12 @@ export default {
getDicData(){
getDdicByMC("土地用途")
.then((res) => {
console.log(res.result);
this.pzytList = res.result;
this.sjytList = res.result;
})
.catch((error) => {});
getDdicByMC("土地等级")
.then((res) => {
console.log(res.result);
this.djList = res.result;
})
.catch((error) => {});
......
<template>
<el-form :inline="true" :model="formData" class="demo-form-inline">
<el-form-item label="宗地编码">
<el-input v-model="formData.zdbm" placeholder="输入宗地编码"></el-input>
</el-form-item>
<el-form-item label="坐落">
<el-input v-model="formData.zl" placeholder="输入坐落地址"></el-input>
</el-form-item>
<el-form-item label="不动产单元号">
<el-input
v-model="formData.bdcdyh"
placeholder="输入不动产单元号"
></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">查询</el-button>
<el-button type="warning" @click="onSubmit">重置</el-button>
<el-button type="primary" class="moreSearchBtn" @click="onSubmit"
>更多查询</el-button
>
</el-form-item>
<el-form-item class="db" label="查询范围">
<el-checkbox-group v-model="formData.type">
<el-checkbox label="宗地" name="type"></el-checkbox>
<el-checkbox label="自然幢" name="type"></el-checkbox>
<el-checkbox label="户" name="type"></el-checkbox>
<el-checkbox label="构筑物" name="type"></el-checkbox>
<el-checkbox label="林权" name="type"></el-checkbox>
<el-checkbox label="宗海" name="type"></el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
<el-row>
<el-col :span="18">
<el-row>
<el-col :span="22">
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="宗地编码:">
<el-input v-model="queryData.zddm" placeholder="输入宗地编码" @change="query"></el-input>
</el-form-item>
<el-form-item label="坐落:">
<el-input v-model="queryData.zl" placeholder="输入坐落地址" @change="query"></el-input>
</el-form-item>
</el-form>
</el-col>
<el-col :span="2">
<el-button type="primary" @click="query">查询</el-button>
</el-col>
</el-row>
<el-row>
<el-col :span="22">
<el-form :inline="true" :model="queryData" class="demo-form-inline">
<el-form-item label="不动产单元号:">
<el-input
v-model="queryData.bdcdyh"
placeholder="输入不动产单元号"
@change="query"
></el-input>
</el-form-item>
<el-form-item class="demo-form-inline" label="单元类型:">
<el-checkbox-group v-model="queryData.dylxs" @change="query">
<el-checkbox label="zd" name="type">宗地</el-checkbox>
<el-checkbox label="zrz" name="type">自然幢</el-checkbox>
<el-checkbox label="h" name="type">户</el-checkbox>
<el-checkbox label="gzw" name="type">构筑物</el-checkbox>
<el-checkbox label="lq" name="type">林权</el-checkbox>
<el-checkbox label="zh" name="type">宗海</el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
</el-col>
<el-col :span="2">
<el-button type="warning" @click="reset">重置</el-button>
</el-col>
</el-row>
<el-row class="row3">
<el-col :span="22" v-show="ismore">
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="权利人名称:">
<el-input placeholder="输入权利人名称" v-model="queryData.qlrmc" @change="query"></el-input>
</el-form-item>
<el-form-item label="项目名称:">
<el-input placeholder="输入项目名称" v-model="queryData.xmmc" @change="query"></el-input>
</el-form-item>
<el-form-item label="不动产权证号:">
<el-input placeholder="输入不动产权证号" v-model="queryData.bdcqzh" @change="query"></el-input>
</el-form-item>
</el-form>
</el-col>
<el-col :span="2" :offset="offset">
<el-button type="primary" class="moreSearchBtn" @click="ismore=!ismore">更多查询
</el-button>
</el-col>
</el-row>
</el-col>
</el-row>
</template>
<script>
export default {
name: "",
components: {},
props: {},
data() {
return {
formData: {
zdbm: "",
zl: "",
bdcdyh: "",
type: [],
},
};
},
created() {
let self = this;
document.onkeydown = function(e) {
//按下回车提交
let key = window.event.keyCode;
//事件中keycode=13为回车事件
if (key == 13) {
self.onSubmit();
}
};
},
mounted() {},
methods: {
onSubmit() {
//子组件点击查询时将表单数据发送给父组件
this.$emit("getSearchCondition", this.formData);
},
},
computed: {},
watch: {},
};
export default {
name: "",
components: {},
props: {},
data() {
return {
offset: 22,
ismore: false,
queryData: {
bdcdyh: "",
bdcqzh: "",
dylxs: [],
qlrmc: "",
qszt: "",
xmmc: "",
zddm: "",
zl: ""
}
};
},
created() {
let self = this;
document.onkeydown = function (e) {
//按下回车提交
let key = window.event.keyCode;
//事件中keycode=13为回车事件
if (key == 13) {
self.onSubmit();
}
};
},
mounted() {
},
methods: {
reset() {
this.queryData = {
bdcdyh: "",
bdcqzh: "",
dylxs: [],
qlrmc: "",
qszt: "",
xmmc: "",
zddm: "",
zl: ""
};
this.query()
},
query() {
//子组件点击查询时将表单数据发送给父组件
this.$emit("getSearchCondition", this.queryData);
},
},
computed: {},
watch: {
"ismore": function (val) {
if (val) {
this.offset = 0
} else {
this.offset = 22
this.queryData.qlrmc = "";
this.queryData.xmmc = "";
this.queryData.bdcqzh = "";
}
}
},
};
</script>
<style scoped lang="less"></style>
<style scoped lang="less">
.el-button {
width: 100px;
}
.row3{
height: 55px;
}
</style>
......
......@@ -10,15 +10,15 @@ Vue.use(Vuex)
const store = new Vuex.Store({
state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')) : {
zdbsm: '',
xzqList: [],
djqList: [],
djzqList: [],
zjzlList:[],
gjList:[],
ssList:[],
qlrlxList:[],
xbList:[],
sshyList:[],
xzqList: [],
djqList: [],
djzqList: [],
//创建自然幢时需要用到的临时存储信息
zrzbsm: '',
xmmc: '',
......
<template>
<div class="home-box">
<el-container>
<el-aside :class="{ 'aside-show': isActive }">
<div class="logo-box" :class="{ 'logo-box-show': isActive }">
<img
class="logo-img"
src="@/assets/images/logo-realestate.png"
alt=""
/>
<span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span>
</div>
<div class="treeModule">
<LineTree :pd="pd" @itemClick="itemClick"></LineTree>
</div>
</el-aside>
<el-container>
<el-header height="100px">
<div class="header-top">
<div class="top-items" @click="toggleClick">
<i class="fa fa-outdent hamburger" v-show="!isActive"></i>
<i class="fa fa-indent hamburger" v-show="isActive"></i>
</div>
<div
class="top-items"
v-for="(item, index) in headTop"
:key="index + '1'"
:class="{ 'is-active': item.select }"
@click="selectTopItems(index)"
>
<i :class="item.icon"></i>
<span>{{ item.name }}</span>
</div>
</div>
<div class="header-bottom">
<Navigation ref="navigation"></Navigation>
</div>
<el-dialog
title="新建"
:visible.sync="dialogVisible"
width="40%"
>
<Create @closeDialog="closeDialog"></Create>
</el-dialog>
</el-header>
<el-main>
<router-view/>
</el-main>
</el-container>
</el-container>
</div>
<div class="home-box">
<el-container>
<el-aside :class="{ 'aside-show': isActive }">
<div class="logo-box" :class="{ 'logo-box-show': isActive }">
<img
class="logo-img"
src="@/assets/images/logo-realestate.png"
alt=""
/>
<span class="logo-text" v-show="!textLogo">不动产权籍调查系统</span>
</div>
<div class="treeModule">
<LineTree :pd="pd" @itemClick="itemClick"></LineTree>
</div>
</el-aside>
<el-container>
<el-header height="100px">
<div class="header-top">
<div class="top-items" @click="toggleClick">
<i class="fa fa-outdent hamburger" v-show="!isActive"></i>
<i class="fa fa-indent hamburger" v-show="isActive"></i>
</div>
<div
class="top-items"
v-for="(item, index) in headTop"
:key="index + '1'"
:class="{ 'is-active': item.select }"
@click="selectTopItems(index)"
>
<i :class="item.icon"></i>
<span>{{ item.name }}</span>
</div>
</div>
<div class="header-bottom">
<Navigation ref="navigation"></Navigation>
</div>
<el-dialog title="新建" :visible.sync="dialogVisible" width="40%">
<Create @closeDialog="closeDialog"></Create>
</el-dialog>
</el-header>
<el-main>
<router-view />
</el-main>
</el-container>
</el-container>
</div>
</template>
<script>
import util from "@/libs/util.js";
import Navigation from "../components/IvyElement/navigation";
import Create from "./panel/create/index";
import LineTree from "../components/lineTree/lineTree";
import {setTimeout} from "timers";
import {getTree} from "../api/common"
import util from "@/libs/util.js";
import Navigation from "../components/IvyElement/navigation";
import Create from "./panel/create/index";
import LineTree from "../components/lineTree/lineTree";
import { setTimeout } from "timers";
import { getTree,getDdicByMC } from "../api/common";
export default {
components: {
Navigation,
LineTree,
Create,
export default {
components: {
Navigation,
LineTree,
Create,
},
data() {
return {
navigationList: [],
isActive: false,
textLogo: false,
activePath: "",
defaultActive: "",
headTop: [
{
path: "/create",
select: false,
},
{
path: "/add",
select: false,
},
{
path: "/modify",
select: false,
},
{
path: "/change",
select: false,
},
{
path: "/search",
select: false,
},
],
tempTab: [
{
path: "/zrz",
name: "自然幢",
},
{
path: "/dz",
name: "多幢",
},
{
path: "/h",
name: "户",
},
{
path: "/zd",
name: "宗地",
},
],
// 上导航选中id
indId: undefined,
menuList: [],
pathAndCodeObj: {
"/article-draft": "PSH004",
"/article-publish": "PSH005",
"/article-recycle": "PSH006",
"/notice-draft": "PSH007",
"/notice-publish": "PSH008",
"/notice-recycle": "PSH009",
"/column_management": "PSH018",
"/announcement_template": "PSH019",
"/business_management": "PSH020",
},
pd: [
{
mc: "行政区(1)",
children: [],
},
{
mc: "行政区(2)",
children: [
{
mc: "地籍区1",
children: [],
},
{
mc: "地籍区2",
children: [
{
mc: "国有",
children: [
{
mc: "宗地代码1933",
isZD: true,
},
{
mc: "自然幢2100",
isZD: false,
},
],
},
],
},
{
label: "地籍区3",
children: [],
},
{
label: "地籍区4",
children: [],
},
],
},
{
mc: "行政区(3)",
children: [],
},
{
mc: "行政区(4)",
children: [],
},
{
mc: "行政区(5)",
children: [],
},
],
dialogVisible: false,
};
},
computed: {
permission_routes() {
return this.$store.state.permission_routes.navigation;
},
},
watch: {
"$route.path": function(newPath) {
//监测路由变化，高亮顶部导航
this.headTop.forEach((item, index) => {
item.select = false;
if (item.path == newPath) {
item.select = true;
}
});
if (newPath == "/zd") {
this.getRightTree(this.$store.state.zdbsm);
}
},
"$store.state.zdbsm": function(bsm) {
this.getRightTree(bsm);
},
},
created() {
if (this.$route.meta) {
this.defaultActive = this.$route.meta.code;
}
if (this.permission_routes.length !== 0) {
this.navigationList = this.permission_routes;
} else {
// let list = JSON.parse(util.cookies.get('navigation-1')).concat(JSON.parse(util.cookies.get('navigation')))
//mock数据
let list = [
{
name: "新建",
icon: "fa fa-address-card-o",
path: "/create",
},
{
name: "添加",
icon: "fa fa-address-card-o",
path: "/add",
},
{ name: "更正", icon: "fa fa-address-card-o", path: "/modify" },
{
name: "变更",
icon: "fa fa-address-card-o",
path: "/change",
},
{
name: "综合查询",
icon: "fa fa-address-card-o",
path: "/search",
},
];
this.navigationList = list;
}
this.sortNavigation(this.navigationList, 0);
// if (util.cookies.get("indId")) {
// let indId = util.cookies.get("indId") - 0;
// this.navSelect(indId);
// this.sortNavigation(this.navigationList, indId);
// }
this.getDic();
},
methods: {
//请求字典数据
async getDic() {
let s = this.$store.state;
s.zjzlList = s.zjzlList.length == 0 ?await this.getDicData("证件种类") : s.zjzlList;
s.gjList = s.gjList.length == 0 ?await this.getDicData("国家和地区") : s.gjList;
s.ssList = s.ssList.length == 0 ?await this.getDicData("省市") : s.ssList;
s.qlrlxList = s.qlrlxList.length == 0 ?await this.getDicData("权利人类型") : s.qlrlxList;
s.xbList = s.xbList.length == 0 ? await this.getDicData("性别") : s.xbList;
s.sshyList = s.sshyList.length == 0 ?await this.getDicData("国民经济行业分类代码") : s.sshyList;
},
async getDicData(name) {
return await getDdicByMC(name).then((res)=> {
return res.result
});
},
data() {
return {
navigationList: [],
isActive: false,
textLogo: false,
activePath: "",
defaultActive: "",
headTop: [
{
path: "/create",
select: false,
},
{
path: "/add",
select: false,
},
{
path: "/modify",
select: false,
},
{
path: "/change",
select: false,
},
{
path: "/search",
select: false,
},
],
tempTab: [
{
path: "/zrz",
name: "自然幢",
},
{
path: "/dz",
name: "多幢",
},
{
path: "/h",
name: "户",
},
{
path: "/zd",
name: "宗地",
},
],
// 上导航选中id
indId: undefined,
menuList: [],
pathAndCodeObj: {
"/article-draft": "PSH004",
"/article-publish": "PSH005",
"/article-recycle": "PSH006",
"/notice-draft": "PSH007",
"/notice-publish": "PSH008",
"/notice-recycle": "PSH009",
"/column_management": "PSH018",
"/announcement_template": "PSH019",
"/business_management": "PSH020",
},
pd: [
{
mc: "行政区(1)",
children: [],
},
{
mc: "行政区(2)",
children: [
{
mc: "地籍区1",
children: [],
},
{
mc: "地籍区2",
children: [
{
mc: "国有",
children: [
{
mc: "宗地代码1933",
isZD: true,
},
{
mc: "自然幢2100",
isZD: false,
},
],
},
],
},
{
label: "地籍区3",
children: [],
},
{
label: "地籍区4",
children: [],
},
],
},
{
mc: "行政区(3)",
children: [],
},
{
mc: "行政区(4)",
children: [],
},
{
mc: "行政区(5)",
children: [],
},
],
dialogVisible: false,
};
},
computed: {
permission_routes() {
return this.$store.state.permission_routes.navigation;
},
},
watch: {
"$route.path": function (newPath) {
//监测路由变化，高亮顶部导航
this.headTop.forEach((item, index) => {
item.select = false;
if (item.path == newPath) {
item.select = true;
}
});
if(newPath == '/zd'){
this.getRightTree(this.$store.state.zdbsm)
}
},
"$store.state.zdbsm": function (bsm) {
this.getRightTree(bsm)
}
},
created() {
if (this.$route.meta) {
this.defaultActive = this.$route.meta.code;
}
if (this.permission_routes.length !== 0) {
this.navigationList = this.permission_routes;
} else {
// let list = JSON.parse(util.cookies.get('navigation-1')).concat(JSON.parse(util.cookies.get('navigation')))
//mock数据
let list = [
{
name: "新建",
icon: "fa fa-address-card-o",
path: "/create",
},
{
name: "添加",
icon: "fa fa-address-card-o",
path: "/add",
},
{name: "更正", icon: "fa fa-address-card-o", path: "/modify"},
{
name: "变更",
icon: "fa fa-address-card-o",
path: "/change",
},
{
name: "综合查询",
icon: "fa fa-address-card-o",
path: "/search",
},
];
this.navigationList = list;
}
this.sortNavigation(this.navigationList, 0);
// if (util.cookies.get("indId")) {
// let indId = util.cookies.get("indId") - 0;
// this.navSelect(indId);
// this.sortNavigation(this.navigationList, indId);
// }
},
methods: {
getRightTree(bsm) {
getTree(bsm).then(res => {
if (res.success) {
this.pd=res.result
}
})
},
sortNavigation(data, selectId) {
let headTop = this.headTop;
data.forEach((item, index) => {
headTop[index].name = item.name;
headTop[index].icon = item.icon;
});
},
// menuSelect(data, selectId) {
// this.menuList = data[selectId].children;
// },
handleOpen(key, keyPath) {
console.log(key, keyPath);
},
handleClose(key, keyPath) {
console.log(key, keyPath);
},
toggleClick() {
this.isActive = !this.isActive;
if (!this.isActive) {
setTimeout(() => {
this.textLogo = this.isActive;
}, 200);
} else {
this.textLogo = this.isActive;
}
},
selectTopItems(ind) {
if (ind == 0) {
//点击新建，弹框
this.dialogVisible = true;
} else {
this.dialogVisible = false;
this.indId = ind;
// this.menuSelect(this.navigationList, ind);
// this.$store.dispatch("setTabs/init_tabs");
// this.$store.dispatch("setTabs/set_active_index", "/panel");
this.$router.push(this.headTop[ind].path);
this.navSelect(ind);
// util.cookies.set("indId", ind);
}
},
// 上导航选中id
navSelect(id) {
this.headTop.forEach((item, index) => {
item.select = false;
if (index == id) {
item.select = true;
}
});
},
//树控件点击事件
itemClick(data) {
console.log(data);
},
//关闭新建子组件弹框
closeDialog() {
this.dialogVisible = false;
}
},
};
getRightTree(bsm) {
getTree(bsm).then((res) => {
if (res.success) {
this.pd = res.result;
}
});
},
sortNavigation(data, selectId) {
let headTop = this.headTop;
data.forEach((item, index) => {
headTop[index].name = item.name;
headTop[index].icon = item.icon;
});
},
// menuSelect(data, selectId) {
// this.menuList = data[selectId].children;
// },
handleOpen(key, keyPath) {
console.log(key, keyPath);
},
handleClose(key, keyPath) {
console.log(key, keyPath);
},
toggleClick() {
this.isActive = !this.isActive;
if (!this.isActive) {
setTimeout(() => {
this.textLogo = this.isActive;
}, 200);
} else {
this.textLogo = this.isActive;
}
},
selectTopItems(ind) {
if (ind == 0) {
//点击新建，弹框
this.dialogVisible = true;
} else {
this.dialogVisible = false;
this.indId = ind;
// this.menuSelect(this.navigationList, ind);
// this.$store.dispatch("setTabs/init_tabs");
// this.$store.dispatch("setTabs/set_active_index", "/panel");
this.$router.push(this.headTop[ind].path);
this.navSelect(ind);
// util.cookies.set("indId", ind);
}
},
// 上导航选中id
navSelect(id) {
this.headTop.forEach((item, index) => {
item.select = false;
if (index == id) {
item.select = true;
}
});
},
//树控件点击事件
itemClick(data) {
console.log(data);
},
//关闭新建子组件弹框
closeDialog() {
this.dialogVisible = false;
},
},
};
</script>
<style lang="less" scoped>
.home-box {
width: 100%;
height: 100vh;
.el-container {
height: 100%;
}
.el-header {
background-color: #fff;
padding: 0 !important;
.header-top {
height: 60px;
border-bottom: 1px solid rgba(242, 242, 242, 1);
box-sizing: border-box;
.top-items {
cursor: pointer;
height: 60px;
padding: 0 30px;
font-size: 16px;
line-height: 60px;
float: left;
position: relative;
color: #4a4a4a;
i {
margin-right: 6px;
}
.hamburger {
font-size: 16px;
line-height: 60px;
color: #000;
}
}
.top-items:not(:last-child)::after {
content: "";
width: 1px;
height: 14px;
background: #eaeaea;
position: absolute;
right: -1px;
top: 24px;
}
.top-items.is-active {
color: #006cff;
}
}
.header-bottom {
height: 50px;
box-shadow: 0px 2px 4px 0px rgba(222, 222, 222, 0.7);
border-bottom: 1px solid rgba(234, 234, 234, 1);
box-sizing: border-box;
}
}
.el-aside {
width: 290px !important;
background-color: #1d50dd;
color: #333;
// text-align: center;
overflow: hidden;
transition: width 0.3s;
.logo-box {
width: 100%;
height: 120px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 30px 0 28px 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
transition: width 0.3s;
.logo-img {
width: 38px;
height: 38px;
}
.logo-text {
font-size: 14px;
color: rgba(255, 255, 255, 1);
line-height: 14px;
}
}
.treeModule {
box-sizing: border-box;
padding: 20px 20px;
}
.logo-box-show {
width: 64px;
}
.el-menu {
border-right: 0;
}
.el-submenu .el-menu-item {
text-align: left;
text-indent: 15px;
}
}
.aside-show {
width: 64px !important;
}
.home-box {
width: 100%;
height: 100vh;
.el-container {
height: 100%;
}
.el-header {
background-color: #fff;
padding: 0 !important;
.header-top {
height: 60px;
border-bottom: 1px solid rgba(242, 242, 242, 1);
box-sizing: border-box;
.top-items {
cursor: pointer;
height: 60px;
padding: 0 30px;
font-size: 16px;
line-height: 60px;
float: left;
position: relative;
color: #4a4a4a;
i {
margin-right: 6px;
}
.hamburger {
font-size: 16px;
line-height: 60px;
color: #000;
}
}
.top-items:not(:last-child)::after {
content: "";
width: 1px;
height: 14px;
background: #eaeaea;
position: absolute;
right: -1px;
top: 24px;
}
.top-items.is-active {
color: #006cff;
}
}
.header-bottom {
height: 50px;
box-shadow: 0px 2px 4px 0px rgba(222, 222, 222, 0.7);
border-bottom: 1px solid rgba(234, 234, 234, 1);
box-sizing: border-box;
}
}
.el-aside {
width: 290px !important;
background-color: #1d50dd;
color: #333;
// text-align: center;
overflow: hidden;
transition: width 0.3s;
.logo-box {
width: 100%;
height: 120px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 30px 0 28px 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
transition: width 0.3s;
.logo-img {
width: 38px;
height: 38px;
}
.logo-text {
font-size: 14px;
color: rgba(255, 255, 255, 1);
line-height: 14px;
}
}
.treeModule {
box-sizing: border-box;
padding: 20px 20px;
}
.logo-box-show {
width: 64px;
}
.el-menu {
border-right: 0;
}
.el-submenu .el-menu-item {
text-align: left;
text-indent: 15px;
}
}
.aside-show {
width: 64px !important;
}
.el-main {
background-color: #f1f4fc;
color: #333;
// text-align: center;
// line-height: 160px;
padding: 0;
}
}
.el-main {
background-color: #f1f4fc;
color: #333;
// text-align: center;
// line-height: 160px;
padding: 0;
}
}
</style>
......
......@@ -83,8 +83,9 @@
</el-form-item>
<el-form-item label="特征码">
<el-select
v-model="tzmCode"
placeholder="地籍子区"
v-model="zdtzm.value"
placeholder="宗地特征码"
@change="changeZdtzm(zdtzm.value)"
style="width:200px;"
>
<el-option
......@@ -203,8 +204,8 @@ export default {
djzqbsm: this.djzqValue,
syqlxbsm: this.syqlxCode,
xmmc: this.zdProjectName,
// zdtzmbsm: this.tzmCode,
zdtzmbsm: "PSHGSBDCQJDC000000000000DC440010",
zdtzmbsm: this.tzmCode,
//zdtzmbsm: "PSHGSBDCQJDC000000000000DC440010",
};
insertQjZdjbxx(data)
.then((res) => {
......@@ -310,6 +311,12 @@ export default {
this.syqlxCode = id;
console.log(this.syqlxCode);
},
changeZdtzm(id){
this.tzmCode=id;
console.log(this.tzmCode);
},
close() {
this.$emit("closeDialog");
},
......
<template>
<div class="main">
<SearchHead @getSearchCondition="getData"></SearchHead>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column label="操作" width="100">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"
>办理</el-button
>
<el-button type="text" size="small">定位</el-button>
</template>
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="lx" align="left" width="120" label="类型">
</el-table-column>
<el-table-column prop="qlr" align="left" width="120" label="权利人">
</el-table-column>
<el-table-column prop="zl" align="left" label="坐落"> </el-table-column>
<el-table-column prop="zrsj" align="left" width="120" label="转入时间">
</el-table-column>
<el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next" :total="1000">
</el-pagination>
</div>
</div>
</div>
<div class="main">
<SearchHead @getSearchCondition="getData"></SearchHead>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column label="操作" width="100">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"
>办理
</el-button
>
<el-button type="text" size="small">定位</el-button>
</template>
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="lx" align="left" width="120" label="类型">
</el-table-column>
<el-table-column prop="qlr" align="left" width="120" label="权利人">
</el-table-column>
<el-table-column prop="zl" align="left" label="坐落"></el-table-column>
<el-table-column prop="zrsj" align="left" width="120" label="转入时间">
</el-table-column>
<el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next" :total="1000">
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import SearchHead from "../../../components/searchHead/searchHead";
export default {
name: "",
components: { SearchHead },
props: {},
data() {
return {
formData: {
user: "",
region: "",
type: [],
},
tableData: [
{
bdcdyh: "610101001001GB00001W",
xmmc: "万科集团万科城",
bdcqzh: "陕（2017）西安市不动产权第00000",
lx: "宗地",
qlr: "李子新",
zl: "灞桥－田家湾-咸宁东路,近浐河西路",
zrsj: "2020.09.07 ",
cjr: "李子新",
},
],
tableHeight: "",
};
},
created() {},
mounted() {
for (let i = 0; i < 11; i++) {
let obj = {
bdcdyh: "610101001001GB00001W",
xmmc: "万科集团万科城",
bdcqzh: "陕（2017）西安市不动产权第00000",
lx: "自然幢",
qlr: "李子新",
zl: "灞桥－田家湾-咸宁东路,近浐河西路",
zrsj: "2020.09.07 ",
cjr: "李子新",
};
this.tableData.push(obj);
}
this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
},
methods: {
onSubmit() {},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return "even-row";
} else {
return "";
}
},
import SearchHead from "../../../components/searchHead/searchHead";
//获取子组件点击查询触发的事件
getData(obj) {
console.log(obj);
//将obj作为参数调用接口查询表格数据
},
//点击办理
handleClick(row) {
let path = "";
switch (row.lx) {
case "自然幢":
path = "/zrz";
break;
case "宗地":
path = "/zd";
break;
default:
break;
}
this.$router.push(path);
},
},
computed: {},
watch: {},
};
export default {
name: "",
components: {SearchHead},
props: {},
data() {
return {
formData: {
user: "",
region: "",
type: [],
},
tableData: [
{
bdcdyh: "610101001001GB00001W",
xmmc: "万科集团万科城",
bdcqzh: "陕（2017）西安市不动产权第00000",
lx: "宗地",
qlr: "李子新",
zl: "灞桥－田家湾-咸宁东路,近浐河西路",
zrsj: "2020.09.07 ",
cjr: "李子新",
},
],
tableHeight: "",
};
},
created() {
},
mounted() {
for (let i = 0; i < 11; i++) {
let obj = {
bdcdyh: "610101001001GB00001W",
xmmc: "万科集团万科城",
bdcqzh: "陕（2017）西安市不动产权第00000",
lx: "自然幢",
qlr: "李子新",
zl: "灞桥－田家湾-咸宁东路,近浐河西路",
zrsj: "2020.09.07 ",
cjr: "李子新",
};
this.tableData.push(obj);
}
this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
},
methods: {
onSubmit() {
},
tableRowClassName({row, rowIndex}) {
if (rowIndex % 2 !== 0) {
return "even-row";
} else {
return "";
}
},
//获取子组件点击查询触发的事件
getData(obj) {
console.log(obj);
},
//点击办理
handleClick(row) {
let path = "";
switch (row.lx) {
case "自然幢":
path = "/zrz";
break;
case "宗地":
path = "/zd";
break;
default:
break;
}
this.$router.push(path);
},
},
computed: {},
watch: {},
};
</script>
<style scoped lang="less">
.main {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 18px;
display: flex;
flex-direction: column;
background-color: #fcfdff;
.demo-form-inline {
margin-top: 18px;
.moreSearchBtn {
background-color: #1ad6e1;
border-color: #1ad6e1;
}
.moreSearchBtn:focus,
.moreSearchBtn:hover {
background-color: rgba(28, 200, 229, 0.6);
}
}
.dataGrid {
flex: 1;
.pagination {
padding: 18px 0;
}
}
}
.main {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 18px;
display: flex;
flex-direction: column;
background-color: #fcfdff;
.demo-form-inline {
margin-top: 18px;
.moreSearchBtn {
background-color: #1ad6e1;
border-color: #1ad6e1;
}
.moreSearchBtn:focus,
.moreSearchBtn:hover {
background-color: rgba(28, 200, 229, 0.6);
}
}
.dataGrid {
flex: 1;
margin-top: 20px;
.pagination {
padding: 18px 0;
}
}
}
</style>
......
<template>
<div class="main">
<SearchHead @getSearchCondition="getData"></SearchHead>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column label="操作" width="100">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"
>办理</el-button
>
<el-button type="text" size="small">定位</el-button>
</template>
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="lx" align="left" width="120" label="类型">
</el-table-column>
<el-table-column prop="qlr" align="left" width="120" label="权利人">
</el-table-column>
<el-table-column prop="zl" align="left" label="坐落"> </el-table-column>
<el-table-column prop="zrsj" align="left" width="120" label="转入时间">
</el-table-column>
<el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next" :total="1000"
@current-change="handleCurrentChange"
:current-page.sync="currentPage">
</el-pagination>
</div>
</div>
</div>
<div class="main">
<SearchHead @getSearchCondition="getData"></SearchHead>
<div class="dataGrid" ref="dataGrid">
<el-table
:data="tableData"
:height="tableHeight"
:row-class-name="tableRowClassName"
>
<el-table-column type="index" width="80" align="center" label="序号">
</el-table-column>
<el-table-column label="操作" width="100">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"
>办理
</el-button
>
<el-button type="text" size="small">定位</el-button>
</template>
</el-table-column>
<el-table-column prop="bdcdyh" align="left" label="不动产单元号">
</el-table-column>
<el-table-column prop="xmmc" align="left" width="150" label="项目名称">
</el-table-column>
<el-table-column prop="bdcqzh" align="left" label="不动产权证号">
</el-table-column>
<el-table-column prop="lx" align="left" width="120" label="类型">
</el-table-column>
<el-table-column prop="qlr" align="left" width="120" label="权利人">
</el-table-column>
<el-table-column prop="zl" align="left" label="坐落"></el-table-column>
<el-table-column prop="zrsj" align="left" width="120" label="转入时间">
</el-table-column>
<el-table-column prop="cjr" align="left" width="120" label="创建人">
</el-table-column>
</el-table>
<div class="pagination">
<el-pagination background layout="prev, pager, next" :total="total"
@current-change="handleCurrentChange"
:current-page.sync="currentPage">
</el-pagination>
</div>
</div>
</div>
</template>
<script>
import SearchHead from "../../../components/searchHead/searchHead";
import {getSearchList} from "../../../api/search";
export default {
name: "",
components: { SearchHead },
props: {},
data() {
return {
pageNo:1,
pageSize:10,
zddm:'',
zl:'',
bdcdyh:'',
dylx:'',
qlrmc:'',
xmmc:'',
bdcqzh:'',
formData: {
user: "",
region: "",
type: [],
},
tableData: [],
tableHeight: "",
};
},
created() {},
mounted() {
this.loadList();
this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
},
methods: {
onSubmit() {},
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 !== 0) {
return "even-row";
} else {
return "";
}
},
handleCurrentChange(val){
console.log(`当前页: ${val}`);
this.pageNo=val;
this.loadList();
},
//获取子组件点击查询触发的事件
getData(obj) {
console.log(obj);
//将obj作为参数调用接口查询表格数据
},
//点击办理
handleClick(row) {
let path = "";
switch (row.dylx) {
case "zrz":
path = "/zrz";
break;
case "zd":
path = "/zd";
break;
default:
break;
}
this.$router.push({
path:path,
query:{
bsm:row.glbsm,
source:2
}
});
},
loadList(){
let params={
zddm:this.zddm,
zl:this.zl,
bdcdyh:this.bdcdyh,
dylx:this.dylx,
qlrmc:this.qlrmc,
xmmc:this.xmmc,
bdcqzh:this.bdcqzh,
pageNo:this.pageNo,
pageSize:this.pageSize,
}
getSearchList(params).then((res)=>{
console.log(res)
if(res.code===200){
this.tableData=res.result.records;
console.log(this.tableData)
}
})
}
},
computed: {},
watch: {},
};
import SearchHead from "../../../components/searchHead/searchHead";
import {getSearchList} from "../../../api/search";
export default {
name: "",
components: {SearchHead},
props: {},
data() {
return {
total:0,
pageNo: 1,
pageSize: 10,
tableData: [],
tableHeight: "",
};
},
created() {
},
mounted() {
this.getData({})
this.tableHeight = this.$refs.dataGrid.offsetHeight - 68;
},
methods: {
onSubmit() {
},
tableRowClassName({row, rowIndex}) {
if (rowIndex % 2 !== 0) {
return "even-row";
} else {
return "";
}
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.pageNo = val;
this.getData({});
},
//获取子组件点击查询触发的事件
getData(obj) {
console.log(obj);
//将obj作为参数调用接口查询表格数据
obj['pageNo'] = this.pageNo
obj['pageSize'] = this.pageSize
getSearchList(obj).then(res => {
this.tableData = res.result.records
this.total=res.result.total
})
},
//点击办理
handleClick(row) {
let path = "";
switch (row.dylx) {
case "zrz":
path = "/zrz";
break;
case "zd":
path = "/zd";
break;
default:
break;
}
this.$router.push({
path: path,
query: {
bsm: row.glbsm,
source: 2
}
});
},
},
computed: {},
watch: {},
};
</script>
<style scoped lang="less">
.main {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 18px;
display: flex;
flex-direction: column;
background-color: #fcfdff;
.demo-form-inline {
margin-top: 18px;
.moreSearchBtn {
background-color: #1ad6e1;
border-color: #1ad6e1;
}
.moreSearchBtn:focus,
.moreSearchBtn:hover {
background-color: rgba(28, 200, 229, 0.6);
}
}
.dataGrid {
flex: 1;
.pagination {
padding: 18px 0;
}
}
}
.main {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 0 18px;
display: flex;
flex-direction: column;
background-color: #fcfdff;
.demo-form-inline {
margin-top: 18px;
.moreSearchBtn {
background-color: #1ad6e1;
border-color: #1ad6e1;
}
.moreSearchBtn:focus,
.moreSearchBtn:hover {
background-color: rgba(28, 200, 229, 0.6);
}
}
.dataGrid {
flex: 1;
.pagination {
padding: 18px 0;
}
}
}
</style>
......