Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
ba89d9b6 by weimo934
Options

Merge remote-tracking branch 'origin/master'

2 parents 0fe3f890 9c5f24ac
Inline Side-by-side
Showing 4 changed files with 420 additions and 390 deletions
import login from '@/views/login/login.vue'
import login from "@/views/login/login.vue";
const errorPage = [
{
path: '/404',
component: () => import('@/views/404'),
hidden: true
path: "/404",
component: () => import("@/views/404"),
hidden: true,
},
{path: '*', redirect: '/404', hidden: true}
]
{ path: "*", redirect: "/404", hidden: true },
];
const frameOut = [
{
path: '/',
name: 'login',
path: "/",
name: "login",
component: login,
}
]
},
];
const constantRoutes = [
{
path: '/panel',
code: 'panel',
component: () => import('@/views/Home'),
redirect: '/panel',
path: "/panel",
code: "panel",
component: () => import("@/views/Home"),
redirect: "/panel",
children: [
{
path: '/panel',
name: '首页',
code: '0-1',
component: () => import('@/views/panel/index')
path: "/panel",
name: "首页",
code: "0-1",
component: () => import("@/views/panel/index"),
},
{
path: "/create",
name: "新建",
code: "0-2",
component: () => import("@/views/panel/create/index"),
},
{
path: '/create',
name: '新建',
code: '0-2',
component: () => import('@/views/panel/create/index')
path: "/modify",
name: "更正",
code: "0-3",
component: () => import("@/views/panel/modify/index"),
},
{
path: '/modify',
name: '更正',
code: '0-3',
component: () => import('@/views/panel/modify/index')
path: "/change",
name: "变更",
code: "0-4",
component: () => import("@/views/panel/change/index"),
},
{
path: '/change',
name: '变更',
code: '0-4',
component: () => import('@/views/panel/change/index')
path: "/search",
name: "综合查询",
code: "0-5",
component: () => import("@/views/panel/search/index"),
},
{
path: '/search',
name: '综合查询',
code: '0-5',
component: () => import('@/views/panel/search/index')
path: "/zrz",
name: "自然幢",
code: "1-1",
component: () => import("@/views/basic/zrz/index"),
},
{
path: '/zrz',
name: '自然幢',
code: '1-1',
component: () => import('@/views/basic/zrz/index'),
path: "/dz",
name: "多幢",
code: "1-2",
component: () => import("@/views/basic/dz/index"),
},
{
path: '/dz',
name: '多幢',
code: '1-2',
component: () => import('@/views/basic/dz/index'),
path: "/h",
name: "户",
code: "1-3",
component: () => import("@/views/basic/h/index"),
},
{
path: '/h',
name: '户',
code: '1-3',
component: () => import('@/views/basic/h/index'),
}, {
path: '/mjft',
name: '面积分摊',
code: '1-4',
component: () => import('@/views/basic/mjft/index')
}
]
}
]
path: "/mjft",
name: "面积分摊",
code: "1-4",
component: () => import("@/views/basic/mjft/index"),
},
{
path: "/zd",
name: "宗地",
code: "1-5",
component: () => import("@/views/basic/zd/index"),
},
],
},
];
// 在这里面动态引入路由文件 达成权限处理得问题
// 重新组织后导出
export default [
...errorPage,
...frameOut,
...constantRoutes
]
export default [...errorPage, ...frameOut, ...constantRoutes];
......
......@@ -101,6 +101,10 @@ export default {
path:'/h',
name:'户'
},
{
path:'/zd',
name:'宗地'
},
],
// 上导航选中id
indId: undefined,
......
<template>
<div class="main">
<div class="formMenu">
<Qlr ref="qlrxxModule"></Qlr>
<!-- <el-button
type="primary"
class="changeBtn"
@click="getQlrxxData"
>获取权利人信息数据</el-button
>
<el-button
type="primary"
class="changeBtn"
@click="getQlxzData"
>获取权利性质组件数据</el-button
> -->
<table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
<tr>
<th colspan="12">宗地基本信息</th>
</tr>
<tr>
<td colspan="2">行政区</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2">地籍区</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2">地籍子区</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">权利类型</td>
<td colspan="4">
<el-select class="formSelect" v-model="value">
<el-option
v-for="item in qllxList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</td>
<td colspan="2">权利设定方式</td>
<td colspan="4">
<el-select class="formSelect" v-model="value">
<el-option
v-for="item in qlsdfsList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="2">宗地代码</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">不动产单元号</td>
<td colspan="4" class="psr">
<input type="text" class="formInput percent78" />
<el-button type="primary" class="createBtn">生成</el-button>
</td>
</tr>
<tr>
<td colspan="2">地籍号</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">土地权属来源证明材料</td>
<td colspan="4" class="psr">
<input type="text" class="formInput " />
</td>
</tr>
<tr>
<td colspan="2">坐落</td>
<td colspan="10">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">国民经济行业分类</td>
<td colspan="4">
<el-select class="formSelect" v-model="value">
<el-option
v-for="item in jjhyflList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</td>
<td colspan="2">价格(元)</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">所在图幅号</td>
<td colspan="2">比例尺</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">图幅号</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">容积率</td>
<td colspan="4">
<el-select class="formSelect percent30" v-model="value">
<el-option
v-for="item in compareList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<input type="text" class="formInput percent68" />
</td>
<td colspan="2">容积说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">建筑密度</td>
<td colspan="4">
<el-select class="formSelect percent30" v-model="value">
<el-option
v-for="item in compareList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<input type="text" class="formInput percent68" />
</td>
<td colspan="2">建筑密度说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">建筑限高</td>
<td colspan="4">
<el-select class="formSelect percent30" v-model="value">
<el-option
v-for="item in compareList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<input type="text" class="formInput percent68" />
</td>
<td colspan="2">建筑限高说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="4">宗地四至</td>
<td colspan="2">北至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">东至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">南至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">西至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="12">
<Qlxz ref="qlxzModule"></Qlxz>
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">批准面积(㎡)</td>
<td colspan="2" rowspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2" rowspan="2">宗地面积(㎡)</td>
<td colspan="2" rowspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2">建筑占地宗面积</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">建筑面积(㎡)</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">共有/共用权利人情况</td>
<td colspan="10">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">说明</td>
<td colspan="10" rowspan="2">
<input type="text" class="formInput" />
</td>
</tr>
</table>
</div>
</div>
</template>
<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
export default {
name: "",
components: {
Qlr,
Qlxz,
},
props: {},
data() {
return {
qllxList: [{ label: "国有建设用地使用权", value: "1" }],
qlsdfsList: [{ label: "地上", value: "1" }],
jjhyflList: [{ label: "制造业", value: "1" }],
compareList: [
{ label: "=", value: "=" },
{ label: "<=", value: "<=" },
{ label: ">=", value: ">=" },
],
value: "",
};
},
created() {},
mounted() {},
methods: {
getQlrxxData(){
console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
},
getQlxzData(){
console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
},
},
computed: {},
watch: {},
};
</script>
<style lang="less" scoped>
.main {
box-sizing: border-box;
padding: 18px;
height: auto;
.formMenu {
width: 80%;
margin: 0 auto;
}
.zdjbxxTable {
margin: 10px 0;
background-color: #fff;
font-size: 14px;
width: 100%;
th {
height: 36px;
line-height: 36px;
font-size: 16px;
}
td {
width: 60px;
text-align: center;
height: 36px;
}
/deep/.el-input__inner {
margin: 0;
height: 36px;
outline: none;
border: none;
color: #606764;
overflow: visible;
text-align: center;
cursor: text;
}
.percent78 {
width: 78%;
float: left;
}
.percent68 {
width: 68%;
float: left;
position: relative;
top: 7px;
}
.percent30 {
width: 30%;
float: left;
}
.createBtn {
position: absolute;
width: 50px;
padding: 6px 4px;
right: 4px;
top: 4px;
}
.el-input__icon {
line-height: 37px;
}
}
}
</style>
<template>
<div class="main">
<div class="formMenu">
<Qlr ref="qlrxxModule"></Qlr>
<!-- <el-button
type="primary"
class="changeBtn"
@click="getQlrxxData"
>获取权利人信息数据</el-button
>
<el-button
type="primary"
class="changeBtn"
@click="getQlxzData"
>获取权利性质组件数据</el-button
> -->
<table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1">
<tr>
<th colspan="12">宗地基本信息</th>
</tr>
<tr>
<td colspan="2">行政区</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2">地籍区</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2">地籍子区</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">权利类型</td>
<td colspan="4">
<el-select class="formSelect" v-model="value">
<el-option
v-for="item in qllxList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</td>
<td colspan="2">权利设定方式</td>
<td colspan="4">
<el-select class="formSelect" v-model="value">
<el-option
v-for="item in qlsdfsList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="2">宗地代码</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">不动产单元号</td>
<td colspan="4" class="psr">
<input type="text" class="formInput percent78" />
<el-button type="primary" class="createBtn">生成</el-button>
</td>
</tr>
<tr>
<td colspan="2">地籍号</td>
<td colspan="4">
<input type="text" class="formInput" />
</td>
<td colspan="2">土地权属来源证明材料</td>
<td colspan="4" class="psr">
<input type="text" class="formInput " />
</td>
</tr>
<tr>
<td colspan="2">坐落</td>
<td colspan="10">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">国民经济行业分类</td>
<td colspan="4">
<el-select class="formSelect" v-model="value">
<el-option
v-for="item in jjhyflList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</td>
<td colspan="2">价格(元)</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">所在图幅号</td>
<td colspan="2">比例尺</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">图幅号</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">容积率</td>
<td colspan="4">
<el-select class="formSelect percent30" v-model="value">
<el-option
v-for="item in compareList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<input type="text" class="formInput percent68" />
</td>
<td colspan="2">容积说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">建筑密度</td>
<td colspan="4">
<el-select class="formSelect percent30" v-model="value">
<el-option
v-for="item in compareList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<input type="text" class="formInput percent68" />
</td>
<td colspan="2">建筑密度说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">建筑限高</td>
<td colspan="4">
<el-select class="formSelect percent30" v-model="value">
<el-option
v-for="item in compareList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<input type="text" class="formInput percent68" />
</td>
<td colspan="2">建筑限高说明</td>
<td colspan="4" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="4">宗地四至</td>
<td colspan="2">北至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">东至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">南至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">西至</td>
<td colspan="8" class="psr">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="12">
<Qlxz ref="qlxzModule"></Qlxz>
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">批准面积(㎡)</td>
<td colspan="2" rowspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2" rowspan="2">宗地面积(㎡)</td>
<td colspan="2" rowspan="2">
<input type="text" class="formInput" />
</td>
<td colspan="2">建筑占地宗面积</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">建筑面积(㎡)</td>
<td colspan="2">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2">共有/共用权利人情况</td>
<td colspan="10">
<input type="text" class="formInput" />
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">说明</td>
<td colspan="10" rowspan="2">
<input type="text" class="formInput" />
</td>
</tr>
</table>
</div>
</div>
<div class=""></div>
</template>
<script>
import Qlr from "../../../components/formMenu/qlr";
import Qlxz from "../../../components/formMenu/qlxz";
export default {
name: "",
components: {
Qlr,
Qlxz,
},
props: {},
data() {
name:"",
components:{},
props:{},
data(){
return {
qllxList: [{ label: "国有建设用地使用权", value: "1" }],
qlsdfsList: [{ label: "地上", value: "1" }],
jjhyflList: [{ label: "制造业", value: "1" }],
compareList: [
{ label: "=", value: "=" },
{ label: "<=", value: "<=" },
{ label: ">=", value: ">=" },
],
value: "",
};
},
created() {},
mounted() {},
methods: {
getQlrxxData(){
console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据
console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据
},
getQlxzData(){
console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据
},
}
},
created(){},
mounted(){},
methods:{},
computed: {},
watch: {},
};
</script>
<style lang="less" scoped>
.main {
box-sizing: border-box;
padding: 18px;
height: auto;
.formMenu {
width: 1000px;
}
.zdjbxxTable {
margin-top: 10px;
background-color: #fff;
font-size: 14px;
width: 100%;
th {
height: 36px;
line-height: 36px;
font-size: 16px;
}
td {
width: 60px;
text-align: center;
height: 36px;
}
/deep/.el-input__inner {
margin: 0;
height: 36px;
outline: none;
border: none;
color: #606764;
overflow: visible;
text-align: center;
cursor: text;
}
.percent78 {
width: 78%;
float: left;
}
.percent68 {
width: 68%;
float: left;
position: relative;
top: 7px;
}
.percent30 {
width: 30%;
float: left;
}
.createBtn {
position: absolute;
width: 50px;
padding: 6px 4px;
right: 4px;
top: 4px;
}
.el-input__icon {
line-height: 37px;
}
}
}
</script>
<style scoped lang="less">
</style>
\ No newline at end of file
......