Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
c8927e64 by 杨威
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/CadastralSystem

2 parents 00fd6241 699b1521
Inline Side-by-side
Showing 10 changed files with 441 additions and 25 deletions
import request from '@/plugin/axios'
/**
* 查询所有行政区
*/
export function getAllList() {
return request({
url: 'system/xzq/getAllList',
method: 'get',
})
}
/**
* 跟据行政区标识码查地籍区
*/
export function getListByXzqbsm (xzqbsm) {
return request({
url: 'system/djq/getListByXzqbsm',
method: 'get',
params: {
xzqbsm
}
})
}
/**
* 跟据地籍区标识码查地籍子区
*/
export function getListByPbsm (pbsm) {
return request({
url: 'system/djq/getListByPbsm',
method: 'get',
params: {
pbsm
}
})
}
/**
* 新增宗地基本信息
*/
export function insertQjZdjbxx (data) {
return request({
url: 'zd/qjZdjbxx/insertQjZdjbxx',
method: 'post',
data: data,
})
}
/**
* 新增自然幢基本信息
*/
export function insertZrzjbxx (data) {
return request({
url: 'fw/qjZrz/insert',
method: 'post',
data: data,
})
}
/**
* 通过名称获取字典
*/
export function getDdicByMC (mc) {
return request({
url: 'system/dictionary/getDdicByMC',
method: 'get',
params: {
mc
}
})
}
\ No newline at end of file
......@@ -26,7 +26,7 @@
></div>
</el-col>
<el-col :span="2">
<span class="qlxz">权利性质</span>
<span class="qlxz">权利性质</span><br>
<el-button
type="primary"
class="changeBtn mt6"
......
......@@ -31,6 +31,14 @@
<i :class="item.icon"></i>
<span>{{ item.name }}</span>
</div>
<div class="top-items">
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" :router="true">
<el-submenu index="2">
<template slot="title">临时网页开发路由跳转</template>
<el-menu-item v-for="item in tempTab" :index="item.path" :key="'tempTab'+index">{{item.name}}</el-menu-item>
</el-submenu>
</el-menu>
</div>
</div>
<div class="header-bottom">
<Navigation ref="navigation"></Navigation>
......@@ -56,6 +64,7 @@ export default {
},
data() {
return {
activeIndex:'1',
navigationList: [],
isActive: false,
textLogo: false,
......@@ -79,6 +88,20 @@ export default {
select: false,
}
],
tempTab:[
{
path:'/zrz',
name:'自然幢'
},
{
path:'/dz',
name:'多幢'
},
{
path:'/h',
name:'户'
},
],
// 上导航选中id
indId: undefined,
menuList: [],
......@@ -265,6 +288,9 @@ export default {
//树控件点击事件
itemClick(data){
console.log(data);
},
handleSelect(key, keyPath) {
console.log(key, keyPath);
}
},
};
......
.zrz {
.dz {
min-height: 200px;
width: 100%;
width: 80%;
margin-top: 10px;
float: left;
.el-input__inner{
/deep/.el-input__inner{
width: 100%;
border: 0;
}
textarea{
/deep/textarea{
width: 100%;
border: 0;
}
......@@ -37,4 +37,8 @@
table{
font-size: 14px;
}
.dzTable{
margin-top: 10px;
}
}
\ No newline at end of file
......
<template>
<div class="zrz content-form">
<div class="dz content-form">
<el-form ref="form" :model="form" label-width="160px">
<table border="1" width="80%" cellspacing="1" cellpadding="2">
<Qlr ref="qlrxxModule"></Qlr>
<table border="1" width="100%" cellspacing="1" cellpadding="2" class="dzTable">
<tbody>
<tr>
<td colspan="1"></td>
......@@ -144,6 +145,14 @@
</td>
</tr>
<tr>
<td colspan="12" rowspan="4" align="center">
<Qlxz ref="qlxzModule"></Qlxz>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr height="30">
......@@ -205,8 +214,14 @@
</template>
<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
export default {
name:'zrz',
components:{
Qlr,
Qlxz,
},
data () {
return {
form:{
......@@ -342,6 +357,6 @@
}
}
</script>
<style rel="stylesheet/less" lang="less">
<style rel="stylesheet/less" lang="less" scoped>
@import 'index.less';
</style>
\ No newline at end of file
......
.zrz {
.h {
min-height: 200px;
width: 100%;
width: 80%;
margin-top: 10px;
float: left;
.el-input__inner{
/deep/.el-input__inner{
width: 100%;
border: 0;
}
textarea{
/deep/textarea{
width: 100%;
border: 0;
}
......@@ -38,3 +38,7 @@
table{
font-size: 14px;
}
.hTable{
margin-top: 10px;
}
\ No newline at end of file
......
<template>
<div class="zrz content-form">
<div class="h content-form">
<el-form ref="form" :model="form" label-width="160px">
<table border="1" width="80%" cellspacing="1" cellpadding="2">
<Qlr ref="qlrxxModule"></Qlr>
<table border="1" width="100%" cellspacing="1" cellpadding="2" class="hTable">
<tbody>
<tr>
<td colspan="1"></td>
......@@ -294,6 +295,18 @@
</td>
</tr>
<tr>
<td colspan="12" rowspan="4" align="center">
<Qlxz ref="qlxzModule"></Qlxz>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr height="30">
<td colspan="2" align="center" >
<span>坐落</span>
......@@ -375,8 +388,14 @@
</template>
<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
export default {
name:'zrz',
components:{
Qlr,
Qlxz,
},
data () {
return {
form:{
......@@ -513,6 +532,6 @@
}
}
</script>
<style rel="stylesheet/less" lang="less">
<style rel="stylesheet/less" lang="less" scoped>
@import 'index.less';
</style>
\ No newline at end of file
......
.zrz {
min-height: 200px;
width: 100%;
width: 80%;
margin-top: 10px;
float: left;
.el-input__inner{
/deep/.el-input__inner{
width: 100%;
border: 0;
}
textarea{
/deep/textarea{
width: 100%;
border: 0;
}
......@@ -37,4 +37,8 @@
table{
font-size: 14px;
}
.zrzTable{
margin-top: 10px;
}
}
\ No newline at end of file
......
<template>
<div class="zrz content-form">
<el-form ref="form" :model="form" label-width="160px">
<table border="1" width="80%" cellspacing="1" cellpadding="2">
<Qlr ref="qlrxxModule"></Qlr>
<table border="1" width="100%" cellspacing="1" cellpadding="2" class="zrzTable">
<tbody>
<tr>
<td colspan="1"></td>
......@@ -210,6 +211,15 @@
</td>
</tr>
<tr>
<td colspan="12" rowspan="4" align="center">
<Qlxz ref="qlxzModule"></Qlxz>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr></tr>
<tr height="30">
<td colspan="2" align="center" >
<span>坐落</span>
......@@ -269,8 +279,14 @@
</template>
<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
export default {
name:'zrz',
components:{
Qlr,
Qlxz,
},
data () {
return {
form:{
......@@ -393,6 +409,6 @@
}
}
</script>
<style rel="stylesheet/less" lang="less">
<style rel="stylesheet/less" lang="less" scoped>
@import 'index.less';
</style>
\ No newline at end of file
......
<template>
<div class=""></div>
</template>
<div>
<el-tabs :tab-position="tabPosition" v-model="activeName" id="tabs" type="card" class="eltabs" @tab-click="handleClick">
<el-tab-pane class="eltabspane" label="宗地" name="zd" >
<el-form :inline="true" class="demo-form-inline">
<el-form-item label="行政区">
<el-select v-model="xzqValue" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(xzqValue)" style="width:130px;">
<el-option v-for="item in xzq"
:key="item.xzqbsm"
:label="item.xzqmc"
:value="item.xzqbsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="地籍区">
<el-select v-model="djqValue" placeholder="地籍区" @change="changeDjq(djqValue)" style="width:130px;">
<el-option v-for="item in djq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="地籍子区">
<el-select v-model="djzqValue" placeholder="地籍子区" style="width:130px;">
<el-option v-for="item in djzq"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="项目名称" >
<el-input v-model="zdProjectName" placeholder="项目名称" style="width:400px;"></el-input>
</el-form-item>
<el-form-item label="所有权类型">
<el-select v-model="syqlx.value" placeholder="所有权类型" @change="changeSyqlx(syqlx.value)" style="width:400px;">
<el-option v-for="item in syqlx"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="特征码">
<el-select v-model="tzmCode" placeholder="地籍子区" style="width:200px;">
<el-option v-for="item in zdtzm"
:key="item.bsm"
:label="item.mc"
:value="item.bsm">
</el-option>
</el-select>
</el-form-item>
<div>
<el-form-item style="margin-left:300px;">
<el-button type="primary" >导入图形</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="newZd">创建</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary">取消</el-button>
</el-form-item>
</div>
</el-form>
</el-tab-pane>
<el-tab-pane class="eltabspane" label="宗海" name="zh">宗海</el-tab-pane>
<el-tab-pane class="eltabspane" label="自然幢" name="zrz">
<el-form :inline="true" class="zrzProject">
<el-form-item label="项目名称">
<el-input v-model="zrzProjectName" placeholder="项目名称" style="width:400px;"></el-input>
</el-form-item>
<div>
<el-form-item style="margin-left:300px;">
<el-button type="primary" >导入图形</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="newZrz">创建</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary">取消</el-button>
</el-form-item>
</div>
</el-form>
</el-tab-pane>
<el-tab-pane class="eltabspane" label="多幢" name="dz">多幢</el-tab-pane>
<el-tab-pane class="eltabspane" label="林权" name="lq">林权</el-tab-pane>
<el-tab-pane class="eltabspane" label="构筑物" name="gzw">构筑物</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import{getAllList,getListByXzqbsm,getListByPbsm,insertQjZdjbxx,getDdicByMC,insertZrzjbxx} from "../../../api/panel"
export default {
name:"",
components:{},
props:{},
data(){
return {
tabPosition: 'left',
//默认第一个选项卡
activeName: "zd",
zdProjectName:'',
zrzProjectName:'',
tzmCode:'',
syqlxCode:'',
xzqValue:'',
djqValue:'',
djzqValue:'',
xzq:[],
djq:[],
djzq:[],
syqlx:[
{
label:"国家所有",
value:"G"
},{
label:"集体所有",
value:"J"
},{
label:"土地所有权未确定或有争议",
value:"Z"
},
],
zdtzm:[]
}
},
created(){},
created(){
this.getXzqList();
this.getDdicByMC();
},
mounted(){},
methods:{},
methods:{
handleClick(tab, event) {
console.log(tab, event);
console.log(tab.name);
},
newZd(){
var data = {
xzqbsm:this.xzqValue,
djqbsm:this.djqValue,
djzqbsm:this.djzqValue,
syqlxbsm:this.syqlxCode,
xmmc:this.zdProjectName,
zdtzmbsm:this.tzmCode
}
console.log(data);
insertQjZdjbxx(data).then((res) => {
console.log(res.result)
if(res.code=="200"){
this.$message({
message: '创建成功！',
type: 'success'
});
//todo 跳转到宗地基本信息内容表页面 (预留)
}else{
this.$message.error('创建失败！');
}
})
.catch((error) => {
});
},
newZrz(){
//todo 在新增时，如果是点击顶部新建里面的自然幢则不传zdbsm 如果是点击右键里面的添加定着物则传zdbsm
var data = {
userbsm:'',
xmmc:this.zrzProjectName,
zdbsm:''
}
console.log(data);
insertZrzjbxx(data).then((res) => {
console.log(res.result)
if(res.code=="200"){
this.$message({
message: '创建成功！',
type: 'success'
});
//todo 跳转到自然幢基本信息内容表页面 (预留)
}else{
this.$message.error('创建失败！');
}
})
.catch((error) => {
});
},
getXzqList(){
getAllList().then((res) => {
console.log(res.result)
this.xzq = res.result;
})
.catch((error) => {
});
},
getDdicByMC(){
getDdicByMC("宗地（宗海）特征码").then((res) => {
console.log(res.result)
this.zdtzm = res.result;
})
.catch((error) => {
});
},
changeXzq(id){
this.djq = [];
this.djzq = [];
this.djqValue = '';
this.djzqValue = '';
getListByXzqbsm(id).then((res) => {
if(res.result==null){
this.djq = null;
}else{
this.djq = res.result;
}
})
.catch((error) => {
});
},
changeDjq(item){
this.djzq = [];
this.djzqValue = '';
if(item==null){
console.log("llllllllllasdas")
}else {
console.log(item)
getListByPbsm(item).then((res) => {
console.log(res.result)
if (res.result== null) {
this.djzq = null;
} else {
this.djzq = res.result;
}
})
.catch((error) => {
});
}
},
changeSyqlx(id){
this.syqlxCode = id;
console.log(this.syqlxCode);
},
},
computed: {},
watch: {},
}
</script>
<style scoped lang="less">
<style >
.eltabs{
height: 600px;width:800px;margin:80px auto;border:1px solid #666
}
.eltabspane{
height: 500px;width:660px;padding:20px;
}
#tabs .el-tabs__item {
font-size:18px!important;
color:#333;
width:100px;
height:60px;
line-height: 80px;
}
.zrzProject{
margin-top:80px;
}
</style>
\ No newline at end of file
......