|
@@ -7,85 +7,85 @@
|
|
|
* @LastEditTime: 2020-08-10 19:59:58
|
|
|
-->
|
|
|
<template>
|
|
|
- <div class="mailManage">
|
|
|
+<div class="mailManage">
|
|
|
<el-card class="box-card">
|
|
|
- <div class="title">收件邮箱</div>
|
|
|
- <el-form ref="form51" :model="form51" :rules="rules" label-width="140px" label-position="left">
|
|
|
- <el-form-item label="51job邮箱" prop="cmpMailAccount">
|
|
|
- <el-input v-model.trim="form51.cmpMailAccount"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="密码" prop="cmpMailPassword">
|
|
|
- <el-input v-model.trim="form51.cmpMailPassword" show-password></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邮箱类型" prop="cmpMailType">
|
|
|
- <el-radio-group v-model="form51.cmpMailType">
|
|
|
- <el-radio :label="0">阿里</el-radio>
|
|
|
- <el-radio :label="1">网易</el-radio>
|
|
|
- <el-radio :label="2">QQ</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item class="button-grounp">
|
|
|
- <el-button type="primary" @click="determine(0)">验证并使用</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <el-form ref="formzl" :model="formzl" :rules="rules" label-width="140px" label-position="left">
|
|
|
- <el-form-item label="智联邮箱" prop="cmpMailAccount">
|
|
|
- <el-input v-model.trim="formzl.cmpMailAccount"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="密码" prop="cmpMailPassword">
|
|
|
- <el-input v-model.trim="formzl.cmpMailPassword" show-password></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邮箱类型" prop="cmpMailType">
|
|
|
- <el-radio-group v-model="formzl.cmpMailType">
|
|
|
- <el-radio :label="0">阿里</el-radio>
|
|
|
- <el-radio :label="1">网易</el-radio>
|
|
|
- <el-radio :label="2">QQ</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item class="button-grounp">
|
|
|
- <el-button type="primary" @click="determine(1)">验证并使用</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <el-form ref="form58" :model="form58" :rules="rules" label-width="140px" label-position="left">
|
|
|
- <el-form-item label="58邮箱" prop="cmpMailAccount">
|
|
|
- <el-input v-model.trim="form58.cmpMailAccount"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="密码" prop="cmpMailPassword">
|
|
|
- <el-input v-model.trim="form58.cmpMailPassword" show-password></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邮箱类型" prop="cmpMailType">
|
|
|
- <el-radio-group v-model="form58.cmpMailType">
|
|
|
- <el-radio :label="0">阿里</el-radio>
|
|
|
- <el-radio :label="1">网易</el-radio>
|
|
|
- <el-radio :label="2">QQ</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item class="button-grounp">
|
|
|
- <el-button type="primary" @click="determine(2)">验证并使用</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <div class="title">发件邮箱</div>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="140px" label-position="left">
|
|
|
- <el-form-item label="发件邮箱" prop="cmpMailAccount">
|
|
|
- <el-input v-model.trim="form.cmpMailAccount"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="密码" prop="cmpMailPassword">
|
|
|
- <el-input v-model.trim="form.cmpMailPassword" show-password></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="邮箱类型">
|
|
|
- <el-radio-group v-model="form.cmpMailType">
|
|
|
- <el-radio :label="0">阿里</el-radio>
|
|
|
- <el-radio :label="1">网易</el-radio>
|
|
|
- <el-radio :label="2">QQ</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item class="button-grounp">
|
|
|
- <el-button type="primary" @click="submit">验证并使用</el-button>
|
|
|
- </el-form-item>
|
|
|
- <div class="info">提示:接受简历的邮箱地址或者密码变更后,需要在本页面修改并点击重新验证,生效时间约30分钟至1小时;如未生效,请联系平台管理员。</div>
|
|
|
- </el-form>
|
|
|
+ <div class="title">收件邮箱</div>
|
|
|
+ <el-form ref="form51" :model="form51" :rules="rules" label-width="140px" label-position="left">
|
|
|
+ <el-form-item label="51job邮箱" prop="cmpMailAccount">
|
|
|
+ <el-input v-model.trim="form51.cmpMailAccount"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="密码" prop="cmpMailPassword">
|
|
|
+ <el-input v-model.trim="form51.cmpMailPassword" show-password></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="邮箱类型" prop="cmpMailType">
|
|
|
+ <el-radio-group v-model="form51.cmpMailType">
|
|
|
+ <el-radio :label="0">阿里</el-radio>
|
|
|
+ <el-radio :label="1">网易</el-radio>
|
|
|
+ <el-radio :label="2">QQ</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="button-grounp">
|
|
|
+ <el-button type="primary" @click="determine(0)">验证并使用</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-form ref="formzl" :model="formzl" :rules="rules" label-width="140px" label-position="left">
|
|
|
+ <el-form-item label="智联邮箱" prop="cmpMailAccount">
|
|
|
+ <el-input v-model.trim="formzl.cmpMailAccount"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="密码" prop="cmpMailPassword">
|
|
|
+ <el-input v-model.trim="formzl.cmpMailPassword" show-password></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="邮箱类型" prop="cmpMailType">
|
|
|
+ <el-radio-group v-model="formzl.cmpMailType">
|
|
|
+ <el-radio :label="0">阿里</el-radio>
|
|
|
+ <el-radio :label="1">网易</el-radio>
|
|
|
+ <el-radio :label="2">QQ</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="button-grounp">
|
|
|
+ <el-button type="primary" @click="determine(1)">验证并使用</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-form ref="form58" :model="form58" :rules="rules" label-width="140px" label-position="left">
|
|
|
+ <el-form-item label="58邮箱" prop="cmpMailAccount">
|
|
|
+ <el-input v-model.trim="form58.cmpMailAccount"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="密码" prop="cmpMailPassword">
|
|
|
+ <el-input v-model.trim="form58.cmpMailPassword" show-password></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="邮箱类型" prop="cmpMailType">
|
|
|
+ <el-radio-group v-model="form58.cmpMailType">
|
|
|
+ <el-radio :label="0">阿里</el-radio>
|
|
|
+ <el-radio :label="1">网易</el-radio>
|
|
|
+ <el-radio :label="2">QQ</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="button-grounp">
|
|
|
+ <el-button type="primary" @click="determine(2)">验证并使用</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="title">发件邮箱</div>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="140px" label-position="left">
|
|
|
+ <el-form-item label="发件邮箱" prop="cmpMailAccount">
|
|
|
+ <el-input v-model.trim="form.cmpMailAccount"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="密码" prop="cmpMailPassword">
|
|
|
+ <el-input v-model.trim="form.cmpMailPassword" show-password></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="邮箱类型">
|
|
|
+ <el-radio-group v-model="form.cmpMailType">
|
|
|
+ <el-radio :label="0">阿里</el-radio>
|
|
|
+ <el-radio :label="1">网易</el-radio>
|
|
|
+ <el-radio :label="2">QQ</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item class="button-grounp">
|
|
|
+ <el-button type="primary" @click="submit">验证并使用</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ <div class="info">提示:接受简历的邮箱地址或者密码变更后,需要在本页面修改并点击重新验证,生效时间约30分钟至1小时;如未生效,请联系平台管理员。</div>
|
|
|
+ </el-form>
|
|
|
</el-card>
|
|
|
- </div>
|
|
|
+</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -120,14 +120,15 @@ export default {
|
|
|
reqdata: {}
|
|
|
})
|
|
|
.then((res) => {
|
|
|
- try {
|
|
|
- res.list.filter(item => item.useType !== 1).forEach((item, index) => {
|
|
|
- this[index === 0 ? 'form51' : index === 1 ? 'formzl' : 'form58'] = item
|
|
|
- })
|
|
|
- this.form = res.list.find(item => item.useType === 1)
|
|
|
- } catch (error) {
|
|
|
- console.log(error)
|
|
|
- }
|
|
|
+ let list = res.list.filter(item => item.useType !== 1)
|
|
|
+ console.log(list[0])
|
|
|
+ // this.$set(this.$data, 'form51', list[0] ? list[0] : this.form51)
|
|
|
+ // this.$set(this.$data, 'formzl', list[1] ? list[1] : this.formzl)
|
|
|
+ // this.$set(this.$data, 'form58', list[2] ? list[2] : this.form58)
|
|
|
+ list[0] && Object.assign(this.form51, list[0])
|
|
|
+ list[1] && Object.assign(this.formzl, list[1])
|
|
|
+ list[2] && Object.assign(this.form58, list[2])
|
|
|
+ this.form = res.list.some(item => item.useType === 1) ? res.list.find(item => item.useType === 1) : {}
|
|
|
})
|
|
|
}
|
|
|
let submit = () => {
|
|
@@ -158,27 +159,39 @@ export default {
|
|
|
}
|
|
|
return {
|
|
|
form51: {
|
|
|
+ cmpMailAccount: '',
|
|
|
+ cmpMailPassword: '',
|
|
|
cmpMailType: 0
|
|
|
},
|
|
|
formzl: {
|
|
|
+ cmpMailAccount: '',
|
|
|
+ cmpMailPassword: '',
|
|
|
cmpMailType: 0
|
|
|
},
|
|
|
form58: {
|
|
|
+ cmpMailAccount: '',
|
|
|
+ cmpMailPassword: '',
|
|
|
cmpMailType: 0
|
|
|
},
|
|
|
form: {
|
|
|
+ cmpMailAccount: '',
|
|
|
+ cmpMailPassword: '',
|
|
|
cmpMailType: 0
|
|
|
},
|
|
|
determine,
|
|
|
queryDate,
|
|
|
submit,
|
|
|
rules: {
|
|
|
- cmpMailAccount: [
|
|
|
- { required: true, message: '请输入邮箱账号', trigger: 'blur' }
|
|
|
- ],
|
|
|
- cmpMailPassword: [
|
|
|
- { required: true, message: '请输入邮箱密码', trigger: 'blur' }
|
|
|
- ]
|
|
|
+ cmpMailAccount: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入邮箱账号',
|
|
|
+ trigger: 'blur'
|
|
|
+ }],
|
|
|
+ cmpMailPassword: [{
|
|
|
+ required: true,
|
|
|
+ message: '请输入邮箱密码',
|
|
|
+ trigger: 'blur'
|
|
|
+ }]
|
|
|
}
|
|
|
}
|
|
|
},
|
|
@@ -190,34 +203,36 @@ export default {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.mailManage {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-content: center;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-content: center;
|
|
|
}
|
|
|
+
|
|
|
.box-card {
|
|
|
- width: 800rpx;
|
|
|
- padding: 18px 0;
|
|
|
+ width: 800rpx;
|
|
|
+ padding: 18px 0;
|
|
|
}
|
|
|
+
|
|
|
.button-grounp {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
}
|
|
|
+
|
|
|
.info {
|
|
|
- width: 540px;
|
|
|
- color: #bbb;
|
|
|
- font-size: 12px;
|
|
|
+ width: 540px;
|
|
|
+ color: #bbb;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
+
|
|
|
.title {
|
|
|
- padding: 15px;
|
|
|
- text-align: center;
|
|
|
- font-size: 20px;
|
|
|
+ padding: 15px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
-</style>
|
|
|
-
|
|
|
-<style lang="scss">
|
|
|
+</style><style lang="scss">
|
|
|
.mailManage {
|
|
|
- .el-input__inner {
|
|
|
- width: 400px !important;
|
|
|
- }
|
|
|
+ .el-input__inner {
|
|
|
+ width: 400px !important;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|