<template>
  <a-drawer
    v-model:visible="visible"
    :width="'60%'"
    :footer="false"
    title="操作记录"
  >
    <div class="container">
      <a-space size="medium" direction="vertical" fill>
        <shop-history :shop-id="props.shopId" />
      </a-space>
    </div>
  </a-drawer>
</template>

<script lang="ts" setup>
import shopHistory from './components/shopDetail.vue';
const props = defineProps({
  shopId: {
    type: Number,
    default: 0
  }
});
const visible = defineModel<boolean>('visible', {
  type: Boolean,
  default: false
});
</script>

<style lang="less" scoped>
.container {
  padding: 20px;
  background-color: var(--color-fill-2);
}
</style>
