<!-- 评价进度统计表 -->
<template>
    <div class="end_item">
        <div class="end_item">
            <div class=" page_search">
                <div class="search_content">
                    <div class="content_left">
                        <div class="grade_title">年级评价进度统计表</div>
                    </div>
                    <div class="content_right">
                        <el-button class="el-button-refresh">导出Excel</el-button>
                    </div>
                </div>
            </div>
            <Table  :currentPage="1" 
                :pageSize="20" :tableColumns="reviewProcessTableColumns" :tableData="[]"
                :totalNum="0">
            </Table>
        </div>
        
        <div class="page_jg_20"></div>
        <div class="end_item">
            <div class=" page_search">
                <div class="search_content">
                    <div class="content_left">
                        <div class="grade_title">班级评价进度统计表</div>
                    </div>
                    <div class="content_right">
                        <el-select 
                            @change="(val)=>handleSelectChange(val)"
                            v-model="gradeSearchId"  placeholder="请选择">
                            <el-option
                                v-for="selectItem in gradeOptionList"
                                :key="selectItem.value"
                                :label="selectItem.label"
                                :value="selectItem.value"
                            />
                        </el-select>
                        <el-button class="el-button-refresh">导出Excel</el-button>
                    </div>
                </div>
            </div>
            <Table  :currentPage="1" 
                :pageSize="20" :tableColumns="reviewProcessTableColumns" :tableData="[]"
                :totalNum="0">
            </Table>
        </div>
    </div>
</template>

<script setup lang="ts">
import Table from '@/baseComponents/Table.vue';
import {  ref } from 'vue';

import {reviewProcessTableColumns} from  './table'

// 年级评价进度数据

const gradeSearchId = ref('1')
const gradeOptionList = ref([
    {
        label:'一年级',
        value:'1'
    },
    {
        label:'二年级',
        value:'2'
    },
    {
        label:'三年级',
        value:'3'
    },
    {
        label:'四年级',
        value:'4'
    },
])
const handleSelectChange = (val) =>{

}
</script>


<style lang="scss" scoped>

.search_content{
    margin-bottom: 10px;
}

</style>