<script name="delayApplyInfo" setup>
import Accessory from '@/components/accessory/index.vue'
import { ref, onMounted } from 'vue'
import { delayedDetail } from '@/http/apis/declareMange/delayApply'
const props = defineProps({
  detailData: Object
})
const data = ref({}),
  getData = async () => {
    const res = await delayedDetail(props.detailData.id)
    data.value = res.data
  }
onMounted(() => {
  getData()
})
</script>

<template>
  <el-descriptions :column="2" border>
    <el-descriptions-item label="延期时长">
      {{ data.delayTime||'-' }}月
    </el-descriptions-item>
    <el-descriptions-item label="延期理由">
      {{ data.delayApplyReason||'-' }}
    </el-descriptions-item>
    <el-descriptions-item label="佐证材料">
      <p v-for="(item,index) in data.delayApplyFile&&JSON.parse(data.delayApplyFile)" :key="index" class="mb-4">
        <accessory :file-name="item.originalFileName" :file-id="item.id" :is-down-load="true" />
      </p>
    </el-descriptions-item>
  </el-descriptions>
</template>
