fix: 样式修改，以及第三方资源名称不对应的情况;

Reviewed-on: #197

src/renderer/src/api/login.js

@@ -88,6 +88,15 @@ export function signIn(data) {
   })
 }
 
+//登录模块-找回密码
+export function retrievePwd(data) {
+  return request({
+    url: '/smarttalk/register/authRetrievePwd',
+    method: 'post',
+    data
+  })
+}
+
 //注册模块-获取学校
 export function deptTree(data) {
   return request({

src/renderer/src/components/ai-chart/index.vue

@@ -3,8 +3,7 @@
     <svg class="icon ai-icon" aria-hidden="true" @click="isOpen = true; isMax = false" v-if="!isOpen">
       <use xlink:href="#icon-aijiqiren"></use>
     </svg>
-    <el-card v-else shadow="always" class="chart-card" :class="[isMax ? 'card-max' : '']">
+    <div v-else v-drag shadow="always" class="chart-card" :class="[isMax ? 'card-max' : '']">
-      <template #header>
       <div class="flex chart-header">
         <div class="header-name flex">
           <svg class="icon header-icon" aria-hidden="true">
@@ -17,7 +16,7 @@
           <i class="iconfont icon-close icon-tool" @click="closeChart"></i>
         </div>
       </div>
-      </template>
+
       <div class="chart-body">
         <el-scrollbar ref="chatref">
           <div class="default-chart flex">
@@ -55,12 +54,13 @@
             </div>
           </div>
         </el-scrollbar>
-      </div>
         <div class="chart-input">
           <el-input v-model="msgVal" size="large" class="chart-ipt" @keyup.enter="sendMsg" @focus="isFocus = true" @blur="isFocus = false" />
           <i class="iconfont icon-tujing" :class="[isFocus ? 'icon-focus' : '']" @click="sendMsg"></i>
         </div>
-    </el-card>
+      </div>
+      
+    </div>
   </div>
 </template>
 
@@ -75,7 +75,6 @@ import vDrag from '@/views/tool/directive/drag'
 
 
 const { ipcRenderer } = window.electron || {}
-
 const userStore = useUserStore().user
 
 
@@ -115,28 +114,28 @@ const outerAi = [
     id: 1,
     title: '生成图片',
     secondTit: '文生图大模型',
-    img: '../../../src/assets/images/ai-01.png',
+    img: new URL('../../../src/assets/images/ai-01.png', import.meta.url).href,
     path: '/ais/aisd3'
   },
   {
     id: 2,
     title: '教学大模型',
     secondTit: '中小学基础教学大模型',
-    img: '../../../src/assets/images/ai-02.png',
+    img: new URL('../../../src/assets/images/ai-02.png', import.meta.url).href,
     disabled: true,
   },
   {
     id: 3,
     title: '育人大模型',
     secondTit: '全场域育人大模型',
-    img: '../../../src/assets/images/ai-03.png',
+    img: new URL('../../../src/assets/images/ai-03.png', import.meta.url).href,
     path: '/ais/aimodel'
   },
   {
     id: 4,
     title: 'ChatTTS',
     secondTit: '文字转语音大模型',
-    img: '../../../src/assets/images/ai-04.png',
+    img: new URL('../../../src/assets/images/ai-04.png', import.meta.url).href,
     path: '/ais/aiChatTTS'
   }
 ]
@@ -218,6 +217,7 @@ onMounted(() => {
 }
 
 .page-ai-chart {
+
   .ai-icon {
     position: fixed;
     right: 30px;
@@ -227,41 +227,38 @@ onMounted(() => {
   }
 
   .chart-card {
+    background-color: #fff;
     position: fixed;
     bottom: 20px;
     right: 20px;
     width: 300px;
     height: calc(100% - 110px);
     border-radius: 10px;
-
+    z-index: 10;
-    :deep(.el-card__header) {
+    box-shadow: 0px 0px 12px rgba(0, 0, 0, .12);
-      padding: 10px;
-    }
-
-    :deep(.el-card__body) {
-      height: calc(100% - 50px);
-      padding: 10px 15px;
-    }
 
     .chart-body {
-      height: calc(100% - 60px);
+      padding: 10px 15px;
+      height: calc(100% - 110px);
+      -webkit-app-region: no-drag;
     }
   }
 
   .card-max {
     width: 100%;
     height: 100%;
-    left: 0;
+    left: 0 !important;
-    top: 0;
+    top: 0 !important;
   }
 
   .chart-header {
     justify-content: space-between;
     font-size: 14px;
-
+    padding: 10px;
+    border-bottom: 1px solid #e4e7ed;
+    -webkit-app-region: no-drag;
     .header-name {
       align-items: center;
-
       .header-icon {
         font-size: 28px;
         align-items: center;
@@ -354,7 +351,10 @@ onMounted(() => {
   }
 
   .chart-input {
-    position: relative;
+    position: absolute;
+    width: 90%;
+    left: 5%;
+    bottom: 15px;
     display: flex;
     align-items: center;
     padding-top: 15px;

src/renderer/src/components/choose-textbook/third/index.vue

@@ -41,7 +41,9 @@ const getSubject = (value) => {
           gradeName:gradeList[currentIndex].label
         }
       })
-      const nameIndex = subjectList.value.findIndex(item => item.subjectName === useStore.user.edusubject)
+      //判断是否有名称或者包括名称就对应哪个学科
+      const nameIndex = subjectList.value.findIndex(item => item.subjectName === useStore.user.edusubject || item.subjectName.includes(useStore.user.edusubject))
+      if(nameIndex === -1) return;
       getTagId({subjectId:subjectList.value[nameIndex].subjectId,subjectName:subjectList.value[nameIndex].subjectName})
       if(textbookVersionId.value === 0){
         getTagId(subjectList.value[0])

src/renderer/src/components/window-tools/index.vue

@@ -51,6 +51,8 @@ const closeWindow = () => {
 
 <style lang="scss" scoped>
 .header-tool {
+  width: 100%;
+  justify-content: flex-end;
   -webkit-app-region: no-drag;
 
   span {

src/renderer/src/layout/components/Header.vue

@@ -12,18 +12,6 @@
             <i class="iconfont" :class="menu.icon"></i>
             <span class="text">{{ menu.name }}</span>
           </li>
-     
-          <!-- <li
-            v-for="(item, index) in routeHeader.nowRouter"
-            :key="index"
-            class="flex"
-            :style="{'color' : item.color}"
-            :class="currentRoute === item.url ? 'active-li' : ''"
-            @click="handleOutLink(item.url,item.type, item.name)"
-          >
-            <i :class="item.img"></i>
-            <span class="text">{{ item.name }}</span>
-          </li> -->
         </ul>
       </div>
     </div>
@@ -32,15 +20,9 @@
       <WindowTools />
       <div class="user flex">
         <div class="avatar-container">
-          <el-dropdown
+          <div class="avatar-wrapper flex">
-            class="right-menu-item hover-effect"
+            <el-dropdown class="right-menu-item hover-effect" @command="handleCommand">
-            trigger="click"
-            @command="handleCommand"
-          >
-            <div class="avatar-wrapper">
               <img :src="dev_api + userStore.user.avatar" class="user-avatar" style="float: left" />
-              <div style="margin-top: 18px; font-size: 0.8em">{{ userStore.user.nickName }}</div>
-            </div>
               <template #dropdown>
                 <el-dropdown-menu>
                   <el-dropdown-item @click="changePage('/profile')">个人中心</el-dropdown-item>
@@ -52,6 +34,27 @@
                 </el-dropdown-menu>
               </template>
             </el-dropdown>
+            <div class="user-info flex">
+              <span class="user-name">{{ userStore.user.nickName }}</span>
+              <div class="flex">
+                <div class="user-depname">{{ userStore.user.deptName }}</div>
+                <el-dropdown @command="changeSubject">
+                  <div class="user-subject">{{ userStore.user.edusubject }}
+                    <el-icon class="el-icon--right"><arrow-down />
+                    </el-icon>
+                  </div>
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item v-for="item in userSubjectList" :key="item.id" :command="item">
+                        {{ item.edustage }}-{{ item.edusubject }}
+                      </el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </div>
+            </div>
+          </div>
+
         </div>
       </div>
     </div>
@@ -59,22 +62,23 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
+import { ref, watch, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessageBox } from 'element-plus'
+import { ArrowDown } from '@element-plus/icons-vue'
 import WindowTools from '@/components/window-tools/index.vue'
 import useUserStore from '@/store/modules/user'
-import routerStore from '@/store/modules/route'
+import { updateUserInfo } from '@/api/system/user'
 import outLink from '@/utils/linkConfig'
-
 import logoIco from '@/assets/images/logo.png'
+import { listEvaluation } from '@/api/classManage/index'
 
-const routeHeader = routerStore()
 const { ipcRenderer } = window.electron || {}
 const userStore = useUserStore()
 const router = useRouter()
 const currentRoute = ref('')
 const dev_api = ref(import.meta.env.VITE_APP_BASE_API)
+const userSubjectList = ref([])
 
 const handleOutLink = (path, type, name) => {
   if (!path) return
@@ -86,8 +90,8 @@ const handleOutLink = (path, type, name) => {
     let fullPath = configObj.fullPath + path
     fullPath = fullPath.replaceAll('//', '/')
     const { levelFirstId, levelSecondId } = JSON.parse(localStorage.getItem('unitId'))
-    let unitId = levelSecondId ? levelSecondId :levelFirstId
+    let unitId = levelSecondId ? levelSecondId : levelFirstId
-    if(name == '教材分析' || name == '考试分析'){
+    if (name == '教材分析' || name == '考试分析') {
       fullPath += `?unitId=${unitId}`
     }
     // 通知主进程
@@ -127,35 +131,12 @@ const headerMenus = [
   }
 ]
 
-const clickMenu = ({ id, disabled, path }) =>{
+const clickMenu = ({ id, disabled, path }) => {
-  if(disabled) return
+  if (disabled) return
   activeId.value = id
   router.push(path)
 }
 
-/*const menus = ref([
-  {
-    icon: 'icon-zhuye2 icon-homepage',
-    name: '主页',
-    path: '/homepage'
-  },
-  {
-    icon: 'icon-jiaoxueziyuan icon-resource',
-    name: '资源',
-    path: '/resource'
-  },
-  {
-    icon: 'icon-beike icon-prepare',
-    name: '备课',
-    path: '/prepare'
-  },
-  {
-    icon: 'icon-jiangke1 icon-teach',
-    name: '授课',
-    path: '/teach'
-  }
-])*/
-
 // 监听当前路由
 watch(
   () => router.currentRoute.value,
@@ -200,13 +181,42 @@ function logout() {
           ipcRenderer && ipcRenderer.send('openLoginWindow')
         })
     })
-    .catch(() => {})
+    .catch(() => { })
 }
 
 const emits = defineEmits(['setLayout'])
 function setLayout() {
   emits('setLayout')
 }
+// 切换学科
+const changeSubject = async (command) =>{
+  const { userId, userName, phonenumber, plainpwd  } = userStore.user
+  const data = {
+    userId,
+    userName,
+    edustage: command.edustage,
+    edusubject:  command.edusubject
+  }
+  await updateUserInfo(data)
+  await userStore.login({username: phonenumber, password: plainpwd})
+  await userStore.getInfo()
+  router.go()
+}
+
+// 获取学科
+const getAllSubject = async () => {
+  const { rows } = await listEvaluation({ itemkey: "subject", pageSize: 500 })
+  if(!userStore.user.subject) return
+  const subject = userStore.user.subject.split(',')
+  userSubjectList.value = rows.filter(item =>
+    subject.some(el => item.id == el)
+  )
+}
+
+
+onMounted(() => {
+  getAllSubject()
+})
 </script>
 
 <style lang="scss" scoped>
@@ -222,17 +232,20 @@ function setLayout() {
   align-items: flex-start;
   flex-direction: column;
   width: 50%;
-  .title-box{
+
+  .title-box {
     padding-top: 8px;
     box-sizing: border-box;
     align-items: center;
     padding-left: 20px;
+
     .title {
       color: #4b73df;
       font-size: 13px;
       padding: 0 5px;
     }
   }
+
   .change-tab {
     -webkit-app-region: no-drag;
     margin-left: 20px;
@@ -273,13 +286,16 @@ function setLayout() {
           color: #409eff;
         }
       }
-      .disabled{
+
+      .disabled {
         cursor: not-allowed;
         color: #bfbfbf;
-        &:hover{
+
+        &:hover {
           color: #bfbfbf;
         }
       }
+
       .active-li {
         color: #409eff;
       }
@@ -302,11 +318,25 @@ function setLayout() {
   flex-direction: column;
 
   .user {
+    padding-right: 10px;
+
     .user-info {
       padding-right: 5px;
-      align-items: center;
+      align-items: flex-start;
       flex-direction: column;
       font-size: 12px;
+      height: 100%;
+      justify-content: space-around;
+
+      .user-depname {
+        margin-right: 5px;
+      }
+
+      .user-subject {
+        display: flex;
+        align-items: center;
+        font-size: 12px;
+      }
     }
   }
 }
@@ -316,12 +346,12 @@ function setLayout() {
 
   .avatar-wrapper {
     display: flex;
+    align-items: center;
 
     .user-avatar {
-      width: 30px;
+      width: 35px;
-      height: 30px;
+      height: 35px;
       border-radius: 10px;
-      margin-top: 8px;
       margin-right: 10px;
     }
 

src/renderer/src/views/classManage/aside.vue

@@ -34,7 +34,6 @@ const emits = defineEmits(['handleSelect'])
 
 //点击跳转路由
 const handleSelect = (itemDom,pathKey) => {
-  console.log(itemDom,pathKey)
   const parts = pathKey[1].split("-")
   const result = parts.slice(0, 2).join("-")
   const index = props.menuItems.findIndex(item=>item.index===result)

src/renderer/src/views/classManage/index.vue

@@ -2,8 +2,8 @@
   <div class="common-layout">
     <el-container>
       <el-aside style="width: 200px;margin-top: 20px">
-          <el-card style="width: 200px" class="el-card-demo" :style="{'min-height': (viewportHeight - 164) + 'px'}">
+          <el-card style="width: 200px" class="el-card-demo" :style="{'min-height': (viewportHeight - 164) + 'px','max-height': (viewportHeight - 164) + 'px'}">
-            <div :style="{'max-height': (viewportHeight - 164) + 'px','overflow-y': 'auto'}">
+            <div >
               <Aside :menuItems="menuItems" :classList="classList" @handleSelect="handleSelect"></Aside>
             </div>
 <!--            隐藏操作按钮-->

src/renderer/src/views/login/components/Register.vue

@@ -1,12 +1,12 @@
 <template>
   <el-dialog
     v-model="dialogVisible"
-    title="注册账号"
+    :title="type==1?'注册账号':'找回密码'"
     :fullscreen="true"
     center
     :before-close="handleClose"
   >
-  <el-steps  style="max-width: 100%;-webkit-app-region: no-drag;height:35px" :active="activeIndex" finish-status="success" simple>
+  <el-steps v-if="type==1" style="max-width: 100%;-webkit-app-region: no-drag;height:35px" :active="activeIndex" finish-status="success" simple>
     <el-step title="1.基本信息" @click="activeIndex=1" />
     <el-step title="2.在校信息" />
   </el-steps>
@@ -18,10 +18,10 @@
       status-icon
       ref="ruleFormRef"
     >
-      <el-form-item label="姓名" prop="name" v-if="activeIndex==1">
+      <el-form-item label="姓名" prop="name" v-if="type==1 && activeIndex==1">
         <el-input  v-model="ruleForm.name" />
       </el-form-item>
-      <el-form-item label="身份证号"  prop="idNumber" v-if="activeIndex==1">
+      <el-form-item label="身份证号"  prop="idNumber" v-if="type==1 && activeIndex==1">
         <el-input v-model="ruleForm.idNumber" />
       </el-form-item>
       <el-form-item label="手机号" prop="phoneNumber" v-if="activeIndex==1">
@@ -60,14 +60,14 @@
       <el-form-item label="学科" prop="discipline" v-if="activeIndex==2">
         <div v-for="item in schoolSubject" style="display: flex;">
                 <span style="width:50px">{{ item.name }}：</span>
-                <el-checkbox-group style="width:100%" v-model="ruleForm.discipline" > 
+                <el-checkbox-group style="width:100%" v-model="ruleForm.discipline"> 
                   <el-checkbox style="margin-right:10px" v-for="el in item.children" :key="el.id" :label="el.itemtitle" :value="el" />
                 </el-checkbox-group>
           </div>
       </el-form-item>
       <el-form-item v-if="activeIndex==1">
         <div  class="centerDiv">
-          <el-button  type="primary" @click="nextStep(ruleFormRef)">下一步</el-button>
+          <el-button  type="primary" @click="nextStep(ruleFormRef)">{{ ['下一步','重置密码'][type-1]||'未知异常' }}</el-button>
         </div>
       </el-form-item>
       <el-form-item v-if="activeIndex==2">
@@ -109,7 +109,7 @@
 
 <script  setup>
 import { ref, defineExpose, reactive ,onMounted} from 'vue'
-import {captchaImg,sendCode,deptTree,getDept,listClassmain,listEvaluation,signIn} from '@/api/login'
+import {captchaImg,sendCode,deptTree,getDept,listClassmain,listEvaluation,signIn, retrievePwd} from '@/api/login'
 import { ElMessage } from 'element-plus'
 import {setToken, removeToken } from '@/utils/auth'
 import { regionData, codeToText } from 'element-china-area-data'
@@ -225,8 +225,12 @@ const rules = reactive({
     },] 
 })
 const dialogVisible = ref(false)
+
+const type = ref(1) // 1注册 2找回密码
 // 打开弹窗
-const OpenModel = () =>{
+const OpenModel = v =>{
+  if (!v) return ElMessage.success('操作失败')
+  type.value = v
   dialogVisible.value=true
 }
 // 关闭弹窗
@@ -241,6 +245,23 @@ const nextStep = (formEl) => {
   if (!formEl) return
   formEl.validate((valid) => {
     if (valid) {
+      // 如果 type 1 注册，2 找回密码
+      if (type.value == 2) {
+        let params = {
+          mobile:ruleForm.phoneNumber,
+          code:ruleForm.Code,
+          password:ruleForm.password,
+          confirmPassword:ruleForm.confirmPassword,
+        }
+        retrievePwd(params).then(res=>{
+          if(res.code==200){
+            ElMessage.success(res.msg)
+            handleClose()
+          }else{
+            ElMessage.error(res.msg)
+          }
+        })
+      } else {
         activeIndex.value=2
         // 获取部门列表
         deptTree({phone:ruleForm.phoneNumber}).then(res=>{
@@ -268,6 +289,7 @@ const nextStep = (formEl) => {
           console.log(res)
         })
         console.log('submit!')
+      }
     } else {
       console.log('error submit!')
     }
@@ -296,7 +318,7 @@ const submitForm = async (formEl) => {
         schoolId:ruleForm.school[2],
         classIds:ruleForm.class.join(','),
         subjectIds:ruleForm.discipline.map(o=>o.id).join(','),
-        subject:ruleForm.discipline.map(o=>o.itemtitle).join(','),
+        subject:ruleForm.discipline.map(o=>`${o.edustage}-${o.edusubject}`).join(','),
         areaIds:ruleForm.address.join(','),
         area:araname
       }
@@ -333,7 +355,7 @@ const sendcaptchaImg=()=>{
   if(ruleForm.phoneNumber){
     const pattern = /^1[3-9]\d{9}$/;
     if( pattern.test(ruleForm.phoneNumber) ){
-      captchaImg({mobile:ruleForm.phoneNumber}).then(res=>{
+      captchaImg({mobile:ruleForm.phoneNumber, type: type.value}).then(res=>{
         ruleForm.imgCode=null
         isImg.value=true
         isPeopleImg.value='data:image/jpg;base64,'+res.img
@@ -354,7 +376,7 @@ const sendcaptchaImg=()=>{
 }
 // 刷新
 const refreshImg=()=>{
-  captchaImg({mobile:ruleForm.phoneNumber}).then(res=>{
+  captchaImg({mobile:ruleForm.phoneNumber, type: type.value}).then(res=>{
     isPeopleImg.value='data:image/jpg;base64,'+res.img
     if(res.token){
           setToken(res.token)
@@ -365,7 +387,14 @@ const refreshImg=()=>{
 // 提交人机验证
 const sbmitImg=()=>{
    if(ruleForm.imgCode){
-    sendCode({mobile:ruleForm.phoneNumber,code:ruleForm.imgCode,uuid:resImg.imgData.uuid}).then(res=>{
+    // {mobile:ruleForm.phoneNumber,code:ruleForm.imgCode,uuid:resImg.imgData.uuid}
+    const { phoneNumber:mobile,imgCode:code } = ruleForm
+    const params = {
+      mobile, code,
+      uuid: resImg.imgData.uuid,
+      type: type.value
+    }
+    sendCode(params).then(res=>{
       if(res.code==200){
         ruleForm.Code=res.data
         isImg.value=false

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

@@ -32,9 +32,9 @@
           >
         </el-form-item>
         <div class="flex mb-4" style="display: flex;justify-content: center;color: #ccc;cursor: pointer;">
-           <a style="margin-right: 10px;" @click="RegisterModel">注册账号</a>
+           <a class="hover:text-sky-500" style="margin-right: 10px;" @click="RegisterModel(1)">注册账号</a>
            <!-- | -->
-           <!-- <a style="margin-left: 10px;">忘记密码</a> -->
+           <a class="hover:text-sky-500" style="margin-left: 10px;" @click="RegisterModel(2)">忘记密码</a>
         </div>
       </el-form>
     </div>
@@ -98,8 +98,8 @@ ipcRenderer.on('update-app-progress', (e, prop) => {
   showDownLoading.value = prop !== 100
 })
 // 打开弹窗
-const RegisterModel = () =>{
+const RegisterModel = type =>{
-  RegModel.value.OpenModel()
+  RegModel.value.OpenModel(type)
 }
 //登录
 const submitForm = async (formEl) => {