Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
5d0d3a07 by zhaoqian
Options

表单样式提交

1 parent 0eee0196
Inline Side-by-side
Showing 2 changed files with 92 additions and 20 deletions
......@@ -4,6 +4,10 @@
//margin-top: 10px;
float: left;
.el-input{
width: 100%;
}
.content-left{
width: 40%;
float: left;
......@@ -36,10 +40,6 @@
font-size: xx-large
}
.el-input{
width: 300px;
}
.el-col{
border-right: 1px solid grey;
height: 45px;
......
......@@ -3,6 +3,20 @@
<el-form ref="form" :model="form" label-width="160px">
<table border="1" width="100%" cellspacing="1" cellpadding="2">
<tbody>
<tr>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
<td colspan="1" style="width:8.33%"></td>
</tr>
<tr height="30">
<td colspan="12" align="center" bgcolor="#F1F4FC" style="width:8.33%"><font size="5">自然幢基本信息</font></td>
</tr>
......@@ -13,8 +27,8 @@
</td>
<td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">自然幢号</td>
<td colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
<el-input v-model="form.name" style="width: 200px"></el-input>
<el-button @click.prevent="" type="primary" style="width:90px;margin-left:10px">生成</el-button>
<el-input v-model="form.name" style="width: 70%"></el-input>
<el-button @click.prevent="" type="primary" style="width:25%;margin-left:3%">生成</el-button>
</td>
</tr>
<tr height="30">
......@@ -24,8 +38,8 @@
</td>
<td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">不动产单元号</td>
<td colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
<el-input v-model="form.name" style="width: 200px"></el-input>
<el-button @click.prevent="" type="primary" style="width:90px;margin-left:10px">生成</el-button>
<el-input v-model="form.name" style="width: 70%"></el-input>
<el-button @click.prevent="" type="primary" style="width:25%;margin-left:3%">生成</el-button>
</td>
</tr>
......@@ -43,11 +57,22 @@
<tr height="30">
<td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">房屋性质</td>
<td colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
<el-input v-model="form.name"></el-input>
<el-select v-model="value" placeholder="请选择" style="display:block;">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
<td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">竣工日期</td>
<td colspan="4" bgcolor="#F1F4FC" style="width:8.33%">
<el-input v-model="form.name"></el-input>
<el-date-picker
v-model="form.date"
type="date"
placeholder="选择日期">
</el-date-picker>
</td>
</tr>
......@@ -135,11 +160,25 @@
</td>
<td width="30" colspan="1" align="center" bgcolor="#F1F4FC" style="width:8.33%">规划用途</td>
<td width="30" colspan="4" align="center" bgcolor="#F1F4FC" style="width:8.33%">
<el-input v-model="form.name"></el-input>
<el-select v-model="value" placeholder="请选择" style="display:block;">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
<td width="30" colspan="1" align="center" bgcolor="#F1F4FC" style="width:8.33%">用途</td>
<td width="30" colspan="4" align="center" bgcolor="#F1F4FC" style="width:8.33%">
<el-input v-model="form.name"></el-input>
<el-select v-model="value" placeholder="请选择" style="display:block;">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</td>
</tr>
......@@ -163,16 +202,18 @@
</tr>
<tr height="30">
<td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">
<td colspan="2" rowspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">
<span>附加说明</span>
</td>
<td colspan="10" bgcolor="#F1F4FC" style="width:8.33%">
<el-input v-model="form.name"></el-input>
<td colspan="10" rowspan="2" bgcolor="#F1F4FC" style="width:8.33%">
<el-input v-model="form.name" type="textarea"></el-input>
</td>
</tr>
<tr height="30">
</tr>
<tr height="30">
<td colspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">
<td colspan="2" rowspan="2" align="center" bgcolor="#F1F4FC" style="width:8.33%">
<span>调查意见</span>
</td>
<td colspan="10" bgcolor="#F1F4FC" style="width:8.33%">
......@@ -180,6 +221,22 @@
</td>
</tr>
<tr height="30">
<td colspan="10" bgcolor="#F1F4FC" style="width:8.33%">
<el-form-item label="审查员" style="margin-left:30%;float: left">
<el-input v-model="form.name" style="width: 100%"></el-input>
</el-form-item>
<el-form-item label="审查日期" style="margin-left: 70%">
<el-date-picker
v-model="form.date"
type="date"
style="width: 100%"
placeholder="选择日期">
</el-date-picker>
</el-form-item>
</td>
</tr>
</tbody>
</table>
</el-form>
......@@ -193,10 +250,25 @@
return {
form:{
name:'',
date:'',
},
form1:{
name:'',
}
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: '',
}
},
methods: {
......@@ -204,5 +276,5 @@
}
</script>
<style rel="stylesheet/less" lang="less">
/*@import './index.less';*/
@import './index.less';
</style>
\ No newline at end of file
......