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