添加生成评价码页面

src/components/ReviewManagementDetailSideBar.vue

@@ -68,6 +68,9 @@ const stepMsgs = ref([
     title:'评价账号',
     desc:'批量生成对应数量的学生评价登录账号',
     route:'reviewAccount',
+    childrenRoute:[
+      'generateReviewCode'
+    ]
   },
   {
     stepNum:5,
@@ -101,14 +104,10 @@ const evaluationManageDetailName = computed(()=>{
 onMounted(()=>{
   let stepName = route.params.stepName
   let matchRes = stepMsgs.value.find(item=>{
-    return item.route === stepName
+    return item.route === stepName || item.childrenRoute?.includes(stepName)
   })
   if(matchRes){
     currentActiveStep.value = matchRes.stepNum
-  }else{
-    // 没有匹配的路由
-    router.replace('/login')
-
   }
 })
 </script>

src/views/reviewManagement/ReviewManagementDetail.vue

@@ -12,7 +12,7 @@ import Step1Component from './stepComponent/step1Component/Step1Component.vue';
 import Step2Component from './stepComponent/step2Component/Step2Component.vue';
 import Step3Component from './stepComponent/step3Component/Step3Component.vue';
 import Step4Component from './stepComponent/step4Component/Step4Component.vue';
-
+import GenerateReviewCode from './stepComponent/step4Component/GenerateReviewCode.vue';
 
 const route = useRoute()
 const router = useRouter()
@@ -27,6 +27,8 @@ const curentComponent = computed(()=>{
       return Step3Component
     case 'reviewAccount':
       return Step4Component
+    case 'generateReviewCode':
+      return GenerateReviewCode
     case 'parameterSetting':
       break
     case 'evaluationProgress':

src/views/reviewManagement/stepComponent/step4Component/GenerateReviewCode.vue

@@ -0,0 +1,57 @@
+<template>
+    <div class="page_item end_item">
+        <div class=" page_search">
+            <div class="search_content">
+                <div class="content_left">
+                    <FormSearchGroup :searchList="searchList"></FormSearchGroup>
+                </div>
+                <div class="content_right">
+                    <el-button class="button_refresh">导出PDF</el-button>
+                    <el-button class="button_refresh">导出Excel</el-button>
+                    <el-button class="button_border" @click="GoToReviewAccountConfig">重新生成</el-button>
+                    <el-button class="button_background">完成</el-button>
+                </div>
+            </div>
+        </div>
+        <div class="page_jg_20"></div>
+        <Table 
+            :current-page="1" 
+            :page-size="20"  
+            :table-data="[]" 
+            :table-columns="generateCodeTableColumns" 
+            :total-num="0"
+        ></Table>
+    </div>
+</template>   
+
+
+<script setup lang="ts">
+
+import { useRoute,useRouter } from 'vue-router';
+
+import FormSearchGroup from '@/baseComponents/FormSearchGroup.vue';
+import Table from '@/baseComponents/Table.vue';
+
+import { searchList } from './formSearchGroup';
+import { generateCodeTableColumns } from './table';
+
+import {
+    generateReviewCodeListApi,finishReviewAccountApi,
+} from '@/api/step4Component'
+import { onMounted } from 'vue';
+
+
+const router = useRouter()
+const route = useRoute()
+const GoToReviewAccountConfig = ()=>{
+   router.push(`reviewAccount?id=${route.query.id}`)
+}
+
+onMounted(()=>{
+
+})
+</script>
+
+
+<style lang="less" scoped>
+</style>

src/views/reviewManagement/stepComponent/step4Component/formSearchGroup.ts

@@ -0,0 +1,43 @@
+
+import { ref } from "vue"
+
+export const searchList = ref([
+    {
+        key:'grade',
+        type:'select',
+        placeholder:'请选择',
+        defaultValue:'all',
+        options:[
+            {
+                label:'全部年级',
+                value:'all'
+            }
+        ] 
+    },
+    {
+        key:'class',
+        type:'select',
+        placeholder:'请选择',
+        defaultValue:'all',
+        options:[
+            {
+                label:'全部班级',
+                value:'all'
+            }
+        ] 
+    },
+    {
+        key:'gender',
+        type:'select',
+        placeholder:'请选择',
+        defaultValue:'all',
+        options:[
+            {
+                label:'全部性别',
+                value:'all'
+            }
+        ] 
+    },
+])
+
+

src/views/reviewManagement/stepComponent/step4Component/table.ts

@@ -1,4 +1,65 @@
 import {ref} from 'vue'
 
 
-export const tableColumns = ref([])
+export const generateCodeTableColumns = ref([
+    {
+        name: 'num',
+        label: '序号',
+        width: '120',
+        fixed: '',
+        align: 'center',
+        minWdth: '', 
+        custom: false,
+        hidden: false,
+    },
+    {
+        name: 'grade',
+        label: '年级',
+        width: '120',
+        fixed: '',
+        align: 'center',
+        minWdth: '',
+        custom: false,
+        hidden: false,
+    },
+    {
+        name: 'class',
+        label: '班级',
+        width: '120',
+        fixed: '',
+        align: 'center',
+        minWdth: '',
+        custom: false,
+        hidden: false,
+    },
+    {
+        name: 'gender',
+        label: '性别',
+        width: '120',
+        fixed: '',
+        align: 'center',
+        minWdth: '',
+        custom: false,
+        hidden: false,
+    },
+    {
+        name: 'code',
+        label: '评价码',
+        width: '120',
+        fixed: '',
+        align: 'center',
+        minWdth: '',
+        custom: false,
+        hidden: false,
+    },
+    {
+        name: 'login_method',
+        label: '登入方式：浏览器输入网址',
+        width: '400',
+        fixed: '',
+        align: 'center',
+        minWdth: '',
+        custom: true,  
+        hidden: false,
+    }
+])