<template>
  <div class="">
    <el-dialog
      class="student-track-record-dialog"
      :visible.sync="dialogVisible"
      :close-on-press-escape="false"
      :close-on-click-modal="false"
      title="轨迹回放"
      append-to-body
      fullscreen
    >
      <StudentTrackRecord v-if="dialogVisible" :prop-data="data" />
    </el-dialog>
  </div>
</template>

<script>
import StudentTrackRecord from "./StudentTrackRecord.vue";
export default {
  name: "StudentTrackRecordDialog",
  components: { StudentTrackRecord },
  props: {
    data: {
      type: Object,
      default: null,
    },
  },
  data() {
    return { dialogVisible: false };
  },
  methods: {
    openDialog() {
      this.dialogVisible = true;
    },
    closeDialog() {
      this.dialogVisible = false;
    },
  },
};
</script>
