<template>
    <global-page title="人员保障详情">
        <view class="mocp-cell">
            <up-cell-group v-if="getPDetails">
                <up-cell title="姓名" :value="getPDetails.personnel"></up-cell>
                <up-cell title="基地" :value="getPDetails.supBase"></up-cell>
                <up-cell title="类型" :value="personnelActType[getPDetails.type]"></up-cell>
                <up-cell title="状态">
                    <template #value>
                        <global-text-status :value="getPDetails.state" dictkey="aogDetails_status"></global-text-status>
                    </template>
                </up-cell>
                <up-cell title="领取时间" :value="getPDetails.collectionTime || '-'"></up-cell>
                <up-cell title="预计到位时间" :value="getPDetails.expectCompleteTime || '-'"></up-cell>
                <up-cell title="实际到位时间" :value="getPDetails.realityCompleteTime || '-'"></up-cell>
            </up-cell-group>
        </view>
    </global-page>
</template>

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

const personnelActType = ['责任放行', '机械员', 'NDT', '金工', '试车', '必检', '电子']
const aogStore = useAogStore()
const { getPDetails } = storeToRefs(aogStore)
</script>
<style lang="scss" scoped>
.mocp-cell {
    background: #fff;
}
</style>
