<template>
    <Table url="/ranger/inspection/api/v1/analysis/reports/inspection/month" rowKey="remotrId">
        <template #search="{ query }">
            <MoreItem label="周">
                <MonthSelect placeholder="Select week" :month.sync="query.month" :year.sync="query.year" />
            </MoreItem>
            <MoreItem label="地区">
                <UrlSelect
                    url="/ranger/inspection/api/v1/region/list"
                    v-model="query.regionId"
                    labelFiled="regionName"
                    valueFiled="regionId"
                />
            </MoreItem>
            <MoreItem label="专业">
                <UrlSelect
                    :url="
                        query.regionId
                            ? `/ranger/inspection/api/v1/specialities/valid/regions/${query.regionId}/list`
                            : ''
                    "
                    v-model="query.specialityId"
                    labelFiled="specialityName"
                    valueFiled="specialityId"
                />
            </MoreItem>
        </template>

        <a-table-column title="报表名称" data-index="routeName" />
        <a-table-column title="地区" data-index="specialityName" />
        <a-table-column title="专业" data-index="regionName" />
        <a-table-column title="年" data-index="shiftTypeName" />
        <!-- <a-table-column title="周" data-index="shiftTypeName" />
        <a-table-column title="任务数" data-index="shiftTypeName" />
        <a-table-column title="项目数" data-index="shiftTypeName" />
        <a-table-column title="正常数" data-index="shiftTypeName" />
        <a-table-column title="异常数" data-index="shiftTypeName" />
        <a-table-column title="已检数" data-index="shiftTypeName" />
        <a-table-column title="免检数" data-index="shiftTypeName" />
        <a-table-column title="未检数" data-index="shiftTypeName" />
        <a-table-column title="未检率" data-index="shiftTypeName" />
        <a-table-column title="异常率" data-index="shiftTypeName" /> -->
    </Table>
</template>

<script>
import Table from '@/components/table/table.vue';
import MoreItem from '@/components/table/more_item.vue';
import UrlSelect from '@/components/MySelect/url_select.vue';
import MonthSelect from '@/components/table/month_select.vue';

export default {
    components: { Table, MoreItem, UrlSelect, MonthSelect },
};
</script>
