Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
1aa98fba by zhaoqian
Options

自然幢表单样式提交

1 parent 2291a680
Inline Side-by-side
Showing 4 changed files with 1 additions and 336 deletions
...@@ -58,11 +58,6 @@ const constantRoutes = [ ...@@ -58,11 +58,6 @@ const constantRoutes = [
58 code: 'zrz', 58 code: 'zrz',
59 component: () => import('@/views/zrz/index'), 59 component: () => import('@/views/zrz/index'),
60 }, 60 },
61 {
62 path: '/zrz1',
63 code: 'zrz1',
64 component: () => import('@/views/zrz/index1'),
65 }
66 ] 61 ]
67 } 62 }
68 ] 63 ]
......
...@@ -8,24 +8,11 @@ ...@@ -8,24 +8,11 @@
8 width: 100%; 8 width: 100%;
9 } 9 }
10 10
11 .el-row{
12 border-top: 1px solid grey;
13 border-left: 1px solid grey;
14 border-right: 1px solid grey;
15 display: flex;
16 flex-wrap: wrap
17 }
18
19 .el-form-item{ 11 .el-form-item{
20 font-weight: bold; 12 font-weight: bold;
21 font-size: xx-large 13 font-size: xx-large
22 } 14 }
23 15
24 .el-col{
25 border-right: 1px solid grey;
26 height: 45px;
27 }
28
29 td{ 16 td{
30 bgcolor:#F1F4FC; 17 bgcolor:#F1F4FC;
31 width:8.33% 18 width:8.33%
......
1 <template> 1 <template>
2 <div class="zrz content-form"> 2 <div class="zrz content-form">
3 <el-form ref="form" :model="form" label-width="160px"> 3 <el-form ref="form" :model="form" label-width="160px">
4 <table border="1" width="100%" cellspacing="1" cellpadding="2"> 4 <table border="1" width="80%" cellspacing="1" cellpadding="2">
5 <tbody> 5 <tbody>
6 <tr> 6 <tr>
7 <td colspan="1"></td> 7 <td colspan="1"></td>
......
1 <template>
2 <div class="zrz content-form">
3      
4 <el-form ref="form" :model="form" label-width="160px">
5        
6 <el-row>
7 <el-col :span="12">
8 <el-form-item label="活动名称">
9 <el-input v-model="form.name"></el-input>
10 </el-form-item>
11 </el-col>
12          
13 <el-col :span="12">
14 <el-form-item label="自然幢号">
15 <el-input v-model="form.name" style="width: 200px"></el-input>
16 <el-button @click.prevent="" type="primary" style="width:90px;margin-left:10px">生成</el-button>
17 </el-form-item> 
18 </el-col>
19 </el-row>
20
21        
22 <el-row>
23          
24 <el-col :span="12">
25 <el-form-item label="项目名称">
26 <el-input v-model="form.name"></el-input>
27 </el-form-item>
28          
29 </el-col>
30          
31 <el-col :span="12">
32  
33 <el-form-item label="不动产单元号">
34 <el-input v-model="form.name" style="width: 200px"></el-input>
35 <el-button @click.prevent="" type="primary" style="width:90px;margin-left:10px">生成</el-button>
36 </el-form-item>
37          
38 </el-col>
39        
40 </el-row>
41
42        
43 <el-row>
44          
45 <el-col :span="12">
46 <el-form-item label="建筑物名称">
47 <el-input v-model="form.name"></el-input>
48 </el-form-item>
49          
50 </el-col>
51          
52 <el-col :span="12">
53 <el-form-item label="建筑物基本用途">
54 <el-input v-model="form.name"></el-input>
55 </el-form-item>
56          
57 </el-col>
58        
59 </el-row>
60
61        
62 <el-row>
63          
64 <el-col :span="12">
65 <el-form-item label="房屋性质">
66 <el-input v-model="form.name"></el-input>
67 </el-form-item>
68          
69 </el-col>
70          
71 <el-col :span="12">
72 <el-form-item label="竣工日期">
73 <el-input v-model="form.name"></el-input>
74 </el-form-item>
75          
76 </el-col>
77        
78 </el-row>
79
80        
81 <el-row>
82          
83 <el-col :span="12">
84 <el-form-item label="建筑物高度(m)">
85 <el-input v-model="form.name"></el-input>
86 </el-form-item>
87          
88 </el-col>
89          
90 <el-col :span="12">
91 <el-form-item label="总套数">
92 <el-input v-model="form.name"></el-input>
93 </el-form-item>
94          
95 </el-col>
96        
97 </el-row>
98
99        
100 <el-row>
101          
102 <el-col :span="12">
103 <el-form-item label="幢用地面积(㎡)">
104 <el-input v-model="form.name"></el-input>
105 </el-form-item>
106          
107 </el-col>
108          
109 <el-col :span="12">
110 <el-form-item label="幢占用地面积（㎡）">
111 <el-input v-model="form.name"></el-input>
112 </el-form-item>
113          
114 </el-col>
115        
116 </el-row>
117
118        
119 <el-row>
120          
121 <el-col :span="12">
122 <el-form-item label="预测建筑面积（㎡）">
123 <el-input v-model="form.name"></el-input>
124 </el-form-item>
125          
126 </el-col>
127          
128 <el-col :span="12">
129 <el-form-item label="实测建筑面积（㎡）">
130 <el-input v-model="form.name"></el-input>
131 </el-form-item>
132          
133 </el-col>
134        
135 </el-row>
136
137        
138 <el-row>
139          
140 <el-col :span="12">
141 <el-form-item label="地下层数">
142 <el-input v-model="form.name"></el-input>
143 </el-form-item>
144          
145 </el-col>
146          
147 <el-col :span="12">
148 <el-form-item label="地上层数">
149 <el-input v-model="form.name"></el-input>
150 </el-form-item>
151          
152 </el-col>
153        
154 </el-row>
155
156        
157 <el-row>
158          
159 <el-col :span="12">
160 <el-form-item label="总层数">
161 <el-input v-model="form.name"></el-input>
162 </el-form-item>
163          
164 </el-col>
165          
166 <el-col :span="12">
167 <el-form-item label="地下深度（m）">
168 <el-input v-model="form.name"></el-input>
169 </el-form-item>
170          
171 </el-col>
172        
173 </el-row>
174
175        
176 <el-row>
177          
178 <el-col :span="12">
179 <el-form-item label="产别">
180 <el-input v-model="form.name"></el-input>
181 </el-form-item>
182          
183 </el-col>
184          
185 <el-col :span="12">
186 <el-form-item label="产权来源">
187 <el-input v-model="form.name"></el-input>
188 </el-form-item>
189          
190 </el-col>
191        
192 </el-row>
193
194 <el-row>
195 <el-col>
196 <el-form-item>
197 <label slot="label">
198 <el-button type="primary" size="mini" style="margin-right: 10px">添加</el-button>
199 <span>用途</span>
200 </label>
201 <el-row style="padding-top: 0px;border: 0">
202 <el-col :span="12">
203 <el-form-item label="规划用途">
204 <el-input v-model="form.name"></el-input>
205 </el-form-item>
206 </el-col>
207 <el-col :span="12">
208 <el-form-item label="用途">
209 <el-input v-model="form.name"></el-input>
210 </el-form-item>
211 </el-col>
212 </el-row>
213 </el-form-item>
214          
215 </el-col>
216        
217 </el-row>
218
219 <el-row>
220 <el-col>
221 <el-form-item>
222 <label slot="label">
223 <el-button type="primary" size="mini" style="margin-right: 10px">添加</el-button>
224 <span>房屋用途</span>
225 </label>
226 <el-select v-model="value" placeholder="请选择" style="display:block;">
227 <el-option
228 v-for="item in options"
229 :key="item.value"
230 :label="item.label"
231 :value="item.value">
232 </el-option>
233 </el-select>
234 </el-form-item>
235 </el-col>
236 </el-row>
237
238 <el-row>
239          
240 <el-col :span="24">
241 <el-form-item label="坐落">
242 <el-input v-model="form.name"></el-input>
243 </el-form-item>
244          
245 </el-col>
246        
247 </el-row>
248
249 <el-row>
250          
251 <el-col :span="24" style="height: 55px">
252 <el-form-item label="附加说明">
253 <el-input v-model="form.name" type="textarea" :rows="2"></el-input>
254 </el-form-item>
255          
256 </el-col>
257        
258 </el-row>
259
260 <el-row>
261          
262 <el-col :span="24">
263 <el-form-item label="调查意见">
264 <el-input v-model="form.name"></el-input>
265 </el-form-item>
266          
267 </el-col>
268        
269 </el-row>
270
271 <el-row style="border-top: 1px solid grey;
272 border-left: 0;
273 border-right: 0;
274 border-right: 0;">
275 </el-row>
276
277
278 </el-form>
279
280 <div style="min-height: 120px"></div>
281 </div>
282 </template>
283
284 <script>
285 export default {
286 name: "index1",
287 data() {
288 return {
289 form: {
290 name: '',
291
292 },
293 options: [{
294 value: '选项1',
295 label: '黄金糕'
296 }, {
297 value: '选项2',
298 label: '双皮奶'
299 }, {
300 value: '选项3',
301 label: '蚵仔煎'
302 }, {
303 value: '选项4',
304 label: '龙须面'
305 }, {
306 value: '选项5',
307 label: '北京烤鸭'
308 }],
309 value: ''
310 }
311 }
312 }
313 </script>
314
315 <style rel="stylesheet/less" lang="less">
316 @import './index.less';
317 </style>
...\ No newline at end of file ...\ No newline at end of file