新增加入学校 学校认证

src/renderer/src/layout/components/Aside.vue

@@ -11,11 +11,12 @@
           </template>
           <div class="head-aside">
             <ul>
-              <li class="auth-li">
+              <li class="auth-li" @click="onUserTo('/schoolCertification')">
                 <i class="iconfont icon-renzheng-"></i>
                 <span class="mlr-5">学校认证</span>
                 <span class="gray">未认证</span>
               </li>
+              <li @click="onUserTo('/joinSchool')">加入学校</li>
               <li @click="onUserTo('/profile')">个人中心</li>
               <li @click="onUserTo('/class')">班级中心</li>
               <li @click="logout">退出登录</li>

src/renderer/src/router/index.js

@@ -134,6 +134,19 @@ export const constantRoutes = [
         name: 'setting',
         meta: {title: '设置'}
       },
+      {
+        path: '/joinSchool',
+        component: () => import('@/views/joinSchool/index.vue'),
+        name: 'joinSchool',
+        meta: {title: '加入学校'}
+      },
+      {
+        path: '/schoolCertification',
+        component: () => import('@/views/schoolCertification/index.vue'),
+        name: 'schoolCertification',
+        meta: {title: '学校认证'}
+      },
+      
     ]
   },
   ...toolRouters

src/renderer/src/views/joinSchool/index.vue

@@ -0,0 +1,42 @@
+<template>
+    <div class="joinschool">
+          <div>加入学校</div>
+          <div class="box-item login" >
+                <el-form  ref="ruleFormRef" label-width="auto"  size="large">
+                    <el-form-item label="所属地区" prop="username">
+                        <el-cascader
+                            style="width:100%"
+                            popper-class="aix-regist-address"
+                            :options="regionData"
+                        />
+                    </el-form-item>
+                    <el-form-item label="学校名称"  prop="Code">
+                    <el-input placeholder="请输入学校名称" />
+                    </el-form-item>
+                    <el-form-item label="申请人"  >
+                   
+                    </el-form-item>
+                    <el-form-item label="申请人电话"  >
+                   
+                    </el-form-item>
+                    
+                    <el-form-item >
+                        <div style="width:100%;text-align: right;padding-right:100px">
+                            <el-button style="width:100px" type="default">关闭</el-button>
+                            <el-button style="width:100px" type="primary" >确定</el-button>
+                        </div>
+                   </el-form-item>
+                </el-form>
+            </div>
+    </div>
+</template>
+
+<script setup >
+import { regionData, codeToText } from 'element-china-area-data'
+</script>
+
+<style scoped>
+.joinschool{
+    padding: 20px;
+}
+</style>

src/renderer/src/views/login/index.vue

@@ -26,8 +26,6 @@
         </el-form-item>
         <div class="flex mb-4" style="display: flex;justify-content: center;color: #ccc;cursor: pointer;">
           <a class="hover:text-sky-500" style="margin-right: 10px;" @click="isRegister=false">注册账号</a>
-          |
-          <a class="hover:text-sky-500" style="margin-left: 10px;" >忘记密码</a>
         </div>
       </el-form>
     </div>
@@ -35,22 +33,22 @@
     <div class="box-item login" v-else>
       <WindowTools :is-has-max="false" />
       <div class="login-title">账号注册</div>
-      <el-form ref="formRef" class="login-form"  :rules="rules" size="large">
+      <el-form  ref="ruleFormRef" class="login-form"   :model="ruleForm" label-width="auto"  :rules="rules" size="large">
         <el-form-item label="手机号" prop="username">
           <el-input  placeholder="请输入手机号" />
         </el-form-item>
-        <el-form-item label="验证码" prop="username">
+        <el-form-item label="验证码"  prop="Code">
           <el-input style="width:185px" placeholder="请输入验证码" /><el-button type="primary" >发送验证码</el-button>
         </el-form-item>
         <el-form-item label="密码" prop="password" >
-          <el-input v-model="loginForm.password" autocomplete="on" type="password" placeholder="请输入密码" />
+          <el-input  autocomplete="on" type="password" placeholder="请输入密码" />
         </el-form-item>
       
         <el-form-item>
-          <el-button  type="primary" >立即注册</el-button>
+          <el-button  class="btn" type="primary"  @click="RegisterForm(ruleFormRef)">立即注册</el-button>
         </el-form-item>
         <div class="flex mb-4" style="display: flex;justify-content: center;color: #ccc;cursor: pointer;">
-          <a class="hover:text-sky-500" style="margin-right: 10px;"> 《 返回登录 </a>
+          <a class="hover:text-sky-500" style="margin-right: 10px;" @click="isRegister=true"> 《 返回登录 </a>
         </div>
       </el-form>
     </div>
@@ -86,13 +84,17 @@ const btnLoading = ref(false)
 const isSubject = ref(false)
 const RegModel = ref(false)
 const isRegister = ref(true)
+const ruleFormRef = ref(null)
 //表单
 const loginForm = reactive({
   username: '',
   password: '',
   rememberMe: false
 })
+// 注册表单
+const ruleForm = reactive({
   
+})
 //表单规则
 const rules = reactive({
   username: [{ required: true, trigger: 'blur', message: '请输入您的账号' }],
@@ -172,7 +174,30 @@ const setCookie = (name, value) => {
   }
   return session.defaultSession.cookies.set(cookie)
 }
+// 注册
+const RegisterForm = async (formEl) => {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
      
+      var form={
+       
+      }
+      // signIn(form).then(res=>{
+      //     if(res.code==200){
+      //       ElMessage.success('您已注册成功，等待学校管理员审核')
+      //       if (ruleFormRef.value) ruleFormRef.value.resetFields()
+           
+      //     }else{
+      //       ElMessage.error(res.msg)
+      //     }
+      // })
+      console.log('submit!')
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
+}
 onMounted(() => {
   localStorage.clear()
   sessionStore.set('subject', {   

src/renderer/src/views/schoolCertification/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+       <div>加入学校</div>
+    </div>
+</template>
+
+<script setup >
+
+</script>
+
+<style scoped>
+
+</style>