前端代码

frontend/src/views/teachBusiness/semester/calendar.vue

@@ -0,0 +1,53 @@
+<template>
+  <div class="teach-calendar app-container">
+    <school-calendar-editor
+      v-if="nd"
+      :nd="nd"
+      :semester-name="semesterName"
+      @close="handleClose"
+    />
+    <div v-else class="calendar-empty">未指定学期，请从学期管理页面进入。</div>
+  </div>
+</template>
+
+<script>
+import SchoolCalendarEditor from '@/views/teachBusiness/calendar/components/SchoolCalendarEditor'
+
+export default {
+  name: 'SemesterCalendarEdit',
+  components: { SchoolCalendarEditor },
+  data() {
+    return {
+      nd: '',
+      semesterName: ''
+    }
+  },
+  created() {
+    this.nd = this.$route.query.nd || ''
+    this.semesterName = this.$route.query.name || ''
+  },
+  methods: {
+    handleClose() {
+      this.$router.replace({ path: '/teachBusiness/semester' })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.teach-calendar {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 12px;
+  box-sizing: border-box;
+}
+.calendar-empty {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #909399;
+  font-size: 14px;
+}
+</style>