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 140 additions and 2 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 = [
...@@ -69,7 +70,12 @@ const constantRoutes = [ ...@@ -69,7 +70,12 @@ const constantRoutes = [
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 }, {
74 path: '/mjft',
75 name: '面积分摊',
76 code: '1-4',
77 component: () => import('@/views/basic/mjft/index')
78 }
73 ] 79 ]
74 } 80 }
75 ] 81 ]
......
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>