From b0ac697766a84e6e9643bb9b1d22843cc0df8c55 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 27 五月 2022 21:19:50 +0800 Subject: [PATCH] 2022-05-27 --- src/views/signup/signup.vue | 62 +++++++++++++++++++++++++------ 1 files changed, 50 insertions(+), 12 deletions(-) diff --git a/src/views/signup/signup.vue b/src/views/signup/signup.vue index c981e6c..ded1515 100644 --- a/src/views/signup/signup.vue +++ b/src/views/signup/signup.vue @@ -6,13 +6,23 @@ <a class="plat-name" :style="{color: '#40a9ff', border: 0}" href="http://mk9h.cn/a.asp?a=9CCB" ref="nofollow" target="_blank">鏂囨。涓績</a> <!-- <div class="find-password" @click="forgotPwd()">蹇樿瀵嗙爜锛�</div> --> </header> - <el-tabs :tab-position="'left'" :style="{position: 'absolute'}" :before-leave="changeTab"> + <div v-if="member_type === ''" class="member-wrap"> + <div class="member-item personal" @click="changeType('personal')"> + <div class="title">涓汉鐗�</div> + <div class="content">闄愭椂娉ㄥ唽锛岀粓韬厤璐逛娇鐢�</div> + </div> + <div class="member-item enterprise" @click="changeType('enterprise')"> + <div class="title">浼佷笟鐗�</div> + <div class="content">鏇村鐨勪笟鍔℃ā鏉匡紝鏇村ソ鐨勪紒涓氭湇鍔�</div> + </div> + </div> + <el-tabs v-if="member_type !== ''" :tab-position="'left'" :style="{position: 'absolute'}" :before-leave="changeTab"> <el-tab-pane label="鎵嬫満鍙锋敞鍐�"> </el-tab-pane> <el-tab-pane label="閭娉ㄥ唽"> </el-tab-pane> </el-tabs> - <div v-if="signtype !== 'email'"> + <div v-if="member_type !== '' && signtype !== 'email'"> <div class="header"> 鏄庣甯愬彿娉ㄥ唽 <span class="to-login"> @@ -50,15 +60,11 @@ <el-date-picker v-model="birthday" type="date" value-format="yyyy-MM-dd" size="small" @change="valChange()" placeholder="閫夋嫨鍑虹敓鏃ユ湡"></el-date-picker> </div> <div> - <el-radio v-model="member_type" label="personal">涓汉</el-radio> - <el-radio v-model="member_type" label="enterprise">浼佷笟</el-radio> - </div> - <div> <el-button class="sub-button" type="primary" @click="submitLogin()" :disabled="subdisabled" :loading="subloading">娉ㄥ唽</el-button> </div> </div> </div> - <div v-if="signtype === 'email'"> + <div v-if="member_type !== '' && signtype === 'email'"> <div class="header"> 鏄庣甯愬彿娉ㄥ唽 <span class="to-login">宸叉湁璐﹀彿锛�<a href="http://cloud.mk9h.cn/index.html" ref="nofollow" target="_blank">鍘荤櫥闄�<i class="el-icon-arrow-right"></i></a></span> @@ -93,10 +99,6 @@ <el-date-picker v-model="birthday" type="date" value-format="yyyy-MM-dd" @change="valChange()" size="small" placeholder="閫夋嫨鍑虹敓鏃ユ湡"></el-date-picker> </div> <div> - <el-radio v-model="member_type" label="personal">涓汉</el-radio> - <el-radio v-model="member_type" label="enterprise">浼佷笟</el-radio> - </div> - <div> <el-button class="sub-button" type="primary" @click="submitLogin()" :disabled="subdisabled" :loading="subloading">娉ㄥ唽</el-button> </div> </div> @@ -126,7 +128,8 @@ confirmPassword: '', subdisabled: true, subloading: false, - member_type: 'personal' + sendcode: false, + member_type: '' } }, methods: { @@ -198,6 +201,7 @@ this.verCodeDisabled = true this.Service.setSSORequest(param).then(res => { if (res.status) { + this.sendcode = true this.verCodeTip = '鑾峰彇楠岃瘉鐮�(60s)' timer = setTimeout(this.resetVerCodeTip, 1000) } else { @@ -223,6 +227,8 @@ } else if (!this.confirmPassword) { valid = false } else if (!this.birthday) { + valid = false + } else if (!this.sendcode) { valid = false } @@ -337,6 +343,9 @@ } }) }, + changeType(type) { + this.member_type = type + }, changeTab () { if (this.signtype === 'phone') { this.signtype = 'email' @@ -370,6 +379,35 @@ </script> <style lang="less" scoped> + .member-wrap { + text-align: center; + margin-top: 20vh; + .member-item { + display: inline-block; + width: 270px; + border-radius: 4px; + padding: 40px 0px; + cursor: pointer; + height: 200px; + vertical-align: top; + color: #ffffff; + } + + .title { + font-size: 24px; + font-weight: bold; + margin-bottom: 30px; + } + .personal { + background: #1890ff; + box-shadow: 0 0 4px #1890ff; + } + .enterprise { + margin-left: 40px; + background: #fa8c16; + box-shadow: 0 0 4px #fa8c16; + } + } .sign-form-wrap { position: relative; width: 1200px; -- Gitblit v1.8.0