自然幢,多幢,户表单样式提交!
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