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 68 additions and 39 deletions
...@@ -8,45 +8,58 @@ ...@@ -8,45 +8,58 @@
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 <el-input 13 <td class="label">宗地:</td>
14 placeholder="请选择宗地" v-model="zdxx" :disabled="true" 14 <td class="input">
15 /> 15 <el-input
16 <div @click="xzzdVisible = true">选择宗地</div> 16 placeholder="请选择宗地" v-model="zdxx" :disabled="true"
17 <!-- <el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button>--> 17 ></el-input>
18 </el-form-item> 18 </td>
19 <el-form-item label="自然幢:"> 19 <td>
20 <el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange"> 20 <el-button type="primary" @click="xzzdVisible = true">选择宗地</el-button>
21 <el-option 21 </td>
22 v-for="item in zrzList" 22 </tr>
23 :key="item.xmmc" 23 <tr>
24 :label="item.label" 24 <td class="label">自然幢:</td>
25 :value="item.bsm"> 25 <td class="input">
26 </el-option> 26 <el-select v-model="hcxlzData.zrzbsm" filterable placeholder="请选择" @change="zrzChange">
27 </el-select> 27 <el-option
28 </el-form-item> 28 v-for="item in zrzList"
29 <el-form-item label="逻辑幢:"> 29 :key="item.xmmc"
30 <el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange"> 30 :label="item.label"
31 <el-option 31 :value="item.bsm">
32 v-for="item in ljzList" 32 </el-option>
33 :key="item.bsm" 33 </el-select>
34 :label="item.ljzmc" 34 </td>
35 :value="item.bsm"> 35 </tr>
36 </el-option> 36 <tr>
37 </el-select> 37 <td class="label">逻辑幢:</td>
38 </el-form-item> 38 <td class="input">
39 <el-form-item label="幢单元:"> 39 <el-select v-model="hcxlzData.ljzbsm" filterable placeholder="请选择" @change="ljzChange">
40 <el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择"> 40 <el-option
41 <el-option 41 v-for="item in ljzList"
42 v-for="item in zdyList" 42 :key="item.bsm"
43 :key="item.bsm" 43 :label="item.ljzmc"
44 :label="item.zdymc" 44 :value="item.bsm">
45 :value="item.bsm"> 45 </el-option>
46 </el-option> 46 </el-select>
47 </el-select> 47 </td>
48 </el-form-item> 48 </tr>
49 </el-form> 49 <tr>
50 <td class="lable">幢单元:</td>
51 <td class="input">
52 <el-select v-model="hcxlzData.zdybsm" filterable placeholder="请选择">
53 <el-option
54 v-for="item in zdyList"
55 :key="item.bsm"
56 :label="item.zdymc"
57 :value="item.bsm">
58 </el-option>
59 </el-select>
60 </td>
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;
......