<template>
  <qm-dialog
    v-if="store.isScoreBoardCollapsed"
    title="给分板"
    top="10%"
    width="300px"
    fixedWidth
    height="400px"
    @close="close"
  >
    <mark-board-track
      modal
      @submit="$emit('submit')"
      @allZeroSubmit="$emit('allZeroSubmit')"
      @unselectiveSubmit="$emit('unselectiveSubmit')"
    />
  </qm-dialog>
</template>

<script setup lang="ts">
import QmDialog from "@/components/QmDialog.vue";
import { store } from "@/store/store";
import MarkBoardTrack from "./MarkBoardTrack.vue";

defineEmits(["submit", "allZeroSubmit", "unselectiveSubmit"]);

const close = () => {
  store.toggleScoreBoard();
};
</script>

<style scoped></style>
