<script setup lang="ts" name="LeaveDetail">
import { ref } from 'vue'
import DetailFlowClose from './modules/DetailFlowClose.vue'

import { onLoad } from '@dcloudio/uni-app'
// const route = useRoute()

const id = ref('')
const instanceId = ref('')
onLoad((option) => {
  console.log('option',option)
  id.value = option.id
  instanceId.value = option.instanceId
  // console.log(route.query)
})
</script>

<template>
  <div class="container full">
    <div class="container__body">
      <DetailFlowClose v-if="id && instanceId" :id="id" :instance-id="instanceId" />
    </div>
  </div>
</template>

<style lang="less" scoped>
.grid {
  :deep(.van-image) {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 0.6rem;
    box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.5);
    overflow: hidden;
    .van-image__img {
      position: absolute;
      object-fit: cover;
    }
  }
}
</style>
