From 8106fb0c41cb6879222c5d2338f1a7a17a32099d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E6=9D=A8?= <666>
Date: Tue, 7 Jan 2025 17:19:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E4=B8=AA=E4=BA=BA?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83=E5=AD=A6=E7=A7=91=E6=96=B9=E5=BC=8F;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/profile/components/selectClass.vue  | 138 +++++++++++-------
 src/renderer/src/views/profile/index.vue      |   4 +-
 2 files changed, 91 insertions(+), 51 deletions(-)

diff --git a/src/renderer/src/views/profile/components/selectClass.vue b/src/renderer/src/views/profile/components/selectClass.vue
index 2dcc47e..7110967 100644
--- a/src/renderer/src/views/profile/components/selectClass.vue
+++ b/src/renderer/src/views/profile/components/selectClass.vue
@@ -1,50 +1,59 @@
 <template>
-    <div style="display: flex;">
-        <div style="margin-left: 15px">
-            <el-dropdown @command="handleUserEduStage">
-            <span class="el-dropdown-link">
-                <el-button class="custom-button" type="default" round >{{ userStore.edustage }}
-                    <el-icon><ArrowDown /></el-icon>
-                </el-button>
-            </span>
-            <template #dropdown>
-                <el-dropdown-menu>
-                <el-dropdown-item command="幼儿园">幼儿园</el-dropdown-item>
-                <el-dropdown-item command="小学">小学</el-dropdown-item>
-                <el-dropdown-item command="初中">初中</el-dropdown-item>
-                <el-dropdown-item command="高中">高中</el-dropdown-item>
-                </el-dropdown-menu>
-            </template>
-            </el-dropdown>
+    <div>
+        <div style="display: flex;align-items: center;" v-if="!showSelect">
+            <div style="margin-left: 15px">
+                <span class="el-dropdown-link">
+                    <el-button class="custom-button" type="default" round>{{ userStore.edustage }}
+                    </el-button>
+                </span>
+            </div>
+            <div style="margin-left: 15px">
+                <span class="el-dropdown-link">
+                    <el-button class="custom-button" type="default" round>{{ userStore.edusubject }}
+                    </el-button>
+                </span>
+            </div>
+            <el-text type="primary" style="margin-left: 10px;cursor:pointer" @click="handleUserEduSubject()">修改</el-text>
         </div>
-        <div style="margin-left: 15px">
-            <el-dropdown @command="handleUserEduSubject">
-            <span class="el-dropdown-link">
-                <el-button class="custom-button" type="default" round>{{ userStore.edusubject }}
-                    <el-icon><ArrowDown /></el-icon>
-                </el-button>
-            </span>
-            <template #dropdown>
-                <el-dropdown-menu>
-                <template v-for="(item, index) in subjectList">
-                    <el-dropdown-item v-if="item.edustage == userStore.edustage" :command="item.itemtitle">{{
-                    item.itemtitle }}</el-dropdown-item>
-                </template>
-                </el-dropdown-menu>
-            </template>
-            </el-dropdown>
+        <div class="m-4" v-else>
+            <el-cascader v-model="cascaderValue" :options="options" @change="handleChange" />
         </div>
     </div>
 </template>
   
 <script setup>
 import useUserStore from '@/store/modules/user'
-import {ArrowDown} from '@element-plus/icons-vue'
 import { onMounted,ref } from 'vue';
 import { listEvaluation } from '@/api/subject/index'
 import {sessionStore} from '@/utils/store'
 const userStore = useUserStore().user
 const subjectList = ref([])
+// 点击选择时级联框出现
+const showSelect = ref(false)
+const cascaderValue = ref([])
+// 学段固定
+const options = ref([
+  {
+    value: '幼儿园',
+    label: '幼儿园',
+    children: [],
+  },
+  {
+    value: '小学',
+    label: '小学',
+    children: [],
+  },
+  {
+    value: '初中',
+    label: '初中',
+    children: [],
+  },
+  {
+    value: '高中',
+    label: '高中',
+    children: [],
+  },
+])
 // 获取基础的学科
 const getSubject = () => {
   //没有学科则不进行下面的步骤
@@ -53,33 +62,64 @@ const getSubject = () => {
     const arr = userStore.subject.split(',')
     subjectList.value = res.rows.filter(item => arr.includes(String(item.id))).map(items => items)
     console.log(subjectList,'subjectList');
+    if(subjectList.value.length === 0) return
+    // 判断options里面的label是否和subjectList里面的edustage是否一致，如果一直添加到chilren里面去
+    options.value.forEach(item => {
+        subjectList.value.forEach(items => {
+            if(item.label === items.edustage){
+                item.children.push({
+                    value: items.id,
+                    label: items.edusubject
+                })
+            }
+        })
+    })
     
   })
 }
 // 选择学段
-const handleUserEduStage = (item) => {
-    userStore.edustage = item
-    sessionStore.set('edustageSelf',item)
-    if(item === '幼儿园'){
-        // 默认语文
-        userStore.edusubject = '语文'
-        sessionStore.set('edusubjectSelf','语文')
-    }
-    else if(item === '高中' && userStore.edusubject === "道德与法治"){
+const handleUserEduStage = () => {
+    // userStore.edustage = item
+    // sessionStore.set('edustageSelf',item)
+    // if(item === '幼儿园'){
+    //     // 默认语文
+    //     userStore.edusubject = '语文'
+    //     sessionStore.set('edusubjectSelf','语文')
+    // }
+    // else if(item === '高中' && userStore.edusubject === "道德与法治"){
+    //     // 默认语文
+    //     userStore.edusubject = '政治'
+    //     sessionStore.set('edusubjectSelf','政治')
+    // }
+    // else if(item != '高中' && userStore.edusubject === "政治"){
+    //     // 默认语文
+    //     userStore.edusubject = '道德与法治'
+    //     sessionStore.set('edusubjectSelf','道德与法治')
+    // }
+}
+// 选择学科
+const handleUserEduSubject = () => {
+    showSelect.value = true
+    cascaderValue.value = []
+}
+const handleChange = (value) => {
+    const id = value[1];
+    userStore.edusubject = subjectList.value.find(item => item.id === id).edusubject
+    userStore.edustage = value[0]
+    sessionStore.set('edustageSelf',userStore.edustage)
+    if(userStore.edustage === '高中' && userStore.edusubject === "道德与法治"){
         // 默认语文
         userStore.edusubject = '政治'
         sessionStore.set('edusubjectSelf','政治')
     }
-    else if(item != '高中' && userStore.edusubject === "政治"){
+    else if(userStore.edustage != '高中' && userStore.edusubject === "政治"){
         // 默认语文
         userStore.edusubject = '道德与法治'
         sessionStore.set('edusubjectSelf','道德与法治')
+    }else{
+        sessionStore.set('edusubjectSelf',userStore.edusubject)
     }
-}
-// 选择学科
-const handleUserEduSubject = (item) => {
-    userStore.edusubject = item;
-    sessionStore.set('edusubjectSelf',item)
+    showSelect.value = false
 }
 onMounted(() => {
     getSubject()
diff --git a/src/renderer/src/views/profile/index.vue b/src/renderer/src/views/profile/index.vue
index 9b7fff4..07a731f 100644
--- a/src/renderer/src/views/profile/index.vue
+++ b/src/renderer/src/views/profile/index.vue
@@ -5,7 +5,7 @@
       <div class="info">
         <div class="info-name">{{ state.user.nickName }}</div>
         <div class="infomation" v-if="isStadium() !== true" >
-          <selectClass v-if="!isSubject"/>
+          <SelectClass v-if="!isSubject"/>
         </div>
       </div>
     </div>
@@ -34,7 +34,7 @@ import resetPwd from './resetPwd.vue'
 import { getUserProfile } from '@/api/system/user'
 import pkc from "../../../../../package.json"
 //选择学校和班级
-import selectClass from './components/selectClass.vue'
+import SelectClass from './components/selectClass.vue'
 import useUserStore from '@/store/modules/user'
 
 const version = ref(pkc.version)