Skip to content

任超 / js.CadastralSystem

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

新建流程修改

1 parent 438df8cd
Inline Side-by-side
Showing 2 changed files with 383 additions and 303 deletions
......@@ -32,10 +32,23 @@
<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-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,index) in tempTab" :index="item.path" :key="'tempTab'+index">{{item.name}}</el-menu-item>
<template slot="title"
>临时网页开发路由跳转</template
>
<el-menu-item
v-for="(item, index) in tempTab"
:index="item.path"
:key="'tempTab' + index"
>{{ item.name }}</el-menu-item
>
</el-submenu>
</el-menu>
</div>
......@@ -43,6 +56,13 @@
<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 />
......@@ -55,16 +75,18 @@
import util from "@/libs/util.js";
import screenfull from "screenfull";
import Navigation from "../components/IvyElement/navigation";
import Create from "./panel/create/index";
import LineTree from "../components/lineTree/lineTree";
import { setTimeout } from "timers";
export default {
components: {
Navigation,
LineTree,
Create,
},
data() {
return {
activeIndex:'1',
activeIndex: "1",
navigationList: [],
isActive: false,
textLogo: false,
......@@ -72,43 +94,43 @@ export default {
defaultActive: "",
headTop: [
{
path:"/create",
path: "/create",
select: false,
},
{
path:"/add",
path: "/add",
select: false,
},
{
path:"/modify",
path: "/modify",
select: false,
},
{
path:"/change",
path: "/change",
select: false,
},
{
path:"/search",
path: "/search",
select: false,
}
},
],
tempTab:[
tempTab: [
{
path:'/zrz',
name:'自然幢'
path: "/zrz",
name: "自然幢",
},
{
path:'/dz',
name:'多幢'
path: "/dz",
name: "多幢",
},
{
path:'/h',
name:'户'
path: "/h",
name: "户",
},
{
path:'/zd',
name:'宗地'
}
path: "/zd",
name: "宗地",
},
],
// 上导航选中id
indId: undefined,
......@@ -144,14 +166,14 @@ export default {
children: [
{
label: "宗地代码1933",
isZD:true
isZD: true,
},
{
label: "自然幢2100",
isZD:false
isZD: false,
},
],
}
},
],
},
{
......@@ -177,6 +199,7 @@ export default {
children: [],
},
],
dialogVisible: false,
};
},
computed: {
......@@ -264,13 +287,19 @@ export default {
}
},
selectTopItems(ind) {
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);
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) {
......@@ -290,11 +319,15 @@ export default {
screenfull.toggle();
},
//树控件点击事件
itemClick(data){
itemClick(data) {
console.log(data);
},
handleSelect(key, keyPath) {
console.log(key, keyPath);
},
//关闭新建子组件弹框
closeDialog(){
this.dialogVisible = false;
}
},
};
......@@ -399,7 +432,7 @@ export default {
}
.el-main {
background-color: #F1F4FC;
background-color: #f1f4fc;
color: #333;
// text-align: center;
// line-height: 160px;
......
<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-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 :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>
<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" @click="close">取消</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" @click="close">取消</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>
</template>
<script>
import{getAllList,getListByXzqbsm,getListByPbsm,getDdicByMC} from "../../../api/common"
import {
getAllList,
getListByXzqbsm,
getListByPbsm,
getDdicByMC,
} from "../../../api/common";
import { insertQjZdjbxx } from "../../../api/zd";
import { insertZrzjbxx } from "../../../api/zrz";
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(){
this.getXzqList();
this.getDdicByMC();
},
mounted(){},
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: {},
}
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() {
this.getXzqList();
this.getDdicByMC();
},
mounted() {},
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 跳转到宗地基本信息内容表页面 (预留)
this.close()
this.$router.push('/zd');
} 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 跳转到自然幢基本信息内容表页面 (预留)
this.close()
this.$router.push('/zrz');
} 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);
},
close() {
this.$emit("closeDialog");
},
},
computed: {},
watch: {},
};
</script>
<style >
.eltabs{
height: 600px;width:800px;margin:80px auto;border:1px solid #666
<style>
.eltabs {
height: 366px;
width: 100%;
}
.eltabspane{
height: 500px;width:660px;padding:20px;
.eltabspane {
height: 100%;
width: 100%;
padding: 20px;
}
#tabs .el-tabs__item {
font-size:18px!important;
color:#333;
width:100px;
height:60px;
line-height: 80px;
font-size: 18px !important;
color: #333;
width: 100px;
height: 60px;
line-height: 80px;
}
.zrzProject{
margin-top:80px;
.zrzProject {
margin-top: 80px;
}
</style>
\ No newline at end of file
</style>
......