From 70a3ec3182fefeee6709b6c4ea7b5cfe38c63b57 Mon Sep 17 00:00:00 2001
From: xy <2115269706@qq.com>
Date: Mon, 24 Mar 2025 18:20:29 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E7=BD=AE=E5=AF=86=E7=A0=81=E4=BB=A5?=
 =?UTF-8?q?=E5=8F=8A=E4=B8=80=E4=BA=9B=E6=8E=A5=E5=8F=A3=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/user.ts              |   7 +-
 src/assets/images/login.png  | Bin 7886 -> 6552 bytes
 src/layout/knowledgePage.vue |   7 +-
 src/layout/loginPage.vue     |  20 +-
 src/layout/passwordPage.vue  | 410 +++++++++++++++++++++++++++++++++++
 src/layout/spacePage.vue     | 155 +++++++++----
 src/router/index.ts          |   6 +-
 7 files changed, 554 insertions(+), 51 deletions(-)
 create mode 100644 src/layout/passwordPage.vue

diff --git a/src/api/user.ts b/src/api/user.ts
index 5d893e2..36da266 100644
--- a/src/api/user.ts
+++ b/src/api/user.ts
@@ -38,4 +38,9 @@ export const getKnowledgeService = () => {
         url: "knowledgepoint/xnKnowledgePoint/list",
         method: "get",
     });
-};
\ No newline at end of file
+};
+
+//修改密码
+export const userChangePasswordService = (params) => {
+    return request.post('/xnRecords/changeStuPassword', params)
+}
\ No newline at end of file
diff --git a/src/assets/images/login.png b/src/assets/images/login.png
index 6fda787d43150edf724f138f5cde41f189ba35b8..56e256f3fa10392ff09046cba7a7cc93670483ec 100644
GIT binary patch
literal 6552
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
RayJJ$bLzs$k`rD@{|CXS#)SX?

literal 7886
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

diff --git a/src/layout/knowledgePage.vue b/src/layout/knowledgePage.vue
index cbfe8c4..220fe9d 100644
--- a/src/layout/knowledgePage.vue
+++ b/src/layout/knowledgePage.vue
@@ -43,7 +43,12 @@ const SubLeft = () => {
 }
 //右箭头
 const SubRight = () => {
-
+    if (currentKnowledgeIndex.value+1 < Knowledges.value.length) {
+        currentKnowledgeIndex.value++; // 更新到下一题
+    }
+    else {
+        ElMessage.success('知识点已学习完毕，请提交')
+    }
 }
 
 const Knowledges = ref<any[]>([]);
diff --git a/src/layout/loginPage.vue b/src/layout/loginPage.vue
index 92a98cf..730d485 100644
--- a/src/layout/loginPage.vue
+++ b/src/layout/loginPage.vue
@@ -9,8 +9,8 @@
         <el-row style="display: flex; justify-content: center">
           <el-col>
             <el-form :rules="rules" :model="formModel" ref="formRef" size="large" autocomplete="off" v-if="isRegister">
-              <el-form-item prop="username" class="custom-form-item">
-                <div style="display: flex; align-items: center; color: pink">
+              <el-form-item prop="username">
+                <div style="display: flex; align-items: center;">
                   <div class="left" style="display: flex; align-items: center;width: 90px;">
                     <div style="padding-right: 10px; color: #1084c1">
                       <el-icon class="bold-icon">
@@ -20,8 +20,7 @@
                     <div style="padding-right: 10px; color: #2592a1">用户账号</div>
                   </div>
                   <div class="right">
-                    <el-input v-model="formModel.username" style="border-color: #20bec8;"
-                      placeholder="请输入用户账号"></el-input>
+                    <el-input v-model="formModel.username" placeholder="请输入用户账号"></el-input>
                   </div>
                 </div>
               </el-form-item>
@@ -36,7 +35,7 @@
                     <div style="padding-right: 10px; color: #2592a1">用户密码</div>
                   </div>
                   <div class="right">
-                    <el-input type="password" v-model="formModel.password" style="border-color: #20bec8"
+                    <el-input type="password" v-model="formModel.password"
                       placeholder="请输入密码" show-password></el-input>
                   </div>
                 </div>
@@ -57,7 +56,7 @@
                   </div>
                 </div>
               </el-form-item>
-              <el-form-item prop="name" class="custom-form-item">
+              <el-form-item prop="name">
                 <div style="display: flex; align-items: center; color: pink">
                   <div class="left" style="display: flex; align-items: center;width: 90px;">
                     <div style="padding-right: 10px; color: #1084c1">
@@ -160,7 +159,7 @@
             </el-form>
             <el-form style="margin-bottom: 90px;" :model="formModel" :rules="rules" ref="formRef" size="large"
               autocomplete="off" v-else class="custom-form">
-              <el-form-item prop="username" class="custom-form-item">
+              <el-form-item prop="username">
                 <div style="display: flex; align-items: center;">
                   <div class="left" style="display: flex; align-items: center;width: 90px;">
                     <div style="padding-right: 10px; color: #1084c1">
@@ -254,10 +253,10 @@
 <script setup lang="ts">
 // import { ref } from "vue"
 // import { onMounted, reactive, ref, toRefs, watch } from "vue";
-import { ElMessage, ElMessageBox } from 'element-plus'
+import { ElMessage} from 'element-plus'
 import settingStore from "@/store/modules/setting";
 import { User, Lock, Avatar, Stamp, Grid, Iphone } from "@element-plus/icons-vue";
-import { ref } from "vue";
+import { ref,onMounted} from "vue";
 import userStore from "@/store/modules/user";
 import { getCode, sturegister, getFaculties } from '@/api/user'
 import { useRouter } from "vue-router";
@@ -446,6 +445,9 @@ const toLogin = () => {
 const clickErrorBtn=()=>{
   console.log('aaa');
 }
+onMounted(()=>{
+  getcodeinfo();
+})
 </script>
 
 <style lang="less" scoped>
diff --git a/src/layout/passwordPage.vue b/src/layout/passwordPage.vue
new file mode 100644
index 0000000..f92f67c
--- /dev/null
+++ b/src/layout/passwordPage.vue
@@ -0,0 +1,410 @@
+<template>
+    <div class="login_container">
+        <div class="top">
+            <div class="loginBtn">
+                <p @click="loginFn">{{ user.token ? '已登录' : '登录/注册' }}</p>
+            </div>
+            <div class="title">{{ setting.title }}</div>
+        </div>
+
+        <div class="main-content">
+            <div class="personal-center">
+                <div class="leftBox">
+                    <h2>个人中心</h2>
+                    <p>学生8527</p>
+                    <button class="btn1" @click="handleHomeClick">返回首页</button>
+                    <button class="btn2" @click="handleRecordClick">个人中心</button>
+                    <button class="btn3">重置密码</button>
+                </div>
+                <div class="rightBoxes">
+                    <div class="topBox">
+                        <el-form style="margin:55px 0 0 200px;" :rules="rules" :model="formModel" ref="formRef"
+                            size="large" autocomplete="off">
+                            <el-form-item prop="username" class="custom-form-item">
+                                <div class="left" style="width: 60px;color: #fbfdfd;">
+                                    用户账号
+                                </div>
+                                <div class="right">
+                                    <el-input disabled v-model="formModel.username"
+                                        style="border-color: #20bec8;"></el-input>
+                                </div>
+                            </el-form-item>
+                            <el-form-item prop="oldPassword" class="custom-form-item" style="margin-top: 25px;">
+                                <div style="display: flex; align-items: center; color: pink">
+                                    <div class="left" style="width: 60px;color: #fbfdfd;">
+                                        旧密码
+                                    </div>
+                                    <div class="right">
+                                        <el-input type="password" v-model="formModel.oldPassword"
+                                            style="border-color: #20bec8;" placeholder="请输入旧密码"
+                                            show-password></el-input>
+                                    </div>
+                                </div>
+                            </el-form-item>
+                        </el-form>
+                    </div>
+                    <div class="bottomBox">
+                        <el-form size="large" style="margin:36px 0 0 265px;" :rules="rules" :model="formModel">
+                            <el-form-item prop="password">
+                                <div style="display: flex; align-items: center;">
+                                    <div class="left" style="width: 60px;color: #fbfdfd;">
+                                        新密码
+                                    </div>
+                                    <div class="right">
+                                        <el-input type="password" v-model="formModel.password"
+                                            style="border-color: #20bec8" placeholder="请输入新密码" show-password></el-input>
+                                    </div>
+                                </div>
+                            </el-form-item>
+                            <el-form-item prop="repassword">
+                                <div style="display: flex; align-items: center;">
+                                    <div class="left" style="width: 60px;color: #fbfdfd;">
+                                        确认密码
+                                    </div>
+                                    <div class="right">
+                                        <el-input placeholder="请再次输入新密码" type="password" v-model="formModel.repassword"
+                                            style="border-color: #20bec8 ;margin-top: 6px" show-password></el-input>
+                                    </div>
+                                </div>
+                            </el-form-item>
+
+                        </el-form>
+                        <el-button style="margin:10px 0 0 580px;font-size: 13px;font-weight: 700;"
+                            size="large" @click="confirmChange">确认修改</el-button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+</template>
+
+<script setup lang="ts" name="spacePage">
+
+import { ref, onMounted } from "vue"
+import { useRouter } from 'vue-router'
+import { ElMessage } from 'element-plus'
+import settingStore from "@/store/modules/setting";
+const setting = settingStore();
+import userStore from '@/store/modules/user';
+import { getUserInfoService, userChangePasswordService } from '@/api/user'
+const router = useRouter()
+const user = userStore();
+const loginFn = () => {
+    router.push('/login')
+}
+const handleHomeClick = () => {
+    // 处理首页按钮点击逻辑，如路由跳转
+    console.log('返回首页');
+    router.push('/studyPage')
+};
+const handleRecordClick = () => {
+    console.log('个人中心');
+    router.push('/spacePage')
+};
+
+const formRef = ref();
+const formModel = ref({
+    username: "",
+    oldPassword:'',
+    password:'',
+    repassword:''
+});
+const getUser = async () => {
+    const res: any = await getUserInfoService();
+    // console.log(res.result,'aaaaa');
+
+    formModel.value.username = res.result.username;
+    // console.log(formModel, 'formModel');
+}
+
+
+
+const rules = {
+    username: [
+        { required: true, message: "请输入用户名", trigger: "blur" },
+        {
+            min: 5,
+            max: 30,
+            message: "用户名长度最小五位最大三十位",
+            trigger: ["change", "blur"],
+        },
+    ],
+    oldpassword: [
+        { required: true, message: "请输入旧密码", trigger: "blur" },
+        {
+            pattern: /^\S{6,15}$/,
+            message: "旧密码长度最小六位最大十五位",
+            trigger: ["change", "blur"],
+        },
+    ],
+    password: [
+        { required: true, message: "请输入新密码", trigger: "blur" },
+        {
+            pattern: /^\S{6,15}$/,
+            message: "密码长度最小六位最大十五位",
+            trigger: ["change", "blur"],
+        },
+        {
+            validator: (rule, value, callback) => {
+                if (value === formModel.value.oldPassword) {
+                    callback(new Error("新密码不能跟旧密码输入一致!"));
+                } else {
+                    callback();
+                }
+            },
+            trigger: "blur",
+        },
+    ],
+    repassword: [
+        { required: true, message: "请再次输入新密码", trigger: "blur" },
+        {
+            max: 15,
+            min: 6,
+            pattern: /^\S{6,15}$/,
+            message: "密码长度最小六位最大十五位",
+            trigger: ["change", "blur"],
+        },
+        {
+            validator: (rule, value, callback) => {
+                if (value !== formModel.value.password) {
+                    callback(new Error("两次输入新密码不一致!"));
+                } else {
+                    callback();
+                }
+            },
+            trigger: "blur",
+        },
+    ],
+};
+const confirmChange =async()=>{
+    await userChangePasswordService({
+        username: formModel.value.username,
+        password: formModel.value.password,
+        oldPassword: formModel.value.oldPassword,
+    })
+        .then(() => {
+            ElMessage.success('修改成功')
+        })
+        .catch((error) => {
+            // console.log(error, 'error')
+            ElMessage.error(error.response.data.message)
+        })
+    formModel.value.oldPassword=''
+    formModel.value.password = ''
+    formModel.value.repassword=''
+
+}
+onMounted(() => {
+    getUser()
+})
+</script>
+
+<style lang="less" scoped>
+.login_container {
+    position: relative;
+    width: 100%;
+    // height: 1080px;
+    min-height: 100vh;
+    background-color: #091d22;
+    background: url("../assets//images/bg3.png") no-repeat;
+    background-size: cover;
+
+    .top {
+        width: 100%;
+        height: 75px;
+        text-align: center;
+        font-size: 42px;
+        line-height: 75px;
+        font-style: italic;
+        background: url("../assets/images/topbgc.png") no-repeat;
+        // background-position: center bottom -10px;
+        background-size: cover;
+
+        .title {
+            color: #fff;
+        }
+
+        .loginBtn {
+            position: absolute;
+            /* 清除浮动影响 */
+            float: left;
+            /* 向左浮动 */
+            top: 10px;
+            left: 230px;
+            border: 1px solid #33FEFE;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+            width: 142px;
+            height: 40px;
+            line-height: 37px;
+            background: linear-gradient(to bottom, #08B9C1, #0758B8);
+            transform: skew(-30deg);
+            cursor: pointer;
+            /* 在X轴方向倾斜 -30 度 */
+            border-radius: 5%;
+
+            p {
+                transform: skew(30deg);
+                /* 反向倾斜，抵消父元素的变形 */
+                font-size: 18px;
+                color: #fff;
+            }
+        }
+    }
+}
+
+.main-content {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .personal-center {
+        display: flex;
+        width: 1800px;
+        height: 600px;
+        margin-top: 150px;
+        justify-content: space-evenly;
+
+        .leftBox {
+            position: relative;
+            width: 550px;
+            height: 600px;
+            background: url("../assets/images/space1.png") no-repeat;
+            transform: skewX(-5deg);
+            margin-right: -150px;
+            // flex-direction: column;
+            background-size: 98%;
+
+            h2 {
+                position: absolute;
+                top: 6px;
+                left: 60%;
+                transform: translateX(-50%);
+                color: #ededd8;
+                font-size: 16px;
+                font-weight: 700;
+                height: 40px;
+                line-height: 40px;
+                font-size: 20px;
+            }
+
+            p {
+                position: absolute;
+                top: 28%;
+                left: 55%;
+                transform: translateX(-50%);
+                color: #fdeda0;
+                font-size: 20px;
+                font-weight: 700;
+                height: 40px;
+                line-height: 40px;
+            }
+
+            .btn1,
+            .btn2,
+            .btn3 {
+                display: block;
+                width: 200px;
+                height: 55px;
+                background-color: #e9ddab;
+                margin: 25px auto;
+                border: none;
+                border-radius: 5px;
+                color: #333;
+                font-size: 20px;
+                font-weight: 700;
+                transform: skewX(-17deg);
+            }
+
+            .btn1 {
+                position: absolute;
+                top: 268px;
+                left: 31%;
+            }
+
+            .btn2 {
+                position: absolute;
+                left: 26%;
+                top: 360px;
+                
+            }
+
+            .btn3 {
+                position: absolute;
+                left: 22%;
+                top: 453px;
+                background-color: #e2c04f;
+            }
+        }
+
+        .rightBoxes {
+            width: 1200px;
+            height: 600px;
+            // background-color: skyblue;
+            // flex: 1;
+            display: flex;
+            justify-content: space-around;
+            flex-direction: column;
+            transform: skewX(-17deg);
+
+            .topBox {
+                // width: 800px;
+                //     height: 300px;
+                flex: 1;
+                background-color: lightgreen;
+                background: url("../assets/images/space2.png") no-repeat;
+                background-size: 98%;
+                // display: flex;
+                // justify-content: center;
+                // align-items: center;
+                transform: skewX(15deg);
+
+                .el-input {
+                    width: 450px;
+                    height: 50px;
+                }
+
+                :deep(.el-form-item__error) {
+                    left: 90px;
+                }
+            }
+
+            .bottomBox {
+                margin-top: 36px;
+                flex: 1;
+                // width: 800px;
+                //     height: 200px;
+                background-color: lightcoral;
+                background: url("../assets/images/space3.png") no-repeat;
+                background-size: 98%;
+                // display: flex;
+                // justify-content: center;
+                // align-items: center;
+                transform: skewX(15deg);
+
+                .el-input {
+                    width: 450px;
+                    height: 50px;
+                }
+
+                :deep(.el-form-item__error) {
+                    left: 90px;
+                }
+            }
+
+
+        }
+    }
+}
+
+// .personal-center {
+//     background-color: #003366;
+//     padding: 20px;
+//     color: white;
+//     border-radius: 10px;
+//     transform: skewX(-15deg);
+//     display: flex;
+
+
+// }</style>
\ No newline at end of file
diff --git a/src/layout/spacePage.vue b/src/layout/spacePage.vue
index 4a8861b..694ddb7 100644
--- a/src/layout/spacePage.vue
+++ b/src/layout/spacePage.vue
@@ -12,74 +12,74 @@
                 <div class="leftBox">
                     <h2>个人中心</h2>
                     <p>学生8527</p>
-                    <button class="btn1" @click="handleHomeClick">首页</button>
-                    <button class="btn2" @click="handleRecordClick">学习/成绩记录</button>
+                    <button class="btn1" @click="handleHomeClick">返回首页</button>
+                    <button class="btn2" disabled>个人中心</button>
                     <button class="btn3" @click="handlePasswordClick">重置密码</button>
                 </div>
                 <div class="rightBoxes">
                     <div class="topBox">
-                        <el-form style="margin:30px 0 0 200px;" :rules="rules" :model="formModel" ref="formRef"
-                            size="large" autocomplete="off">
-                            <el-form-item prop="username" class="custom-form-item">
+                        <el-form style="margin:30px 0 0 200px;" :model="formModel" size="large" autocomplete="off">
+                            <el-form-item>
                                 <div class="left" style="width: 60px;color: #fbfdfd;">
                                     用户账号
                                 </div>
                                 <div class="right">
-                                    <el-input disabled v-model="formModel.username" style="border-color: #20bec8;"></el-input>
+                                    <el-input disabled v-model="formModel.username"></el-input>
                                 </div>
                             </el-form-item>
-                            <el-form-item prop="name" class="custom-form-item">
+                            <el-form-item>
                                 <div style="display: flex; align-items: center; color: pink">
                                     <div class="left" style="width: 60px;color: #fbfdfd;">
                                         姓名
                                     </div>
                                     <div class="right">
-                                        <el-input v-model="formModel.realname" style="border-color: #20bec8;"></el-input>
+                                        <el-input disabled v-model="formModel.realname"></el-input>
                                     </div>
                                 </div>
                             </el-form-item>
-                            <el-form-item prop="clssid" class="custom-form-item">
+                            <el-form-item prop="clssid">
                                 <div class="left" style="width: 60px;color: #fbfdfd;">
                                     班级
                                 </div>
                                 <div class="right">
-                                    <el-input v-model="formModel.className" style="border-color: #20bec8;"></el-input>
+                                    <el-input disabled v-model="formModel.className"></el-input>
                                 </div>
                             </el-form-item>
-
                         </el-form>
                     </div>
                     <div class="bottomBox">
-                        <el-form size="large" style="margin:30px 0 0 265px;" :rules="rules" :model="formModel">
-                            <el-form-item prop="studentNumb">
+                        <el-form size="large" style="margin:30px 0 0 265px;" :model="formModel">
+                            <el-form-item>
                                 <div style="display: flex; align-items: center;">
                                     <div class="left" style="width: 60px;color: #fbfdfd;">
                                         学号
                                     </div>
                                     <div class="right">
-                                        <el-input  v-model="formModel.workNo"
-                                            style="border-color: #20bec8"></el-input>
+                                        <el-input disabled v-model="formModel.workNo"></el-input>
                                     </div>
                                 </div>
                             </el-form-item>
-                            <el-form-item prop="mobile">
+                            <el-form-item>
                                 <div style="display: flex; align-items: center;">
                                     <div class="left" style="width: 60px;color: #fbfdfd;">
                                         手机号
                                     </div>
                                     <div class="right">
-                                        <el-input v-model="formModel.phone" style="border-color: #20bec8"></el-input>
+                                        <el-input disabled v-model="formModel.phone"></el-input>
                                     </div>
                                 </div>
                             </el-form-item>
-                            <el-form-item prop="score">
+                            <el-form-item>
                                 <div style="display: flex; align-items: center;">
                                     <div class="left" style="width: 60px;color: #fbfdfd;">
                                         成绩
                                     </div>
                                     <div class="right">
-                                        <el-input-number disabled v-model="formModel.score" style="border-color: #20bec8"></el-input-number>
+                                        <el-input-number disabled v-model="formModel.score"></el-input-number>
                                     </div>
+                                    <el-button
+                                        style="color: #333333; margin: 5px 3px 0 83px; font-size: 15px; font-weight: 700; background-color: #e9ddab;"
+                                        size="large" @click="openDialog">更改个人信息</el-button>
                                 </div>
                             </el-form-item>
                         </el-form>
@@ -89,31 +89,55 @@
         </div>
     </div>
 
-
+    <!-- 弹框 -->
+    <el-dialog v-model="dialog" title="更改个人信息" width="500">
+        <el-form :model="dialogForm" :rules="rules" ref="formRef">
+            <el-form-item prop="username" label="用户账号" style="margin-top: 30px;">
+                <el-input v-model="dialogForm.username" disabled></el-input>
+            </el-form-item>
+            <el-form-item prop="name" label="姓名" label-width="58px">
+                <el-input v-model="dialogForm.name"></el-input>
+            </el-form-item>
+            <el-form-item prop="mobile" label="手机号" label-width="58px">
+                <el-input v-model="dialogForm.phone" placeholder="请输入手机号"></el-input>
+            </el-form-item>
+            <el-form-item prop="clssid" label="班级" label-width="58px">
+                <el-cascader placeholder="请选择所属班级" :props="props" style="width: 142%; height: 0.2344rem"
+                    v-model="dialogForm.clssid" @change="handleChange" />
+            </el-form-item>
+        </el-form>
+        <template #footer>
+            <div class="dialog-footer">
+                <el-button @click="handleClose">取消</el-button>
+                <el-button type="primary" @click="changeInformation">
+                    确认修改
+                </el-button>
+            </div>
+        </template>
+    </el-dialog>
 </template>
 
 <script setup lang="ts" name="spacePage">
 
-import { ref,onMounted } from "vue"
+import { ref,onMounted} from "vue"
 import { useRouter } from 'vue-router'
 import settingStore from "@/store/modules/setting";
 const setting = settingStore();
 import userStore from '@/store/modules/user';
 import { getUserInfoService } from '@/api/user'
+import {getFaculties } from '@/api/user'
 const router = useRouter()
 const user = userStore();
 const loginFn = () => {
     router.push('/login')
 }
 const handleHomeClick = () => {
-    // 处理首页按钮点击逻辑，如路由跳转
-    console.log('首页按钮被点击');
-};
-const handleRecordClick = () => {
-    console.log('学习/成绩记录按钮被点击');
+    
+    router.push('/studyPage')
 };
 const handlePasswordClick = () => {
-    console.log('密码管理按钮被点击');
+    console.log('密码管理');
+    router.push('/passwordPage')
 };
 
 const formRef = ref();
@@ -125,14 +149,19 @@ const formModel = ref({
     phone: '',
     score: ''
 });
+const dialogForm=ref({
+    username: "",
+    name: "",
+    clssid: '',
+    phone: '',
+})
 const getUser=async()=>{
     const res: any = await getUserInfoService();
     // console.log(res.result,'aaaaa');
-    
     formModel.value = res.result;
     // console.log(formModel, 'formModel');
+    dialogForm.value.username=res.result.username
 }
-
  
 
 const rules = {
@@ -145,15 +174,15 @@ const rules = {
             trigger: ["change", "blur"],
         },
     ],
-    studentNumb: [
-        { required: true, message: "请输入学号", trigger: "blur" },
-        {
-            min: 5,
-            max: 11,
-            message: "学号长度最小五位最大十一位",
-            trigger: ["change", "blur"],
-        },
-    ],
+    // workNo: [
+    //     { required: true, message: "请输入学号", trigger: "blur" },
+    //     {
+    //         min: 5,
+    //         max: 11,
+    //         message: "学号长度最小五位最大十一位",
+    //         trigger: ["change", "blur"],
+    //     },
+    // ],
     name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
     clssid: [
         { required: true, message: "请选择所属班级", trigger: "blur" },
@@ -165,7 +194,7 @@ const rules = {
             message: "手机号格式不正确",
             trigger: ["change", "blur"],
         },
-    ],
+    ]
     // score:[
     //     { required: true, message: "成绩", trigger: "blur" },
     // ]
@@ -173,6 +202,53 @@ const rules = {
 onMounted(()=>{
     getUser()
 })
+const loading = ref(false)
+const dialog=ref(false)
+const changeInformation = () => {
+    loading.value = true
+    setTimeout(() => {
+        dialog.value = false
+    }, 400)
+}
+const openDialog=()=>{
+dialog.value=true
+}
+const handleClose = () => {
+    dialog.value = false
+}
+
+
+// 班级
+const FacultiesList = ref([])
+const getFacultiesList = async (data: any) => {
+    const res: any = await getFaculties(data)
+    console.log(res, 'res11')
+    FacultiesList.value = res.result
+}
+const deepValues = ref([])
+// 配置部门级联选择器
+const props = {
+    lazy: true,
+    checkStrictly: true,
+    emitPath: false,
+    async lazyLoad(node: any, resolve: any) {
+        console.log(node);
+        deepValues.value = node.pathValues
+        await getFacultiesList({
+            primaryType: node.level + 1,
+            pid: node.value,
+        })
+        const nodes = FacultiesList.value.map((item: any) => ({
+            value: item.id,
+            label: item.name,
+        }))
+        resolve(nodes)
+    },
+}
+const handleChange = (e: any) => {
+    console.log(e);
+    dialogForm.value.clssid = e
+}
 </script>
 
 <style lang="less" scoped>
@@ -301,6 +377,7 @@ onMounted(()=>{
                 position: absolute;
                 left: 26%;
                 top: 360px;
+                background-color:#e2c04f ;
             }
 
             .btn3 {
diff --git a/src/router/index.ts b/src/router/index.ts
index e9d09e4..699d5f5 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -59,7 +59,11 @@ const routerList: any = [
     path: '/knowledgePage',
     name: 'KnowledgePage',
     component: () => import('@/layout/knowledgePage.vue')
-  },
+  },{
+    path:'/passwordPage',
+    name:'PasswordPage',
+    component:()=>import('@/layout/passwordPage.vue')
+  }
 
 
 ];