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
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 code: 'panel',
22 component: () => import('@/views/Home'),
23 redirect: '/panel',
24 children: [
25 {
26 path: '/panel', 21 path: '/panel',
27 name: '首页', 22 code: 'panel',
28 code: '0-1', 23 component: () => import('@/views/Home'),
29 component: () => import('@/views/panel/index') 24 redirect: '/panel',
30 }, 25 children: [
31 { 26 {
32 path: '/create', 27 path: '/panel',
33 name: '新建', 28 name: '首页',
34 code: '0-2', 29 code: '0-1',
35 component: () => import('@/views/panel/create/index') 30 component: () => import('@/views/panel/index')
36 }, 31 },
37 { 32 {
38 path: '/modify', 33 path: '/create',
39 name: '更正', 34 name: '新建',
40 code: '0-3', 35 code: '0-2',
41 component: () => import('@/views/panel/modify/index') 36 component: () => import('@/views/panel/create/index')
42 }, 37 },
43 { 38 {
44 path: '/change', 39 path: '/modify',
45 name: '变更', 40 name: '更正',
46 code: '0-4', 41 code: '0-3',
47 component: () => import('@/views/panel/change/index') 42 component: () => import('@/views/panel/modify/index')
48 }, 43 },
49 { 44 {
50 path: '/search', 45 path: '/change',
51 name: '综合查询', 46 name: '变更',
52 code: '0-5', 47 code: '0-4',
53 component: () => import('@/views/panel/search/index') 48 component: () => import('@/views/panel/change/index')
54 }, 49 },
55 { 50 {
56 path: '/zrz', 51 path: '/search',
57 name: '自然幢', 52 name: '综合查询',
58 code: '1-1', 53 code: '0-5',
59 component: () => import('@/views/basic/zrz/index'), 54 component: () => import('@/views/panel/search/index')
60 }, 55 },
61 { 56 {
62 path: '/dz', 57 path: '/zrz',
63 name: '多幢', 58 name: '自然幢',
64 code: '1-2', 59 code: '1-1',
65 component: () => import('@/views/basic/dz/index'), 60 component: () => import('@/views/basic/zrz/index'),
66 }, 61 },
67 { 62 {
68 path: '/h', 63 path: '/dz',
69 name: '户', 64 name: '多幢',
70 code: '1-3', 65 code: '1-2',
71 component: () => import('@/views/basic/h/index'), 66 component: () => import('@/views/basic/dz/index'),
72 }, 67 },
73 ] 68 {
74 } 69 path: '/h',
70 name: '户',
71 code: '1-3',
72 component: () => import('@/views/basic/h/index'),
73 }, {
74 path: '/mjft',
75 name: '面积分摊',
76 code: '1-4',
77 component: () => import('@/views/basic/mjft/index')
78 }
79 ]
80 }
75 ] 81 ]
76 // 在这里面动态引入路由文件 达成权限处理得问题 82 // 在这里面动态引入路由文件 达成权限处理得问题
77 // 重新组织后导出 83 // 重新组织后导出
78 export default [ 84 export default [
79 ...errorPage, 85 ...errorPage,
80 ...frameOut, 86 ...frameOut,
81 ...constantRoutes 87 ...constantRoutes
82 ] 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>