添加评价管理详情页

src/router/index.ts

@@ -42,6 +42,11 @@ const routes: Array<RouteRecordRaw> = [
         name: 'reviewManagement',   //评价管理
         component: () => import('@/views/reviewManagement/ReviewManagement.vue')
       },
+      {
+        path: 'reviewManagementDetail',
+        name: 'reviewManagementDetail',   //问卷评价详情页
+        component: () => import('@/views/reviewManagement/ReviewManagementDetail.vue')
+      },
       
       {
         path: 'reviewAnalysis',

src/store/index.ts

@@ -25,7 +25,9 @@ const store = createStore<RootState>({
       {
         title:'评价管理',
         route:`/main/reviewManagement`,
-        childrenRoute:[]
+        childrenRoute:[
+          '/main/reviewManagementDetail'
+        ]
       },
       {
         title:'评价分析',

src/views/reviewManagement/ReviewManagement.vue

@@ -40,7 +40,7 @@
 
                 <template #default="{row}">
 
-                    <el-button class="button_background">查看详情</el-button>
+                    <el-button @click="GoToQuestionnaireReviewDetail(row)"  class="button_background">查看详情</el-button>
                     <el-button 
                         :class="['button_border']"
                         @click="OpenQuestionnaireDialog(row)"    
@@ -84,6 +84,8 @@
 
                 <template #operation="{row}">
                     <div class="table_row_option">
+
+                        <span  @click="GoToQuestionnaireReviewDetail(row)" :class="['option_button_editor']">查看详情</span>
                         <span  
                             :class="['el_button_editor']"
                             @click="OpenQuestionnaireDialog(row)"    
@@ -185,7 +187,7 @@ const  HandleTabChage = (val)=>{
     defaultViewMode.value = val
 }
 
-// 查询参数
+// 2. 查询参数
 const searchParams = ref()
 const HandleSearchChange = (params,key)=>{
     console.log('获取到的查询参数',params)
@@ -194,10 +196,38 @@ const HandleSearchChange = (params,key)=>{
         ...params
     }
 }
+// 获取学年列表信息 
+const GetSchoolYearList =  async()=>{
+    let res = await getSchoolYearListApi()
+    let schoolYearOpt = []
+    if(res.code == 200){
+        schoolYearOpt = res?.data?.map(item=>{
+            return {
+                label:item.schoolYearName,
+                value:item.schoolYearId
+            }
+        }) || []
+    }
+    searchList.value = searchList.value.map(item=>{
+        if(item.key == 'schoolYear'){
+            return {
+                ...item,
+                options:[{
+                            label:'全部',
+                            value:'all'
+                        },...schoolYearOpt],
+                defaultValue:'all'
+            }
+        }else{
+            return item  
+        }
+    })
+}
+
 
 
 
-//. 问卷列表
+//.3. 问卷列表
 const currentPage = ref(1)
 const totalNum = ref(0)
 const pageSize = ref(20)
@@ -235,12 +265,6 @@ const questionnaireList = ref<QuestionnaireItm[]>([
 
     },
 ]);
-
-
-
-
-
-
 // 问卷开关切换
 const HandleCardSwitchOnOff = (params)=>{
     const {id,onOffVal} = params
@@ -257,7 +281,6 @@ const HandleCardSwitchOnOff = (params)=>{
         }
     })
 }
-
 // 、获取问卷任务列表
 const GetQuestionnaireTaskList = async ()=>{
     let params = {
@@ -279,8 +302,12 @@ const GetQuestionnaireTaskList = async ()=>{
     }
 }
 
+// 跳转问卷评价详情页
+const GoToQuestionnaireReviewDetail = (row)=>{
+    router.push(`/main/reviewManagementDetail?id=${row.id}`)
+}
 
-// 新增/修改问卷任务
+//4. 新增/修改问卷任务
 const formDialogTitle = ref('创建评价')
 const formSubmitLoading = ref(false)
 const formDialogVisible = ref(false)
@@ -422,7 +449,7 @@ const CloseFormDialog = ()=>{
 
 
 
-// 删除问卷
+// 5. 删除问卷
 const dialogVisible= ref(false)
 const dialogSubmitLoading = ref(false)
 const currentOperationRow = ref()
@@ -455,34 +482,6 @@ const HandleDialogConfirm = async ()=>{
 }
 
 
-// 获取学年列表信息 
-const GetSchoolYearList =  async()=>{
-    let res = await getSchoolYearListApi()
-    let schoolYearOpt = []
-    if(res.code == 200){
-        schoolYearOpt = res?.data?.map(item=>{
-            return {
-                label:item.schoolYearName,
-                value:item.schoolYearId
-            }
-        }) || []
-    }
-    searchList.value = searchList.value.map(item=>{
-        if(item.key == 'schoolYear'){
-            return {
-                ...item,
-                options:[{
-                            label:'全部',
-                            value:'all'
-                        },...schoolYearOpt],
-                defaultValue:'all'
-            }
-        }else{
-            return item  
-        }
-    })
-}
-
 
 onMounted(async()=>{
     GetSchoolYearList()

src/views/reviewManagement/ReviewManagementDetail.vue

@@ -0,0 +1,19 @@
+<template>
+    <div class="main_container">
+
+        <div class="page_item">
+            问卷评价详情
+
+        </div>
+
+    </div>
+</template>
+
+
+<script setup lang="ts">
+</script>
+
+
+
+<style lang="scss" scoped>
+</style>