9c5f24ac by 杨威
2 parents b37d42a0 ffea9b89
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: '/zd',
name: '宗地',
code: '1-4',
component: () => import('@/views/basic/zd/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];
......
<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>