<!-- 期货交易 -->
<template>
  <app-drawer v-model:show="show">
    <template #default>
      {{ record }}
    </template>
    <template #footer>
      <el-button @click="cancel">{{ t('operation.cancel') }}</el-button>
      <el-button @click="cancel" type="primary">{{ t('operation.submit') }}</el-button>
    </template>
  </app-drawer>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import AppDrawer from '../../base/drawer/index.vue'
import { i18n } from '@/stores';

defineProps({
  record: {
    type: Object,
    default: () => ({})
  }
})

const { global: { t } } = i18n
const show = ref(true);

const cancel = () => {
  show.value = false;
}
</script>