添加评价账号页面

src/styles/common.scss

@@ -160,6 +160,17 @@ body {
   }
 }
 
+.el-button.delete_button_border_no_bg{
+  background: #fff;
+  border: 1px solid  #F56C6C;
+  color: #F56C6C;
+  &:hover {
+    background: #fff;
+  }
+  &.actiive {
+    border: none;
+  }
+}
 .el-button.button_default_background {
   background: #fff;
   border: 1px solid  #DCDFE6;

src/views/reviewManagement/ReviewManagementDetail.vue

@@ -11,6 +11,7 @@ import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
 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';
 
 
 const route = useRoute()
@@ -25,7 +26,7 @@ const curentComponent = computed(()=>{
     case 'questionnaireTemplate':
       return Step3Component
     case 'reviewAccount':
-      break
+      return Step4Component
     case 'parameterSetting':
       break
     case 'evaluationProgress':

src/views/reviewManagement/stepComponent/step2Component/Step2Component.vue

@@ -28,7 +28,7 @@
               </TabSearch>
             </div>
             <div class="content_right">
-              <el-button class="delete_button_border">清空授课</el-button>
+              <el-button class="delete_button_border_no_bg">清空授课</el-button>
               <el-button class="button_refresh">批量导出</el-button>
               <el-button class="button_refresh">批量导入</el-button>
               <el-button class="button_background">完成</el-button>

src/views/reviewManagement/stepComponent/step3Component/Step3Component.vue

@@ -32,6 +32,7 @@
                 <div class="questionnaire_cell table_row_option">
                     <el-select 
                         v-model="row.questionnaireName"
+                        filterable
                         @change="(val)=>isUnifiedTemplate ? SyncQuestionnaireTemplate(val) : ''">
                         <el-option
                             v-for="opt in quesitonnaireOptionList"

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

@@ -0,0 +1,113 @@
+<template>
+    <div class="page_item step_3_content page_search end_item">
+        <div class="page_search">
+            <div class="search_content">
+                <div class="content_left">
+                    <el-checkbox v-model="isGenerateByGender" >按男女生成</el-checkbox>
+                </div>
+                <div class="content_right">
+                    <el-button  class="delete_button_border_no_bg" @click="">全部清空</el-button>
+                    <el-button  class="button_border" @click="">批量编辑</el-button>
+                    <el-button  class="button_refresh" @click="">批量导出</el-button>
+                    <el-button  class="button_refresh" @click="">批量导入</el-button>
+                    <el-button  class="button_background" @click="">生成评价码</el-button>
+                </div>
+            </div>
+        </div>
+        <div class="page_jg_20"></div>
+        <Table 
+            :currentPage="1" :pageSize="200"
+            :tableColumns="tableColumns" 
+            :tableData="tableData"
+            :totalNum="0"
+            :hidePagination="true"
+        >
+            <template v-for="item in 4" v-slot:[`num${item}`]="{row}">
+                {{ row[`num${item}`] }}
+            </template>
+        </Table>
+    
+    </div>
+</template>
+
+
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import Table from '@/baseComponents/Table.vue';
+import {tableColumns} from './table'
+
+const isGenerateByGender = ref(false)  //所有单科统一模版
+
+// 生成 年级/班级 模拟数据
+const generateGradeClassData = () => {
+  const data = [];
+  for (let i = 1; i <= 3; i++) {
+    let row: any = {
+      grade1: ``,
+      class1:'',
+      num1:'',
+
+      grade2: ``,
+      class2:'',
+      num2:'',
+      
+
+      grade3: ``,
+      class3:'',
+      num3:'',
+
+      grade4: ``,
+      class4:'',
+      num4:'',
+      
+    };
+
+    if(i === 1){
+        row = {
+            grade1: `七年级`,
+            class1:'1班',
+            num1:'2',
+
+            grade2: `八年级`,
+            class2:'',
+            num2:'',
+            
+
+            grade3: ``,
+            class3:'',
+            num3:'',
+
+            grade4: ``,
+            class4:'',
+            num4:'4',
+            
+        }
+
+    }
+
+    data.push(row)
+
+  }
+
+  return data
+
+}
+
+// 生成模拟数据
+const tableData = ref(generateGradeClassData());
+
+
+</script>
+
+
+
+<style lang="scss" scoped>
+
+.questionnaire_cell{
+    gap:16px;
+    word-break: keep-all;
+
+}
+
+</style>

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

@@ -0,0 +1,34 @@
+import {ref} from 'vue'
+
+const mockColumnData = []
+
+for(let i = 1;i<7;i++){
+    mockColumnData.push(...[
+        {
+            name: `grade${i}`,
+            label: '年级',
+            width: '80',
+            align: 'center',
+            custom: false, 
+            hidden: false,
+        },
+        {
+            name: `class${i}`,
+            label: '班级',
+            width: '80',
+            align: 'center',
+            custom: false, 
+            hidden: false,
+        },
+        {
+            name: `num${i}`,
+            label: '数量',
+            width: '80',
+            align: 'left',
+            custom: true, // 需要渲染输入框/选择器 + 预览按钮
+            hidden: false,
+        },
+    ])
+}
+
+export const tableColumns = ref([...mockColumnData])