<template>
    <Table
        url="/ranger/inspection/api/v1/exemptions"
        rowKey="exemptionId"
        addBtn
        :buttons="buttons"
        ref="table"
        :defaultQuery="defaultQuery"
    >
        <template #search="{ query }">
            <MoreItem label="免检类型">
                <a-select class="tw-w-full" v-model="query.exemptionType">
                    <a-select-option value="PLACE">地点免检</a-select-option>
                    <a-select-option value="UNIT">单元免检</a-select-option>
                </a-select>
            </MoreItem>
            <MoreItem label="地区">
                <UrlSelect
                    url="/ranger/inspection/api/v1/region/list"
                    v-model="query.regionId"
                    labelFiled="regionName"
                    valueFiled="regionId"
                />
            </MoreItem>
            <MoreItem label="地点">
                <UrlSelect
                    v-model="query.placeId"
                    :url="
                        query.regionId ? `/ranger/inspection/api/v1/place/regions/${query.regionId}/list` : ''
                    "
                    labelFiled="placeName"
                    valueFiled="placeId"
                />
            </MoreItem>
            <MoreItem label="单元" v-if="query.exemptionType === 'UNIT'">
                <UrlSelect
                    v-model="query.unitId"
                    :url="query.placeId ? `/ranger/inspection/api/v1/units/places/${query.placeId}/list` : ''"
                    labelFiled="unitName"
                    valueFiled="unitId"
                />
            </MoreItem>
        </template>

        <template #drawer="drawer">
            <AddAndEdit v-bind="drawer" />
        </template>

        <a-table-column title="免检地点/单元名称" data-index="exemptionName" />
        <a-table-column title="所属地区" data-index="regionName" />
        <a-table-column title="类型">
            <template #default="row">
                <span>{{ row.exemptionType === 'PLACE' ? '地点免检' : '单元免检' }}</span>
            </template>
        </a-table-column>
        <a-table-column title="开始时间" data-index="startTime" />
        <a-table-column title="结束时间" data-index="endTime" />
        <a-table-column title="原因" data-index="exemptionReason" />
        <a-table-column title="免检状态" data-index="exemptionStateName" />
        <a-table-column title="修改人" data-index="editorName" />
        <a-table-column title="修改时间" data-index="editTime" />
    </Table>
</template>

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

export default {
    components: { Table, UrlSelect, MoreItem, AddAndEdit },
    data() {
        return {
            defaultQuery: {
                exemptionType: 'PLACE',
            },
            buttons: [
                { label: '编辑', click: this.edit },
                { label: '详情', click: this.view },
                {
                    type: 'confirm',
                    url: (row) => `ranger/inspection/api/v1/exemptions/${row.exemptionId}`,
                    after: this.refresh,
                },
            ],
        };
    },
    methods: {
        refresh() {
            this.$refs.table.getData();
        },
        edit(row) {
            this.$refs.table.show({ row, title: '编辑', type: 'edit' });
        },
        view(row) {
            this.$refs.table.show({ row, title: '详情', type: 'view' });
        },
    },
};
</script>
