<template>
  <view class="p-3">
    <!-- 交付物名称 -->
    <view class="flex justify-between" @click="checkModal.mode = 'SHOW'">
      <view class="relative">
        {{ deliverData ? deliverData.deliverName : '' }}审核状态
      </view>
      <!-- 展开折叠按钮 -->
      <!-- <u-icon :name="collapsed ? 'arrow-up' : 'arrow-down'"></u-icon> -->
      <u-icon name="arrow-right"></u-icon>
    </view>

    <checkFormModal :data="checkModal" @hide="checkModal.mode = 'HIDE'" @submit-end="$emit('check-success')" />
  </view>
</template>

<script setup>
import { ref, reactive, inject } from 'vue';
import checkFormModal from './check-form-modal-second.vue';

const deliverData = inject('deliver');
defineEmits(['check-success']);

const checkModal = reactive({
  mode: 'HIDE', // HIDE->隐藏 RESOLVE->通过 REJECT->驳回
  deliverRecordId: () => (deliverData.value ? deliverData.value.deliverRecordId : ''), // 交付物记录id
});

// 查看历史记录
// function openDeliverHistory() {
//   const { deliverId } = deliverData.value;
//   // console.log(deliverId)
//   uni.navigateTo({ url: `/pages/submitLog/submitLog?deliverId=${deliverId}` });
// }

// 跳转到审核记录页面
// function openMoreRecords() {
//   const { deliverRecordId } = deliverData.value;
//   uni.navigateTo({ url: `/pages/checkLog/checkLog?deliverRecordId=${deliverRecordId}` });
// }

function open() {
        // console.log('open');
      }

 function close() {
        this.show = false
        // console.log('close');
      }
</script>
