<template>
|
<el-dialog :visible.sync="dialogVisible" :show-close="false" width="80%">
|
<div class="content">
|
|
<el-form label-position="left" :inline="true" label-width="105px" :model="formLabelAlign" :rules="rules">
|
<div class="title">个人信息</div>
|
<div class="company">所属公司：成都喜望软件有限公司</div>
|
<el-row :gutter="0" class="companyForm">
|
<el-col :span="7">
|
<el-form-item label="姓名">
|
<el-input v-model="formLabelAlign.name"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="7"><el-form-item label="手机号">
|
<el-input v-model="formLabelAlign.region"></el-input>
|
</el-form-item></el-col>
|
<el-col :span="7"><el-form-item label="邮箱">
|
<el-input v-model="formLabelAlign.type"></el-input>
|
</el-form-item></el-col>
|
</el-row>
|
<div class="company" style="margin-top: 6px;">其他邮箱
|
<div class="btn"><img src="@/assets/add.png" alt="">新增邮箱</div>
|
</div>
|
<el-row :gutter="0" class="companyForm">
|
<el-col :span="7">
|
<el-form-item label="邮箱">
|
<el-input v-model="formLabelAlign.email"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="7"><el-form-item label="手机号">
|
<el-input v-model="formLabelAlign.region"></el-input>
|
</el-form-item></el-col>
|
<el-col :span="7"><el-form-item label="邮箱">
|
<el-input v-model="formLabelAlign.type"></el-input>
|
</el-form-item></el-col>
|
</el-row>
|
</el-form>
|
</div>
|
</el-dialog>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
dialogVisible: true,
|
formLabelAlign: {
|
name: '',
|
region: '',
|
type: '',
|
email:''
|
},
|
rules: {
|
email: [
|
{ required: true, message: '请选择活动区域', trigger: 'change' }
|
],
|
}
|
};
|
},
|
};
|
</script>
|
|
<style lang="less" scoped>
|
.content {
|
.title {
|
padding: 31px 0;
|
text-align: center;
|
font-size: 18px;
|
font-weight: bold;
|
color: #3B3F56;
|
line-height: 27px;
|
}
|
|
.company {
|
font-weight: bold;
|
font-size: 16px;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
color: #3B3F56;
|
line-height: 24px;
|
margin-left: 38px;
|
padding-right: 50px;
|
|
.btn {
|
width: 151px;
|
height: 50px;
|
border-radius: 4px;
|
background: #014099;
|
font-size: 16px;
|
color: #fff;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-weight: 500;
|
cursor: pointer;
|
|
img {
|
width: 20px;
|
height: 20px;
|
margin-right: 13px;
|
}
|
}
|
}
|
|
.companyForm {
|
margin-top: 32px;
|
border-bottom: 1px solid rgba(151, 151, 151, 0.12);
|
padding-left: 38px;
|
}
|
}
|
|
/deep/ .el-dialog {
|
border-radius: 8px;
|
|
.el-dialog__header {
|
display: none !important;
|
}
|
|
.el-dialog__body {
|
padding: 0 !important;
|
|
}
|
}
|
|
/deep/ .el-form {
|
.el-form-item__label {
|
font-size: 16px;
|
color: #3B3F56;
|
font-weight: 500;
|
}
|
}
|
</style>
|
