自然幢,多幢,户表单样式提交!
Showing
7 changed files
with
103 additions
and
7 deletions
... | @@ -55,8 +55,20 @@ const constantRoutes = [ | ... | @@ -55,8 +55,20 @@ const constantRoutes = [ |
55 | { | 55 | { |
56 | path: '/zrz', | 56 | path: '/zrz', |
57 | name: '自然幢', | 57 | name: '自然幢', |
58 | code: 'zrz', | 58 | code: '1-1', |
59 | component: () => import('@/views/zrz/index'), | 59 | component: () => import('@/views/basic/zrz/index'), |
60 | }, | ||
61 | { | ||
62 | path: '/dz', | ||
63 | name: '多幢', | ||
64 | code: '1-2', | ||
65 | component: () => import('@/views/basic/dz/index'), | ||
66 | }, | ||
67 | { | ||
68 | path: '/h', | ||
69 | name: '户', | ||
70 | code: '1-3', | ||
71 | component: () => import('@/views/basic/h/index'), | ||
60 | }, | 72 | }, |
61 | ] | 73 | ] |
62 | } | 74 | } | ... | ... |
src/views/basic/dz/index.vue
0 → 100644
This diff is collapsed.
Click to expand it.
src/views/basic/h/index.less
0 → 100644
1 | .zrz { | ||
2 | min-height: 200px; | ||
3 | width: 100%; | ||
4 | margin-top: 10px; | ||
5 | float: left; | ||
6 | |||
7 | .el-input__inner{ | ||
8 | width: 100%; | ||
9 | border: 0; | ||
10 | } | ||
11 | |||
12 | textarea{ | ||
13 | width: 100%; | ||
14 | border: 0; | ||
15 | } | ||
16 | |||
17 | |||
18 | .el-form-item{ | ||
19 | font-weight: bold; | ||
20 | font-size: xx-large | ||
21 | } | ||
22 | |||
23 | table{ | ||
24 | background: #fff; | ||
25 | } | ||
26 | |||
27 | td{ | ||
28 | //bgcolor:#F1F4FC; | ||
29 | bgcolor:#fff; | ||
30 | width:8.33% | ||
31 | } | ||
32 | |||
33 | .el-select{ | ||
34 | display:block; | ||
35 | } | ||
36 | } | ||
37 | |||
38 | table{ | ||
39 | font-size: 14px; | ||
40 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
src/views/basic/h/index.vue
0 → 100644
This diff is collapsed.
Click to expand it.
src/views/basic/zrz/index.less
0 → 100644
1 | .zrz { | ||
2 | min-height: 200px; | ||
3 | width: 100%; | ||
4 | margin-top: 10px; | ||
5 | float: left; | ||
6 | |||
7 | .el-input__inner{ | ||
8 | width: 100%; | ||
9 | border: 0; | ||
10 | } | ||
11 | |||
12 | textarea{ | ||
13 | width: 100%; | ||
14 | border: 0; | ||
15 | } | ||
16 | |||
17 | |||
18 | .el-form-item{ | ||
19 | font-weight: bold; | ||
20 | font-size: xx-large | ||
21 | } | ||
22 | |||
23 | table{ | ||
24 | background: #fff; | ||
25 | } | ||
26 | |||
27 | td{ | ||
28 | //bgcolor:#F1F4FC; | ||
29 | bgcolor:#fff; | ||
30 | width:8.33% | ||
31 | } | ||
32 | |||
33 | .el-select{ | ||
34 | display:block; | ||
35 | } | ||
36 | |||
37 | table{ | ||
38 | font-size: 14px; | ||
39 | } | ||
40 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
1 | <template> | 1 | <template> |
2 | <div class="zrz content-form"> | 2 | <div class="zrz content-form"> |
3 | <el-form ref="form" :model="form" label-width="160px"> | 3 | <el-form ref="form" :model="form" label-width="160px"> |
4 | <table border="1" width="90%" cellspacing="1" cellpadding="2"> | 4 | <table border="1" width="80%" cellspacing="1" cellpadding="2"> |
5 | <tbody> | 5 | <tbody> |
6 | <tr> | 6 | <tr> |
7 | <td colspan="1"></td> | 7 | <td colspan="1"></td> |
... | @@ -18,7 +18,7 @@ | ... | @@ -18,7 +18,7 @@ |
18 | <td colspan="1"></td> | 18 | <td colspan="1"></td> |
19 | </tr> | 19 | </tr> |
20 | <tr height="30"> | 20 | <tr height="30"> |
21 | <td colspan="12" align="center" ><font size="5">自然幢基本信息</font></td> | 21 | <td colspan="12" align="center" ><font size="4">自然幢基本信息</font></td> |
22 | </tr> | 22 | </tr> |
23 | <tr height="30"> | 23 | <tr height="30"> |
24 | <td colspan="2" align="center" >宗地代码</td> | 24 | <td colspan="2" align="center" >宗地代码</td> |
... | @@ -28,7 +28,7 @@ | ... | @@ -28,7 +28,7 @@ |
28 | <td colspan="2" align="center" >自然幢号</td> | 28 | <td colspan="2" align="center" >自然幢号</td> |
29 | <td colspan="4" > | 29 | <td colspan="4" > |
30 | <el-input v-model="form.zrzh" style="width: 70%"></el-input> | 30 | <el-input v-model="form.zrzh" style="width: 70%"></el-input> |
31 | <el-button @click.prevent="" type="primary" style="width:25%;margin-left:3%">生成</el-button> | 31 | <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> |
32 | </td> | 32 | </td> |
33 | </tr> | 33 | </tr> |
34 | <tr height="30"> | 34 | <tr height="30"> |
... | @@ -40,7 +40,7 @@ | ... | @@ -40,7 +40,7 @@ |
40 | <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> | 40 | <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> |
41 | <td colspan="4" > | 41 | <td colspan="4" > |
42 | <el-input v-model="form.dyhbsm" style="width: 70%"></el-input> | 42 | <el-input v-model="form.dyhbsm" style="width: 70%"></el-input> |
43 | <el-button @click.prevent="" type="primary" style="width:25%;margin-left:3%">生成</el-button> | 43 | <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> |
44 | </td> | 44 | </td> |
45 | </tr> | 45 | </tr> |
46 | 46 | ||
... | @@ -394,5 +394,5 @@ | ... | @@ -394,5 +394,5 @@ |
394 | } | 394 | } |
395 | </script> | 395 | </script> |
396 | <style rel="stylesheet/less" lang="less"> | 396 | <style rel="stylesheet/less" lang="less"> |
397 | @import './index.less'; | 397 | @import 'index.less'; |
398 | </style> | 398 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment