Skip to content

任超 / js.CadastralSystem

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

feat(mjft):添加面积分摊

1 parent 9c6460c6
Inline Side-by-side
Showing 2 changed files with 207 additions and 69 deletions
import login from '@/views/login/login.vue'
const errorPage = [
{
path: '/404',
component: () => import('@/views/404'),
hidden: true
},
{ path: '*', redirect: '/404', hidden: true }
{
path: '/404',
component: () => import('@/views/404'),
hidden: true
},
{path: '*', redirect: '/404', hidden: true}
]
const frameOut = [
{
path: '/',
name: 'login',
component: login,
}
{
path: '/',
name: 'login',
component: login,
}
]
const constantRoutes = [
{
path: '/panel',
code: 'panel',
component: () => import('@/views/Home'),
redirect: '/panel',
children: [
{
{
path: '/panel',
name: '首页',
code: '0-1',
component: () => import('@/views/panel/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: '/change',
name: '变更',
code: '0-4',
component: () => import('@/views/panel/change/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: '/dz',
name: '多幢',
code: '1-2',
component: () => import('@/views/basic/dz/index'),
},
{
path: '/h',
name: '户',
code: '1-3',
component: () => import('@/views/basic/h/index'),
},
]
}
code: 'panel',
component: () => import('@/views/Home'),
redirect: '/panel',
children: [
{
path: '/panel',
name: '首页',
code: '0-1',
component: () => import('@/views/panel/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: '/change',
name: '变更',
code: '0-4',
component: () => import('@/views/panel/change/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: '/dz',
name: '多幢',
code: '1-2',
component: () => import('@/views/basic/dz/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')
}
]
}
]
// 在这里面动态引入路由文件 达成权限处理得问题
// 重新组织后导出
export default [
...errorPage,
...frameOut,
...constantRoutes
...errorPage,
...frameOut,
...constantRoutes
]
......
<template>
<div class="main">
<table border="1">
<tr>
<td colspan="2">土地面积</td>
<td colspan="3"><input type="text" class="formInput"/></td>
</tr>
<tr>
<td colspan="2">宗地代码</td>
<td colspan="3"><input type="text" class="formInput"/></td>
</tr>
<tr>
<td colspan="2">宗地面积(㎡)</td>
<td><input type="text" class="formInput"/></td>
<td>定着物数量</td>
<td><input type="text" class="formInput"/></td>
</tr>
<tr>
<td colspan="2">备注</td>
<td colspan="3"><input type="text" class="formInput"/></td>
</tr>
</table>
<el-table
:data="tableData"
height="250"
border
style="width: 100%">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
name: "index",
data() {
return {
tableData: [{
id: '12987122',
name: '王小虎',
amount1: '234',
amount2: '3.2',
amount3: 10
}, {
id: '12987123',
name: '王小虎',
amount1: '165',
amount2: '4.43',
amount3: 12
}, {
id: '12987124',
name: '王小虎',
amount1: '324',
amount2: '1.9',
amount3: 9
}, {
id: '12987125',
name: '王小虎',
amount1: '621',
amount2: '2.2',
amount3: 17
}, {
id: '12987126',
name: '王小虎',
amount1: '539',
amount2: '4.1',
amount3: 15
}]
}
},
methods: {
addTableRow() {
let table2 = document.getElementById("table2")
let table3 = document.getElementById("table3")
table2.firstChild.appendChild(table3)
},
delTableRow() {
let table = document.getElementsByTagName("table")
}
},
mounted() {
}
}
</script>
<style scoped>
.main {
box-sizing: border-box;
padding: 18px;
height: auto;
width: 80%;
}
table {
margin-top: 10px;
background-color: #fff;
font-size: 14px;
width: 100%;
}
td {
text-align: center;
height: 36px;
}
table .formInput {
margin: 0;
height: 36px;
outline: none;
border: none;
color: #606764;
overflow: visible;
text-align: center;
cursor: text;
}
</style>