Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
e49c2e10 by 杨威
Options

自然幢表单输入框样式修改

1 parent 5824faf1
Inline Side-by-side
Showing 2 changed files with 34 additions and 29 deletions
...@@ -44,7 +44,8 @@ const store = new Vuex.Store({ ...@@ -44,7 +44,8 @@ const store = new Vuex.Store({
44 zjlxList: [], 44 zjlxList: [],
45 gyfsList: [], 45 gyfsList: [],
46 hbsm:'', 46 hbsm:'',
47 contentWidth:'' //内容区域宽度 47 contentWidth:'', //内容区域宽度
48 zrzh:'' //自然幢号
48 }, 49 },
49 modules: { 50 modules: {
50 user, 51 user,
......
...@@ -10,25 +10,25 @@ ...@@ -10,25 +10,25 @@
10 <tr height="30"> 10 <tr height="30">
11 <td colspan="2" align="center" >宗地代码</td> 11 <td colspan="2" align="center" >宗地代码</td>
12 <td colspan="4" > 12 <td colspan="4" >
13 <el-input v-model="form.zddm" disabled></el-input> 13 <input v-model="form.zddm" class="formInput" disabled>
14 <el-input v-show="false" v-model="form.zdbsm"></el-input> 14 <input v-show="false" class="formInput" v-model="form.zdbsm">
15 </td> 15 </td>
16 <td colspan="2" align="center" >自然幢号</td> 16 <td colspan="2" align="center" >自然幢号</td>
17 <td colspan="4" > 17 <td colspan="4" >
18 <el-input v-model="form.zrzh" style="width: 70%"></el-input> 18 <input class="formInput" v-model="form.zrzh" style="width: 70%">
19 <el-button @click.prevent="generatorCode" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> 19 <el-button @click.prevent="generatorCode" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button>
20 </td> 20 </td>
21 </tr> 21 </tr>
22 <tr height="30"> 22 <tr height="30">
23 <td colspan="2" align="center" >项目名称</td> 23 <td colspan="2" align="center" >项目名称</td>
24 <td colspan="4" > 24 <td colspan="4" >
25 <el-input v-model="form.xmmc"></el-input> 25 <input class="formInput" v-model="form.xmmc">
26 </td> 26 </td>
27 <td colspan="2" align="center" >不动产单元号</td> 27 <td colspan="2" align="center" >不动产单元号</td>
28 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号--> 28 <!-- todo 此处暂时存放的是不动产单元号标识码，而不是不动产单元号-->
29 <td colspan="4" > 29 <td colspan="4" >
30 <el-input v-model="form.bdcdyh" style="width: 70%"></el-input> 30 <input class="formInput percent78" v-model="form.bdcdyh" style="width: 70%">
31 <el-input v-show="false" v-model="form.dyhbsm" style="width: 70%"></el-input> 31 <input class="formInput percent78" v-show="false" v-model="form.dyhbsm" style="width: 70%">
32 <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> 32 <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button>
33 </td> 33 </td>
34 </tr> 34 </tr>
...@@ -36,18 +36,18 @@ ...@@ -36,18 +36,18 @@
36 <tr height="30"> 36 <tr height="30">
37 <td colspan="2" align="center" >建筑物名称</td> 37 <td colspan="2" align="center" >建筑物名称</td>
38 <td colspan="4" > 38 <td colspan="4" >
39 <el-input v-model="form.jzwmc"></el-input> 39 <input class="formInput" v-model="form.jzwmc">
40 </td> 40 </td>
41 <td colspan="2" align="center" >建筑物基本用途</td> 41 <td colspan="2" align="center" >建筑物基本用途</td>
42 <td colspan="4" > 42 <td colspan="4" >
43 <el-input v-model="form.jzwjbyt"></el-input> 43 <input class="formInput" v-model="form.jzwjbyt">
44 </td> 44 </td>
45 </tr> 45 </tr>
46 46
47 <tr height="30"> 47 <tr height="30">
48 <td colspan="2" align="center" >房屋性质</td> 48 <td colspan="2" align="center" >房屋性质</td>
49 <td colspan="4" > 49 <td colspan="4" >
50 <el-select v-model="form.fwxzbsm" placeholder="请选择" > 50 <el-select class="formSelect" v-model="form.fwxzbsm" placeholder="请选择" >
51 <el-option 51 <el-option
52 v-for="item in $store.state.fwxzOptions" 52 v-for="item in $store.state.fwxzOptions"
53 :key="item.bsm" 53 :key="item.bsm"
...@@ -69,62 +69,62 @@ ...@@ -69,62 +69,62 @@
69 <tr height="30"> 69 <tr height="30">
70 <td colspan="2" align="center" >建筑物高度(m)</td> 70 <td colspan="2" align="center" >建筑物高度(m)</td>
71 <td colspan="4" > 71 <td colspan="4" >
72 <el-input v-model="form.jzwgd"></el-input> 72 <input class="formInput" v-model="form.jzwgd">
73 </td> 73 </td>
74 <td colspan="2" align="center" >总套数</td> 74 <td colspan="2" align="center" >总套数</td>
75 <td colspan="4" > 75 <td colspan="4" >
76 <el-input v-model="form.zts"></el-input> 76 <input class="formInput" v-model="form.zts">
77 </td> 77 </td>
78 </tr> 78 </tr>
79 79
80 <tr height="30"> 80 <tr height="30">
81 <td colspan="2" align="center" >幢用地面积(㎡)</td> 81 <td colspan="2" align="center" >幢用地面积(㎡)</td>
82 <td colspan="4" > 82 <td colspan="4" >
83 <el-input v-model="form.zydmj"></el-input> 83 <input class="formInput" v-model="form.zydmj">
84 </td> 84 </td>
85 <td colspan="2" align="center" >幢占用地面积（㎡）</td> 85 <td colspan="2" align="center" >幢占用地面积（㎡）</td>
86 <td colspan="4" > 86 <td colspan="4" >
87 <el-input v-model="form.zzdmj"></el-input> 87 <input class="formInput" v-model="form.zzdmj">
88 </td> 88 </td>
89 </tr> 89 </tr>
90 90
91 <tr height="30"> 91 <tr height="30">
92 <td colspan="2" align="center" >预测建筑面积（㎡）</td> 92 <td colspan="2" align="center" >预测建筑面积（㎡）</td>
93 <td colspan="4" > 93 <td colspan="4" >
94 <el-input v-model="form.ycjzmj"></el-input> 94 <input class="formInput" v-model="form.ycjzmj">
95 </td> 95 </td>
96 <td colspan="2" align="center" >实测建筑面积（㎡）</td> 96 <td colspan="2" align="center" >实测建筑面积（㎡）</td>
97 <td colspan="4" > 97 <td colspan="4" >
98 <el-input v-model="form.scjzmj"></el-input> 98 <input class="formInput" v-model="form.scjzmj">
99 </td> 99 </td>
100 </tr> 100 </tr>
101 101
102 <tr height="30"> 102 <tr height="30">
103 <td colspan="2" align="center" >地下层数</td> 103 <td colspan="2" align="center" >地下层数</td>
104 <td colspan="4" > 104 <td colspan="4" >
105 <el-input v-model="form.dxcs"></el-input> 105 <input class="formInput" v-model="form.dxcs">
106 </td> 106 </td>
107 <td colspan="2" align="center" >地上层数</td> 107 <td colspan="2" align="center" >地上层数</td>
108 <td colspan="4" > 108 <td colspan="4" >
109 <el-input v-model="form.dscs"></el-input> 109 <input class="formInput" v-model="form.dscs">
110 </td> 110 </td>
111 </tr> 111 </tr>
112 112
113 <tr height="30"> 113 <tr height="30">
114 <td colspan="2" align="center" >总层数</td> 114 <td colspan="2" align="center" >总层数</td>
115 <td colspan="4" > 115 <td colspan="4" >
116 <el-input v-model="form.zcs"></el-input> 116 <input class="formInput" v-model="form.zcs">
117 </td> 117 </td>
118 <td colspan="2" align="center" >地下深度（m）</td> 118 <td colspan="2" align="center" >地下深度（m）</td>
119 <td colspan="4" > 119 <td colspan="4" >
120 <el-input v-model="form.dxsd"></el-input> 120 <input class="formInput" v-model="form.dxsd">
121 </td> 121 </td>
122 </tr> 122 </tr>
123 123
124 <tr height="30"> 124 <tr height="30">
125 <td colspan="2" align="center" >产别</td> 125 <td colspan="2" align="center" >产别</td>
126 <td colspan="4" > 126 <td colspan="4" >
127 <el-select v-model="form.fwcbbsm" placeholder="请选择" > 127 <el-select class="formInput" v-model="form.fwcbbsm" placeholder="请选择" >
128 <el-option 128 <el-option
129 v-for="item in $store.state.cbOptions" 129 v-for="item in $store.state.cbOptions"
130 :key="item.bsm" 130 :key="item.bsm"
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
135 </td> 135 </td>
136 <td colspan="2" align="center" >产权来源</td> 136 <td colspan="2" align="center" >产权来源</td>
137 <td colspan="4" > 137 <td colspan="4" >
138 <el-select v-model="form.fwcqlybsm" placeholder="请选择" > 138 <el-select class="formInput" v-model="form.fwcqlybsm" placeholder="请选择" >
139 <el-option 139 <el-option
140 v-for="item in $store.state.cqlyOptions" 140 v-for="item in $store.state.cqlyOptions"
141 :key="item.bsm" 141 :key="item.bsm"
...@@ -157,7 +157,7 @@ ...@@ -157,7 +157,7 @@
157 规划用途 157 规划用途
158 </td> 158 </td>
159 <td width="30" colspan="4" align="center" > 159 <td width="30" colspan="4" align="center" >
160 <el-select-tree 160 <el-select-tree class="formInput"
161 v-if="show" 161 v-if="show"
162 :default-expand-all="defaultExpandAll" 162 :default-expand-all="defaultExpandAll"
163 :multiple="multiple" 163 :multiple="multiple"
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
172 </td> 172 </td>
173 <td width="30" colspan="1" align="center" >用途</td> 173 <td width="30" colspan="1" align="center" >用途</td>
174 <td width="30" colspan="4" align="center" > 174 <td width="30" colspan="4" align="center" >
175 <el-select-tree 175 <el-select-tree class="formInput"
176 v-if="show" 176 v-if="show"
177 :default-expand-all="defaultExpandAll" 177 :default-expand-all="defaultExpandAll"
178 :multiple="multiple" 178 :multiple="multiple"
...@@ -196,7 +196,7 @@ ...@@ -196,7 +196,7 @@
196 <span @click="deleteFwjgInfo(index)">删除</span> 196 <span @click="deleteFwjgInfo(index)">删除</span>
197 </td> 197 </td>
198 <td colspan="9" > 198 <td colspan="9" >
199 <el-select v-model="item1.fwjgzdbsm" placeholder="请选择" > 199 <el-select class="persent78" v-model="item1.fwjgzdbsm" placeholder="请选择" >
200 <el-option 200 <el-option
201 v-for="item in $store.state.jgOptions" 201 v-for="item in $store.state.jgOptions"
202 :key="item.bsm" 202 :key="item.bsm"
...@@ -221,7 +221,7 @@ ...@@ -221,7 +221,7 @@
221 <span>坐落</span> 221 <span>坐落</span>
222 </td> 222 </td>
223 <td colspan="10" > 223 <td colspan="10" >
224 <el-input v-model="form.zl"></el-input> 224 <input class="formInput" v-model="form.zl">
225 </td> 225 </td>
226 </tr> 226 </tr>
227 227
...@@ -230,7 +230,7 @@ ...@@ -230,7 +230,7 @@
230 <span>附加说明</span> 230 <span>附加说明</span>
231 </td> 231 </td>
232 <td colspan="10" rowspan="2" > 232 <td colspan="10" rowspan="2" >
233 <el-input v-model="form.bz" type="textarea"></el-input> 233 <input class="formInput" v-model="form.bz" type="textarea">
234 </td> 234 </td>
235 </tr> 235 </tr>
236 <tr height="30"> 236 <tr height="30">
...@@ -241,7 +241,7 @@ ...@@ -241,7 +241,7 @@
241 <span>调查意见</span> 241 <span>调查意见</span>
242 </td> 242 </td>
243 <td colspan="10" > 243 <td colspan="10" >
244 <el-input v-model="form.dcyj"></el-input> 244 <input class="formInput" v-model="form.dcyj">
245 </td> 245 </td>
246 </tr> 246 </tr>
247 247
...@@ -250,7 +250,7 @@ ...@@ -250,7 +250,7 @@
250 <span>审查员</span> 250 <span>审查员</span>
251 </td> 251 </td>
252 <td colspan="2" > 252 <td colspan="2" >
253 <el-input v-model="form.scy"></el-input> 253 <input class="formInput" v-model="form.scy">
254 </td> 254 </td>
255 <td colspan="2" align="right" style="width:8.33%;padding-right:10px"> 255 <td colspan="2" align="right" style="width:8.33%;padding-right:10px">
256 <span>审查日期</span> 256 <span>审查日期</span>
...@@ -590,6 +590,10 @@ ...@@ -590,6 +590,10 @@
590 590
591 .zrzTable{ 591 .zrzTable{
592 margin-top: 10px; 592 margin-top: 10px;
593 td{
594 text-align: center;
595 height: 36px;
596 }
593 } 597 }
594 } 598 }
595 </style> 599 </style>
...\ No newline at end of file ...\ No newline at end of file
......