2022-05-27

king

2022-05-27 b0ac697766a84e6e9643bb9b1d22843cc0df8c55

 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;