Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
c1c6ef2d by weimo934
Options

style(hcxlz):户重新落宗表单样式修改

1 parent fe8a08e8
Inline Side-by-side
Showing 1 changed file with 42 additions and 13 deletions
...@@ -8,15 +8,21 @@ ...@@ -8,15 +8,21 @@
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 > 9 >
10 <div class="content"> 10 <div class="content">
11 <el-form :label-position="right"> 11 <table>
12 <el-form-item label="宗地:"> 12 <tr>
13 <td class="label">宗地:</td>
14 <td class="input">
13 <el-input 15 <el-input
14 placeholder="请选择宗地" v-model="zdxx" :disabled="true" 16 placeholder="请选择宗地" v-model="zdxx" :disabled="true"
15 /> 17 ></el-input>
16 <div @click="xzzdVisible = true">选择宗地</div> 18 </td>
17 <!-- <el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button>--> 19 <td>
18 </el-form-item> 20 <el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button>
19 <el-form-item label="自然幢:"> 21 </td>
22 </tr>
23 <tr>
24 <td class="label">自然幢:</td>
25 <td class="input">
20 <el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange"> 26 <el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange">
21 <el-option 27 <el-option
22 v-for="item in zrzList" 28 v-for="item in zrzList"
...@@ -25,8 +31,11 @@ ...@@ -25,8 +31,11 @@
25 :value="item.bsm"> 31 :value="item.bsm">
26 </el-option> 32 </el-option>
27 </el-select> 33 </el-select>
28 </el-form-item> 34 </td>
29 <el-form-item label="逻辑幢:"> 35 </tr>
36 <tr>
37 <td class="label">逻辑幢:</td>
38 <td class="input">
30 <el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange"> 39 <el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange">
31 <el-option 40 <el-option
32 v-for="item in ljzList" 41 v-for="item in ljzList"
...@@ -35,8 +44,11 @@ ...@@ -35,8 +44,11 @@
35 :value="item.bsm"> 44 :value="item.bsm">
36 </el-option> 45 </el-option>
37 </el-select> 46 </el-select>
38 </el-form-item> 47 </td>
39 <el-form-item label="幢单元:"> 48 </tr>
49 <tr>
50 <td class="lable">幢单元:</td>
51 <td class="input">
40 <el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择"> 52 <el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择">
41 <el-option 53 <el-option
42 v-for="item in zdyList" 54 v-for="item in zdyList"
...@@ -45,8 +57,9 @@ ...@@ -45,8 +57,9 @@
45 :value="item.bsm"> 57 :value="item.bsm">
46 </el-option> 58 </el-option>
47 </el-select> 59 </el-select>
48 </el-form-item> 60 </td>
49 </el-form> 61 </tr>
62 </table>
50 </div> 63 </div>
51 <div class="footer"> 64 <div class="footer">
52 <el-button type="primary" @click="save">保存</el-button> 65 <el-button type="primary" @click="save">保存</el-button>
...@@ -195,6 +208,22 @@ ...@@ -195,6 +208,22 @@
195 text-align: center; 208 text-align: center;
196 } 209 }
197 210
211 table {
212 border-collapse:separate;
213 border-spacing:10px;
214 display: inline-block;
215 text-align: center;
216 .label {
217 width: 80px;
218 }
219 .input {
220 width: 300px;
221 .el-select{
222 width: 300px;
223 }
224 }
225 }
226
198 .footer { 227 .footer {
199 margin-top: 20px; 228 margin-top: 20px;
200 text-align: center; 229 text-align: center;
......