9c5f24ac by 杨威
2 parents b37d42a0 ffea9b89
1 import login from '@/views/login/login.vue' 1 import login from "@/views/login/login.vue";
2
2 const errorPage = [ 3 const errorPage = [
3 { 4 {
4 path: '/404', 5 path: "/404",
5 component: () => import('@/views/404'), 6 component: () => import("@/views/404"),
6 hidden: true 7 hidden: true,
7 }, 8 },
8 { path: '*', redirect: '/404', hidden: true } 9 { path: "*", redirect: "/404", hidden: true },
9 ] 10 ];
10 11
11 const frameOut = [ 12 const frameOut = [
12 { 13 {
13 path: '/', 14 path: "/",
14 name: 'login', 15 name: "login",
15 component: login, 16 component: login,
16 } 17 },
17 ] 18 ];
18 const constantRoutes = [ 19 const constantRoutes = [
19 { 20 {
20 path: '/panel', 21 path: "/panel",
21 code: 'panel', 22 code: "panel",
22 component: () => import('@/views/Home'), 23 component: () => import("@/views/Home"),
23 redirect: '/panel', 24 redirect: "/panel",
24 children: [ 25 children: [
25 { 26 {
26 path: '/panel', 27 path: "/panel",
27 name: '首页', 28 name: "首页",
28 code: '0-1', 29 code: "0-1",
29 component: () => import('@/views/panel/index') 30 component: () => import("@/views/panel/index"),
30 }, 31 },
31 { 32 {
32 path: '/create', 33 path: "/create",
33 name: '新建', 34 name: "新建",
34 code: '0-2', 35 code: "0-2",
35 component: () => import('@/views/panel/create/index') 36 component: () => import("@/views/panel/create/index"),
36 }, 37 },
37 { 38 {
38 path: '/modify', 39 path: "/modify",
39 name: '更正', 40 name: "更正",
40 code: '0-3', 41 code: "0-3",
41 component: () => import('@/views/panel/modify/index') 42 component: () => import("@/views/panel/modify/index"),
42 }, 43 },
43 { 44 {
44 path: '/change', 45 path: "/change",
45 name: '变更', 46 name: "变更",
46 code: '0-4', 47 code: "0-4",
47 component: () => import('@/views/panel/change/index') 48 component: () => import("@/views/panel/change/index"),
48 }, 49 },
49 { 50 {
50 path: '/search', 51 path: "/search",
51 name: '综合查询', 52 name: "综合查询",
52 code: '0-5', 53 code: "0-5",
53 component: () => import('@/views/panel/search/index') 54 component: () => import("@/views/panel/search/index"),
54 }, 55 },
55 { 56 {
56 path: '/zrz', 57 path: "/zrz",
57 name: '自然幢', 58 name: "自然幢",
58 code: '1-1', 59 code: "1-1",
59 component: () => import('@/views/basic/zrz/index'), 60 component: () => import("@/views/basic/zrz/index"),
60 }, 61 },
61 { 62 {
62 path: '/dz', 63 path: "/dz",
63 name: '多幢', 64 name: "多幢",
64 code: '1-2', 65 code: "1-2",
65 component: () => import('@/views/basic/dz/index'), 66 component: () => import("@/views/basic/dz/index"),
66 }, 67 },
67 { 68 {
68 path: '/h', 69 path: "/h",
69 name: '户', 70 name: "户",
70 code: '1-3', 71 code: "1-3",
71 component: () => import('@/views/basic/h/index'), 72 component: () => import("@/views/basic/h/index"),
72 }, 73 },
73 { 74 {
74 path: '/zd', 75 path: "/mjft",
75 name: '宗地', 76 name: "面积分摊",
76 code: '1-4', 77 code: "1-4",
77 component: () => import('@/views/basic/zd/index'), 78 component: () => import("@/views/basic/mjft/index"),
79 },
80 {
81 path: "/zd",
82 name: "宗地",
83 code: "1-5",
84 component: () => import("@/views/basic/zd/index"),
85 },
86 ],
78 }, 87 },
79 ] 88 ];
80 }
81 ]
82 // 在这里面动态引入路由文件 达成权限处理得问题 89 // 在这里面动态引入路由文件 达成权限处理得问题
83 // 重新组织后导出 90 // 重新组织后导出
84 export default [ 91 export default [...errorPage, ...frameOut, ...constantRoutes];
85 ...errorPage,
86 ...frameOut,
87 ...constantRoutes
88 ]
......
1 <template>
2 <div class="main">
3 <table border="1">
4 <tr>
5 <td colspan="2">土地面积</td>
6 <td colspan="3"><input type="text" class="formInput"/></td>
7 </tr>
8 <tr>
9 <td colspan="2">宗地代码</td>
10 <td colspan="3"><input type="text" class="formInput"/></td>
11 </tr>
12 <tr>
13 <td colspan="2">宗地面积(㎡)</td>
14 <td><input type="text" class="formInput"/></td>
15 <td>定着物数量</td>
16 <td><input type="text" class="formInput"/></td>
17 </tr>
18 <tr>
19 <td colspan="2">备注</td>
20 <td colspan="3"><input type="text" class="formInput"/></td>
21 </tr>
22 </table>
23 <el-table
24 :data="tableData"
25 height="250"
26 border
27 style="width: 100%">
28 <el-table-column
29 prop="date"
30 label="日期"
31 width="180">
32 </el-table-column>
33 <el-table-column
34 prop="name"
35 label="姓名"
36 width="180">
37 </el-table-column>
38 <el-table-column
39 prop="address"
40 label="地址">
41 </el-table-column>
42 </el-table>
43 </div>
44 </template>
45
46 <script>
47 export default {
48 name: "index",
49 data() {
50 return {
51 tableData: [{
52 id: '12987122',
53 name: '王小虎',
54 amount1: '234',
55 amount2: '3.2',
56 amount3: 10
57 }, {
58 id: '12987123',
59 name: '王小虎',
60 amount1: '165',
61 amount2: '4.43',
62 amount3: 12
63 }, {
64 id: '12987124',
65 name: '王小虎',
66 amount1: '324',
67 amount2: '1.9',
68 amount3: 9
69 }, {
70 id: '12987125',
71 name: '王小虎',
72 amount1: '621',
73 amount2: '2.2',
74 amount3: 17
75 }, {
76 id: '12987126',
77 name: '王小虎',
78 amount1: '539',
79 amount2: '4.1',
80 amount3: 15
81 }]
82 }
83 },
84 methods: {
85 addTableRow() {
86 let table2 = document.getElementById("table2")
87 let table3 = document.getElementById("table3")
88 table2.firstChild.appendChild(table3)
89 },
90 delTableRow() {
91 let table = document.getElementsByTagName("table")
92 }
93 },
94 mounted() {
95
96 }
97 }
98 </script>
99
100 <style scoped>
101 .main {
102 box-sizing: border-box;
103 padding: 18px;
104 height: auto;
105 width: 80%;
106 }
107
108 table {
109 margin-top: 10px;
110 background-color: #fff;
111 font-size: 14px;
112 width: 100%;
113 }
114
115 td {
116 text-align: center;
117 height: 36px;
118 }
119
120 table .formInput {
121 margin: 0;
122 height: 36px;
123 outline: none;
124 border: none;
125 color: #606764;
126 overflow: visible;
127 text-align: center;
128 cursor: text;
129 }
130
131
132 </style>