From 057f564f1da8e89758c98d98663ace0b59dabea5 Mon Sep 17 00:00:00 2001
From: hrx <18603305412@163.com>
Date: Wed, 29 Oct 2025 17:23:44 +0800
Subject: [PATCH] updata

---
 .../homePage/components/topBox/index.vue      |    4 +-
 .../ncmatch/supplyAndDemandSquare/index.vue   |    3 +-
 f/web-kboss/src/views/login/index.vue         |   12 +-
 f/web-kboss/src/views/login/indexNew.vue      |  145 +-
 .../src/views/registrationPage/indexNew.vue   | 1360 +++++++++--------
 5 files changed, 793 insertions(+), 731 deletions(-)

diff --git a/f/web-kboss/src/views/homePage/components/topBox/index.vue b/f/web-kboss/src/views/homePage/components/topBox/index.vue
index 4852ca9..1eb3ae2 100644
--- a/f/web-kboss/src/views/homePage/components/topBox/index.vue
+++ b/f/web-kboss/src/views/homePage/components/topBox/index.vue
@@ -35,10 +35,10 @@
       <!-- 用户区域：登录/注册按钮和用户下拉菜单 -->
       <div class="user-area">
         <!-- 中英互译 -->
-        <div class="language-toggle" @click="toggleLanguage">
+        <!-- <div class="language-toggle" @click="toggleLanguage">
           <span class="iconfont icon-ditu_diqiu_o"></span>
           <span class="language-text">{{ language === 'zh' ? 'English' : '中文' }}</span>
-        </div>
+        </div> -->
         <!-- AI -->
         <i class="iconfont icon-AIzhushou functions" @click="handleAIClick"></i>
         <!-- 客服 -->
diff --git a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
index 30ef73f..6f53731 100644
--- a/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
+++ b/f/web-kboss/src/views/homePage/ncmatch/supplyAndDemandSquare/index.vue
@@ -534,7 +534,7 @@ export default {
 
                 &.active {
                     background-color: #e6f7ff;
-                    border-color: #1890ff;
+                    border-color: #1890ff;  /* 激活状态下的边框颜色 */
                     color: #1890ff;
                 }
             }
@@ -552,4 +552,5 @@ export default {
     flex-direction: column;
 
 }
+
 </style>
diff --git a/f/web-kboss/src/views/login/index.vue b/f/web-kboss/src/views/login/index.vue
index 8d3f456..e06337a 100644
--- a/f/web-kboss/src/views/login/index.vue
+++ b/f/web-kboss/src/views/login/index.vue
@@ -68,7 +68,7 @@
                   </span>
                   <el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode" type="text" />
                 </el-form-item>
-                <el-button type="primary" :disabled="isDisabled" size="mini" style="height:50px;margin-left:10px" @click="getCode">{{SendCode_text}}</el-button>
+                <el-button type="primary" :disabled="isDisabled" size="mini" style="height: 50px; margin-left: 10px" @click="getCode">{{SendCode_text}}</el-button>
               </div>
 
               <el-button type="text" @click="resetPassword()" style="margin-left: 80%;margin-top: -15px">忘记密码?</el-button>
@@ -719,11 +719,11 @@ $light_gray: #eee;
   font-size: 24px;
   margin-top: 100px !important;
 }
-.a24Style {
-  //display: flex;
-  //justify-content: flex-end;
-  //align-items: center;
-}
+// .a24Style {
+//   //display: flex;
+//   //justify-content: flex-end;
+//   //align-items: center;
+// }
 .userInput .el-input__inner {
   background-color: white;
 }
diff --git a/f/web-kboss/src/views/login/indexNew.vue b/f/web-kboss/src/views/login/indexNew.vue
index 2dac322..93eb4cb 100644
--- a/f/web-kboss/src/views/login/indexNew.vue
+++ b/f/web-kboss/src/views/login/indexNew.vue
@@ -1,15 +1,13 @@
 <template>
   <div @keyup.enter.native="handleLogin('loginForm')" class="main-box" style="position: relative">
     <div class="ad-dialog" v-if="adShow">
-      <div
-        class="showAdImg"
-        style=""></div>
+      <div class="showAdImg" style=""></div>
     </div>
     <!--  登录-->
     <img src="../../assets/kyy/login-bg.png" alt="">
-    <img @click="goHomePage" style="cursor: pointer" class="logo-top1" :src="logoImg" alt="" v-if="isLogo&&isShow">
+    <img @click="goHomePage" style="cursor: pointer" class="logo-top1" :src="logoImg" alt="" v-if="isLogo && isShow">
     <img @click="goHomePage" style="cursor: pointer" class="logo-top" src="../../assets/kyy/LOGONew.png" alt=""
-         v-else-if="isShow">
+      v-else-if="isShow">
     <!--    <div-->
 
     <!--      style="position:absolute;top:15px;cursor: pointer;left: 15px;height: 100px!important;width: 250px!important;display: flex"-->
@@ -21,75 +19,68 @@
     <!--        style="margin-left: 8px;display:flex;justify-content:center;align-items:center;font-weight:700;color:#0052a4;margin-top: 53px">opencomputing</span>-->
     <!--    </div>-->
 
-    <div class="login-form" v-if="showWxCode"
-         style="display:flex;align-items:center;justify-content:center;"
-         id="login_containera"></div>
+    <div class="login-form" v-if="showWxCode" style="display:flex;align-items:center;justify-content:center;"
+      id="login_containera"></div>
     <div v-else class="login-form">
       <!--      <div style="width: 535px;height: 85px;">-->
       <div style="width: 100% ;height: 85px;" v-if="false">
-        <before-login
-          style="margin-top: 15px;width: 100%!important;"
-          v-if="isShowSaleProduct"></before-login>
+        <before-login style="margin-top: 15px;width: 100%!important;" v-if="isShowSaleProduct"></before-login>
       </div>
       <!--      </div>-->
       <div v-if="true" class="main-content-box"
-           style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 25px">
+        style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 25px">
         <span class="login-text">登录</span>
         <div class="login-container login-form-style">
           <div class="login-type">
-            <span :class="{activeType:loginType==='0'}" @click="changeLoginType('0')">账号登录</span>
-            <span :class="{activeType:loginType==='1'}" @click="changeLoginType('1')">手机号登录</span>
+            <span :class="{ activeType: loginType === '0' }" @click="changeLoginType('0')">账号登录</span>
+            <span :class="{ activeType: loginType === '1' }" @click="changeLoginType('1')">手机号登录</span>
           </div>
           <el-tabs v-model="activeName" @tab-click="handleClick">
             <!-- <el-tab-pane label="" name="first"> -->
             <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form-l" autocomplete="on"
-                     label-position="left">
+              label-position="left">
               <el-form-item prop="username" style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
                 <div class="user-input">
                   <span class="svg-container icon-box">
                     <!--                  <svg-icon icon-class="Icon-user2icon" />-->
                     <img src="../../assets/kyy/用户.svg" alt="">
                   </span>
-                  <el-input id="uesr-name-id" ref="username" v-model="loginForm.username"
-                            placeholder="请输入用户名/手机号" name="username" type="text" class="userInput"/>
+                  <el-input id="uesr-name-id" ref="username" v-model="loginForm.username" placeholder="请输入用户名/手机号"
+                    name="username" type="text" class="userInput" />
                 </div>
               </el-form-item>
-              <el-tooltip v-if="loginType==='0'" v-model="capsTooltip" style="margin-bottom: 7px"
-                          content="Caps lock is On" placement="right"
-                          manual>
+              <el-tooltip v-if="loginType === '0'" v-model="capsTooltip" style="margin-bottom: 7px"
+                content="Caps lock is On" placement="right" manual>
                 <el-form-item prop="password" class="password-mobile"
-                              style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
+                  style="background-color: white; border: 1px solid #d9d9d9;width: 300px;">
                   <div class="user-input">
                     <span class="svg-container icon-box" style="padding: 2px;color: #9699a0;">
                       <!--                    <svg-icon icon-class="password" />-->
                       <img src="./svg/密码.svg" style="color: #6c7079" alt="">
                     </span>
                     <el-input id="passwordId" :key="passwordType" ref="password" v-model="loginForm.password"
-                              :type="passwordType" placeholder="请输入密码" name="password"
-                              @keyup.native="checkCapslock" @blur="capsTooltip = false"
-                              @keyup.enter.native="handleLogin"/>
+                      :type="passwordType" placeholder="请输入密码" name="password" @keyup.native="checkCapslock"
+                      @blur="capsTooltip = false" @keyup.enter.native="handleLogin" />
                     <span class="show-pwd" @click="showPwd">
-                      <svg-icon style="margin-right: 10px;cursor: pointer" :icon-class="
-                        passwordType === 'password' ? 'eye' : 'eye-open'
-                      "/>
+                      <svg-icon style="margin-right: 10px;cursor: pointer" :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'
+                        " />
                     </span>
                   </div>
                 </el-form-item>
               </el-tooltip>
 
               <div v-else style="display:flex;margin-top:20px;"
-                   v-show="loginForm.username!=='admin'&&loginForm.password!=='admin'">
+                v-show="loginForm.username !== 'admin' && loginForm.password !== 'admin'">
                 <el-form-item prop="" class="invitecode" style="background-color: white; border: 1px solid #d9d9d9;">
                   <div class="user-input">
                     <span class="svg-container icon-box">
-                    <img src="./svg/密码.svg" style="color: #6c7079;width: 19px;height: 17px;" alt="">
+                      <img src="./svg/密码.svg" style="color: #6c7079;width: 19px;height: 17px;" alt="">
                     </span>
-                    <el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode"
-                              type="text"/>
+                    <el-input ref="vcode" v-model="loginForm.vcode" placeholder="请输入验证码" name="vcode" type="text" />
                   </div>
                 </el-form-item>
                 <span :disabled="isDisabled" class="getCodeStyleNew" style="height:40px;margin-left:10px"
-                      @click="getCode">{{ SendCode_text }}
+                  @click="getCode">{{ SendCode_text }}
                 </span>
               </div>
 
@@ -98,21 +89,21 @@
               <!--              </div>-->
               <div style="display:flex;">
                 <el-button @keyup.enter.native="handleLogin('loginForm')" :loading="loading" type="primary"
-                           style="width: 300px;margin-top: 30px;margin-bottom: 10px" class="login-btn"
-                           @click.native.prevent="handleLogin('loginForm')">立即登录
+                  style="width: 300px;margin-top: 30px;margin-bottom: 10px" class="login-btn"
+                  @click.native.prevent="handleLogin('loginForm')">立即登录
                 </el-button>
               </div>
               <div style="display:flex;margin-bottom: 30px">
                 <el-button style="width: 300px;margin-top: 10px;color: #1890ff" class="login-btn"
-                           @click.native.prevent="wxBtn">微信登录
+                  @click.native.prevent="wxBtn">微信登录
                 </el-button>
               </div>
               <div class="two-btn">
                 <span type="text" class="forget-password" @click="resetPassword()">忘记密码?
                 </span>
                 <span :loading="loading" type="primary" class="go-register"
-                      style="width: 127px; margin-bottom: 30px; margin-left: 0px" @click.native.prevent="handleRegister"
-                      @click="handleRegister">没有账号？<span class="go-register-btn">去注册</span>
+                  style="width: 127px; margin-bottom: 30px; margin-left: 0px" @click.native.prevent="handleRegister"
+                  @click="handleRegister">没有账号？<span class="go-register-btn">去注册</span>
                 </span>
               </div>
             </el-form>
@@ -124,18 +115,18 @@
             <el-form ref="form" :model="form" label-width="100px" :rules="forms">
               <el-form-item label="用户名:" prop="username" class="rePassword" style="background-color: white">
                 <el-input v-model="form.username" class="name-input" placeholder="请先输入用户名/手机号"
-                          style="background-color: white;border:1px solid #d9d9d9;border-radius: 3px;"></el-input>
+                  style="background-color: white;border:1px solid #d9d9d9;border-radius: 3px;"></el-input>
               </el-form-item>
               <el-form-item label="密码:" prop="password" style="background-color: white">
                 <el-input v-model="form.password" style="border:1px solid #d9d9d9;border-radius: 3px"
-                          placeholder="请输入新密码"></el-input>
+                  placeholder="请输入新密码"></el-input>
               </el-form-item>
               <el-form-item label="验证码:" prop="vcode" style="background-color: white">
                 <div style="display: flex; flex-direction: row">
                   <el-input style="border:1px solid #d9d9d9;border-radius: 3px" ref="vcode" v-model="form.vcode"
-                            placeholder="请输入验证码" name="vcode" type="text"/>
+                    placeholder="请输入验证码" name="vcode" type="text" />
                   <el-button type="primary" size="mini" style="height: 40px; margin-left: 10px" :disabled="isDisabled1"
-                             @click="getCode1">{{ SendCode_text1 }}
+                    @click="getCode1">{{ SendCode_text1 }}
                   </el-button>
                 </div>
               </el-form-item>
@@ -164,14 +155,15 @@
 
     <div class="message-footer">
       <div class="item">
-        <span v-if="JSON.stringify(logoInfoNew)!=='{}'" class="goPAge"
-              @click="goPloic">京公网安备：{{ logoInfoNew.home.publicsecurity }}</span>
-        <span v-if="JSON.stringify(logoInfoNew)!=='{}'" class="goPAge" @click="goIPC">京ICP备：{{logoInfoNew.home.license}}</span>
-        <span v-if="JSON.stringify(logoInfoNew)!=='{}'">增值电信业务经营许可证：{{logoInfoNew.home.businesslicense}}</span>
-        <span v-if="JSON.stringify(logoInfoNew)!=='{}'">邮箱：{{logoInfoNew.home.email}}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="goPAge" @click="goPloic">京公网安备：{{
+          logoInfoNew.home.publicsecurity }}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="goPAge"
+          @click="goIPC">京ICP备：{{ logoInfoNew.home.license }}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'">增值电信业务经营许可证：{{ logoInfoNew.home.businesslicense }}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'">邮箱：{{ logoInfoNew.home.email }}</span>
       </div>
       <div class="item">
-        <span v-if="JSON.stringify(logoInfoNew)!=='{}'">电话：{{logoInfoNew.home.mobile}}</span>
+        <span v-if="JSON.stringify(logoInfoNew) !== '{}'">电话：{{ logoInfoNew.home.mobile }}</span>
       </div>
     </div>
   </div>
@@ -189,19 +181,19 @@ import {
   retrieveCodeAPI,
 } from "@/api/login";
 import store from "@/store";
-import {JSEncrypt} from "jsencrypt";
+import { JSEncrypt } from "jsencrypt";
 import BeforeLogin from "@/views/beforeLogin/index.vue";
 import promotionalInvitationCode from "@/views/customer/promotionalInvitationCode"
-import {mapState} from "vuex";
+import { mapState } from "vuex";
 import axios from "axios";
 import './js/wxLogin.js'
-import {Message} from "element-ui";
-import router, {resetRouter} from "@/router";
-import {reqNewHomeFestival} from "@/api/newHome";
+import { Message } from "element-ui";
+import router, { resetRouter } from "@/router";
+import { reqNewHomeFestival } from "@/api/newHome";
 import { getHomePath } from '@/views/setting/tools'
 export default {
   name: "indexNew",
-  components: {BeforeLogin, promotionalInvitationCode},
+  components: { BeforeLogin, promotionalInvitationCode },
   data() {
     return {
       wechat_openid: '',
@@ -231,9 +223,9 @@ export default {
       },
       activeName: 'first',
       rules: {
-        username: [{required: true, message: "请输入用户名/手机号", trigger: "blur"}],
-        password: [{required: true, message: "请输入密码", trigger: "blur"}],
-        code: [{required: true, message: "请输入验证码", trigger: "blur"}],
+        username: [{ required: true, message: "请输入用户名/手机号", trigger: "blur" }],
+        password: [{ required: true, message: "请输入密码", trigger: "blur" }],
+        code: [{ required: true, message: "请输入验证码", trigger: "blur" }],
       },
       capsTooltip: false,
       passwordType: "password",
@@ -245,9 +237,9 @@ export default {
         codeid: "",
       },
       forms: {
-        username: [{required: true, message: "请输入姓名", trigger: "blur"}],
-        password: [{required: true, message: "请输入密码", trigger: "blur"}],
-        vcode: [{required: true, message: "请输入验证码", trigger: "blur"}],
+        username: [{ required: true, message: "请输入姓名", trigger: "blur" }],
+        password: [{ required: true, message: "请输入密码", trigger: "blur" }],
+        vcode: [{ required: true, message: "请输入验证码", trigger: "blur" }],
       },
       isLogo: false,
       isShowSaleProduct: false,
@@ -286,7 +278,7 @@ export default {
     window.addEventListener('message', (event) => {
       // this.$message.success("event.data.type",event)
       if (event.data.type === 'wx_login_success') {
-        const {code} = event.data
+        const { code } = event.data
         console.log(event.data)
         // 处理微信返回的code
         this.$message.success("code", code)
@@ -296,9 +288,9 @@ export default {
     // this.audioElement = new Audio('https://www.opencomputing.cn/dev/idfile?path=/batch_upload/phone-ring.mp3');
     // // 设置音频循环播放
     // this.audioElement.loop = true;
-// if (window.location.href.includes("ncmatch")) {
-//   this.$store.commit('login/setLogoutUrl',window.location.href)
-// }
+    // if (window.location.href.includes("ncmatch")) {
+    //   this.$store.commit('login/setLogoutUrl',window.location.href)
+    // }
   },
 
   methods: {
@@ -343,13 +335,13 @@ export default {
 
       this.getCodeTimer = setInterval(async () => {
         try {
-          const res = await reqGetCodeAPI({state: this.wxState});
+          const res = await reqGetCodeAPI({ state: this.wxState });
           if (!res.status) return;
 
           clearInterval(this.getCodeTimer); // 清理定时器
           this.showWxCode = true;
 
-          const response = await loginUserAPI({wechatCode: res.code});
+          const response = await loginUserAPI({ wechatCode: res.code });
           console.log("response:", response);
 
           if (response.status) {
@@ -361,7 +353,7 @@ export default {
               return;
             }
 
-            const {data, admin, user, userId, org_type} = response;
+            const { data, admin, user, userId, org_type } = response;
 
             // 存储用户信息
             localStorage.setItem("user_info", JSON.stringify(user));
@@ -404,7 +396,7 @@ export default {
             } else if (response.roles.includes("运维")) {
               this.$router.push("/operationAndMaintenance/workOrderProcessing");
             } else {
-              this.$router.push({path: "/"});
+              this.$router.push({ path: "/" });
             }
           } else if (response.action === "redirect") {
             this.open2(response.msg)
@@ -686,7 +678,7 @@ export default {
       }
     },
     getCode() { //获取验证码
-      getCodeAPI({username: this.loginForm.username}).then((res) => {
+      getCodeAPI({ username: this.loginForm.username }).then((res) => {
         console.log(res);
         if (res.status) {
           this.loginForm.codeid = res.codeid;
@@ -729,7 +721,7 @@ export default {
       });
     },
     getCode1() {
-      retrieveCodeAPI({username: this.form.username}).then((res) => {
+      retrieveCodeAPI({ username: this.form.username }).then((res) => {
         if (res.status == true) {
           this.form.id = res.userid;
           this.form.codeid = res.codeid;
@@ -765,7 +757,7 @@ export default {
       console.log(tab, event);
     },
     checkCapslock(e) {
-      const {key} = e;
+      const { key } = e;
       this.capsTooltip = key && key.length === 1 && key >= "A" && key <= "Z";
     },
     handleLogin(formName) {  //登录
@@ -838,7 +830,7 @@ export default {
                     sessionStorage.setItem("username", res['user'].username);//就这行代码,注释就能登录上了,我想存的就是这个
                     if (res.admin === 1) {
                       console.log("走了admin", res)
-                      this.$router.push({path: "/"});
+                      this.$router.push({ path: "/" });
                     } else if (
                       sessionStorage.getItem("org_type") == "2" ||
                       sessionStorage.getItem("org_type") == "3"
@@ -870,7 +862,7 @@ export default {
                     } else if (res.roles.includes('运维')) {
                       this.$router.push('/operationAndMaintenance/workOrderProcessing');
                     } else {
-                      this.$router.push({path: "/"});
+                      this.$router.push({ path: "/" });
                     }
                     this.$message({
                       message: "登录成功~",
@@ -928,7 +920,7 @@ export default {
     handleRegister() {
       console.log("注册按钮被点击了")
       //注册
-      this.$router.push({name: "registrationPage"});
+      this.$router.push({ name: "registrationPage" });
     },
     cancelReset() {
       this.dialogVisible = false;
@@ -979,10 +971,12 @@ export default {
 $cursor: black;
 $light_gray: #eee;
 $dark_gray: #889aa4;
+
 .main-box {
   position: relative;
   width: 100vw;
   height: 100vh;
+
   //border:1px solid red;
   img {
     width: 100%;
@@ -1051,6 +1045,7 @@ $dark_gray: #889aa4;
 
 .login-form-style {
   background-color: transparent;
+
   //padding-top: 70px;
   .el-input {
     input {
@@ -1193,7 +1188,7 @@ $dark_gray: #889aa4;
 }
 
 .logo-top1 {
-  width: 220px !important;
+  width: 260px !important;
   height: 80px !important;
   position: absolute;
   top: 3%;
@@ -1209,6 +1204,7 @@ $dark_gray: #889aa4;
     //border: 5px solid red !important;
     //width: 95% !important;
   }
+
   .login-form {
     width: 90% !important;
     //border: 5px solid red !important;
@@ -1216,6 +1212,7 @@ $dark_gray: #889aa4;
     top: 13%;
     right: 5%;
   }
+
   .go-register {
     padding-right: 10px;
     //border:1px solid red;
diff --git a/f/web-kboss/src/views/registrationPage/indexNew.vue b/f/web-kboss/src/views/registrationPage/indexNew.vue
index d1927ed..862993f 100644
--- a/f/web-kboss/src/views/registrationPage/indexNew.vue
+++ b/f/web-kboss/src/views/registrationPage/indexNew.vue
@@ -1,169 +1,197 @@
 <template>
   <div class="main-box">
+    <!-- 背景图片 -->
     <div class="imgStyle" v-if="logoImg">
-      <!--      <img :src="logoImg" alt="" class="logo-botton">-->
       <img style="width: 100vw;height: 100vh;" src="../../assets/kyy/register-bg.png" alt="">
     </div>
     <div class="imgStyle" v-else>
       <img style="width: 100vw;height: 100vh;background-position: center center" src="../../assets/kyy/register-bg.png"
-           alt="">
-      <!--      <img class="logo-top" src="../../assets/kyy/LOGO.png" alt="">-->
+        alt="">
     </div>
 
-    <!--  注册表单-->
+    <!-- 头部图标 - 与登录页面保持一致 -->
+    <img @click="goHomePage" style="cursor: pointer" class="logo-top1" :src="logoImg" alt="" v-if="isLogo && isShow">
+    <img @click="goHomePage" style="cursor: pointer" class="logo-top" src="../../assets/kyy/LOGONew.png" alt=""
+      v-else-if="isShow">
+
+    <!-- 注册表单 -->
     <div class="register-form">
       <div class="regist-container">
         <el-form ref="registForm" :model="registForm" :rules="rules" class="regist-form" autocomplete="on"
-                 label-position="left" style="z-index: 1">
+          label-position="left" style="z-index: 1">
+          <!-- 表单标题区域 -->
           <div class="title-container">
-            <span class="title" style="color: black">注册</span>
+            <span class="title">注册</span>
+            <!-- 跳转到登录页面的链接 -->
+            <span class="subtitle" @click="handleLogin">前往登录 ></span>
           </div>
-          <el-form-item prop="username" style="background-color: white;border: 1px solid #D9D9D9">
+
+          <!-- 手机号输入区域 -->
+          <div class="form-row">
+            <el-form-item prop="mobile" class="form-item-custom full-width">
+              <div class="form-item">
+                <span class="svg-container country-code">
+                  +86  <!-- 国家区号 -->
+                </span>
+                <!-- 手机号输入框 -->
+                <el-input ref="mobile" v-model="registForm.mobile" placeholder="请输入" type="text"
+                  class="custom-input" />
+              </div>
+            </el-form-item>
+          </div>
+
+          <!-- 验证码输入区域 -->
+          <div class="form-row">
+            <el-form-item prop="smsCode" class="form-item-custom full-width">
+              <div class="form-item">
+                <span class="svg-container">
+                  验证码  <!-- 验证码标签 -->
+                </span>
+                <!-- 验证码输入框 -->
+                <el-input ref="smsCode" v-model="registForm.smsCode" placeholder="请输入" type="text"
+                  class="custom-input" />
+                <!-- 获取验证码按钮，带倒计时功能 -->
+                <span class="get-code-btn" @click="getSmsCode">{{ countdown > 0 ? `${countdown}s后重新获取` : '获取验证码' }}</span>
+              </div>
+            </el-form-item>
+          </div>
+
+          <!-- 信息补充区域标题 -->
+          <div class="info-supplement">
+            <span class="info-title">信息补充（可跳过）</span>
+          </div>
+
+          <!-- 账户名输入区域（非必填） -->
+          <div class="form-row">
+            <el-form-item class="form-item-custom full-width">
+              <div class="form-item">
+                <span class="svg-container">
+                  账户名  <!-- 账户名标签 -->
+                </span>
+                <!-- 账户名输入框 -->
+                <el-input ref="username" v-model="registForm.username" placeholder="请输入" name="username" type="text"
+                  class="custom-input" />
+              </div>
+            </el-form-item>
+          </div>
+
+          <!-- 密码输入区域（非必填） -->
+          <div class="form-row">
+            <el-form-item class="form-item-custom full-width">
+              <div class="form-item">
+                <span class="svg-container">
+                  密码  <!-- 密码标签 -->
+                </span>
+                <!-- 密码输入框，带显示/隐藏密码功能 -->
+                <el-input :key="passwordType" ref="password" v-model="registForm.password" :type="passwordType"
+                  placeholder="请输入" name="password" class="custom-input" />
+                <!-- 显示/隐藏密码按钮 -->
+                <span class="show-pwd" @click="showPwd">
+                  <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
+                </span>
+              </div>
+            </el-form-item>
+          </div>
+
+          <!-- 第二行：显示名和邮箱（已注释，保留但不显示） -->
+          <!-- <div class="form-row">
+            <el-form-item prop="nick_name" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/用户.svg" alt="">
+                </span>
+                <el-input ref="nick_name" v-model="registForm.nick_name" placeholder="请输入显示名" type="text"
+                  class="custom-input" />
+              </div>
+            </el-form-item>
+
+            <el-form-item prop="email" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/邮箱.svg" alt="">
+                </span>
+                <el-input ref="email" v-model="registForm.email" placeholder="请输入邮件地址" type="text"
+                  class="custom-input" />
+              </div>
+            </el-form-item>
+          </div> -->
+
+          <!-- 第三行：手机号和地址（已注释，保留但不显示） -->
+          <!-- <div class="form-row">
+            <el-form-item prop="mobile" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/手机.svg" alt="">
+                </span>
+                <el-input ref="mobile" v-model="registForm.mobile" placeholder="请输入手机号" type="text"
+                  class="custom-input" />
+              </div>
+            </el-form-item>
+
+            <el-form-item prop="address" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/地址.svg" alt="">
+                </span>
+                <el-cascader class="custom-cascader" v-model="registForm.address" :options="cityArr()" :props="props"
+                  placeholder="请选择地址"></el-cascader>
+              </div>
+            </el-form-item>
+          </div> -->
+
+          <!-- 第四行：行业和机构类型（已注释，保留但不显示） -->
+          <!-- <div class="form-row">
+            <el-form-item prop="main_business" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/地址.svg" alt="">
+                </span>
+                <el-select ref="address" v-model="registForm.main_business" placeholder="请选择行业" class="custom-select">
+                  <el-option v-for="item in main_business_list" :key="item.value" :label="item.label"
+                    :value="item.value">
+                  </el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+
+            <el-form-item prop="org_type" class="form-item-custom">
+              <div class="form-item">
+                <span class="svg-container">
+                  <img style="width: 14px;height: 14px;" src="../../assets/kyy/机构.svg" alt="">
+                </span>
+                <el-select v-model="registForm.org_type" placeholder="请选择机构类型" @change="change" class="custom-select">
+                  <el-option label="个人客户" value="2"></el-option>
+                  <el-option label="公司客户" value="3"></el-option>
+                </el-select>
+              </div>
+            </el-form-item>
+          </div> -->
+
+          <!-- 机构名称（条件显示，已注释，保留但不显示） -->
+          <!-- <el-form-item prop="orgname" v-if="registForm.org_type == '3'" class="form-item-custom full-width">
             <div class="form-item">
               <span class="svg-container">
                 <img style="width: 14px;height: 14px;" src="../../assets/kyy/用户.svg" alt="">
               </span>
-              <el-input class="input-style" style="width: 100px;!important;" ref="username"
-                        v-model="registForm.username" placeholder="请输入用户名" name="username" type="text"/>
+              <el-input ref="orgname" v-model="registForm.orgname" placeholder="请输入机构名称" type="text"
+                class="custom-input" />
             </div>
-          </el-form-item>
-          <el-form-item prop="password" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/密码.svg" alt="">
-              </span>
-              <el-input :key="passwordType" ref="password" v-model="registForm.password" :type="passwordType"
-                        placeholder="请输入密码" name="password"/>
-              <span class="show-pwd" @click="showPwd">
-                <svg-icon :icon-class="
-                      passwordType === 'password' ? 'eye' : 'eye-open'
-                    "/>
-              </span>
-            </div>
-          </el-form-item>
-          <el-form-item prop="nick_name" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/用户.svg" alt="">
-              </span>
-              <el-input ref="nick_name" v-model="registForm.nick_name" placeholder="请输入显示名" type="text"/>
-            </div>
-          </el-form-item>
-          <el-form-item prop="email" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/邮箱.svg" alt="">
-              </span>
-              <el-input ref="email" v-model="registForm.email" placeholder="请输入邮件地址" type="text"/>
-            </div>
-          </el-form-item>
-
-          <el-form-item prop="mobile" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/手机.svg" alt="">
-              </span>
-              <el-input ref="mobile" v-model="registForm.mobile" placeholder="请输入手机号" type="text"/>
-            </div>
-          </el-form-item>
-
-          <el-form-item prop="address" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/地址.svg" alt="">
-              </span>
-              <!--              <el-input ref="address" v-model="registForm.address" placeholder="请输入地址" type="text"/>-->
-              <el-cascader
-                class="custom-cascader-my"
-                v-model="registForm.address"
-                :options="cityArr()"
-                :props="props"
-              ></el-cascader>
-            </div>
-          </el-form-item>
-          <el-form-item prop="main_business" style="background-color: white;border: 1px solid #D9D9D9">
-            <div class="form-item">
-              <span class="svg-container">
-                <img style="width: 14px;height: 14px;" src="../../assets/kyy/地址.svg" alt="">
-              </span>
-              <el-select ref="address" v-model="registForm.main_business" placeholder="请输入行业">
-                <el-option
-                  v-for="item in main_business_list"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value">
-                </el-option>
-              </el-select>
-              <!--              <el-input ref="address" v-model="registForm.main_business" placeholder="请输入行业" type="text"/>-->
-            </div>
-          </el-form-item>
-          <el-form-item prop="org_type" style="background-color: white;border: 1px solid #D9D9D9">
-            <span class="svg-container">
-              <img style="width: 14px;height: 14px;" src="../../assets/kyy/机构.svg" alt="">
-            </span>
-            <el-select v-model="registForm.org_type" placeholder="请选择所属机构" @change="change"
-                       :append-to-body="true" style="position:relative;
-                z-index: 999999999999999999!important;">
-              <el-option label="个人客户" value="2"></el-option>
-              <el-option label="公司客户" value="3"></el-option>
-            </el-select>
-          </el-form-item>
-
-          <!--          <el-form-item prop="" v-if="registForm.org_type === '2'" class="tip-word-style"-->
-          <!--                        style="display: flex;justify-content: flex-start">-->
-          <!--            <el-upload style="height: 60px; width: 60px;" class="avatar-uploader" action="#" :show-file-list="false"-->
-          <!--                       :auto-upload="false" :on-change="handleAvatarSuccess" :on-remove="handleRemove">-->
-          <!--              <img style="height: 60px; width: 60px" v-if="imageUrl" :src="imageUrl" class="avatar"/>-->
-          <!--              <i v-else class="el-icon-plus  avatar-uploader-icon"></i>-->
-          <!--            </el-upload>-->
-          <!--            <div style="margin-left: 15px;color:#c4c4cf ">请上传身份证图片</div>-->
-          <!--          </el-form-item>-->
-
-          <el-form-item prop="orgname" v-if=" registForm.org_type == '3'"
-                        class="name-institution">
-            <div class="form-item" style="border:1px solid #d9d9d9;width: 450px;">
-                        <span class="svg-container">
-                          <img style="width: 14px;height: 14px;" src="../../assets/kyy/用户.svg" alt="">
-                        </span>
-              <el-input ref="orgname" v-model="registForm.orgname" placeholder="请输入机构名称" type="text"/>
-            </div>
-          </el-form-item>
-          <!--          <el-form-item prop="" v-if="registForm.org_type == '3'">-->
-          <!--            <div class="upload-box tip-word-style-next">-->
-          <!--              <el-upload style="height: 60px; width: 60px;" class="avatar-uploader" action="#" :show-file-list="false"-->
-          <!--                         :auto-upload="false" :on-change="handleAvatarSuccess">-->
-          <!--                <img style="height: 60px; width: 60px" v-if="imageUrl" :src="imageUrl" class="avatar"/>-->
-          <!--                <i style="height: 60px; width: 60px" v-else class="el-icon-plus avatar-uploader-icon"></i>-->
-          <!--              </el-upload>-->
-          <!--              <div style="margin-left: 15px;color:#c4c4cf ">请上传营业执照</div>-->
-          <!--            </div>-->
-          <!--          </el-form-item>-->
-
-          <!-- <el-form-item prop="license_img" v-if="registForm.org_type == '3'">
-            <el-upload class="avatar-uploader" action="#" :show-file-list="false" :auto-upload="false" :on-change="handleAvatarSuccess" :on-remove="handleRemove">
-              <img v-if="imageUrl" :src="imageUrl" class="avatar" />
-              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-            </el-upload>
-          </el-form-item> -->
-          <!-- <el-form-item prop="id_img" v-if="registForm.org_type=='2'">
-            <span class="svg-container">
-              <svg-icon icon-class="user" />
-            </span>
-            <el-input ref="mobile" v-model="registForm.id_img" placeholder="身份证" type="text" />
-          </el-form-item> -->
-          <!-- <el-form-item prop="license_img" v-if="registForm.org_type=='3'">
-            <span class="svg-container">
-              <svg-icon icon-class="user" />
-            </span>
-            <el-input ref="license_img" v-model="registForm.license_img" placeholder="营业执照" type="text" />
           </el-form-item> -->
 
+          <!-- 用户协议勾选区域 -->
+          <div class="agreement">
+            <el-checkbox v-model="agreeProtocol">
+              我已阅读并同意   《用户协议》、《隐私政策》、《产品服务协议》
+            </el-checkbox>
+          </div>
+
+          <!-- 注册按钮区域 -->
           <div class="twoBtn">
+            <!-- 注册按钮，点击触发注册流程 -->
             <el-button class="register-btn" :loading="loading" type="primary"
-                       @click.native.prevent="handleRegister('registForm')">马上注册
+              @click.native.prevent="handleRegister('registForm')">
+              立即注册
             </el-button>
-            <span class="go-login" @click.native.prevent="handleLogin()">已有账号？<span @click="handleLogin"
-                                                                                        class="login-btn-style">去登录</span></span>
           </div>
         </el-form>
       </div>
@@ -172,213 +200,204 @@
 </template>
 
 <script>
-import {registerUserAPI, getLogoAPI} from "@/api/login";
-import {cityArr} from '@/assets/province.js'
-import {mapState} from "vuex";
+// 导入API函数和工具函数
+import { registerUserAPI, getLogoAPI } from "@/api/login";
+import { cityArr } from '@/assets/province.js'
+import { mapState } from "vuex";
+import { getHomePath } from '@/views/setting/tools'
 
 export default {
   name: "indexNew",
   data() {
     return {
-      main_business_list: [
-        {
-          value: '大学教育',
-          label: '大学教育'
-        },
-        {
-          value: '智慧医疗',
-          label: '智慧医疗'
-        }, {
-          value: '智能制造',
-          label: '智能制造'
-        },
-        {
-          value: '自动驾驶',
-          label: '自动驾驶'
-        },
-        {
-          value: '游戏渲染',
-          label: '游戏渲染'
-        },
-        {
-          value: '金融科技',
-          label: '金融科技'
-        }, {
-          value: '虚拟现实',
-          label: '虚拟现实'
-        }, {
-          value: '生物技术',
-          label: '生物技术'
-        }, {
-          value: '航空航天',
-          label: '航空航天'
-        },
+      // 显示控制
+      isShow: false,
+      isLogo: false,
+      logoUrlOut: '',
+      logoImg: require("../../assets/kyy/LOGO.png"),
+      logoText: "开元云",
+      photosUrl: null,
 
+      // 用户协议勾选状态
+      agreeProtocol: false,
+      // 验证码倒计时秒数
+      countdown: 0,
+      // 倒计时定时器
+      countdownTimer: null,
+      // 行业列表（已注释，保留但不使用）
+      main_business_list: [
+        { value: '大学教育', label: '大学教育' },
+        { value: '智慧医疗', label: '智慧医疗' },
+        { value: '智能制造', label: '智能制造' },
+        { value: '自动驾驶', label: '自动驾驶' },
+        { value: '游戏渲染', label: '游戏渲染' },
+        { value: '金融科技', label: '金融科技' },
+        { value: '虚拟现实', label: '虚拟现实' },
+        { value: '生物技术', label: '生物技术' },
+        { value: '航空航天', label: '航空航天' },
       ],
+      // 级联选择器配置（已注释，保留但不使用）
       props: {
         value: 'name',
         label: 'name',
         expandTrigger: 'click',
-        // lazy: true,
-        // lazyLoad(node, resolve) {
-        //   const {level, value} = node;
-        //   setTimeout(() => {
-        //     let nodes = [];
-        //     if (level === 0) {
-        //       nodes = cityArr.map(city => ({
-        //         value: city.name,
-        //         label: city.name,
-        //         leaf: !city.children || city.children.length === 0
-        //       }));
-        //     } else {
-        //       const findNode = (name, array) => {
-        //         for (const item of array) {
-        //           if (item.name === name) return item;
-        //           if (item.children) {
-        //             const found = findNode(name, item.children);
-        //             if (found) return found;
-        //           }
-        //         }
-        //         return null;
-        //       };
-        //
-        //       const currentNode = findNode(value, cityArr);
-        //       if (currentNode && currentNode.children) {
-        //         nodes = currentNode.children.map(child => ({
-        //           value: typeof child === 'string' ? child : child.name,
-        //           label: typeof child === 'string' ? child : child.name,
-        //           leaf: typeof child === 'string' || !child.children || child.children.length === 0
-        //         }));
-        //       }
-        //     }
-        //     resolve(nodes);
-        //   }, 1000);
-        // }
       },
+      // 当前页面URL
       url: window.location.href,
       value: '',
+      // 注册表单数据
       registForm: {
-        username: "",
-        password: "",
-        email: "",
-        nick_name: "",
-        address: "",
-        mobile: "",
-        org_type: "",
-        orgname: "",
-        main_business: "",
-        wechat_openid: localStorage.getItem('wechat_openid')
+        username: "",        // 账户名（非必填）
+        password: "",        // 密码（非必填）
+        email: "",           // 邮箱（已注释）
+        nick_name: "",       // 显示名（已注释）
+        address: "",         // 地址（已注释）
+        mobile: "",          // 手机号（必填）
+        org_type: "",        // 机构类型（已注释）
+        orgname: "",         // 机构名称（已注释）
+        main_business: "",   // 主营业务（已注释）
+        smsCode: "",         // 验证码（必填）
+        wechat_openid: localStorage.getItem('wechat_openid') // 微信openid
       },
       imageUrl: "",
       currentFile: null,
+      // 邀请码（从路由参数获取）
       invitecode: this.$route.query.invitecode,
+      // 表单验证规则 - 只验证手机号和验证码
       rules: {
-        username: [
-          {required: true, message: "请输入姓名", trigger: "blur"},
-          {min: 6, message: '用户名长度至少应包含6个字符'}],
-        password: [{required: true, message: "请输入密码", trigger: "blur"},
-          {min: 6, message: '密码长度至少应包含6个字符'}],
-        address: [{required: true, message: "请输入地址", trigger: "blur"}],
-        main_business: [{required: true, message: "请输入行业", trigger: "blur"}],
-        nick_name: [
-          {required: true, message: "请输入显示名", trigger: "blur"},
-        ],
+        // 手机号验证规则
         mobile: [
           {
-            pattern:
-              /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/,
+            pattern: /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/,
             message: "请输入有效的手机号",
           },
-          {required: true, trigger: "blur", message: "请输入手机号"},
+          { required: true, trigger: "blur", message: "请输入手机号" },
         ],
-        email: [
-          {
-            pattern: /[\w.]+\@[-a-z0-9]+(\.[-a-z0-9]+)*/ig
-            ,
-            message: "请输入有效的邮箱",
-          },
-
-          {required: true, trigger: "blur", message: "请输入邮箱"},
-        ],
-        orgname: [{required: true, message: "请输入机构", trigger: "blur"}],
-        // id_img: [
-        //   {required: true, message: "请上传身份证", trigger: "change"},
+        // 验证码验证规则
+        smsCode: [
+          { required: true, message: "请输入验证码", trigger: "blur" }
+        ]
+        // 以下为已注释的验证规则，保留但不使用
+        // address: [
+        //   { required: true, message: "请输入地址", trigger: "blur" }
         // ],
+        // main_business: [
+        //   { required: true, message: "请输入行业", trigger: "blur" }
+        // ],
+        // nick_name: [
+        //   { required: true, message: "请输入显示名", trigger: "blur" },
+        // ],
+        // email: [
+        //   {
+        //     pattern: /[\w.]+\@[-a-z0-9]+(\.[-a-z0-9]+)*/ig,
+        //     message: "请输入有效的邮箱",
+        //   },
+        //   { required: true, trigger: "blur", message: "请输入邮箱" },
+        // ],
+        // orgname: [{ required: true, message: "请输入机构", trigger: "blur" }],
       },
+      // 密码显示类型（password/text）
       passwordType: "password",
+      // 注册按钮加载状态
       loading: false,
       redirect: undefined,
       otherQuery: {},
-      org_type: [
-        {
-          value: "2",
-          label: "个人客户",
-        },
-        {
-          value: "3",
-          label: "公司客户",
-        },
-      ],
-      photosUrl: null,
-      logoImg: null
+      // 机构类型列表（已注释，保留但不使用）
+      // org_type: [
+      //   { value: "2", label: "个人客户" },
+      //   { value: "3", label: "公司客户" },
+      // ],
     };
   },
 
+  // 组件创建时调用
   created() {
-    this.init()
-  }
-  ,
+    this.init();
+  },
+
+  // 组件挂载后调用
   mounted() {
-    this.registForm.username = ''
+    // 初始化用户名
+    this.registForm.username = '';
+    // 如果有邀请码，设置到表单中
     if (this.invitecode) {
       this.registForm.invitecode = this.invitecode;
     }
-  }
-  ,
+  },
+
   computed: {
+    // 从Vuex获取微信openid
     ...mapState({
       wechat_openid: state => state.login.wechat_openid,
     }),
   },
+
   methods: {
+    // 跳转到首页 - 与登录页面保持一致
+    goHomePage() {
+      if (this.logoUrlOut) {
+        window.location.href = this.logoUrlOut
+      } else {
+        window.location.href = 'https://www.opencomputing.cn/';
+      }
+    },
+
+    // 获取城市数据
     cityArr() {
-      return cityArr
-    }
-    ,
+      return cityArr;
+    },
+
+    // 初始化函数 - 获取Logo等信息，与登录页面保持一致
     init() {
       let params = {
         url_link: this.GetQueryString(this.url)
-      }
+      };
+
       getLogoAPI(params).then((res) => {
         if (res.status == true && res.data && res.data.length) {
+          this.$store.commit('setLogoInfo', res.data[0]);
+          this.isShow = true
+          this.$store.commit('setLogoInfoNew', res.data[0].additional_msg);
+
+          // 特殊机构处理 - 与登录页面保持一致
+          if (res.data[0].orgname == '中关村数智人工智能产业联盟') {
+            this.logoUrlOut = 'https://www.ncmatch.cn'
+          }
+
           this.photosUrl = res.data[0];
           if (this.photosUrl.orgname != '业主机构') {
-            // this.isLogo = true
+            this.isLogo = true
             this.logoImg = this.photosUrl.logo;
-            // this.logoText = this.photosUrl.orgname;
+            this.$store.commit('setLogo', this.photosUrl.logo)
+            this.logoText = this.photosUrl.orgname;
+          } else {
+            this.$store.commit('setLogo', "")
           }
         } else {
           this.$message({
-            message: res.msg,
+            message: "获取ipc失败~",
             type: "error",
           });
         }
       });
-    }
-    ,
+    },
+
+    // 从URL中获取查询参数
     GetQueryString(name) {
       if (name.indexOf("#") != -1) {
         const params = name.split("#")[0];
         return params;
       }
-    }
-    ,
+    },
+
+    // 机构类型改变时的处理函数（已注释，保留但不使用）
     change(row) {
       if (row == 3) {
-        this.registForm.orgname = null
+        this.registForm.orgname = null;
       }
-    }
-    ,
+    },
+
+    // 显示/隐藏密码
     showPwd() {
       if (this.passwordType === "password") {
         this.passwordType = "";
@@ -388,94 +407,149 @@ export default {
       this.$nextTick(() => {
         this.$refs.password.focus();
       });
-    }
-    ,
+    },
+
+    // 获取短信验证码
+    getSmsCode() {
+      // 如果正在倒计时，直接返回
+      if (this.countdown > 0) return;
+
+      // 验证手机号是否为空
+      if (!this.registForm.mobile) {
+        this.$message({
+          message: "请输入手机号",
+          type: "error",
+        });
+        return;
+      }
+
+      // 验证手机号格式是否正确
+      const mobileRegex = /^1(3\d|4[5-9]|5[0-35-9]|6[567]|7[0-8]|8\d|9[0-35-9])\d{8}$/;
+      if (!mobileRegex.test(this.registForm.mobile)) {
+        this.$message({
+          message: "请输入有效的手机号",
+          type: "error",
+        });
+        return;
+      }
+
+      // 这里实际应该调用获取验证码的API
+      // getSmsCodeAPI({ mobile: this.registForm.mobile }).then(res => {
+      //   if (res.status) {
+      //     this.$message({
+      //       message: "验证码已发送",
+      //       type: "success",
+      //     });
+      //     this.startCountdown();
+      //   } else {
+      //     this.$message({
+      //       message: res.msg,
+      //       type: "error",
+      //     });
+      //   }
+      // });
+
+      // 模拟发送验证码成功
+      this.$message({
+        message: "验证码已发送",
+        type: "success",
+      });
+      // 开始倒计时
+      this.startCountdown();
+    },
+
+    // 开始验证码倒计时
+    startCountdown() {
+      this.countdown = 60;
+      this.countdownTimer = setInterval(() => {
+        this.countdown--;
+        if (this.countdown <= 0) {
+          clearInterval(this.countdownTimer);
+        }
+      }, 1000);
+    },
+
+    // 头像上传成功处理（已注释，保留但不使用）
     handleAvatarSuccess(file, fileList) {
       this.imageUrl = URL.createObjectURL(file.raw);
       this.currentFile = file;
-    }
-    ,
-    handleRemove(file, fileList) { //移除照片
+    },
 
-    }
-    ,
-    handleLogin() {//返回登录页
-      this.$router.push({name: "Login"});
-    }
-    ,
-    handleRegister(formName) { //注册
-      // console.log(this.wechat_openid)
+    // 移除文件处理（已注释，保留但不使用）
+    handleRemove(file, fileList) {
+      // 移除照片
+    },
+
+    // 跳转到登录页面
+    handleLogin() {
+      this.$router.push({ name: "Login" });
+    },
+
+    // 注册处理函数
+    handleRegister(formName) {
+      // 第一步：检查用户是否同意协议
+      if (!this.agreeProtocol) {
+        this.$message({
+          message: "请先阅读并同意用户协议",
+          type: "error",
+        });
+        return;
+      }
+
+      // 第二步：进行表单验证（只验证手机号和验证码）
       this.$refs[formName].validate((valid) => {
         if (valid) {
-          if (this.registForm.org_type) {
-            if (this.registForm.org_type == "2") {
-              this.registForm.orgname = this.registForm.username;
-              this.registForm.domain_name = this.photosUrl.domain_name;
-              const formdata = this.getFormData(this.registForm);
-              // if (this.currentFile) {
-              // formdata.append("id_img", this.currentFile.raw);
-              registerUserAPI(formdata).then((res) => {
-                if (res.status == true) {
-                  this.$message({
-                    message: "注册成功",
-                    type: "success",
-                  });
-                  this.$router.push({name: "Login"});
-                } else {
-                  this.$message({
-                    message: res.msg,
-                    type: "error",
-                  });
-                }
+          // 表单验证通过，开始注册流程
+          this.loading = true;
+
+          // 第三步：构建注册数据
+          const registerData = {
+            mobile: this.registForm.mobile,        // 手机号（必填）
+            smsCode: this.registForm.smsCode,      // 验证码（必填）
+            username: this.registForm.username,    // 账户名（非必填）
+            password: this.registForm.password,    // 密码（非必填）
+            wechat_openid: this.registForm.wechat_openid, // 微信openid
+            domain_name: this.photosUrl ? this.photosUrl.domain_name : '' // 域名
+          };
+
+          // 第四步：调用注册API
+          registerUserAPI(registerData).then((res) => {
+            this.loading = false;
+            if (res.status == true) {
+              // 注册成功
+              this.$message({
+                message: "注册成功",
+                type: "success",
               });
-              // } else {
-              //   this.$message({
-              //     message: '请上传身份证照片',
-              //     type: "error",
-              //   });
-              // }
+              // 跳转到登录页面
+              this.$router.push({ name: "Login" });
             } else {
-              this.registForm.domain_name = this.photosUrl.domain_name;
-              const formdata = this.getFormData(this.registForm);
-              // if (this.currentFile) {
-              //   formdata.append("license_img", this.currentFile.raw);
-              registerUserAPI(formdata).then((res) => {
-                if (res.status == true) {
-                  this.$message({
-                    message: "注册成功",
-                    type: "success",
-                  });
-                  this.$router.push({name: "Login"});
-                } else {
-                  this.$message({
-                    message: res.msg,
-                    type: "error",
-                  });
-                }
+              // 注册失败，显示错误信息
+              this.$message({
+                message: res.msg,
+                type: "error",
               });
-              // } else {
-              //   this.$message({
-              //     message: '请上传营业执照',
-              //     type: "error",
-              //   });
-              // }
             }
-          } else {
+          }).catch(() => {
+            // 网络错误处理
+            this.loading = false;
             this.$message({
-              message: "请选择机构类型",
+              message: "注册失败，请重试",
               type: "error",
             });
-          }
+          });
         } else {
+          // 表单验证失败
           this.$message({
-            message: "请查看注册信息是否完整",
+            message: "请填写正确的手机号和验证码",
             type: "error",
           });
         }
       });
-    }
-    ,
-    getFormData(object) {//转换参数为formdata格式
+    },
+
+    // 将对象转换为FormData格式（已注释，保留但不使用）
+    getFormData(object) {
       const formData = new FormData();
       Object.keys(object).forEach((key) => {
         const value = object[key];
@@ -488,353 +562,343 @@ export default {
         }
       });
       return formData;
+    },
+  },
+
+  // 组件销毁前清理定时器
+  beforeDestroy() {
+    if (this.countdownTimer) {
+      clearInterval(this.countdownTimer);
     }
-    ,
   }
 }
 </script>
 
 <style scoped lang="scss">
-::v-deep .el-popper {
-  max-height: 500px !important;
-  overflow: auto;
-  border: 1px solid red !important;
-}
-
+// 定义样式变量
 $cursor: black;
+$primary-color: #409EFF;
+$border-color: #E4E7ED;
+$background-color: #F5F7FA;
+$light-gray: #909399;
+
+// 主容器样式
 .main-box {
   position: relative;
   width: 100vw;
   height: 100vh;
+  overflow: hidden;
 
   img {
     width: 100%;
     height: 100%;
+    object-fit: cover;
   }
 }
 
+// 头部图标样式 - 与登录页面保持一致
 .logo-top {
   width: 200px !important;
-  height: 45px !important;
+  height: 70px !important;
   position: absolute;
-  top: 3%;
+  top: 2%;
   left: 2%;
+  z-index: 1000;
 }
 
-.logo-botton {
-  width: 100px !important;
-  height: 100px !important;
+.logo-top1 {
+  width: 260px !important;
+  height: 80px !important;
   position: absolute;
   top: 3%;
-  left: 2%;
+  left: 3%;
+  z-index: 1000;
 }
 
+// 注册表单容器样式
 .register-form {
-  border-radius: 20px;
-  overflow-y: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
-  width: 40vw;
-  height: 98vh;
-  min-width: 500px;
-}
-
-.form-item {
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  margin: 0;
-  width: 360px;
-  height: 42px;
-}
-
-//old
-$bg: #2d3a4b;
-$dark_gray: #889aa4;
-$light_gray: #eee;
-
-.regist-container {
-  min-height: 100%;
-  width: 100%;
+  width: 90%;
+  max-width: 480px;
+  min-height: 560px;
+  background: rgba(255, 255, 255, 0.95);
+  border-radius: 16px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(10px);
   overflow: hidden;
-  background-color: white;
-
-  .regist-form {
-    height: 100%;
-
-    position: relative;
-    width: 520px;
-    // max-width: 100%;
-    padding: 30px 35px 0;
-    margin: 0 auto;
-    overflow: hidden;
-  }
-
-  .svg-container {
-    padding: 6px 5px 6px 15px;
-    color: $dark_gray;
-    vertical-align: middle;
-    width: 30px;
-    display: inline-block;
-  }
-
-  .title-container {
-    margin-bottom: 15px;
-    position: relative;
-
-    .title {
-      mix-blend-mode: normal;
-      color: rgba(0, 0, 0, 1);
-      font-family: PingFang SC;
-      font-size: 24px;
-      letter-spacing: 1.1px;
-
-      //font-size: 26px;
-      //color: $dark_gray;
-      //margin: 0px 10px 0px;
-      //text-align: center;
-      //font-weight: bold;
-    }
-  }
-
-  .show-pwd {
-    position: absolute;
-    right: 10px;
-    top: 7px;
-    font-size: 16px;
-    color: $dark_gray;
-    cursor: pointer;
-    user-select: none;
-  }
-
-  .thirdparty-button {
-    position: absolute;
-    right: 0;
-    bottom: 6px;
-  }
-
-  @media only screen and (max-width: 470px) {
-    .thirdparty-button {
-      display: none;
-    }
-  }
-
-  .avatar-uploader .el-upload {
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-  }
-
-  .avatar-uploader .el-upload:hover {
-    border-color: #409eff;
-  }
-
-  .avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    height: 60px;
-    width: 60px;
-    line-height: 60px;
-    text-align: center;
-    border: 1px solid #d9d9d9;
-  }
-
-  .avatar {
-    width: 178px;
-    height: 178px;
-    display: block;
-  }
+  z-index: 999;
 }
 
-.mainBg {
-  width: 100vw;
-  height: 100vh;
-  position: relative; /* 让容器成为相对定位的父元素 */
-}
-
-.mainBg::before {
-  position: absolute;
-  top: 0;
-  left: 0;
+// 注册内容区域样式
+.regist-container {
   width: 100%;
   height: 100%;
-  margin-left: -48%;
-  background-image: url("./svgNew/login-bg.svg");
-  background-position: 100%;
-  background-repeat: no-repeat;
-  background-size: auto 100%;
-  content: "";
-}
+  padding: 40px 35px;
 
-.svgImg {
-  //width: 10%!important;
-  //border: 100px solid red;
-  //height: auto;
-
-  //position: absolute; /* 设置绝对定位以脱离文档流 */
-  //top: 0;
-  //left: 0;
-  //width: 50%;
-  //height: 100%; /* 拉伸图片高度至容器高度 */
-}
-
-.loginFromStyle {
-  position: absolute;
-  top: 0;
-  right: 8%;
-  z-index: 1;
-}
-
-.leftLogo {
-  //border: 1px solid red;
-  width: 35vw;
-  height: 80vh;
-  position: absolute;
-  top: 5%;
-  left: 5%;
-  z-index: 9999999;
-
-  img {
-    width: 30%;
-    height: 30%;
+  .regist-form {
+    width: 100%;
   }
-}
 
-.logoStyleTwo {
-  display: flex;
-  justify-content: flex-start;
-}
-
-.windowsLogo {
-  img {
-    width: 90%;
-    height: 90%;
-  }
-}
-
-.titleHeader {
-  --un-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--un-text-opacity));
-  font-size: 24px;
-  margin-top: 100px !important;
-}
-
-.el-select .el-select-dropdown__item {
-  font-size: 14px;
-  padding: 0 20px;
-  position: relative;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: #606266;
-  height: 34px;
-  line-height: 34px;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  cursor: pointer;
-  z-index: 99999999999999999999999999999999999999999999999 !important;
-}
-
-.twoBtn {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.regist-container ::v-deep.el-input__inner {
-  border: none;
-  //width: 418px;
-  width: 418px;
-}
-
-.input-style {
-  //width: 360px;
-  //height: 42px;
-  width: 360px !important;
-}
-
-.name-institution ::v-deep .el-input__inner {
-  border: none;
-}
-
-.upload-box {
-  width: 65px;
-}
-
-.register-btn {
-  mix-blend-mode: normal;
-  text-align: center;
-  color: rgba(255, 255, 255, 1);
-  font-family: PingFang SC;
-  font-size: 16px;
-  width: 360px;
-  height: 42px;
-}
-
-.go-login {
-  padding-top: 10px;
-  cursor: default;
-  align-self: flex-end;
-  margin-bottom: 0;
-  mix-blend-mode: normal;
-  text-align: center;
-  color: rgba(0, 0, 0, 1);
-  font-family: PingFang SC;
-  font-size: 14px;
-  letter-spacing: 0.7px;
-}
-
-.login-btn-style {
-  display: inline-block;
-  color: blue;
-  border-bottom: 2px solid blue !important;
-  cursor: pointer;
-}
-
-.el-input ::v-deep .el-input__inner {
-  border: none;
-  background-color: white;
-
-  &:-webkit-autofill {
-    background-color: white;
-    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
-    -webkit-text-fill-color: $cursor !important;
-  }
-}
-
-.tip-word-style {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  ::v-deep .el-form-item__content {
-    display: flex !important;
-    justify-content: flex-start !important;
+  // 标题区域样式
+  .title-container {
+    display: flex;
+    justify-content: space-between;
     align-items: center;
+    margin-bottom: 30px;
+
+    .title {
+      font-size: 24px;
+      font-weight: 600;
+      color: #303133;
+    }
+
+    .subtitle {
+      font-size: 14px;
+      color: $primary-color;
+      cursor: pointer;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  // 表单行样式
+  .form-row {
+    margin-bottom: 20px;
+  }
+
+  // 表单项样式
+  .form-item-custom {
+    margin-bottom: 0;
+
+    &.full-width {
+      width: 100%;
+    }
+  }
+
+  // 表单项目样式
+  .form-item {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 48px;
+    background: white;
+    border: 1px solid $border-color;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    position: relative;
+
+    &:hover {
+      border-color: $primary-color;
+    }
+
+    &:focus-within {
+      border-color: $primary-color;
+      box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1);
+    }
+  }
+
+  // 图标容器样式
+  .svg-container {
+    padding: 0 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: #606266;
+    font-size: 14px;
+    background: #f8f9fa;
+    border-right: 1px solid $border-color;
+    border-radius: 8px 0 0 8px;
+    min-width: 80px;
+
+    &.country-code {
+      min-width: 60px;
+      background: transparent;
+      border-right: none;
+      color: #303133;
+      font-weight: 500;
+    }
+  }
+
+  // 自定义输入框样式
+  .custom-input {
+    flex: 1;
+    border: none !important;
+    outline: none !important;
+    background: transparent;
+    height: 100%;
+
+    ::v-deep .el-input__inner {
+      border: none !important;
+      background: transparent !important;
+      height: 46px;
+      padding: 0 16px;
+      font-size: 14px;
+
+      &:focus {
+        border: none !important;
+        box-shadow: none !important;
+      }
+
+      &::placeholder {
+        color: $light-gray;
+      }
+    }
+  }
+
+  // 获取验证码按钮样式
+  .get-code-btn {
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: $primary-color;
+    font-size: 14px;
+    cursor: pointer;
+    background: none;
+    border: none;
+    padding: 4px 8px;
+    border-radius: 4px;
+    transition: background-color 0.3s ease;
+    white-space: nowrap;
+
+    &:hover {
+      background: rgba(64, 158, 255, 0.1);
+    }
+
+    &:disabled {
+      color: $light-gray;
+      cursor: not-allowed;
+    }
+  }
+
+  // 显示密码按钮样式
+  .show-pwd {
+    position: absolute;
+    right: 12px;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 16px;
+    color: #909399;
+    cursor: pointer;
+    z-index: 2;
+  }
+
+  // 信息补充区域样式
+  .info-supplement {
+    margin: 24px 0 16px 0;
+    padding-bottom: 8px;
+    border-bottom: 1px solid #f0f0f0;
+
+    .info-title {
+      font-size: 14px;
+      color: $light-gray;
+      font-weight: 500;
+    }
+  }
+
+  // 协议勾选区域样式
+  .agreement {
+    margin: 20px 0;
+
+    ::v-deep .el-checkbox {
+      .el-checkbox__label {
+        font-size: 14px;
+        color: #606266;
+      }
+    }
+  }
+
+  // 按钮区域样式
+  .twoBtn {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: 30px;
+  }
+
+  // 注册按钮样式
+  .register-btn {
+    width: 100%;
+    height: 48px;
+    background: $primary-color;
+    border: none;
+    border-radius: 8px;
+    font-size: 16px;
+    font-weight: 500;
+    color: white;
+    transition: all 0.3s ease;
+
+    &:hover {
+      background: #66b1ff;
+      transform: translateY(-1px);
+      box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
+    }
+
+    &:active {
+      transform: translateY(0);
+    }
   }
 }
 
-.tip-word-style-next {
-  width: 100%;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-}
+// 响应式设计 - 移动端适配
+@media (max-width: 768px) {
+  .register-form {
+    width: 95%;
+    min-width: unset;
+    height: auto;
+    max-height: 90vh;
+    overflow-y: auto;
+  }
 
-.imgStyle {
-  img {
-    width: 200px;
-    height: 45px;
+  .regist-container {
+    padding: 24px 20px;
+  }
+
+  // 移动端调整头部图标大小
+  .logo-top {
+    width: 150px !important;
+    height: 52px !important;
+  }
+
+  .logo-top1 {
+    width: 200px !important;
+    height: 62px !important;
   }
 }
 
-::v-deep .el-popper {
-  height: 300px !important;
-  overflow: auto !important;
+// 动画效果
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
+
+// 自定义滚动条样式
+::-webkit-scrollbar {
+  width: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
 }
 </style>