<!-- 评价账号使用统计表 -->
<template>
    <div>
        <div class=" page_search">
            <div class="search_content">
                <div class="content_left">
                    <div class="grade_title">评价账号使用统计表</div>
                </div>
                <div class="content_right">

                    <FormSearchGroup :searchList="searchList" 
                        @searchChange="HandleSearchChange">
                    </FormSearchGroup>
                 
                    <el-button class="el-button-refresh">导出Excel</el-button>
                </div>
            </div>
        </div>
        <Table :currentPage="currentPage" :pageSize="pageSize" 
            :tableColumns="reviewAccountUseTableColumns" 
            :tableData="tableData"
            :totalNum="totalNum">
            <template #num="{row,currentIndex}">
                {{  currentIndex + pageSize * (currentPage - 1) }}
            </template>
            <template #status="{row}">
                <TableRowStatus :statusMsg="statusMsg" :useStatus="row.status">
                </TableRowStatus>
            </template>
        </Table>
    </div>
</template>

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

import {reviewAccountUseTableColumns} from  './table'
import FormSearchGroup from '@/baseComponents/FormSearchGroup.vue';

import {searchList} from './formSearchGroup'
import TableRowStatus from '@/baseComponents/TableRowStatus.vue';

const currentPage = ref(1)
const pageSize = ref(20)
const totalNum = ref(0)

const tableData = ref([
    {
        grade: '七年级',    // 年级
        className: '1班',   // 班级
        gender: '男',       // 性别
        code: '272839201',  // 评价码
        status: '1',        // 状态 1 已提交  0 未使用
    },
    {
        grade: '七年级',
        className: '1班',
        gender: '男',
        code: '272839201',
        status: '1',
    },
    {
        grade: '七年级',
        className: '1班',
        gender: '男',
        code: '272839201',
        status: '1',
    },
    {
        grade: '七年级',
        className: '1班',
        gender: '男',
        code: '272839201',
        status: '0',
    },
    {
        grade: '七年级',
        className: '1班',
        gender: '男',
        code: '272839201',
        status: '0',
    },
    {
        grade: '七年级',
        className: '1班',
        gender: '男',
        code: '272839201',
        status: '1',
    },
    {
        grade: '七年级',
        className: '1班',
        gender: '男',
        code: '272839201',
        status: '0',
    },
    {
        grade: '七年级',
        className: '1班',
        gender: '男',
        code: '272839201',
        status: '1',
    },
    {
        grade: '七年级',
        className: '1班',
        gender: '男',
        code: '272839201',
        status: '1',
    },
    {
        grade: '七年级',
        className: '1班',
        gender: '男',
        code: '272839201',
        status: '1',
    }
])

const statusMsg = ref([
    {
        statusFlag:0,
        title:'未使用',
        themeClass:'need_summary_icon',  
    },
    {
        statusFlag:1,
        title:'已提交',
        themeClass:'normal_icon', 
    },
])


const searchParams = ref({})
const HandleSearchChange = (params,key)=>{}
</script>


<style lang="scss" scoped>

.search_content{
    margin-bottom: 10px;
}

</style>