Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
e19e379f by zhaoqian
Options

幢单元前端表单样式提交

1 parent 36fad125
Inline Side-by-side
Showing 1 changed file with 41 additions and 42 deletions
1 <template> 1 <template>
2 <div class="zdy-content"> 2 <div class="zdy-content">
3 <el-form :model="form" :rules="rules" ref="form" label-width="110px" size="small"> 3 <el-form :model="form" :rules="rules" ref="form" label-width="110px" size="small">
4 <el-row :gutter="24"> 4
5 <el-col :span="12"> 5 <table border="1" width="100%" cellspacing="0" cellpadding="0" class="hTable">
6 <el-form-item label="幢单元号" prop="zdyh"> 6 <tbody>
7 <tr height="30">
8 <td colspan="12" align="center" ><font size="4">幢单元基本信息</font></td>
9 </tr>
10 <tr height="30">
11 <td colspan="2" align="center" >幢单元号</td>
12 <td colspan="4" >
7 <el-input v-model="form.zdyh"></el-input> 13 <el-input v-model="form.zdyh"></el-input>
8 </el-form-item> 14 </td>
9 </el-col> 15 <td colspan="2" align="center" >幢单元名称</td>
10 <el-col :span="12"> 16 <td colspan="4" >
11 <el-form-item label="项目名称" prop="zdymc">
12 <el-input v-model="form.zdymc"></el-input> 17 <el-input v-model="form.zdymc"></el-input>
13 </el-form-item> 18 </td>
14 </el-col> 19 </tr>
15 </el-row> 20 <tr height="30">
16 21 <td colspan="2" align="center" >地上层数</td>
17 <el-row :gutter="24"> 22 <td colspan="4" >
18 <el-col :span="12"> 23 <el-input v-model="form.dscs"></el-input>
19 <el-form-item label="地上层数" prop="dscs"> 24 </td>
20 <el-input v-model.number="form.dscs" type="number"></el-input> 25 <td colspan="2" align="center" >地下层数</td>
21 </el-form-item> 26 <td colspan="4" >
22 </el-col> 27 <el-input v-model="form.dxcs"></el-input>
23 <el-col :span="12"> 28 </td>
24 <el-form-item label="地下层数" prop="dxcs"> 29 </tr>
25 <el-input v-model.number="form.dxcs" type="number"></el-input> 30 <tr height="30">
26 </el-form-item> 31 <td colspan="2" align="center" >总层数</td>
27 32 <td colspan="4" >
28 </el-col> 33 <el-input v-model="form.zcs"></el-input>
29 </el-row> 34 </td>
30 35 <td colspan="2" align="center" >备注</td>
31 36 <td colspan="4" >
32 <el-row :gutter="24">
33 <el-col :span="12">
34 <el-form-item label="总层数" prop="zcs">
35 <el-input v-model.number="form.zcs" type="number"></el-input>
36 </el-form-item>
37 </el-col>
38 </el-row>
39
40 <el-row :gutter="24">
41 <el-col :span="24">
42 <el-form-item label="备注">
43 <el-input v-model="form.bz"></el-input> 37 <el-input v-model="form.bz"></el-input>
44 </el-form-item> 38 </td>
45 </el-col> 39 </tr>
46 </el-row> 40 </tbody>
41 </table>
47 42
48 <el-row :gutter="24"> 43 <el-row :gutter="24">
49 <el-col :span="24"> 44 <el-col :span="24">
50 <el-form-item>
51 <el-button type="primary" @click="submitForm('form')">立即创建</el-button> 45 <el-button type="primary" @click="submitForm('form')">立即创建</el-button>
52 </el-form-item>
53 </el-col> 46 </el-col>
54 </el-row> 47 </el-row>
55 48
...@@ -114,6 +107,12 @@ ...@@ -114,6 +107,12 @@
114 107
115 /deep/.el-input__inner{ 108 /deep/.el-input__inner{
116 width: 100%; 109 width: 100%;
110 border:0;
111 }
112
113 table{
114 background: #fff;
115 table-layout: fixed;
117 } 116 }
118 117
119 </style> 118 </style>
...\ No newline at end of file ...\ No newline at end of file
......