<template>
    <global-page
        title="航班保障"
        isDataList
        refresherEnabled
        loadingMoreEnabled
        auto
        ref="paging"
        :params="searchData"
        showNavRight
        navRightType="icon"
        navRightIcon="saixuan-01"
        @handleRightClick="handleRightClick"
        :api="flightSupportGetListApi"
        :padding="24"
    >
        <template #="{ dataList }">
            <view
                v-for="(item, index) in dataList"
                :key="item.id"
                class="inforDisclosureItem flex mocp-bg-fill-4">
                <view class="top">
                    <view class="flex">{{ item.airlineCode }}</view>
                </view>
            </view>
        </template>

        <template v-slot:top>123456</template>
        <template v-slot:bottom>
            <view></view>
        </template>
    </global-page>

</template>

<script setup>
import { ref } from 'vue'
import { flightSupportGetListApi } from 'mocp/api/flight-support'
import useFlightSupportStore from 'mocp/store/flight-support'
import { storeToRefs } from 'pinia'


const flightSupportStore = useFlightSupportStore()
const { searchData } = storeToRefs(flightSupportStore)
const handleRightClick = () => {
    console.log('handleRightClick information-disclosure', flightSupportStore)
    uni.$mocpJump.navigateTo('/panel/flight-support/components/screen')
}


</script>

<style scoped lang="scss">
@import './constants/flightSupportList';
</style>