样式修改表单
Showing
3 changed files
with
35 additions
and
26 deletions
... | @@ -720,6 +720,8 @@ export default { | ... | @@ -720,6 +720,8 @@ export default { |
720 | // height: 100%; | 720 | // height: 100%; |
721 | border-right: 1px solid #E6E6E6; | 721 | border-right: 1px solid #E6E6E6; |
722 | position: relative; | 722 | position: relative; |
723 | text-align: right; | ||
724 | padding-right: 10px; | ||
723 | .qlxz { | 725 | .qlxz { |
724 | line-height: 34px; | 726 | line-height: 34px; |
725 | } | 727 | } | ... | ... |
... | @@ -373,6 +373,8 @@ export default { | ... | @@ -373,6 +373,8 @@ export default { |
373 | // height: 100%; | 373 | // height: 100%; |
374 | border-right: 1px solid #E6E6E6; | 374 | border-right: 1px solid #E6E6E6; |
375 | position: relative; | 375 | position: relative; |
376 | text-align: right; | ||
377 | padding-right: 10px; | ||
376 | .qlxz { | 378 | .qlxz { |
377 | line-height: 34px; | 379 | line-height: 34px; |
378 | } | 380 | } | ... | ... |
... | @@ -7,41 +7,41 @@ | ... | @@ -7,41 +7,41 @@ |
7 | <th colspan="12">自然幢基本信息</th> | 7 | <th colspan="12">自然幢基本信息</th> |
8 | </tr> | 8 | </tr> |
9 | <tr> | 9 | <tr> |
10 | <td colspan="2">宗地代码</td> | 10 | <td colspan="2" class="tdright">宗地代码</td> |
11 | <td colspan="4" style="min-width:450px"> | 11 | <td colspan="4" style="min-width:450px"> |
12 | <input v-model="form.zddm" class="formInput" disabled> | 12 | <input v-model="form.zddm" class="formInput" disabled> |
13 | <input v-show="false" :disabled="form.qszt!='0'" maxlength="19" class="formInput" v-model="form.zdbsm"> | 13 | <input v-show="false" :disabled="form.qszt!='0'" maxlength="19" class="formInput" v-model="form.zdbsm"> |
14 | </td> | 14 | </td> |
15 | <td colspan="2" >自然幢号<i class="requisite">*</i></td> | 15 | <td colspan="2" class="tdright">自然幢号<i class="requisite">*</i></td> |
16 | <td colspan="4" class="psr"> | 16 | <td colspan="4" class="psr"> |
17 | <input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="24" v-model="form.zrzh"> | 17 | <input class="formInput percent80" ref="zrzh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="24" v-model="form.zrzh"> |
18 | <el-button @click.prevent="generatorCode" type="warning" class="createBtn" size="mini">生成</el-button> | 18 | <el-button @click.prevent="generatorCode" type="warning" class="createBtn" size="mini">生成</el-button> |
19 | </td> | 19 | </td> |
20 | </tr> | 20 | </tr> |
21 | <tr> | 21 | <tr> |
22 | <td colspan="2" >项目名称<i class="requisite">*</i></td> | 22 | <td colspan="2" class="tdright">项目名称<i class="requisite">*</i></td> |
23 | <td colspan="4" > | 23 | <td colspan="4" > |
24 | <input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.xmmc"> | 24 | <input class="formInput " ref="xmmc" @blur="inputBlur($event)" :disabled="form.qszt!='0'" v-model="form.xmmc"> |
25 | </td> | 25 | </td> |
26 | <td colspan="2" >不动产单元号<i class="requisite">*</i></td> | 26 | <td colspan="2" class="tdright">不动产单元号<i class="requisite">*</i></td> |
27 | <td colspan="4"> | 27 | <td colspan="4"> |
28 | <input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="28" v-model="form.bdcdyh"> | 28 | <input class="formInput " ref="bdcdyh" @blur="inputBlur($event)" :disabled="form.qszt!='0'" maxlength="28" v-model="form.bdcdyh"> |
29 | </td> | 29 | </td> |
30 | </tr> | 30 | </tr> |
31 | 31 | ||
32 | <tr> | 32 | <tr> |
33 | <td colspan="2" >建筑物名称</td> | 33 | <td colspan="2" class="tdright">建筑物名称</td> |
34 | <td colspan="4" > | 34 | <td colspan="4" > |
35 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwmc"> | 35 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwmc"> |
36 | </td> | 36 | </td> |
37 | <td colspan="2" >建筑物基本用途</td> | 37 | <td colspan="2" class="tdright">建筑物基本用途</td> |
38 | <td colspan="4" > | 38 | <td colspan="4" > |
39 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwjbyt"> | 39 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwjbyt"> |
40 | </td> | 40 | </td> |
41 | </tr> | 41 | </tr> |
42 | 42 | ||
43 | <tr> | 43 | <tr> |
44 | <td colspan="2" >房屋性质<i class="requisite">*</i></td> | 44 | <td colspan="2" class="tdright">房屋性质<i class="requisite">*</i></td> |
45 | <td colspan="4" > | 45 | <td colspan="4" > |
46 | <el-select class="formSelect" ref="fwxz" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" > | 46 | <el-select class="formSelect" ref="fwxz" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" > |
47 | <el-option | 47 | <el-option |
... | @@ -52,7 +52,7 @@ | ... | @@ -52,7 +52,7 @@ |
52 | </el-option> | 52 | </el-option> |
53 | </el-select> | 53 | </el-select> |
54 | </td> | 54 | </td> |
55 | <td colspan="2" >竣工日期</td> | 55 | <td colspan="2" class="tdright">竣工日期</td> |
56 | <td colspan="4" > | 56 | <td colspan="4" > |
57 | <el-date-picker | 57 | <el-date-picker |
58 | :disabled="form.qszt!='0'" | 58 | :disabled="form.qszt!='0'" |
... | @@ -64,62 +64,62 @@ | ... | @@ -64,62 +64,62 @@ |
64 | </tr> | 64 | </tr> |
65 | 65 | ||
66 | <tr> | 66 | <tr> |
67 | <td colspan="2" >建筑物高度(m)</td> | 67 | <td colspan="2" class="tdright">建筑物高度(m)</td> |
68 | <td colspan="4" > | 68 | <td colspan="4" > |
69 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwgd"> | 69 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwgd"> |
70 | </td> | 70 | </td> |
71 | <td colspan="2" >总套数</td> | 71 | <td colspan="2" class="tdright">总套数</td> |
72 | <td colspan="4" > | 72 | <td colspan="4" > |
73 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zts"> | 73 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zts"> |
74 | </td> | 74 | </td> |
75 | </tr> | 75 | </tr> |
76 | 76 | ||
77 | <tr> | 77 | <tr> |
78 | <td colspan="2" >幢用地面积(㎡)</td> | 78 | <td colspan="2" class="tdright">幢用地面积(㎡)</td> |
79 | <td colspan="4" > | 79 | <td colspan="4" > |
80 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zydmj"> | 80 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zydmj"> |
81 | </td> | 81 | </td> |
82 | <td colspan="2" >幢占用地面积(㎡)</td> | 82 | <td colspan="2" class="tdright">幢占用地面积(㎡)</td> |
83 | <td colspan="4" > | 83 | <td colspan="4" > |
84 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zzdmj"> | 84 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zzdmj"> |
85 | </td> | 85 | </td> |
86 | </tr> | 86 | </tr> |
87 | 87 | ||
88 | <tr> | 88 | <tr> |
89 | <td colspan="2" >预测建筑面积(㎡)</td> | 89 | <td colspan="2" class="tdright">预测建筑面积(㎡)</td> |
90 | <td colspan="4" > | 90 | <td colspan="4" > |
91 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.ycjzmj"> | 91 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.ycjzmj"> |
92 | </td> | 92 | </td> |
93 | <td colspan="2" >实测建筑面积(㎡)</td> | 93 | <td colspan="2" class="tdright">实测建筑面积(㎡)</td> |
94 | <td colspan="4" > | 94 | <td colspan="4" > |
95 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.scjzmj"> | 95 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.scjzmj"> |
96 | </td> | 96 | </td> |
97 | </tr> | 97 | </tr> |
98 | 98 | ||
99 | <tr> | 99 | <tr> |
100 | <td colspan="2" >地下层数</td> | 100 | <td colspan="2" class="tdright">地下层数</td> |
101 | <td colspan="4" > | 101 | <td colspan="4" > |
102 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dxcs"> | 102 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dxcs"> |
103 | </td> | 103 | </td> |
104 | <td colspan="2" >地上层数</td> | 104 | <td colspan="2" class="tdright">地上层数</td> |
105 | <td colspan="4" > | 105 | <td colspan="4" > |
106 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dscs"> | 106 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dscs"> |
107 | </td> | 107 | </td> |
108 | </tr> | 108 | </tr> |
109 | 109 | ||
110 | <tr> | 110 | <tr> |
111 | <td colspan="2" >总层数</td> | 111 | <td colspan="2" class="tdright">总层数</td> |
112 | <td colspan="4" > | 112 | <td colspan="4" > |
113 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zcs"> | 113 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zcs"> |
114 | </td> | 114 | </td> |
115 | <td colspan="2" >地下深度(m)</td> | 115 | <td colspan="2" class="tdright">地下深度(m)</td> |
116 | <td colspan="4" > | 116 | <td colspan="4" > |
117 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dxsd"> | 117 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dxsd"> |
118 | </td> | 118 | </td> |
119 | </tr> | 119 | </tr> |
120 | 120 | ||
121 | <tr> | 121 | <tr> |
122 | <td colspan="2" >产别</td> | 122 | <td colspan="2" class="tdright">产别</td> |
123 | <td colspan="4" > | 123 | <td colspan="4" > |
124 | <el-select v-model="form.fwcbbsm" :disabled="form.qszt!='0'" placeholder="请选择" > | 124 | <el-select v-model="form.fwcbbsm" :disabled="form.qszt!='0'" placeholder="请选择" > |
125 | <el-option | 125 | <el-option |
... | @@ -130,7 +130,7 @@ | ... | @@ -130,7 +130,7 @@ |
130 | </el-option> | 130 | </el-option> |
131 | </el-select> | 131 | </el-select> |
132 | </td> | 132 | </td> |
133 | <td colspan="2" >产权来源</td> | 133 | <td colspan="2" class="tdright">产权来源</td> |
134 | <td colspan="4" > | 134 | <td colspan="4" > |
135 | <el-select v-model="form.fwcqlybsm" :disabled="form.qszt!='0'" placeholder="请选择" > | 135 | <el-select v-model="form.fwcqlybsm" :disabled="form.qszt!='0'" placeholder="请选择" > |
136 | <el-option | 136 | <el-option |
... | @@ -214,7 +214,7 @@ | ... | @@ -214,7 +214,7 @@ |
214 | </tr> | 214 | </tr> |
215 | 215 | ||
216 | <tr> | 216 | <tr> |
217 | <td colspan="2" > | 217 | <td colspan="2" class="tdright"> |
218 | <span>坐落<i class="requisite">*</i></span> | 218 | <span>坐落<i class="requisite">*</i></span> |
219 | </td> | 219 | </td> |
220 | <td colspan="10" > | 220 | <td colspan="10" > |
... | @@ -223,7 +223,7 @@ | ... | @@ -223,7 +223,7 @@ |
223 | </tr> | 223 | </tr> |
224 | 224 | ||
225 | <tr> | 225 | <tr> |
226 | <td colspan="2" rowspan="2" > | 226 | <td colspan="2" rowspan="2" class="tdright"> |
227 | <span>附加说明</span> | 227 | <span>附加说明</span> |
228 | </td> | 228 | </td> |
229 | <td colspan="10" rowspan="2" > | 229 | <td colspan="10" rowspan="2" > |
... | @@ -234,7 +234,7 @@ | ... | @@ -234,7 +234,7 @@ |
234 | </tr> | 234 | </tr> |
235 | 235 | ||
236 | <tr> | 236 | <tr> |
237 | <td colspan="2" rowspan="2" > | 237 | <td colspan="2" rowspan="2" class="tdright"> |
238 | <span>调查意见</span> | 238 | <span>调查意见</span> |
239 | </td> | 239 | </td> |
240 | <td colspan="10" > | 240 | <td colspan="10" > |
... | @@ -243,13 +243,13 @@ | ... | @@ -243,13 +243,13 @@ |
243 | </tr> | 243 | </tr> |
244 | 244 | ||
245 | <tr> | 245 | <tr> |
246 | <td colspan="4" rowspan="2"> | 246 | <td colspan="4" rowspan="2" class="tdright"> |
247 | <span>审查员</span> | 247 | <span>审查员</span> |
248 | </td> | 248 | </td> |
249 | <td colspan="2" > | 249 | <td colspan="2" > |
250 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.scy"> | 250 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.scy"> |
251 | </td> | 251 | </td> |
252 | <td colspan="2"> | 252 | <td colspan="2" class="tdright"> |
253 | <span>审查日期</span> | 253 | <span>审查日期</span> |
254 | </td> | 254 | </td> |
255 | <td colspan="2" > | 255 | <td colspan="2" > |
... | @@ -813,7 +813,12 @@ | ... | @@ -813,7 +813,12 @@ |
813 | td { | 813 | td { |
814 | text-align: center; | 814 | text-align: center; |
815 | height: 36px; | 815 | height: 36px; |
816 | } | 816 | } |
817 | .tdright { | ||
818 | text-align: right; | ||
819 | padding-right: 10px; | ||
820 | } | ||
821 | |||
817 | /deep/ .el-input__inner { | 822 | /deep/ .el-input__inner { |
818 | margin: 0; | 823 | margin: 0; |
819 | height: 36px; | 824 | height: 36px; | ... | ... |
-
Please register or sign in to post a comment