|
@@ -6,9 +6,10 @@ import Eyeopen from '@/components/icon/eye_open.vue'
|
|
|
import Error from '@/components/icon/error.vue'
|
|
|
import AsideInfo from '@/components/asideInfo.vue'
|
|
|
import { userStore } from '@/store/userInfo'
|
|
|
+import TrailForm from '@/components/trailForm.vue'
|
|
|
|
|
|
export default {
|
|
|
- components: { Eyecolse, Eyeopen, Error, AsideInfo },
|
|
|
+ components: { Eyecolse, Eyeopen, Error, AsideInfo, TrailForm },
|
|
|
data() {
|
|
|
return {
|
|
|
passwordError: false,
|
|
@@ -37,7 +38,8 @@ export default {
|
|
|
password: [
|
|
|
{ required: true, message: 'Password is required', trigger: [''] }
|
|
|
]
|
|
|
- }
|
|
|
+ },
|
|
|
+ showTrailForm: false
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
@@ -179,6 +181,9 @@ export default {
|
|
|
this.$router.push('/non-admin-user')
|
|
|
}
|
|
|
})
|
|
|
+ },
|
|
|
+ closeTrailForm() {
|
|
|
+ this.showTrailForm = false
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -202,7 +207,8 @@ export default {
|
|
|
<div class="mt-24px text-[#404653] text-16px leading-24px mb-8px">Email</div>
|
|
|
<div class="flex items-center">
|
|
|
<el-input v-model.trim="ruleForm.email" @input="isdisable()" placeholder="Please enter email address." />
|
|
|
- <Error class="w-14px h-14px block absolute right-13px bottom-15px" :class="emailError ? 'block' : 'hidden'" />
|
|
|
+ <Error class="w-14px h-14px block absolute right-13px bottom-15px"
|
|
|
+ :class="emailError ? 'block' : 'hidden'" />
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item prop="password">
|
|
@@ -238,12 +244,19 @@ export default {
|
|
|
Create account
|
|
|
</router-link>
|
|
|
</div> -->
|
|
|
- <div class="flex justify-center">
|
|
|
+ <!-- <div class="flex justify-center">
|
|
|
<a href="/free-trial-admin-console-signup" class="text-12px text-[#0773ED] cursor-pointer">
|
|
|
Don't have an account?
|
|
|
</a>
|
|
|
+ </div> -->
|
|
|
+ <div class="flex justify-center">
|
|
|
+ <span @click="showTrailForm = true" class="text-12px text-[#1460F3] cursor-pointer">
|
|
|
+ Don't have an account?
|
|
|
+ </span>
|
|
|
</div>
|
|
|
</el-form>
|
|
|
+ <div v-show="showTrailForm" class="bg-cover" @touchmove.stop.prevent></div>
|
|
|
+ <TrailForm v-show="showTrailForm" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -279,6 +292,7 @@ export default {
|
|
|
|
|
|
.el-form::v-deep .el-form-item {
|
|
|
margin-bottom: 28px;
|
|
|
+
|
|
|
&.is-error {
|
|
|
margin-bottom: 0;
|
|
|
}
|