<template>
    <global-page :padding="24" title="其他特殊保障列表">
        <template v-for="(item, index) in oData" :key="item.id">
            <global-card :title="oType[item.key]" titleSuffix="查看详情" @handleTitleClick="goTo(index)">
                <global-text-status :value="item.state || '1'" dictkey="otherDetails_status"></global-text-status>
            </global-card>
        </template>
    </global-page>
</template>

<script setup>
import { storeToRefs } from 'pinia'
import useAogStore from 'mocp/store/aog'

const oType = {
    towAirplane: '拖飞机',
    testParking: '试车位',
    aerialEquipment: '高空设备',
    hangar: '机库',
    other: '其他',
    refueling: '加注燃油'
}
const aogStore = useAogStore()
const { oData } = storeToRefs(aogStore)
const goTo = (index) => {
    uni.$mocpJump.navigateTo('/panel/aog/other-details').then(() => {
        aogStore.setState('oIndex', index)
    })
}
</script>
<style lang="scss" scoped></style>
