|
|
@@ -2,7 +2,9 @@
|
|
|
<div class="analysis-report-order-form">
|
|
|
<!-- pc端单日限量包不需要填写邮箱手机号，直接导出excel。但是移动端需要 -->
|
|
|
<SelectorCard class="vip-sub-list-item" cardType="line">
|
|
|
- <div slot="header" class="vip-sub-item-title">邮箱地址</div>
|
|
|
+ <div slot="header" class="vip-sub-item-title">
|
|
|
+ <i class="star">*</i>邮箱地址
|
|
|
+ </div>
|
|
|
<div class="vip-sub-item-content">
|
|
|
<el-form
|
|
|
:model="ruleForm"
|
|
|
@@ -12,7 +14,7 @@
|
|
|
@validate="updateFormState"
|
|
|
:inline="true"
|
|
|
>
|
|
|
- <el-form-item prop="email">
|
|
|
+ <el-form-item prop="email">
|
|
|
<el-input
|
|
|
v-model="ruleForm.email"
|
|
|
placeholder="请输入您的邮箱地址"
|
|
|
@@ -32,9 +34,9 @@ import { validateEmail } from '@/utils/functions/check'
|
|
|
export default {
|
|
|
name: 'analysis-report-order-form',
|
|
|
components: {
|
|
|
- SelectorCard,
|
|
|
+ SelectorCard
|
|
|
},
|
|
|
- data () {
|
|
|
+ data() {
|
|
|
return {
|
|
|
ruleForm: {
|
|
|
email: '',
|
|
|
@@ -42,16 +44,18 @@ export default {
|
|
|
},
|
|
|
rules: {
|
|
|
email: [{ required: true, validator: validateEmail, trigger: 'change' }]
|
|
|
- },
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
pass() {
|
|
|
- const emailPass = this.ruleForm.email && /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(this.ruleForm.email)
|
|
|
+ const emailPass =
|
|
|
+ this.ruleForm.email &&
|
|
|
+ /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(this.ruleForm.email)
|
|
|
return Boolean(emailPass)
|
|
|
}
|
|
|
},
|
|
|
- created () {
|
|
|
+ created() {
|
|
|
this.getUserInfo()
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -69,10 +73,14 @@ export default {
|
|
|
this.ruleForm = Object.assign(
|
|
|
{
|
|
|
phone: this.ruleForm.phone,
|
|
|
- email: this.ruleForm.email,
|
|
|
+ email: this.ruleForm.email
|
|
|
},
|
|
|
this.ruleForm,
|
|
|
- { phone: token ? phone : data.phone, reportMail: data.reportMail, email: data.reportMail || '' }
|
|
|
+ {
|
|
|
+ phone: token ? phone : data.phone,
|
|
|
+ reportMail: data.reportMail,
|
|
|
+ email: data.reportMail || ''
|
|
|
+ }
|
|
|
)
|
|
|
this.updateFormState()
|
|
|
}
|
|
|
@@ -84,7 +92,7 @@ export default {
|
|
|
read: true,
|
|
|
email: this.pass
|
|
|
})
|
|
|
- },
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -94,7 +102,7 @@ export default {
|
|
|
padding: 24px 30px;
|
|
|
.vip-sub-item-title {
|
|
|
&::before {
|
|
|
- content: "*";
|
|
|
+ content: '*';
|
|
|
color: #ff3a20;
|
|
|
margin-right: 4px;
|
|
|
}
|
|
|
@@ -104,6 +112,10 @@ export default {
|
|
|
content: unset !important;
|
|
|
}
|
|
|
}
|
|
|
+ .star {
|
|
|
+ margin-right: 2px;
|
|
|
+ color: #ff3a20;
|
|
|
+ }
|
|
|
::v-deep {
|
|
|
.selector-card.s-line {
|
|
|
padding: 0;
|
