You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
1.8 KiB
Vue
78 lines
1.8 KiB
Vue
<template>
|
|
<div>
|
|
<TitleGroup>
|
|
<!-- <template slot="title">CONTACT US</template>-->
|
|
<template slot="subTitle"> 联系我们</template>
|
|
</TitleGroup>
|
|
<div class="content">
|
|
<el-form ref="form" :inline="true" :model="form" label-width="80px" label-position="top">
|
|
<el-form-item label="姓名" style="width: 32%">
|
|
<el-input v-model="form.name"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="电话" style="width: 32%">
|
|
<el-input v-model="form.phone"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="公司名称 " style="width: 32%">
|
|
<el-input v-model="form.company"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="留言" style="width: 100%">
|
|
<el-input type="textarea" v-model="form.value"></el-input>
|
|
</el-form-item>
|
|
<br>
|
|
<el-form-item style="text-align: center;width: 100%">
|
|
<el-button type="primary" @click="onSubmit">提交</el-button>
|
|
<el-button @click="form={}">重置</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import TitleGroup from "@/components/TitleGroup";
|
|
|
|
export default {
|
|
name: 'PlatformIntroduction',
|
|
props: ['data'],
|
|
components: {
|
|
TitleGroup
|
|
},
|
|
data() {
|
|
return {
|
|
form: {
|
|
name: '',
|
|
region: '',
|
|
date1: '',
|
|
date2: '',
|
|
delivery: false,
|
|
type: [],
|
|
resource: '',
|
|
desc: ''
|
|
}
|
|
}
|
|
},
|
|
mounted() {
|
|
},
|
|
methods: {
|
|
onSubmit() {
|
|
console.log('submit!');
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
@import "~@/style.less";
|
|
|
|
.content {
|
|
display: inline-block;
|
|
width: 65vw;
|
|
//height: 20.1vw;
|
|
//border: 1px solid #ccc3;
|
|
margin-top: 3.7vw;
|
|
margin-bottom: 5.2vw;
|
|
vertical-align: top;
|
|
text-align: left;
|
|
}
|
|
</style>
|