diff --git a/.env.development b/.env.development
index 269e196..600aee7 100644
--- a/.env.development
+++ b/.env.development
@@ -1,5 +1,5 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV = 'development'
 VITE_APP_TITLE = '无糖运营平台'
-# VITE_APP_BASE_API = 'http://127.0.0.1:8008'
-VITE_APP_BASE_API = 'http://39.106.16.162:8080'
+VITE_APP_BASE_API = 'http://127.0.0.1:8080'
+# VITE_APP_BASE_API = 'http://39.106.16.162:8080'
diff --git a/src/api/courseChaptersApi.ts b/src/api/courseChaptersApi.ts
index 9c5f872..8f4f708 100644
--- a/src/api/courseChaptersApi.ts
+++ b/src/api/courseChaptersApi.ts
@@ -96,20 +96,20 @@ export const deleteCourse = (params: any) => {
 // 获取详情
 export const getCourseInfo = (params: any) => {
   return request({
-// <<<<<<< HEAD
+    // <<<<<<< HEAD
     url: '/objective_contents/' + params.id,
     method: 'get',
-//     // params
-// =======
-// <<<<<<< HEAD
-//     url: '/api/objective_contents/' + params.id,
-//     method: 'get',
-//     params,
-// =======
-//     url: '/objective_contents/' + params.id,
-//     method: "get",
-//     // params
-// >>>>>>> 1a620e19de970965f426e07348b1dbc4be900eaf
-// >>>>>>> 991fa5ab08c56c84c5a276226f8fbc2ec78f859a
+    //     // params
+    // =======
+    // <<<<<<< HEAD
+    //     url: '/api/objective_contents/' + params.id,
+    //     method: 'get',
+    //     params,
+    // =======
+    //     url: '/objective_contents/' + params.id,
+    //     method: "get",
+    //     // params
+    // >>>>>>> 1a620e19de970965f426e07348b1dbc4be900eaf
+    // >>>>>>> 991fa5ab08c56c84c5a276226f8fbc2ec78f859a
   })
 }
diff --git a/src/api/user/user.js b/src/api/user/user.js
index 94c9e29..8eb2bd3 100644
--- a/src/api/user/user.js
+++ b/src/api/user/user.js
@@ -25,6 +25,7 @@ export const userPhoneRegisterService = (jsonData) => {
 export const userCodeRegisterService = (phoness) => {
   return request.post('/api/user/code?phone=' + phoness)
 }
+
 //用户信息接口
 export const userGetInfoService = (token) =>
   request.get('/api/user/info', {
@@ -46,3 +47,14 @@ export const userIdenChangeService = (dataToSend) => {
     headers: { 'Content-Type': 'application/json;charset=UTF-8' },
   })
 }
+//修改密码
+export const userChangePasswordService = (dataToSend) => {
+  return request.post('/api/user/updatePassword', dataToSend)
+}
+
+//获取排名靠前的课程
+export const userToplessonService = () => request.get('#')
+//获取最新收藏的课程
+export const userNewLikeService = (id) => {
+  return request.post('/api/course_favour/newCollect?userId=' + id)
+}
diff --git a/src/assets/images/default.png b/src/assets/images/default.png
new file mode 100644
index 0000000..e16488e
Binary files /dev/null and b/src/assets/images/default.png differ
diff --git a/src/assets/images/fe.jpg b/src/assets/images/fe.jpg
new file mode 100644
index 0000000..ff9e1ba
Binary files /dev/null and b/src/assets/images/fe.jpg differ
diff --git a/src/layout/tabbar/setting/index.vue b/src/layout/tabbar/setting/index.vue
index 6d134b2..a6182ff 100644
--- a/src/layout/tabbar/setting/index.vue
+++ b/src/layout/tabbar/setting/index.vue
@@ -12,11 +12,22 @@
   <el-button size="small" icon="refresh" circle @click="refresh" />
   <el-button size="small" icon="FullScreen" circle @click="fullScreen" />
   <el-button size="small" icon="Setting" circle />
+  <el-button
+    size="small"
+    icon="Link"
+    circle
+    @click="openWeb('http://www.baidu.com/', 'baidu')"
+  />
   <img
-    src=""
+    :src="userStore.data.icon || defImg"
     alt=""
     style="width: 24px; height: 24px; margin: 0 10px; border-radius: 50%"
   />
+  <!-- <img
+    src="@/assets/images/default.jpg
+    alt=""
+    style="width: 24px; height: 24px; margin: 0 10px; border-radius: 50%"
+  /> -->
   <!-- 退出登录 -->
   <el-dropdown @command="handleCommand">
     <span class="el-dropdown-link">
@@ -37,12 +48,16 @@
 // import { useDark, useToggle } from '@vueuse/core'
 import useLayoutSettingStoe from '@/store/modules/setting'
 import useUserStore from '@/store/modules/user'
+import { onMounted } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
+// import default from '@/assets/images/default.jpg'
+import defImg from '@/assets/images/default.png'
 // import { Moon, Sunny } from '@element-plus/icons-vue'
 const useStore = useLayoutSettingStoe()
 const userStore = useUserStore()
 const $router = useRouter()
 const $route = useRoute()
+
 // 全屏方法
 const fullScreen = () => {
   let full = document.fullscreenElement
@@ -56,7 +71,6 @@ const fullScreen = () => {
 const refresh = () => {
   useStore.refresh = !useStore.refresh
 }
-
 // 用户下拉框事件
 const handleCommand = (command: string) => {
   switch (command) {
@@ -65,18 +79,28 @@ const handleCommand = (command: string) => {
       break
   }
 }
+//跳转链接
+const openWeb = (url, name) => {
+  window.open(url, name, '_blank')
+}
+
+//用户头像
+onMounted(() => {
+  userStore.getUserInfo()
+  console.log(userStore.data.icon, 'icon')
+})
+
 const logout = () => {
   console.log($route)
-
   userStore.logout()
   $router.push({
     path: '/login',
     query: { redirect: $route.path },
   })
 }
+
 // import IconEpSunny from '~icons/ep/sunny';
 // import IconEpMoon from '~icons/ep/moon';
-
 // const isDark = useDark()
 // const toggleDark = () => useToggle(isDark)
 </script>
diff --git a/src/router/routers.ts b/src/router/routers.ts
index 6724cb7..72d0554 100644
--- a/src/router/routers.ts
+++ b/src/router/routers.ts
@@ -308,5 +308,5 @@ export const constantRoute: any = [
       hidden: true,
       icon: 'Notebook',
     },
-  }
+  },
 ]
diff --git a/src/setting.ts b/src/setting.ts
index acf187d..7734acc 100644
--- a/src/setting.ts
+++ b/src/setting.ts
@@ -3,4 +3,7 @@ export default {
   title: '教学一体化后台', //项目标题
   logo: '/public/vite.svg', //项目logo
   logoHidden: true, // logo隐藏设置
+  'files.associations': {
+    '*.vue': 'html',
+  },
 }
diff --git a/src/store/index.ts b/src/store/index.ts
index 68dd922..5fee903 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,9 +1,9 @@
 // 引入仓库
 import { createPinia } from 'pinia'
-import persist from 'pinia-plugin-persistedstate'
+// import persist from 'pinia-plugin-persistedstate'
 // 创建仓库
 const pinia = createPinia()
 // 暴露仓库
-pinia.use(persist)
+// pinia.use(persist)
 export default pinia
-export * from './modules/user'
+// export * from './modules/user'
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 2f5d534..214a405 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,7 +1,5 @@
 // 创建用户相关的仓库
 import { defineStore } from 'pinia'
-// 引入登录接口
-// import { reqLogin, getUserInfo } from '@/api/user/index'
 // 引入登录参数类型
 import { loginType } from '@/api/user/types'
 // 引入ElementPlus通知插件
@@ -21,136 +19,108 @@ import {
   userIdenService,
 } from '@/api/user/user.js'
 
-const useUserStore = defineStore(
-  'User',
-  {
-    // @ts-expect-error
-
-    state: (): LoginStoreType => {
-      return {
-        token: GET_TKOEN('TOKEN') || '',
-        menuRoutes: constantRoute, //存储生成菜单路由数据
-        userName: '', // 用户姓名
-        avatar: '', // 用户头像
-        routes: '',
-        phone: '',
-        userInfo: {}, // 当前用户相关信息
-        data: {},
+const useUserStore = defineStore('User', {
+  // @ts-expect-error
+  state: (): LoginStoreType => {
+    return {
+      token: GET_TKOEN('TOKEN') || '',
+      menuRoutes: constantRoute, //存储生成菜单路由数据
+      userName: '', // 用户姓名
+      avatar: '', // 用户头像
+      routes: '',
+      phone: '',
+      userInfo: {}, // 当前用户相关信息
+      data: {},
+    }
+  },
+  actions: {
+    // 登录事件
+    async userLogin(data: any) {
+      // console.log(data, 'pinia')
+      const res: any = await userLoginService(data).catch((error) => {
+        ElMessage.error(error.response.data.message)
+        // console.log(error, 'error')
+      })
+      if (res.code === 200) {
+        this.token = res.data.token as string
+        SET_TKOEN('TOKEN', this.token)
+        // localStorage.setItem('TOKEN', this.token)
+        ElNotification({
+          type: 'success',
+          message: '登录成功!',
+          title: `Hi ${getTime()}!`,
+        })
+        return 'ok'
+      } else {
+        // ElNotification({
+        //   // type: 'error',
+        //   message: res.message,
+        // })
+        ElMessage.error(res.message)
+        return Promise.reject(new Error(res.data.message))
       }
     },
-    actions: {
-      // 登录事件
-      async userLogin(data: any) {
-        // console.log(data, 'pinia')
-        const res: any = await userLoginService(data).catch((error) => {
-          ElMessage.error(error.response.data.message)
-          console.log(error, 'error')
+    //手机号登录
+    async userPhoneLogin(data: loginType) {
+      const res: any = await userPhoneLoginService(data)
+      // console.log(res, 11111)
+      if (res.code === 200) {
+        this.token = res.data.token as string //接收返回的token
+        // @ts-expect-error
+        SET_TKOEN('TOKEN', this.token)
+        // localStorage.setItem('TOKEN', this.token)
+        ElNotification({
+          type: 'success',
+          message: '登录成功!',
+          title: `Hi ${getTime()}!`,
         })
-
-        if (res.code === 200) {
-          // @ts-expect-error
-          this.token = res.data.token as string
-          // @ts-expect-error
-
-          SET_TKOEN('TOKEN', this.token)
-          // localStorage.setItem('TOKEN', this.token)
-          ElNotification({
-            type: 'success',
-            message: '登录成功!',
-            title: `Hi ${getTime()}!`,
-          })
-          return 'ok'
-        } else {
-          // ElNotification({
-          //   // type: 'error',
-          //   message: res.message,
-          // })
-          ElMessage.error(res.message)
-          return Promise.reject(new Error(res.data.message))
-        }
-      },
-      //手机号登录
-      async userPhoneLogin(data: loginType) {
-        const res: any = await userPhoneLoginService(data)
-        console.log(res, 11111)
-        if (res.code === 200) {
-          // @ts-expect-error
-
-          this.token = res.data.token as string //接收返回的token
-          // @ts-expect-error
-
-          SET_TKOEN('TOKEN', this.token)
-          // localStorage.setItem('TOKEN', this.token)
-          ElNotification({
-            type: 'success',
-            message: '登录成功!',
-            title: `Hi ${getTime()}!`,
-          })
-          return 'ok'
-        } else {
-          ElNotification({
-            type: 'error',
-            message: res.message,
-          })
-          return Promise.reject(new Error(res.data.message))
-        }
-      },
-      // 获取用户信息事件
-      async getUserInfo() {
-        const result: any = await userGetInfoService(GET_TKOEN('TOKEN'))
-        if (result.code === 200) {
-          const res = await userIdenService(result.data.id)
-          console.log(res, 'huonghu')
-
-          // @ts-expect-error
-
-          this.userInfo = res.data
-          // console.log(this.userInfo, 'this.userInfo')
-          // @ts-expect-error
-
-          this.data = result.data
-          console.log(result, '123')
-          // @ts-expect-error
-
-          this.userName = result.data.username
-          // this.avatar = result.data.checkUser.avatar
-          // @ts-expect-error
-
-          this.routes = result.data.permissions
-          return {
-            result,
-          }
-        } else {
-          return Promise.reject('登录过期')
+        return 'ok'
+      } else {
+        ElNotification({
+          type: 'error',
+          message: res.message,
+        })
+        return Promise.reject(new Error(res.data.message))
+      }
+    },
+    // 获取用户信息
+    async getUserInfo() {
+      const result: any = await userGetInfoService(GET_TKOEN('TOKEN'))
+      if (result.code === 200) {
+        console.log(result, 'result')
+        const res = await userIdenService(result.data.id)
+        // console.log(res, 'res')
+        this.userInfo = res.data
+        // console.log(this.userInfo, 'this.userInfo')
+        this.data = result.data
+        // console.log(result, '123')
+        this.userName = result.data.username
+        // this.avatar = result.data.checkUser.avatar
+        this.routes = result.data.permissions
+        return {
+          result,
         }
-      },
-      // 退出登录事件
-      logout() {
-        const usePermissionStore = permissionStore()
-        console.log(usePermissionStore)
-        // 清除token
-        REMOVE_TOKEN('TOKEN'),
-          // ;(this.userName = ''), (this.avatar = '')
-          // @ts-expect-error
-
-          (this.userName = ''),
-          // @ts-expect-error
-
-          (this.avatar = '')
+      } else {
+        return Promise.reject('登录过期')
+      }
+    },
+    // 退出登录事件
+    logout() {
+      const usePermissionStore = permissionStore()
+      // console.log(usePermissionStore)
+      // 清除token
+      REMOVE_TOKEN('TOKEN'),
+        // ;(this.userName = ''), (this.avatar = '')
         // @ts-expect-error
-
-        this.token = ''
+        (this.userName = ''),
         // @ts-expect-error
-
-        this.routes = ''
-        usePermissionStore.removeRouter()
-        location.reload()
-      },
+        (this.avatar = '')
+      this.token = ''
+      this.routes = ''
+      usePermissionStore.removeRouter()
+      location.reload()
     },
-    getters: {},
-  },
-  {
-    persist: true, // 持久化
   },
-)
+  getters: {},
+})
 export default useUserStore
diff --git a/src/views/course/CourseObjectives.vue b/src/views/course/CourseObjectives.vue
index 428eac1..4f3e3cb 100644
--- a/src/views/course/CourseObjectives.vue
+++ b/src/views/course/CourseObjectives.vue
@@ -18,7 +18,6 @@ const route = useRoute()
 const router = useRouter()
 // id ： 分目标id
 // targetId ： 选中的分类
-
 const targetList = ref([
   {
     label: '课程目标一',
@@ -114,7 +113,7 @@ const filterTarger = (target) => {
   return res.label
 }
 
-const editdata = ref({ id: '', objectiveId:'' })
+const editdata = ref({ id: '', objectiveId: '' })
 // 编辑事件
 const flog = ref(false)
 const editBook = async (obj) => {
diff --git a/src/views/course/components/KnowledgeGraphUi/AddOrEdit copy.vue b/src/views/course/components/KnowledgeGraphUi/AddOrEdit copy.vue
index 3780716..cc16136 100644
--- a/src/views/course/components/KnowledgeGraphUi/AddOrEdit copy.vue	
+++ b/src/views/course/components/KnowledgeGraphUi/AddOrEdit copy.vue	
@@ -1,213 +1,253 @@
 <template>
-    <div class="add-or-edit">
-        <el-drawer v-model="isDrawer" title="新增章节" direction="rtl" size="50%">
-            <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto"
-                class="demo-ruleForm" :size="formSize" status-icon>
-                <el-form-item label="章节" prop="pid">
-                    <el-cascader v-model="activePidArr" :options="options" :props="CascaderProps"
-                        :show-all-levels="false" clearable />
-                </el-form-item>
-                <el-form-item label="章节名" prop="name">
-                    <el-input v-model="ruleForm.name" style="width: 240px" :placeholder="placeholder" />
-                </el-form-item>
-                <el-form-item label="总学时" prop="totalclasshours">
-                    <el-input v-model="ruleForm.totalclasshours" style="width: 240px" placeholder="请输入总学时" />
-                </el-form-item>
-                <el-form-item>
-                    <el-button type="primary" :loading="loading" @click="submitForm(ruleFormRef)">
-                        Create
-                    </el-button>
-                    <el-button @click="resetForm(ruleFormRef)">Reset</el-button>
-                </el-form-item>
-            </el-form>
-        </el-drawer>
-    </div>
+  <div class="add-or-edit">
+    <el-drawer v-model="isDrawer" title="新增章节" direction="rtl" size="50%">
+      <el-form
+        ref="ruleFormRef"
+        style="max-width: 600px"
+        :model="ruleForm"
+        :rules="rules"
+        label-width="auto"
+        class="demo-ruleForm"
+        :size="formSize"
+        status-icon
+      >
+        <el-form-item label="章节" prop="pid">
+          <el-cascader
+            v-model="activePidArr"
+            :options="options"
+            :props="CascaderProps"
+            :show-all-levels="false"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item label="章节名" prop="name">
+          <el-input
+            v-model="ruleForm.name"
+            style="width: 240px"
+            :placeholder="placeholder"
+          />
+        </el-form-item>
+        <el-form-item label="总学时" prop="totalclasshours">
+          <el-input
+            v-model="ruleForm.totalclasshours"
+            style="width: 240px"
+            placeholder="请输入总学时"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            :loading="loading"
+            @click="submitForm(ruleFormRef)"
+          >
+            Create
+          </el-button>
+          <el-button @click="resetForm(ruleFormRef)">Reset</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+  </div>
 </template>
 <script lang="ts" setup>
 function comNum(n: number | undefined) {
-    if (n === undefined) return 1
-    return n + 1
+  if (n === undefined) return 1
+  return n + 1
 }
 import { ref, reactive, watch, computed, nextTick } from 'vue'
 const props = defineProps(['isD', 'data', 'loading'])
 const emits = defineEmits(['update:isD', 'submit'])
 
-
 const isDrawer = ref(props.isD)
-watch(() => props.isD, newVal => isDrawer.value = newVal)
-watch(() => isDrawer.value, newVal => emits('update:isD', newVal))
+watch(
+  () => props.isD,
+  (newVal) => (isDrawer.value = newVal),
+)
+watch(
+  () => isDrawer.value,
+  (newVal) => emits('update:isD', newVal),
+)
 
 const type = false
 const options = computed(() => {
-    if (type) {
-        const arr = props.data.map((item: any, i: number) => {
-            const obj = { ...item }
-            if (item.chapterSection) obj.chapterSection = item.chapterSection.map((chap: any) => ({ ...chap, disabled: true }))
-            else obj.chapterSection = []
-            obj.chapterSection.push({ name: `第${i + 1}章第${comNum(item.chapterSection?.length)}节`, pid: item.id })
-            return obj
-        })
-        arr.push({ name: `第${arr.length + 1}章`, pid: '' })
-        return arr
-    }
-    return props.data
+  if (type) {
+    const arr = props.data.map((item: any, i: number) => {
+      const obj = { ...item }
+      if (item.chapterSection)
+        obj.chapterSection = item.chapterSection.map((chap: any) => ({
+          ...chap,
+          disabled: true,
+        }))
+      else obj.chapterSection = []
+      obj.chapterSection.push({
+        name: `第${i + 1}章第${comNum(item.chapterSection?.length)}节`,
+        pid: item.id,
+      })
+      return obj
+    })
+    arr.push({ name: `第${arr.length + 1}章`, pid: '' })
+    return arr
+  }
+  return props.data
 })
 const CascaderProps = {
-    checkStrictly: !type,
-    label: 'name',
-    value: type ? 'pid' : 'id',
-    children: 'chapterSection'
+  checkStrictly: !type,
+  label: 'name',
+  value: type ? 'pid' : 'id',
+  children: 'chapterSection',
 }
 
-
 import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
 
 interface RuleForm {
-    content: string
-    courseid: string
-    courseobjectivesid: string
-    createBy: string
-    createTime: string
-    id: string
-    name: string
-    num: number
-    numshow: string
-    onlinclasshours: string
-    pid: string | undefined
-    requirement: string
-    sysOrgCode: string
-    totalclasshours: string
-    updateBy: string
-    updateTime: string
-    zc: string
-    ziyuan: string
-    zywj: string
+  content: string
+  courseid: string
+  courseobjectivesid: string
+  createBy: string
+  createTime: string
+  id: string
+  name: string
+  num: number
+  numshow: string
+  onlinclasshours: string
+  pid: string | undefined
+  requirement: string
+  sysOrgCode: string
+  totalclasshours: string
+  updateBy: string
+  updateTime: string
+  zc: string
+  ziyuan: string
+  zywj: string
 }
 
 const formSize = ref<ComponentSize>('default')
 const ruleFormRef = ref<FormInstance>()
 let o
 if (type) {
-    o = {
-        "content": "",
-        "courseid": "",
-        "courseobjectivesid": "",
-        "createBy": "",
-        "createTime": "",
-        "id": "",
-        "name": "",
-        "num": 0,
-        "numshow": "",
-        "onlinclasshours": "",
-        "pid": undefined,
-        "requirement": "",
-        "sysOrgCode": "",
-        "totalclasshours": "",
-        "updateBy": "",
-        "updateTime": "",
-        "zc": "",
-        "ziyuan": "",
-        "zywj": ""
-    }
-}else{
-    o = {
-        "content": "",
-        "courseid": "",
-        "courseobjectivesid": "",
-        "createBy": "",
-        "createTime": "",
-        "id": undefined,
-        "name": "111",
-        "num": 0,
-        "numshow": "",
-        "onlinclasshours": "",
-        "pid": "",
-        "requirement": "",
-        "sysOrgCode": "",
-        "totalclasshours": "",
-        "updateBy": "",
-        "updateTime": "",
-        "zc": "",
-        "ziyuan": "",
-        "zywj": ""
-    }
+  o = {
+    content: '',
+    courseid: '',
+    courseobjectivesid: '',
+    createBy: '',
+    createTime: '',
+    id: '',
+    name: '',
+    num: 0,
+    numshow: '',
+    onlinclasshours: '',
+    pid: undefined,
+    requirement: '',
+    sysOrgCode: '',
+    totalclasshours: '',
+    updateBy: '',
+    updateTime: '',
+    zc: '',
+    ziyuan: '',
+    zywj: '',
+  }
+} else {
+  o = {
+    content: '',
+    courseid: '',
+    courseobjectivesid: '',
+    createBy: '',
+    createTime: '',
+    id: undefined,
+    name: '111',
+    num: 0,
+    numshow: '',
+    onlinclasshours: '',
+    pid: '',
+    requirement: '',
+    sysOrgCode: '',
+    totalclasshours: '',
+    updateBy: '',
+    updateTime: '',
+    zc: '',
+    ziyuan: '',
+    zywj: '',
+  }
 }
 let pxObj
 if (type) pxObj = o
 else {
-    pxObj = new Proxy(o, {
-        get(target, key) {
-            if (key === 'pid') return target.id
-            // @ts-ignore
-            return target[key];
-        },
-        set: function (obj, prop, value) {
-            if (prop === 'pid') {
-                obj.id = value
-                return true
-            }
+  pxObj = new Proxy(o, {
+    get(target, key) {
+      if (key === 'pid') return target.id
+      // @ts-ignore
+      return target[key]
+    },
+    set: function (obj, prop, value) {
+      if (prop === 'pid') {
+        obj.id = value
+        return true
+      }
 
-            // @ts-ignore
-            obj[prop] = value
-            return true;
-        }
-    })
+      // @ts-ignore
+      obj[prop] = value
+      return true
+    },
+  })
 }
 // @ts-ignore
 const ruleForm = reactive<RuleForm>(pxObj)
 
 // @ts-ignore
 const validateChapterOrSection = (rule, value, callback) => {
-    nextTick(() => {
-        const value = ruleForm.pid
-        if (!value && value !== '') {
-            if (type) callback(new Error('请选择新增的章或节'))
-            else callback(new Error('请选择编辑的章或节'))
-        }
-        else callback()
-    })
-};
+  nextTick(() => {
+    const value = ruleForm.pid
+    if (!value && value !== '') {
+      if (type) callback(new Error('请选择新增的章或节'))
+      else callback(new Error('请选择编辑的章或节'))
+    } else callback()
+  })
+}
 // 表单验证
 const rules = reactive<FormRules<RuleForm>>({
-    pid: [
-        { required: true, validator: validateChapterOrSection, trigger: 'change' },
-    ]
+  pid: [
+    { required: true, validator: validateChapterOrSection, trigger: 'change' },
+  ],
 })
 
 const submitForm = async (formEl: FormInstance | undefined) => {
-    if (!formEl) return
-    await formEl.validate((valid, fields) => {
-        if (valid) {
-            console.log(options.value, '1')
-            console.log(ruleForm);
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      console.log(options.value, '1')
+      console.log(ruleForm)
 
-            // emits('submit', ruleForm)
-        } else {
-            console.log('error submit!', fields)
-        }
-    })
+      // emits('submit', ruleForm)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
 }
 
 const resetForm = (formEl: FormInstance | undefined) => {
-    if (!formEl) return
-    formEl.resetFields()
-    activePidArr.value = undefined
+  if (!formEl) return
+  formEl.resetFields()
+  activePidArr.value = undefined
 }
 const placeholder = ref('请输入章节名')
-watch(() => ruleForm.pid, newVal => {
+watch(
+  () => ruleForm.pid,
+  (newVal) => {
     if (newVal === undefined) placeholder.value = '请输入章节名'
     else if (newVal === '') placeholder.value = '请输入章名'
     else placeholder.value = '请输入节名'
-})
+  },
+)
 const activePidArr = ref<string[] | undefined>([])
-watch(() => activePidArr.value, newVal => {// 设置pid
+watch(
+  () => activePidArr.value,
+  (newVal) => {
+    // 设置pid
     if (newVal === undefined) {
-        ruleForm.pid = undefined
-        return
+      ruleForm.pid = undefined
+      return
     }
     ruleForm.pid = newVal.slice(-1)[0]
-})
-
-
+  },
+)
 </script>
-<style lang="scss"></style>
\ No newline at end of file
+<style lang="scss"></style>
diff --git a/src/views/course/components/KnowledgeGraphUi/FoldAdd.vue b/src/views/course/components/KnowledgeGraphUi/FoldAdd.vue
index e7d54ad..bf7f832 100644
--- a/src/views/course/components/KnowledgeGraphUi/FoldAdd.vue
+++ b/src/views/course/components/KnowledgeGraphUi/FoldAdd.vue
@@ -1,155 +1,196 @@
 <template>
-    <div class="add-or-edit">
-        <el-drawer v-model="isDrawer" title="新增章节" direction="rtl" size="50%">
-            <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto"
-                class="demo-ruleForm" :size="formSize" status-icon>
-                <el-form-item label="章节" prop="pid">
-                    <el-cascader v-model="activePidArr" :options="options1" :props="CascaderProps"
-                        :show-all-levels="false" clearable />
-                </el-form-item>
-                <el-form-item label="章节名" prop="name">
-                    <el-input v-model="ruleForm.name" style="width: 240px" :placeholder="placeholder" />
-                </el-form-item>
-                <el-form-item label="总学时" prop="totalclasshours">
-                    <el-input v-model="ruleForm.totalclasshours" style="width: 240px" placeholder="请输入总学时" />
-                </el-form-item>
-                <el-form-item>
-                    <el-button type="primary" :loading="loading" @click="submitForm(ruleFormRef)">
-                        提交
-                    </el-button>
-                    <el-button  @click="resetForm(ruleFormRef)">重置</el-button>
-                </el-form-item>
-            </el-form>
-        </el-drawer>
-    </div>
+  <div class="add-or-edit">
+    <el-drawer v-model="isDrawer" title="新增章节" direction="rtl" size="50%">
+      <el-form
+        ref="ruleFormRef"
+        style="max-width: 600px"
+        :model="ruleForm"
+        :rules="rules"
+        label-width="auto"
+        class="demo-ruleForm"
+        :size="formSize"
+        status-icon
+      >
+        <el-form-item label="章节" prop="pid">
+          <el-cascader
+            v-model="activePidArr"
+            :options="options1"
+            :props="CascaderProps"
+            :show-all-levels="false"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item label="章节名" prop="name">
+          <el-input
+            v-model="ruleForm.name"
+            style="width: 240px"
+            :placeholder="placeholder"
+          />
+        </el-form-item>
+        <el-form-item label="总学时" prop="totalclasshours">
+          <el-input
+            v-model="ruleForm.totalclasshours"
+            style="width: 240px"
+            placeholder="请输入总学时"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            :loading="loading"
+            @click="submitForm(ruleFormRef)"
+          >
+            提交
+          </el-button>
+          <el-button @click="resetForm(ruleFormRef)">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+  </div>
 </template>
 <script lang="ts" setup>
 function comNum(n: number | undefined) {
-    if (n === undefined) return 1
-    return n + 1
+  if (n === undefined) return 1
+  return n + 1
 }
 import { ref, reactive, watch, computed, nextTick } from 'vue'
 const props = defineProps(['isD', 'data'])
-const emits = defineEmits(['update:isD','submit'])
+const emits = defineEmits(['update:isD', 'submit'])
 const loading = ref(false)
-const updLoading = (boo:boolean) => loading.value = boo
+const updLoading = (boo: boolean) => (loading.value = boo)
 
 const isDrawer = ref(props.isD)
-watch(() => props.isD, newVal => isDrawer.value = newVal)
-watch(()=>isDrawer.value,newVal=>emits('update:isD',newVal))
-
+watch(
+  () => props.isD,
+  (newVal) => (isDrawer.value = newVal),
+)
+watch(
+  () => isDrawer.value,
+  (newVal) => emits('update:isD', newVal),
+)
 
 const options1 = computed(() => {
-    const arr = props.data.map((item: any, i: number) => {
-        const obj = { ...item }
-        if (item.chapterSection) obj.chapterSection = item.chapterSection.map((chap: any) => ({ ...chap, disabled: true }))
-        else obj.chapterSection = []
-        obj.chapterSection.push({ name: `第${i + 1}章第${comNum(item.chapterSection?.length)}节`, pid: item.id })
-        return obj
+  const arr = props.data.map((item: any, i: number) => {
+    const obj = { ...item }
+    if (item.chapterSection)
+      obj.chapterSection = item.chapterSection.map((chap: any) => ({
+        ...chap,
+        disabled: true,
+      }))
+    else obj.chapterSection = []
+    obj.chapterSection.push({
+      name: `第${i + 1}章第${comNum(item.chapterSection?.length)}节`,
+      pid: item.id,
     })
-    arr.push({ name: `第${arr.length + 1}章`, pid: '' })
-    return arr
+    return obj
+  })
+  arr.push({ name: `第${arr.length + 1}章`, pid: '' })
+  return arr
 })
 const CascaderProps = {
-    label: 'name',
-    value: 'pid',
-    children: 'chapterSection'
+  label: 'name',
+  value: 'pid',
+  children: 'chapterSection',
 }
 
-
 import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
 
 interface RuleForm {
-    content: string
-    courseid: string
-    courseobjectivesid: string
-    createBy: string
-    createTime: string
-    id: string
-    name: string
-    num: number
-    numshow: string
-    onlinclasshours: string
-    pid: string | undefined
-    requirement: string
-    sysOrgCode: string
-    totalclasshours: string
-    updateBy: string
-    updateTime: string
-    zc: string
-    ziyuan: string
-    zywj: string
+  content: string
+  courseid: string
+  courseobjectivesid: string
+  createBy: string
+  createTime: string
+  id: string
+  name: string
+  num: number
+  numshow: string
+  onlinclasshours: string
+  pid: string | undefined
+  requirement: string
+  sysOrgCode: string
+  totalclasshours: string
+  updateBy: string
+  updateTime: string
+  zc: string
+  ziyuan: string
+  zywj: string
 }
 
 const formSize = ref<ComponentSize>('default')
 const ruleFormRef = ref<FormInstance>()
 const ruleForm = reactive<RuleForm>({
-    "content": "",
-    "courseid": "2fa0fd63262230639d2c45a3acd9045c",
-    "courseobjectivesid": "",
-    "createBy": "",
-    "createTime": "",
-    "id": "",
-    "name": "",
-    "num": 0,
-    "numshow": "",
-    "onlinclasshours": "",
-    "pid": undefined,
-    "requirement": "",
-    "sysOrgCode": "",
-    "totalclasshours": "",
-    "updateBy": "",
-    "updateTime": "",
-    "zc": "",
-    "ziyuan": "",
-    "zywj": ""
+  content: '',
+  courseid: '2fa0fd63262230639d2c45a3acd9045c',
+  courseobjectivesid: '',
+  createBy: '',
+  createTime: '',
+  id: '',
+  name: '',
+  num: 0,
+  numshow: '',
+  onlinclasshours: '',
+  pid: undefined,
+  requirement: '',
+  sysOrgCode: '',
+  totalclasshours: '',
+  updateBy: '',
+  updateTime: '',
+  zc: '',
+  ziyuan: '',
+  zywj: '',
 })
 // @ts-ignore
 const validateChapterOrSection = (rule, value, callback) => {
-    nextTick(()=>{
-        const value =ruleForm.pid
-        if (!value && value !== '') callback(new Error('请选择新增的章或节'))
-        else callback()
-    })
-};
+  nextTick(() => {
+    const value = ruleForm.pid
+    if (!value && value !== '') callback(new Error('请选择新增的章或节'))
+    else callback()
+  })
+}
 // 表单验证
 const rules = reactive<FormRules<RuleForm>>({
-    pid: [
-        { required: true, validator: validateChapterOrSection, trigger: 'change' },
-    ]
+  pid: [
+    { required: true, validator: validateChapterOrSection, trigger: 'change' },
+  ],
 })
 
 const submitForm = async (formEl: FormInstance | undefined) => {
-    if (!formEl) return
-    await formEl.validate((valid, fields) => {
-        if (valid) {
-            emits('submit',ruleForm,updLoading)
-        } else {
-            console.log('error submit!', fields)
-        }
-    })
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      emits('submit', ruleForm, updLoading)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
 }
 
 const resetForm = (formEl: FormInstance | undefined) => {
-    if (!formEl) return
-    formEl.resetFields()
-    activePidArr.value = undefined
+  if (!formEl) return
+  formEl.resetFields()
+  activePidArr.value = undefined
 }
 const placeholder = ref('请输入章节名')
-watch(() => ruleForm.pid, newVal => {
+watch(
+  () => ruleForm.pid,
+  (newVal) => {
     if (newVal === undefined) placeholder.value = '请输入章节名'
     else if (newVal === '') placeholder.value = '请输入章名'
     else placeholder.value = '请输入节名'
-})
+  },
+)
 const activePidArr = ref<string[] | undefined>([])
-watch(() => activePidArr.value, newVal => {// 设置pid
+watch(
+  () => activePidArr.value,
+  (newVal) => {
+    // 设置pid
     if (newVal === undefined) {
-        ruleForm.pid = undefined
-        return
+      ruleForm.pid = undefined
+      return
     }
-    ruleForm.pid = newVal.slice(-1)[0]    
-})
-
-
+    ruleForm.pid = newVal.slice(-1)[0]
+  },
+)
 </script>
-<style lang="scss"></style>
\ No newline at end of file
+<style lang="scss"></style>
diff --git a/src/views/course/components/KnowledgeGraphUi/FoldEdit.vue b/src/views/course/components/KnowledgeGraphUi/FoldEdit.vue
index 7e5fcd4..b716d29 100644
--- a/src/views/course/components/KnowledgeGraphUi/FoldEdit.vue
+++ b/src/views/course/components/KnowledgeGraphUi/FoldEdit.vue
@@ -1,72 +1,101 @@
 <template>
-    <div class="add-or-edit">
-        <el-drawer v-model="isDrawer" title="编辑章节" direction="rtl" size="50%">
-            <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto"
-                class="demo-ruleForm" :size="formSize" status-icon>
-                <el-form-item label="章节" prop="id">
-                    <el-cascader v-model="activeIdArr" :options="options1" :props="CascaderProps"
-                        :show-all-levels="false" clearable />
-                </el-form-item>
-                <el-form-item label="章节名" prop="name">
-                    <el-input v-model="ruleForm.name" style="width: 240px" :placeholder="placeholder" />
-                </el-form-item>
-                <el-form-item label="总学时" prop="totalclasshours">
-                    <el-input v-model="ruleForm.totalclasshours" style="width: 240px" placeholder="请输入总学时" />
-                </el-form-item>
-                <el-form-item>
-                    <el-button type="primary" :loading="loading" @click="submitForm(ruleFormRef)">
-                        提交
-                    </el-button>
-                    <el-button @click="resetForm(ruleFormRef)">重置</el-button>
-                </el-form-item>
-            </el-form>
-        </el-drawer>
-    </div>
+  <div class="add-or-edit">
+    <el-drawer v-model="isDrawer" title="编辑章节" direction="rtl" size="50%">
+      <el-form
+        ref="ruleFormRef"
+        style="max-width: 600px"
+        :model="ruleForm"
+        :rules="rules"
+        label-width="auto"
+        class="demo-ruleForm"
+        :size="formSize"
+        status-icon
+      >
+        <el-form-item label="章节" prop="id">
+          <el-cascader
+            v-model="activeIdArr"
+            :options="options1"
+            :props="CascaderProps"
+            :show-all-levels="false"
+            clearable
+          />
+        </el-form-item>
+        <el-form-item label="章节名" prop="name">
+          <el-input
+            v-model="ruleForm.name"
+            style="width: 240px"
+            :placeholder="placeholder"
+          />
+        </el-form-item>
+        <el-form-item label="总学时" prop="totalclasshours">
+          <el-input
+            v-model="ruleForm.totalclasshours"
+            style="width: 240px"
+            placeholder="请输入总学时"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            :loading="loading"
+            @click="submitForm(ruleFormRef)"
+          >
+            提交
+          </el-button>
+          <el-button @click="resetForm(ruleFormRef)">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </el-drawer>
+  </div>
 </template>
 <script lang="ts" setup>
 import { ref, reactive, watch, computed } from 'vue'
 const props = defineProps(['isD', 'data', 'editData'])
 const emits = defineEmits(['update:isD', 'submit'])
 const loading = ref(false)
-const updLoading = (boo:boolean) => loading.value = boo
+const updLoading = (boo: boolean) => (loading.value = boo)
 
 const isDrawer = ref(props.isD)
-watch(() => props.isD, newVal => isDrawer.value = newVal)
-watch(() => isDrawer.value, newVal => emits('update:isD', newVal))
-
+watch(
+  () => props.isD,
+  (newVal) => (isDrawer.value = newVal),
+)
+watch(
+  () => isDrawer.value,
+  (newVal) => emits('update:isD', newVal),
+)
 
 const options1 = computed(() => props.data)
 const CascaderProps = {
-    checkStrictly: true,
-    label: 'name',
-    value: 'id',
-    children: 'chapterSection'
+  checkStrictly: true,
+  label: 'name',
+  value: 'id',
+  children: 'chapterSection',
 }
 
-
 import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
-import { isArray } from 'element-plus/es/utils/types.mjs';
+import { isArray } from 'element-plus/es/utils/types.mjs'
 
 interface RuleForm {
-    content: string
-    courseid: string
-    courseobjectivesid: string
-    createBy: string
-    createTime: string
-    id: string | undefined
-    name: string
-    num: number
-    numshow: string
-    onlinclasshours: string
-    pid: string
-    requirement: string
-    sysOrgCode: string
-    totalclasshours: string
-    updateBy: string
-    updateTime: string
-    zc: string
-    ziyuan: string
-    zywj: string
+  content: string
+  courseid: string
+  courseobjectivesid: string
+  createBy: string
+  createTime: string
+  id: string | undefined
+  name: string
+  num: number
+  numshow: string
+  onlinclasshours: string
+  pid: string
+  requirement: string
+  sysOrgCode: string
+  totalclasshours: string
+  updateBy: string
+  updateTime: string
+  zc: string
+  ziyuan: string
+  zywj: string
 }
 
 const formSize = ref<ComponentSize>('default')
@@ -75,81 +104,91 @@ const ruleForm = reactive<RuleForm>({ ...props.editData })
 
 // 表单验证
 const rules = reactive<FormRules<RuleForm>>({
-    id: [
-        { required: true, message: '请选择要更新的章节', trigger: 'change' },
-    ]
+  id: [{ required: true, message: '请选择要更新的章节', trigger: 'change' }],
 })
 
 const submitForm = async (formEl: FormInstance | undefined) => {
-    if (!formEl) return
-    await formEl.validate((valid, fields) => {
-        if (valid) {
-            emits('submit', ruleForm,updLoading)
-        } else {
-            console.log('error submit!', fields)
-        }
-    })
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) {
+      emits('submit', ruleForm, updLoading)
+    } else {
+      console.log('error submit!', fields)
+    }
+  })
 }
 
 const resetForm = (formEl: FormInstance | undefined) => {
-    if (!formEl) return
-    formEl.resetFields()
-    activeIdArr.value = getCheckedChapter(options1.value)
+  if (!formEl) return
+  formEl.resetFields()
+  activeIdArr.value = getCheckedChapter(options1.value)
 }
 
-watch(() => ruleForm.id, newVal => {
-    const obj =getCheckedChapterObj(options1.value,newVal)
+watch(
+  () => ruleForm.id,
+  (newVal) => {
+    const obj = getCheckedChapterObj(options1.value, newVal)
     // const arr = getCheckedChapter(options1.value)
     // let obj
     // if (arr.length === 1) obj = options1.value.find((item: any) => item.id === arr[0])
     // else if (arr.length === 2) obj = options1.value.find((item: any) => item.id === arr[0]).value.find((item: any) => item.id === arr[1])
     if (obj) Object.assign(ruleForm, obj)
-})
+  },
+)
 const placeholder = ref('请输入章节名')
-watch(() => ruleForm.pid, newVal => {
+watch(
+  () => ruleForm.pid,
+  (newVal) => {
     if (newVal === '') placeholder.value = '请输入章名'
     else placeholder.value = '请输入节名'
-},{immediate:true})
+  },
+  { immediate: true },
+)
 // 得到选中的章节id数组
 function getCheckedChapter(array: any) {
-    let i = 0, arr: any[] = [], f: any
-    (function fn(array: any) {
-        if (!isArray(array)) return
-        const ch = array.find((item: any) => item.id === ruleForm.id)
-        if (ch === undefined && i < array.length) {
-            f = array[i].id
-            fn(array[i++].chapterSection)
-        }
-        if (ch === undefined) return
-        if (f) arr.push(f)
-        arr.push(ch.id)
-    }(array))
-    return arr
+  let i = 0,
+    arr: any[] = [],
+    f: any
+  ;(function fn(array: any) {
+    if (!isArray(array)) return
+    const ch = array.find((item: any) => item.id === ruleForm.id)
+    if (ch === undefined && i < array.length) {
+      f = array[i].id
+      fn(array[i++].chapterSection)
+    }
+    if (ch === undefined) return
+    if (f) arr.push(f)
+    arr.push(ch.id)
+  })(array)
+  return arr
 }
 // 得到选中的章节
-function getCheckedChapterObj(array: any,id:any) {
-    let i = 0, arr: any[] = [];
-    (function fn(array: any) {
-        if (!isArray(array)) return
-        const ch = array.find((item: any) => item.id === id)
-        if (ch === undefined && i < array.length) {
-            fn(array[i++].chapterSection)
-        }
-        if (ch === undefined) return
-        arr.push(ch)
-    }(array))
-    return arr[0]
+function getCheckedChapterObj(array: any, id: any) {
+  let i = 0,
+    arr: any[] = []
+  ;(function fn(array: any) {
+    if (!isArray(array)) return
+    const ch = array.find((item: any) => item.id === id)
+    if (ch === undefined && i < array.length) {
+      fn(array[i++].chapterSection)
+    }
+    if (ch === undefined) return
+    arr.push(ch)
+  })(array)
+  return arr[0]
 }
 
 const activeIdArr = ref<string[] | undefined>(getCheckedChapter(options1.value))
-watch(() => activeIdArr.value, newVal => {// 设置id
+watch(
+  () => activeIdArr.value,
+  (newVal) => {
+    // 设置id
     if (newVal === undefined) {
-        ruleForm.id = undefined
-        return
+      ruleForm.id = undefined
+      return
     }
     ruleForm.id = newVal.slice(-1)[0]
-})
-
-
+  },
+)
 </script>
-<style lang="scss"></style>
\ No newline at end of file
+<style lang="scss"></style>
diff --git a/src/views/course/courseChapters.vue b/src/views/course/courseChapters.vue
index 507cbf2..4f5cd20 100644
--- a/src/views/course/courseChapters.vue
+++ b/src/views/course/courseChapters.vue
@@ -1,50 +1,79 @@
 <template>
-    <div class="course-chapters">
-        <div class="flex-layout">
-            <div class="flex-left">
-                <div class="left" ref="atlasCon">
-                    <!-- 知识图谱 -->
-                    <atlas-ui @hadRouter="handle" />
-                </div>
-                <div class="right-top radius-10 vertical-line">
-                    <!-- 计算机导论 -->
-                    <theory-ui :learnInfo="learnInfo" />
-                </div>
-                <div class="right-bottom radius-10 vertical-line">
-                    <!-- 课程目标 -->
-                    <objective-ui :orogramObjective="orogramObjective" />
-                </div>
-                <div class="bottom">
-                    <!-- 可折叠基本概念 -->
-                    <fold-info-ui :foldInfoData="foldInfoData" @add="showHide = true" @edit="hanEdit" @del="flodDel"
-                        :loading="foldDelLoading" />
-                    <FoldAdd v-model:is-d="showHide" v-if="showHide" :data="foldInfoData" @submit="foldAddSubmit" />
-                    <FoldEdit v-model:is-d="showHide1" v-if="showHide1" :editData="activeEditData" :data="foldInfoData"
-                        @submit="foldEditSubmit" />
-
-                </div>
-            </div>
-            <div class="flex_right">
-                <div class="top-container">
-                    <img src="" alt="">
-                </div>
-                <div class="bottom-container radius-10">
-                    <!-- 查看资源 -->
-                    <look-resource-ui :lookResource="lookResource" />
-                </div>
-            </div>
+  <div class="course-chapters">
+    <div class="flex-layout">
+      <div class="flex-left">
+        <div class="left" ref="atlasCon">
+          <!-- 知识图谱 -->
+          <atlas-ui @hadRouter="handle" />
         </div>
+        <div class="right-top radius-10 vertical-line">
+          <!-- 计算机导论 -->
+          <theory-ui :learnInfo="learnInfo" />
+        </div>
+        <div class="right-bottom radius-10 vertical-line">
+          <!-- 课程目标 -->
+          <objective-ui :orogramObjective="orogramObjective" />
+        </div>
+        <div class="bottom">
+          <!-- 可折叠基本概念 -->
+          <fold-info-ui
+            :foldInfoData="foldInfoData"
+            @add="showHide = true"
+            @edit="hanEdit"
+            @del="flodDel"
+            :loading="foldDelLoading"
+          />
+          <FoldAdd
+            v-model:is-d="showHide"
+            v-if="showHide"
+            :data="foldInfoData"
+            @submit="foldAddSubmit"
+          />
+          <FoldEdit
+            v-model:is-d="showHide1"
+            v-if="showHide1"
+            :editData="activeEditData"
+            :data="foldInfoData"
+            @submit="foldEditSubmit"
+          />
+        </div>
+      </div>
+      <div class="flex_right">
+        <div class="top-container">
+          <img src="" alt="" />
+        </div>
+        <div class="bottom-container radius-10">
+          <!-- 查看资源 -->
+          <look-resource-ui :lookResource="lookResource" />
+        </div>
+      </div>
     </div>
-
+  </div>
 </template>
 
-<script lang='ts' setup>
-import { getLearnInfoApi, getOrogramObjectiveApi } from '@/api/courseChaptersApi'
-import { getChapterApi, deleteSectionApi, addChapterApi, updateChapterApi } from '@/api/sectionApi'
-import { theoryUi, objectiveUi, atlasUi, lookResourceUi, foldInfoUi, FoldAdd, FoldEdit } from './components/KnowledgeGraphUi/index'
+<script lang="ts" setup>
+import {
+  getLearnInfoApi,
+  getOrogramObjectiveApi,
+} from '@/api/courseChaptersApi'
+import {
+  getChapterApi,
+  deleteSectionApi,
+  addChapterApi,
+  updateChapterApi,
+} from '@/api/sectionApi'
+import {
+  theoryUi,
+  objectiveUi,
+  atlasUi,
+  lookResourceUi,
+  foldInfoUi,
+  FoldAdd,
+  FoldEdit,
+} from './components/KnowledgeGraphUi/index'
 import { ref, reactive } from 'vue'
 import { useRouter } from 'vue-router'
-import { ElMessage } from 'element-plus';
+import { ElMessage } from 'element-plus'
 
 const $router = useRouter()
 
@@ -53,12 +82,12 @@ const handle = () => $router.push('/knowledgeAtlas')
 
 // 计算机导论的数据         theory-ui
 const learnInfo: object[] = reactive([])
-getLearnInfoApi().then(res => learnInfo.push(...res as object[]))
+getLearnInfoApi().then((res) => learnInfo.push(...(res as object[])))
 // getByIdCourseVoApi('2fa0fd63262230639d2c45a3acd9045c')
 
 // 课程目标的数据           objective-ui
 const orogramObjective: any = reactive({})
-getOrogramObjectiveApi().then(res => Object.assign(orogramObjective, res))
+getOrogramObjectiveApi().then((res) => Object.assign(orogramObjective, res))
 
 // 查看资源的数据           look-resource-ui
 const lookResource: any = reactive({})
@@ -66,157 +95,164 @@ const lookResource: any = reactive({})
 // 可折叠基本概念的数据         fold-info-ui
 const foldInfoData: any = reactive([])
 function getFold() {
-    getChapterApi('2fa0fd63262230639d2c45a3acd9045c').then(res => {
-        foldInfoData.length = 0
-        foldInfoData.push(...res.data)
-    })
+  getChapterApi('2fa0fd63262230639d2c45a3acd9045c').then((res) => {
+    foldInfoData.length = 0
+    foldInfoData.push(...res.data)
+  })
 }
 getFold()
 // 添加章节
 const showHide = ref(false)
 function foldAddSubmit(data: any, updLoading: Function) {
-    updLoading(true)
-    addChapterApi(data).then(() => {
-        ElMessage({
-            message: `添加${data.pid === '' ? '章' : '节'}成功`,
-            type: 'success'
-        })
-        showHide.value = false
-        getFold()
-    }).catch(() => {
-        ElMessage({
-            message: `添加${data.pid === '' ? '章' : '节'}失败`,
-            type: 'error'
-        })
-    }).finally(() => updLoading(false))
+  updLoading(true)
+  addChapterApi(data)
+    .then(() => {
+      ElMessage({
+        message: `添加${data.pid === '' ? '章' : '节'}成功`,
+        type: 'success',
+      })
+      showHide.value = false
+      getFold()
+    })
+    .catch(() => {
+      ElMessage({
+        message: `添加${data.pid === '' ? '章' : '节'}失败`,
+        type: 'error',
+      })
+    })
+    .finally(() => updLoading(false))
 }
 //删除章节
 const foldDelLoading = ref(false)
 function flodDel(id: string) {
-    foldDelLoading.value = true
-    deleteSectionApi(id).then(() => {
-        ElMessage({
-            message: `删除成功`,
-            type: 'success'
-        })
-        getFold()
-    }).catch(() => {
-        ElMessage({
-            message: `删除失败`,
-            type: 'error'
-        })
-    }).finally(() => foldDelLoading.value = false)
+  foldDelLoading.value = true
+  deleteSectionApi(id)
+    .then(() => {
+      ElMessage({
+        message: `删除成功`,
+        type: 'success',
+      })
+      getFold()
+    })
+    .catch(() => {
+      ElMessage({
+        message: `删除失败`,
+        type: 'error',
+      })
+    })
+    .finally(() => (foldDelLoading.value = false))
 }
 // 更新章节
 const showHide1 = ref(false)
 const activeEditData = ref()
 function hanEdit(data: any) {
-    activeEditData.value = data
-    showHide1.value = true
+  activeEditData.value = data
+  showHide1.value = true
 }
 function foldEditSubmit(data: any, updLoading: Function) {
-    updLoading(true)
-    updateChapterApi(data).then(() => {
-        ElMessage({
-            message: `更新${data.pid === '' ? '章' : '节'}成功`,
-            type: 'success'
-        })
-        showHide1.value = false
-        getFold()
-    }).catch(() => {
-        ElMessage({
-            message: `更新${data.pid === '' ? '章' : '节'}失败`,
-            type: 'error'
-        })
-    }).finally(() => updLoading(false))
+  updLoading(true)
+  updateChapterApi(data)
+    .then(() => {
+      ElMessage({
+        message: `更新${data.pid === '' ? '章' : '节'}成功`,
+        type: 'success',
+      })
+      showHide1.value = false
+      getFold()
+    })
+    .catch(() => {
+      ElMessage({
+        message: `更新${data.pid === '' ? '章' : '节'}失败`,
+        type: 'error',
+      })
+    })
+    .finally(() => updLoading(false))
 }
 </script>
 
-<style lang='scss' scoped>
+<style lang="scss" scoped>
 .course-chapters {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f2f7fb;
+
+  &,
+  * {
+    box-sizing: border-box;
+  }
+
+  .radius-10 {
+    border-radius: 10px;
+    overflow: hidden;
+  }
+
+  .vertical-line {
     position: relative;
-    background: #F2F7FB;
 
-    &,
-    * {
-        box-sizing: border-box;
+    &::before {
+      content: '';
+      display: block;
+      position: absolute;
+      height: 100%;
+      width: 12px;
+      background-color: #2147fb;
     }
+  }
 
+  .flex-layout {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
 
-    .radius-10 {
-        border-radius: 10px;
-        overflow: hidden;
-    }
+    .flex-left {
+      display: grid;
+      grid-template-columns: 664px 555px;
+      justify-content: space-between;
+      width: 1243px;
 
-    .vertical-line {
-        position: relative;
+      .left {
+        grid-row: 1/3;
+        height: 424px;
+      }
 
-        &::before {
-            content: '';
-            display: block;
-            position: absolute;
-            height: 100%;
-            width: 12px;
-            background-color: #2147FB;
-        }
-    }
+      .right-top {
+        width: 100%;
+        height: 243px;
+      }
 
-    .flex-layout {
-        display: flex;
-        justify-content: space-between;
-        align-items: flex-start;
-
-        .flex-left {
-            display: grid;
-            grid-template-columns: 664px 555px;
-            justify-content: space-between;
-            width: 1243px;
-
-            .left {
-                grid-row: 1/3;
-                height: 424px;
-            }
-
-            .right-top {
-                width: 100%;
-                height: 243px;
-            }
-
-            .right-bottom {
-                align-self: end;
-                width: 100%;
-                height: 168px;
-            }
-
-            .bottom {
-                margin-top: 15px;
-                grid-column: 1/3;
-                width: 100%;
-                min-width: 100%;
-                min-height: 521px;
-            }
-        }
+      .right-bottom {
+        align-self: end;
+        width: 100%;
+        height: 168px;
+      }
 
-        .flex_right {
-            width: 355px;
+      .bottom {
+        margin-top: 15px;
+        grid-column: 1/3;
+        width: 100%;
+        min-width: 100%;
+        min-height: 521px;
+      }
+    }
 
-            .top-container {
-                height: 231px;
-                margin-bottom: 23px;
+    .flex_right {
+      width: 355px;
 
-                img {
-                    width: 100%;
-                    height: 100%;
-                }
-            }
+      .top-container {
+        height: 231px;
+        margin-bottom: 23px;
 
-            .bottom-container {
-                min-height: 945px;
-            }
+        img {
+          width: 100%;
+          height: 100%;
         }
-    }
+      }
 
+      .bottom-container {
+        min-height: 945px;
+      }
+    }
+  }
 }
 </style>
diff --git a/src/views/home/components/ConHeader.vue b/src/views/home/components/ConHeader.vue
index c5161af..2fc446a 100644
--- a/src/views/home/components/ConHeader.vue
+++ b/src/views/home/components/ConHeader.vue
@@ -25,7 +25,7 @@ function handleClick() {
 .info_title {
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  width: 98%;
   .title_name {
     font-family: Inter, Inter;
     font-weight: 400;
@@ -46,19 +46,4 @@ function handleClick() {
   justify-content: center;
   align-items: center;
 }
-// .overlay {
-//   position: absolute;
-//   top: 181px;
-//   left: 1278px;
-//   width: 40px;
-//   height: 30px;
-//   // background-color: lightgray;
-//   border: 1px solid black;
-//   z-index: 1000;
-//   display: flex;
-//   justify-content: center;
-//   flex-direction: column;
-//   align-items: center;
-//   margin-bottom: 10px;
-// }
 </style>
diff --git a/src/views/home/components/Info.vue b/src/views/home/components/Info.vue
index 05f4894..a96b9cd 100644
--- a/src/views/home/components/Info.vue
+++ b/src/views/home/components/Info.vue
@@ -1,72 +1,72 @@
 <script setup>
-import ellipsis from '@/assets/images/ellipsis.png'
-import conheader from '@/views/home/components/ConHeader.vue'
-import { ref, computed } from 'vue'
-import { userIdenChangeService } from '@/api/user/user.js'
-import { ElMessage } from 'element-plus'
-import InfoContainer from './infoContainer/index.vue'
-import myDrawer from './myDrawer/index.vue'
-const props = defineProps({
-  data: {
-    type: Object,
-  },
-})
-// ============== formModel
-const formModel = ref()
-switch (+props.data.roleId[0]) {
-  case 1:
-    formModel.value = [
-      { par: 'name', name: '姓名', content: props.data.name },
-      { par: 'sex', name: '性别', content: props.data.sex },
-      { par: 'nationality', name: '民族', content: props.data.nationality },
-      { par: 'profession', name: '专业', content: props.data.profession },
-      { par: 'education', name: '学历', content: props.data.education },
-      {
-        par: 'academicDegree',
-        name: '学位',
-        content: props.data.academicDegree,
-      },
-      {
-        par: 'professionalTitle',
-        name: '职称',
-        content: props.data.professionalTitle,
-      },
-      {
-        par: 'emergencyContact',
-        name: '手机号',
-        content: props.data.emergencyContact,
-      },
-      {
-        par: 'joinWorkTime',
-        name: '参加工作时间',
-        content: props.data.joinWorkTime,
-      },
-      {
-        par: 'politicalStatus',
-        name: '政治面貌',
-        content: props.data.politicalStatus,
-      },
-    ]
-    break
-  case 2:
-    formModel.value = [
-      { par: 'name', name: '姓名', content: props.data.name },
-      { par: 'sex', name: '性别', content: props.data.sex },
-      { par: 'nationality', name: '民族', content: props.data.nationality },
-      { par: 'number', name: '学号', content: props.data.number },
-      { par: 'birthday', name: '生日', content: props.data.birthday },
-      { par: 'phone', name: '手机号', content: props.data.phone },
-      { par: 'faculty', name: '院系', content: props.data.faculty },
-      { par: 'major', name: '专业', content: props.data.major },
-      { par: 'yearAge', name: '入学年份', content: props.data.yearAge },
-      { par: 'className', name: '班级', content: props.data.className },
-    ]
-    break
-}
-// ==============
+// import ellipsis from '@/assets/images/ellipsis.png'
+// import conheader from '@/views/home/components/ConHeader.vue'
+// import { ref, computed } from 'vue'
+// import { userIdenChangeService } from '@/api/user/user.js'
+// import { ElMessage } from 'element-plus'
+// import InfoContainer from './infoContainer/index.vue'
+// import myDrawer from './myDrawer/index.vue'
+// const props = defineProps({
+//   data: {
+//     type: Object,
+//   },
+// })
+// // ============== formModel
+// const formModel = ref()
+// switch (+props.data.roleId[0]) {
+//   case 1:
+//     formModel.value = [
+//       { par: 'name', name: '姓名', content: props.data.name },
+//       { par: 'sex', name: '性别', content: props.data.sex },
+//       { par: 'nationality', name: '民族', content: props.data.nationality },
+//       { par: 'profession', name: '专业', content: props.data.profession },
+//       { par: 'education', name: '学历', content: props.data.education },
+//       {
+//         par: 'academicDegree',
+//         name: '学位',
+//         content: props.data.academicDegree,
+//       },
+//       {
+//         par: 'professionalTitle',
+//         name: '职称',
+//         content: props.data.professionalTitle,
+//       },
+//       {
+//         par: 'emergencyContact',
+//         name: '手机号',
+//         content: props.data.emergencyContact,
+//       },
+//       {
+//         par: 'joinWorkTime',
+//         name: '参加工作时间',
+//         content: props.data.joinWorkTime,
+//       },
+//       {
+//         par: 'politicalStatus',
+//         name: '政治面貌',
+//         content: props.data.politicalStatus,
+//       },
+//     ]
+//     break
+//   case 2:
+//     formModel.value = [
+//       { par: 'name', name: '姓名', content: props.data.name },
+//       { par: 'sex', name: '性别', content: props.data.sex },
+//       { par: 'nationality', name: '民族', content: props.data.nationality },
+//       { par: 'number', name: '学号', content: props.data.number },
+//       { par: 'birthday', name: '生日', content: props.data.birthday },
+//       { par: 'phone', name: '手机号', content: props.data.phone },
+//       { par: 'faculty', name: '院系', content: props.data.faculty },
+//       { par: 'major', name: '专业', content: props.data.major },
+//       { par: 'yearAge', name: '入学年份', content: props.data.yearAge },
+//       { par: 'className', name: '班级', content: props.data.className },
+//     ]
+//     break
+// }
+// // ==============
 
-// 编辑1
-const drawer2 = ref(false)
+// // 编辑1
+// const drawer2 = ref(false)
 </script>
 <template>
   <div class="info_container" style="width: 95%; height: 306px">
@@ -76,8 +76,8 @@ const drawer2 = ref(false)
         <img :src="ellipsis" @click="drawer2 = true" />
       </div>
     </div>
-    <InfoContainer :data="formModel"></InfoContainer>
-    <myDrawer v-model:drawer="drawer2" :data="formModel"></myDrawer>
+    <!-- <InfoContainer :data="formModel"></InfoContainer>
+    <myDrawer v-model:drawer="drawer2" :data="formModel"></myDrawer> -->
   </div>
 </template>
 <style scoped>
diff --git a/src/views/home/components/Lessonlist.vue b/src/views/home/components/Lessonlist.vue
new file mode 100644
index 0000000..0d1aab1
--- /dev/null
+++ b/src/views/home/components/Lessonlist.vue
@@ -0,0 +1,84 @@
+<script setup>
+import conheader from '@/views/home/components/ConHeader.vue'
+import fe from '@/assets/images/fe.jpg'
+</script>
+<template>
+  <div class="lesson_container" style="width: 95%">
+    <conheader :title="`课程列表`"></conheader>
+    <div class="lessonlist-content">
+      <div class="lessonlist-item" v-for="item in 3" :key="item">
+        <div class="lessonlist-item-img">
+          <img :src="fe" alt="" style="width: 100%; height: 140px" />
+        </div>
+        <div class="lessonlist-item-info">
+          <h3>课程名称</h3>
+          <div class="p"><p>编辑</p></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.lesson_container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin: 0 auto;
+  padding: 20px 0;
+}
+
+.lessonlist-content {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin: 10px 0;
+}
+
+.lesson_container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin: 0 auto;
+  padding: 5px 0;
+}
+.lessonlist-item {
+  width: 270px;
+  height: 200px;
+  border-radius: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+.lessonlist-item-img {
+  width: 100%;
+  height: 140px;
+}
+.lessonlist-item-info {
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.lessonlist-item-info h3 {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+.lessonlist-item-info .p {
+  width: 100%;
+  display: flex;
+  justify-content: end;
+}
+.lessonlist-item-info p {
+  font-size: 12px;
+  color: #a7c4f7;
+  line-height: 1.5;
+  box-sizing: border-box;
+  border: 2px solid #a7c4f7;
+  border-radius: 10px;
+  margin-bottom: 5px;
+  width: 50px;
+  margin: 5px;
+  text-align: center;
+  cursor: pointer;
+}
+</style>
diff --git a/src/views/home/components/Status.vue b/src/views/home/components/Status.vue
index db53eda..197db0d 100644
--- a/src/views/home/components/Status.vue
+++ b/src/views/home/components/Status.vue
@@ -1,48 +1,21 @@
 <script setup>
 import add from '@/assets/images/add.png'
-// import { Plus } from '@element-plus/icons-vue'
 import tool from '@/utils/oss.js'
 import { userChangeService } from '@/api/user/user.js'
-import { ref, defineEmits } from 'vue'
+import { ref, defineEmits, onMounted } from 'vue'
 import { ElMessage } from 'element-plus'
+// import { error } from 'echarts/types/src/util/log.js'
 const props = defineProps({
   data: {
     type: Object,
   },
+  userData: {
+    type: Object,
+  },
 })
-const imageUrl = ref('')
-const dialogFormVisible = ref(false)
-//表单校验
-// const rules = {
-//   username: [
-//     { required: true, message: '用户名不能为空', trigger: 'blur' },
-//     {
-//       max: 10,
-//       min: 5,
-//       message: '用户名长度最小五位最大十位',
-//       trigger: ['change', 'blur'],
-//     },
-//   ],
-//   nickName: [{ trigger: 'blur' }],
-//   phone: [
-//     { trigger: 'blur' },
-//     {
-//       pattern: /^1[3456789]\d{9}$/,
-//       message: '手机号格式不正确',
-//       trigger: 'blur',
-//       // pattern用于配置正则校验
-//     },
-//   ],
-//   code: [{ message: '验证码不能为空', trigger: 'blur' }],
-// }
-const form = ref()
-//   {
-//   username: '',
-//   nickName: '',
-//   phone: '',
-// }
-form.value = { ...props.data }
-const formLabelWidth = '70px'
+
+console.log(props.userData, 'props.infoData')
+const imageUrl = ref()
 //设置头像显示
 imageUrl.value = props.data.icon
 //设置头像更换
@@ -50,77 +23,99 @@ const upload = async (option) => {
   const res = await tool.oss.upload(option.file)
   const url = 'https://wenyu132.oss-cn-beijing.aliyuncs.com/' + res.name
   imageUrl.value = url
-  changeInfo()
 }
-const openInfo = () => {
-  dialogFormVisible.value = true
-}
-//修改用户信息
-const emit = defineEmits(['get-message'])
+//修改用户头像
+const emit = defineEmits(['get-avater'])
+let isUploading = ref(false)
 const changeInfo = async () => {
-  const userInfo = {
-    phone: form.value.phone,
-    id: form.value.id,
-    nickName: form.value.nickName,
-    icon: imageUrl.value,
+  if (!isUploading.value) {
+    isUploading.value = true
+    const userInfo = {
+      id: props.data.id,
+      icon: imageUrl.value,
+    }
+    const jsonData = JSON.stringify(userInfo)
+    await userChangeService(jsonData).then(() => {
+      ElMessage.success('修改成功')
+      emit('get-avater', imageUrl.value)
+    })
+    isUploading.value = false
   }
-  const jsonData = JSON.stringify(userInfo)
-  await userChangeService(jsonData).then(() => {
-    ElMessage.success('修改成功')
-    console.log(form.value.nickName, 'nickN')
-    emit('get-message', form.value.nickName)
-  })
-  dialogFormVisible.value = false
 }
-const cancleInfo = () => {
-  dialogFormVisible.value = false
-  form.value = {
-    ...props.data,
-  }
+// onMounted(() => {
+//   console.log(props.data.icon, 'props.icon')
+// })
+//用户基本信息的显示与编辑
+const dialog = ref(false)
+const radio = ref(3)
+const form = ref({})
+form.value = { ...props.userData }
+const openInfo = () => {
+  dialog.value = true
+}
+const onCancel = () => {
+  dialog.value = false
 }
+const onsubmit = async () => {}
+const formLabelWidth = '60px'
+const loading = ref(false)
 </script>
 <template>
   <div class="ident" style="width: 100%; height: 274px; background: #375fff">
     <div class="info_container" style="width: 201px; height: 178px">
       <div class="avater">
-        <img :src="imageUrl" alt="Uploaded" v-if="imageUrl" class="avater" />
+        <img
+          :src="imageUrl"
+          alt="Uploaded"
+          v-if="imageUrl"
+          class="avater"
+          auto-upload
+        />
       </div>
-      <el-upload class="click" :http-request="upload" :show-file-list="false">
+      <el-upload
+        class="click"
+        :http-request="upload"
+        @change="changeInfo"
+        :show-file-list="false"
+        auto-upload="false"
+      >
         <img :src="add" />
       </el-upload>
       <div class="info_content" style="height: 58px" @click="openInfo">
         <div class="name">{{ props.data.username }}</div>
+        <!-- <div class="na">{{ props.data.professionalTitle }}</div> -->
       </div>
     </div>
   </div>
-  <el-dialog
-    v-model="dialogFormVisible"
-    title="登录信息"
-    style="width: 800px; text-align: center"
-  >
-    <el-form :model="form" :data="form" :rules="rules">
-      <el-form-item label="用户名" :label-width="formLabelWidth">
-        <el-input :disabled="true" v-model="form.username" autocomplete="off" />
-      </el-form-item>
-      <el-form-item label="昵称" :label-width="formLabelWidth">
-        <el-input v-model="form.nickName" autocomplete="off" />
-      </el-form-item>
-      <el-form-item label="手机" :label-width="formLabelWidth">
-        <el-input v-model="form.phone" autocomplete="off" />
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="cancleInfo">取消</el-button>
-        <el-button type="primary" @click="changeInfo">确认</el-button>
+  <el-drawer v-model="dialog" title="个人信息" class="demo-drawer">
+    <div class="content">
+      <el-form :model="form">
+        <el-form-item label="姓名" :label-width="formLabelWidth">
+          <el-input v-model="form.name" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="性别" :label-width="formLabelWidth">
+          <el-radio-group v-model="radio">
+            <el-radio :value="3">男</el-radio>
+            <el-radio :value="6">女</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="民族" :label-width="formLabelWidth">
+          <el-input v-model="form.email" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="手机号" :label-width="formLabelWidth">
+          <el-input v-model="form.phone" autocomplete="off"></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="footer">
+        <el-button @click="onCancel">取消</el-button>
+        <el-button type="primary" :loading="loading" @click="onsubmit">
+          确认
+        </el-button>
       </div>
-    </template>
-  </el-dialog>
+    </div>
+  </el-drawer>
 </template>
 <style scoped>
-.el-form-item {
-  display: flex;
-}
 .ident {
   background: #ffffff;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
diff --git a/src/views/home/components/Student1.vue b/src/views/home/components/Student1.vue
index 3c4e29a..23256ce 100644
--- a/src/views/home/components/Student1.vue
+++ b/src/views/home/components/Student1.vue
@@ -16,9 +16,9 @@ function confirmClick() {
 }
 </script>
 <template>
-  <div class="info_container" style="width: 90%; height: 174px">
-    <conheader title="学生分组" v-model="drawer2">
-      <div>编辑</div>
+  <div class="info_container" style="width: 90%">
+    <conheader :title="`学生分组`"></conheader>
+    <!-- <div>编辑</div>
       <template #drawer>
         <el-drawer v-model="drawer2" :direction="direction">
           <template #header>
@@ -36,9 +36,14 @@ function confirmClick() {
             </div>
           </template>
         </el-drawer>
-      </template>
-    </conheader>
-    <div class="info_content" style="width: 194px; height: 112px">
+      </template> -->
+
+    <div class="stu_content">
+      <ul>
+        <li v-for="item in 10" :key="item"></li>
+      </ul>
+    </div>
+    <!-- <div class="info_content" style="width: 194px; height: 112px">
       <div
         v-for="(item, index) in name"
         :key="index"
@@ -47,23 +52,25 @@ function confirmClick() {
       >
         {{ item }}
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 <style scoped>
-.stu {
+/* .stu {
   background: #ffffff;
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
   border-radius: 6px 6px 6px 6px;
   display: flex;
-
   justify-content: center;
   align-items: center;
-}
+} */
 .info_container {
   display: flex;
   justify-content: space-between;
 }
+.stu_content {
+  height: 200px;
+}
 .info_content {
   width: 194px;
   height: 112px;
diff --git a/src/views/home/components/Welcome.vue b/src/views/home/components/Welcome.vue
index d984815..6e49472 100644
--- a/src/views/home/components/Welcome.vue
+++ b/src/views/home/components/Welcome.vue
@@ -1,5 +1,14 @@
 <script setup>
 import { onMounted, ref, computed } from 'vue'
+import {
+  userChangeService,
+  userChangePasswordService,
+} from '@/api/user/user.js'
+// import { defineEmits } from 'vue'
+import useUserStore from '@/store/modules/user'
+import { useRouter } from 'vue-router'
+import { ElMessage, dayjs } from 'element-plus'
+
 const props = defineProps({
   name: {
     type: String,
@@ -11,6 +20,109 @@ const props = defineProps({
     type: Object,
   },
 })
+const router = useRouter()
+const formRef = ref()
+const pwdForm = ref({
+  old_pwd: '',
+  new_pwd: '',
+  re_pwd: '',
+})
+// console.log(props.userData.username, 'props.data')
+//dialog显示隐藏
+//信息
+const dialogFormVisible = ref(false)
+//密码
+const passFormVisible = ref(false)
+
+//dialog
+const form = ref()
+//   {
+//   username: '',
+//   nickName: '',
+//   phone: '',
+// }
+form.value = { ...props.userData }
+const formLabelWidth = '70px'
+
+//打开dialog
+const openInfo = () => {
+  dialogFormVisible.value = true
+}
+const openPass = () => {
+  passFormVisible.value = true
+}
+//密码校验
+const rules = {
+  // 原密码
+  old_pwd: [
+    { required: true, message: '请输入密码', trigger: 'blur' },
+    {
+      pattern: /^\S{6,15}$/,
+      message: '密码长度必须是6-15位的非空字符串',
+      trigger: 'blur',
+    },
+  ],
+  // 新密码
+  new_pwd: [
+    { required: true, message: '请输入新密码', trigger: 'blur' },
+    {
+      pattern: /^\S{6,15}$/,
+      message: '密码长度必须是6-15位的非空字符串',
+      trigger: 'blur',
+    },
+    // { validator: checkOldSame, trigger: 'blur' },
+  ],
+  // 确认新密码
+  re_pwd: [
+    { required: true, message: '请再次确认新密码', trigger: 'blur' },
+    {
+      pattern: /^\S{6,15}$/,
+      message: '密码长度必须是6-15位的非空字符串',
+      trigger: 'blur',
+    },
+    // { validator: checkNewSame, trigger: 'blur' },
+  ],
+}
+//修改用户信息
+const emit = defineEmits(['get-message'])
+const changeInfo = async () => {
+  const userInfo = {
+    phone: form.value.phone,
+    id: form.value.id,
+    nickName: form.value.nickName,
+  }
+  const jsonData = JSON.stringify(userInfo)
+  await userChangeService(jsonData).then(() => {
+    ElMessage.success('修改成功')
+    // console.log(form.value.nickName, 'nickN')
+    // emit('get-message', form.value.nickName)
+  })
+  dialogFormVisible.value = false
+}
+//修改密码
+const userStore = useUserStore()
+const onSubmit = async () => {
+  await formRef.value.validate()
+  const passData = ref({
+    oldPassword: pwdForm.value.old_pwd,
+    newPassword: pwdForm.value.new_pwd,
+    username: props.userData.username,
+  })
+  await userChangePasswordService(passData.value)
+  ElMessage.success('密码修改成功')
+  pwdForm.value = {}
+  passFormVisible.value = false
+}
+//重置密码
+const onReset = () => {
+  pwdForm.value = {}
+}
+const cancleInfo = () => {
+  dialogFormVisible.value = false
+  form.value = {
+    ...props.data,
+  }
+}
 
 const username = computed(() => {
   if (props.userData.nickName) {
@@ -19,19 +131,24 @@ const username = computed(() => {
     return props.userData.username
   }
 })
+
+//教师工龄和时间
 const daysOnJob = ref()
 const flagVisible = ref(true)
+
+//展示当前日期
+const currentDate = new Date()
+const formattedDate = dayjs(currentDate).format('YYYY-MM-DD')
+
 onMounted(() => {
-  console.log(props.name, 'name')
-  console.log(props.data.nickName === props.name, 'sdf')
   username.value = props.data.name
   const hireDate = new Date(props.data.joinWorkTime)
-  console.log(props.userData.nickName, 'welcome')
   // 计算教师工龄的计算属性
-  const currentDate = new Date()
+  // const currentDate = new Date()
   const millisecondsPerDay = 1000 * 60 * 60 * 24
   daysOnJob.value = Math.floor((currentDate - hireDate) / millisecondsPerDay)
 })
+// 密码
 </script>
 <template>
   <div class="nav_info">
@@ -44,14 +161,71 @@ onMounted(() => {
     <div class="intro" v-else>
       <p>Hell0,欢迎回来</p>
     </div>
+    <div>
+      <el-button plain round type="primary" @click="openInfo">
+        管理账号
+      </el-button>
+    </div>
+    <div>
+      <el-button plain round type="primary" @click="openPass">
+        修改密码
+      </el-button>
+    </div>
+    <div class="time">{{ formattedDate }}</div>
   </div>
+  <el-dialog
+    v-model="dialogFormVisible"
+    title="登录信息"
+    style="width: 800px; text-align: center"
+  >
+    <el-form :model="form" :data="form" :rules="rules">
+      <el-form-item label="用户名" :label-width="formLabelWidth">
+        <el-input :disabled="true" v-model="form.username" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="昵称" :label-width="formLabelWidth">
+        <el-input v-model="form.nickName" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="手机" :label-width="formLabelWidth">
+        <el-input v-model="form.phone" autocomplete="off" />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="cancleInfo">取消</el-button>
+        <el-button type="primary" @click="changeInfo">确认</el-button>
+      </div>
+    </template>
+  </el-dialog>
+  <el-dialog
+    v-model="passFormVisible"
+    title="修改密码"
+    style="width: 700px; text-align: center"
+  >
+    <el-form :rules="rules" ref="formRef" :data="pwdForm">
+      <el-form-item label="原密码">
+        <el-input type="password" v-model="pwdForm.old_pwd"></el-input>
+      </el-form-item>
+      <el-form-item label="新密码" prop="new_pwd">
+        <el-input type="password" v-model="pwdForm.new_pwd"></el-input>
+      </el-form-item>
+      <el-form-item label="确认新密码" prop="re_pwd">
+        <el-input type="password" v-model="pwdForm.re_pwd"></el-input>
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="onReset">重置</el-button>
+        <el-button @click="onSubmit" type="primary">修改密码</el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
 <style scoped>
 .nav_info {
   width: 95%;
   height: 32px;
   display: flex;
-  justify-content: start;
+  justify-content: space-between;
   align-items: center;
 }
 .name {
@@ -67,7 +241,7 @@ onMounted(() => {
   margin-right: 68px;
 }
 .intro {
-  width: 50%;
+  width: 60%;
   height: 22px;
   font-family: Inter, Inter;
   font-weight: bold;
@@ -78,4 +252,7 @@ onMounted(() => {
   font-style: normal;
   text-transform: none;
 }
+.time {
+  justify-content: end;
+}
 </style>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 59116ea..b1d3c35 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,13 +1,17 @@
 <script lang="ts" setup>
 import status from '@/views/home/components/Status.vue'
 import welcome from './components/Welcome.vue'
-import Info from './components/Info.vue'
+import conheader from '@/views/home/components/ConHeader.vue'
+// import Info from './components/Info.vue'
 import echarts from './components/Echarts.vue'
-import Class1 from './components/Class1.vue'
+import lessonlist from './components/Lessonlist.vue'
+// import Class1 from './components/Class1.vue'
 import Student1 from './components/Student1.vue'
-import Class2 from './components/Class2.vue'
-import Student2 from './components/Student2.vue'
+// import Class2 from './components/Class2.vue'
+// import Student2 from './components/Student2.vue'
+import { userNewLikeService } from '@/api/user/user'
 import useUserStore from '@/store/modules/user'
+import fe from '@/assets/images/fe.jpg'
 import { ref, onMounted } from 'vue'
 const userStore = useUserStore()
 const username = ref()
@@ -19,23 +23,30 @@ const rightVisible = ref(false)
 userStore.getUserInfo().catch((error) => {
   console.log(error)
 })
-
 let sum: any = localStorage.getItem('sum') || '0'
 const name = ref()
 const getMessage = (msg) => {
   name.value = msg
-  console.log(msg, 'msg')
+  // console.log(msg, 'msg')
+}
+const getAvater = (avater) => {
+  // console.log(msg, 'msg')
+  userStore.data.icon = avater
+  // console.log(data.value.icon, 'icon')
 }
+const img = ref()
+const courseName = ref()
 onMounted(() => {
   // getData()
   sum = parseInt(sum) + 1
   localStorage.setItem('sum', sum.toString())
-  console.log(sum, 'sum')
+  // console.log(sum, 'sum')
   username.value = userStore.userName
   data.value = userStore.data
   infoData.value = userStore.userInfo
   // console.log(data.value, '11111')
-  // console.log(userStore.userInfo, '22222')
+  // console.log(userStore.userInfo, '22222') //个人信息
+  console.log(userStore.data, 'icon') //用户信息
   username.value = data.value.username
   flag.value = true
   role.value = data.value.roles[0]
@@ -44,11 +55,136 @@ onMounted(() => {
   } else {
     rightVisible.value = false
   }
+  //课程列表
+  // userToplessonService().then((res) => {
+  //   // console.log(res, '课程列表')
+  // })
+  //最新收藏的课程
+  // const courselist = ref({ img: '', name: '' })
+  // const img = ref()
+  // const courseName = ref()
+
+  userNewLikeService(userStore.data.id).then((res) => {
+    console.log(res.data, '最新收藏的课程')
+    // courselist.value = res.data
+    // courselist.value.img = res.data.img
+    // courselist.value.name = res.data.name
+    img.value = res.data.img
+    courseName.value = res.data.name
+    console.log(img.value, 'img')
+    console.log(courseName.value, 'courseName')
+  })
 })
 </script>
 <template>
-  <div class="container">
-    <div class="left">
+  <el-row>
+    <el-col :span="24">
+      <div class="nav">
+        <welcome
+          :data="infoData"
+          :userData="data"
+          :name="name"
+          @get-message="getMessage"
+          v-if="flag"
+        ></welcome>
+      </div>
+    </el-col>
+  </el-row>
+  <el-row :gutter="15">
+    <el-col :span="18">
+      <div class="classList">
+        <lessonlist></lessonlist>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="info">
+        <status
+          :data="data"
+          :userData="infoData"
+          @get-avater="getAvater"
+          v-if="flag"
+        ></status>
+      </div>
+    </el-col>
+  </el-row>
+  <el-row :gutter="20">
+    <el-col :span="6">
+      <div class="lesson">
+        <a
+          href="#"
+          style="width: 90%; font-size: 14px; display: flex; margin: 0 auto"
+        >
+          <conheader :title="`最多收藏知识点`"></conheader>
+        </a>
+        <p class="button" round v-for="item in 10" :key="item">Ro</p>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="lesson">
+        <a
+          href="#"
+          style="width: 90%; font-size: 14px; display: flex; margin: 0 auto"
+        >
+          <conheader :title="`推荐知识点`"></conheader>
+        </a>
+        <p class="button" round v-for="item in 20" :key="item">Round</p>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="lesson">
+        <a
+          href="#"
+          style="width: 90%; font-size: 14px; display: flex; margin: 0 auto"
+        >
+          <conheader :title="`推荐课程`"></conheader>
+        </a>
+
+        <div class="lessonlist-content">
+          <div class="lessonlist-item">
+            <div class="lessonlist-item-img">
+              <img :src="fe" alt="" style="width: 100%; height: 140px" />
+            </div>
+            <div class="lessonlist-item-info">
+              <h3>课程名称</h3>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="lesson">
+        <a
+          href="#"
+          style="width: 90%; font-size: 14px; display: flex; margin: 0 auto"
+        >
+          <conheader :title="`最新收藏课程`"></conheader>
+        </a>
+        <div class="lessonlist-content">
+          <div class="lessonlist-item">
+            <div class="lessonlist-item-img">
+              <img :src="img" alt="" style="width: 100%; height: 140px" />
+            </div>
+            <div class="lessonlist-item-info">
+              <h3>{{ courseName }}</h3>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-col>
+  </el-row>
+  <el-row :gutter="15">
+    <el-col :span="18">
+      <div class="some">
+        <echarts :sum="sum"></echarts>
+      </div>
+    </el-col>
+    <el-col :span="6">
+      <div class="stu">
+        <Student1></Student1>
+      </div>
+    </el-col>
+  </el-row>
+  <!-- <div class="left">
       <div class="nav">
         <welcome
           :data="infoData"
@@ -81,87 +217,201 @@ onMounted(() => {
       <div class="stu" style="width: 100%; height: 236px">
         <Student2></Student2>
       </div>
-    </div>
-  </div>
+    </div> -->
 </template>
 <style lang="scss" scoped>
-.container {
+.nav {
+  height: 92px;
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  margin-bottom: 16px;
   display: flex;
-  width: 100%;
-  .left {
-    width: 80%;
-    height: 936px;
-    margin-right: 16px;
-    display: grid;
-    grid-template-rows: 1fr 1fr 1fr; /* 使用fr单位来平均分布 */
-    height: 300px; /* 设置容器高度 */
-    .nav {
-      width: 100%;
-      height: 92px;
-      background: #ffffff;
-      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
-      border-radius: 6px 6px 6px 6px;
-      margin-bottom: 16px;
-      display: flex;
-      flex-direction: column; //开启纵向布局
-      justify-content: center;
-      align-items: center;
-    }
-    .info,
-    .echarts {
-      background: #ffffff;
-      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
-      border-radius: 6px 6px 6px 6px;
-      margin-bottom: 16px;
-      display: flex;
-      // flex-direction: column; //开启纵向布局
-      justify-content: center;
-      align-items: center;
-      .info_container {
-        display: flex;
-        flex-direction: column; //开启纵向布局
-        justify-content: space-between;
-      }
-    }
-    .class {
-      width: 80%;
-      height: 444px;
-      background: #c57676;
-      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
-      border-radius: 6px 6px 6px 6px;
-      display: flex;
-      // flex-direction: column; //开启纵向布局
-      justify-content: center;
-      align-items: center;
-    }
+  flex-direction: column; //开启纵向布局
+  justify-content: center;
+  align-items: center;
+}
+.classList,
+.info {
+  height: 270px;
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  justify-content: space-between;
+  margin-bottom: 16px;
+}
+.classList {
+  display: flex;
+  justify-content: space-between;
+}
+.lesson {
+  margin-bottom: 16px;
+  height: 280px;
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  display: flex;
+  // justify-content: center;
+  align-items: center;
+  // margin: 0 auto;
+  flex-wrap: wrap;
+  // flex-direction: column;
+  .button {
+    margin-top: 10px;
+    height: 30px;
+    border-radius: 10px;
+    color: #0080ff;
+    text-align: center;
+    line-height: 30px;
+    margin: 0 10px;
+    border: 2px solid #ccc;
   }
-  .right {
-    width: 20%;
-    height: 930px;
-    display: flex;
-    flex-direction: column; //开启纵向布局
-    justify-content: space-between;
-    .ident,
-    .class,
-    .stu {
-      background: #ffffff;
-      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
-      border-radius: 6px 6px 6px 6px;
-      display: flex;
-      // flex-direction: column; //开启纵向布局
-      justify-content: center;
-      align-items: center;
-      .info_container {
-        display: flex;
-        flex-direction: column; //开启纵向布局
-        justify-content: space-between;
-        .info_content {
-          display: flex;
-          flex-direction: column; //开启纵向布局
-          justify-content: space-between;
-        }
-      }
-    }
+  a {
+    text-decoration: none;
   }
 }
+.some,
+.stu {
+  height: 384px;
+  background: #ffffff;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+  border-radius: 6px 6px 6px 6px;
+  justify-content: space-between;
+  display: flex;
+  justify-content: center;
+}
+.lessonlist-content {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 auto;
+  flex-direction: column;
+}
+.lessonlist-item {
+  width: 270px;
+  height: 180px;
+  border-radius: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+.lessonlist-item-img {
+  width: 100%;
+  height: 140px;
+  // justify-content: center;
+  align-items: center;
+
+  margin: 0 auto;
+}
+
+.lessonlist-item-info {
+  padding: 10px;
+  display: flex;
+  justify-content: space-between;
+}
+
+.lesson_container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin: 0 auto;
+  padding: 5px 0;
+}
+
+.lessonlist-item-info {
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.lessonlist-item-info h3 {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+.lessonlist-item-info .p {
+  width: 100%;
+  display: flex;
+  justify-content: end;
+}
+.lessonlist-item-info p {
+  font-size: 12px;
+  color: #a7c4f7;
+  line-height: 1.5;
+  box-sizing: border-box;
+  border: 2px solid #a7c4f7;
+  border-radius: 10px;
+  margin-bottom: 5px;
+  width: 50px;
+  margin: 5px;
+  text-align: center;
+  cursor: pointer;
+}
+
+// .container {
+//   display: flex;
+//   width: 100%;
+//   .left {
+//     width: 80%;
+//     height: 936px;
+//     margin-right: 16px;
+//     display: grid;
+//     grid-template-rows: 1fr 1fr 1fr; /* 使用fr单位来平均分布 */
+//     height: 300px; /* 设置容器高度 */
+
+//     .info,
+//     .echarts {
+//       background: #ffffff;
+//       box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+//       border-radius: 6px 6px 6px 6px;
+//       margin-bottom: 16px;
+//       display: flex;
+//       // flex-direction: column; //开启纵向布局
+//       justify-content: center;
+//       align-items: center;
+//       .info_container {
+//         display: flex;
+//         flex-direction: column; //开启纵向布局
+//         justify-content: space-between;
+//       }
+//     }
+//     .class {
+//       width: 80%;
+//       height: 444px;
+//       background: #c57676;
+//       box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+//       border-radius: 6px 6px 6px 6px;
+//       display: flex;
+//       // flex-direction: column; //开启纵向布局
+//       justify-content: center;
+//       align-items: center;
+//     }
+//   }
+//   .right {
+//     width: 20%;
+//     height: 930px;
+//     display: flex;
+//     flex-direction: column; //开启纵向布局
+//     justify-content: space-between;
+//     .ident,
+//     .class,
+//     .stu {
+//       background: #ffffff;
+//       box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
+//       border-radius: 6px 6px 6px 6px;
+//       display: flex;
+//       // flex-direction: column; //开启纵向布局
+//       justify-content: center;
+//       align-items: center;
+//       .info_container {
+//         display: flex;
+//         flex-direction: column; //开启纵向布局
+//         justify-content: space-between;
+//         .info_content {
+//           display: flex;
+//           flex-direction: column; //开启纵向布局
+//           justify-content: space-between;
+//         }
+//       }
+//     }
+//   }
+// }
 </style>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index db2c982..7b1955a 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -281,20 +281,11 @@
 </template>
 
 <script lang="ts" setup>
-import {
-  // reactive,
-  ref,
-  onMounted,
-  onUnmounted,
-  onBeforeUnmount,
-  watch,
-} from 'vue'
+import { ref, onMounted, onUnmounted, onBeforeUnmount, watch } from 'vue'
 import { User, Lock, Phone, Check } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 import useUserStore from '@/store/modules/user'
 import { useRouter, useRoute } from 'vue-router'
-//解构token
-// import jwtDecode from 'jwt-decode'
 //引入接口
 import {
   userRegisterService,
@@ -414,12 +405,11 @@ const checkPasswordMatch = () => {
     passwordMatchError.value = ''
   }
 }
-
 //账号注册表单写成json格式
 const handleSubmit = async () => {
   // 执行注册逻辑
   await form.value.validate()
-  console.log('开始注册')
+  // console.log('开始注册')
   if (formModel.value.password === formModel.value.repassword) {
     // 密码校验通过，可以进行注册操作
     const dataToSend = {
@@ -430,13 +420,13 @@ const handleSubmit = async () => {
       icon: formModel.value.icon,
     }
     const jsonData = JSON.stringify(dataToSend)
-    console.log(jsonData)
+    // console.log(jsonData)
     // 发送数据到服务器或其他操作
     userRegisterService(jsonData)
       .then(() => {
         // 注册成功后跳转到指定页面
         ElMessage.success('注册成功')
-        //    // 切换到登录
+        // 切换到登录
         isRegister.value = true
       })
       .catch((error) => {
@@ -447,7 +437,6 @@ const handleSubmit = async () => {
     passwordMatchError.value = '两次输入的密码不一致'
   }
 }
-// const userGetInfoService
 //注册发起手机号验证码
 const codecode = ref()
 const codeSubmit = async () => {
@@ -465,7 +454,7 @@ const codeSubmit = async () => {
 }
 //手机号注册
 const phoneChange = () => {
-  console.log('开始手机号注册')
+  // console.log('开始手机号注册')
   isinfo.value = false
 }
 //手机号注册中的返回
diff --git a/src/views/student/index.vue b/src/views/student/index.vue
index 74c4ecc..e1cb97d 100644
--- a/src/views/student/index.vue
+++ b/src/views/student/index.vue
@@ -1,30 +1,5 @@
 <template>
-  <div>
-    <!-- Dialog组件 -->
-    <Dialog
-      v-model="dialogVisible"
-      @confirm="collectData"
-      :name="readonlyName"
-      :age="readonlyAge"
-    />
-  </div>
+  <div>学生</div>
 </template>
 
-<script setup>
-import { ref, readonly } from 'vue'
-
-const dialogVisible = ref(false) // 控制Dialog的显示与隐藏
-const name = ref('John') // 可修改字段
-const age = ref(25) // 可修改字段
-
-const readonlyName = readonly(name) // 将name字段设置为只读
-const readonlyAge = readonly(age) // 将age字段设置为只读
-
-const collectData = () => {
-  // 在这里可以收集Dialog中的其他可修改字段的数据
-  // ...
-
-  console.log(readonlyName.value) // 可以访问只读字段的值
-  console.log(readonlyAge.value) // 可以访问只读字段的值
-}
-</script>
+<style lang="scss"></style>
diff --git a/src/views/student/login.vue b/src/views/student/login.vue
deleted file mode 100644
index 89bfa2a..0000000
--- a/src/views/student/login.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <div>
-    <el-button type="primary" @click="openDrawer">Open Drawer</el-button>
-    <el-drawer
-      title="Drawer Title"
-      v-model:visible="drawerVisible"
-      :direction="drawerDirection"
-    >
-      <el-table :data="formModel" style="width: 100%">
-        <el-table-column prop="name" label="Name"></el-table-column>
-        <el-table-column prop="content" label="Content">
-          <template v-slot="scope">
-            <el-input
-              v-model="scope.row.content"
-              @input="handleInput(scope.row)"
-            ></el-input>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <template v-slot:footer>
-        <div>
-          <el-button @click="cancelEdit">Cancel</el-button>
-          <el-button type="primary" @click="saveEdit">Save</el-button>
-        </div>
-      </template>
-    </el-drawer>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      formModel: [
-        { name: 'Macbook', content: 9.9 },
-        { name: 'iPhone', content: 9.9 },
-        { name: '小米电脑', content: 9.9 },
-        { name: '小米电脑', content: 9.9 },
-        { name: '小米电脑', content: 9.9 },
-        { name: '小米电脑', content: 9.9 },
-        { name: '小米电脑', content: 9.9 },
-        { name: '小米电脑', content: 9.9 },
-        { name: '小米电脑', content: 9.9 },
-      ],
-      drawerVisible: false,
-      drawerDirection: 'ltr',
-    }
-  },
-  methods: {
-    openDrawer() {
-      this.drawerVisible = true
-    },
-    cancelEdit() {
-      this.drawerVisible = false
-    },
-    saveEdit() {
-      // 执行保存修改的逻辑，可以将数据发送给后端进行保存
-      console.log('Save Edit:', this.formModel)
-      this.drawerVisible = false
-    },
-    handleInput(row) {
-      // 处理输入框的输入事件，可以在此处更新数据
-      console.log('Handle Input:', row)
-    },
-  },
-}
-</script>