2022-05-27

king

2022-05-27 b0ac697766a84e6e9643bb9b1d22843cc0df8c55

2022-05-27

 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;