Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
62c738ea by 杨威
Options

新增宗地表单路由

1 parent 78d8bbff
Inline Side-by-side
Showing 3 changed files with 352 additions and 0 deletions
......@@ -70,6 +70,12 @@ const constantRoutes = [
code: '1-3',
component: () => import('@/views/basic/h/index'),
},
{
path: '/zd',
name: '宗地',
code: '1-4',
component: () => import('@/views/basic/zd/index'),
},
]
}
]
......
......@@ -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>