<template>
  <u-navbar title="问诊记录" :autoBack="true" bgColor="#ffffff" placeholder safeAreaInsetTop :titleStyle="{ color: '#000' }"></u-navbar>
  <view class="record">
    <template v-for="item in 5">
      <OrderCard :isRecord="true" bg="linear-gradient(188deg, #E0FFF4 5.54%, #FFF 24.89%)" @showPrescription="showPrescriptionHandler" />
    </template>
  </view>
  <u-popup :show="showPrescriptionState" @close="showPrescriptionState = false" mode="bottom" closeIconPos="top-right" closeable round="20">
    <Prescription bg="linear-gradient(188deg, #E0FFF4 5.54%, #FFF 24.89%)" title="xxx的处方单" />
  </u-popup>
</template>

<script setup lang="ts">
import { ref, getCurrentInstance, ComponentPublicInstance } from 'vue'
import { storeToRefs } from 'pinia'
import { useOrderStore } from '@/store/order'
import OrderCard from './com/OrderCard.vue'
import Prescription from './com/Prescription.vue'

const { proxy } = getCurrentInstance() as { proxy: ComponentPublicInstance }

const showPrescriptionState = ref(false)

const showPrescriptionHandler = () => {
  showPrescriptionState.value = true
}
</script>

<style lang="scss" scoped>
page {
  background: #f7f8fa;
}
.record {
  box-sizing: border-box;
  padding: 20rpx 24rpx;
  /* background: var(--, );; */
}
</style>