优化排课

2026-07-24 19:35:49 +08:00
parent 6538b6080a
commit e6d8eb0662
17 changed files with 4073 additions and 6 deletions
@@ -16,6 +16,8 @@ declare module 'vue' {
    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
    ElDatePicker: typeof import('element-plus/es')['ElDatePicker']
+    ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
+    ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
    ElDialog: typeof import('element-plus/es')['ElDialog']
    ElDrawer: typeof import('element-plus/es')['ElDrawer']
    ElEmpty: typeof import('element-plus/es')['ElEmpty']
@@ -79,6 +79,13 @@ const navigationGroups = computed<NavigationGroup[]>(() => [
        { path: '/base-data/course-categories', label: '课程分类' },
      ),
      { path: '/courses', label: '课程库' },
+      ...whenVisible(
+        hasAnyRole(['SuperAdmin', 'AcademicAdmin', 'CollegeAdmin', 'Teacher']),
+        {
+          path: '/teaching-preferences',
+          label: isTeacher.value ? '授课科目申报' : '授课资格审核',
+        },
+      ),
      ...whenVisible(isTeachingAdmin.value, { path: '/curriculum', label: '培养方案' }),
      ...whenVisible(isTeachingAdmin.value, { path: '/teaching-tasks', label: '教学任务' }),
    ],
@@ -100,6 +100,14 @@ const router = createRouter({
          component: () => import('../views/TeachingTasksView.vue'),
          meta: { roles: ['SuperAdmin', 'AcademicAdmin', 'CollegeAdmin'] },
        },
+        {
+          path: 'teaching-preferences',
+          name: 'teaching-preferences',
+          component: () => import('../views/TeachingPreferencesView.vue'),
+          meta: {
+            roles: ['SuperAdmin', 'AcademicAdmin', 'CollegeAdmin', 'Teacher'],
+          },
+        },
        {
          path: 'schedules',
          name: 'schedules',
@@ -352,6 +352,16 @@ button { cursor: pointer; }
 .constraint-list article small { color: var(--muted); font-size: 9px; }
 .constraint-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
 .constraint-title { margin-bottom: 16px; padding: 12px 14px; color: #eef4ff; background: linear-gradient(120deg, #243d7a, #182b5d); font-size: 13px; font-weight: 650; }
+.eligibility-flow { padding: 14px 18px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 12px; border: 1px solid var(--line); background: #f8fafc; }
+.eligibility-flow > div { min-width: 0; display: grid; gap: 4px; }
+.eligibility-flow span { color: var(--teal); font: 700 9px/1 Consolas, monospace; }
+.eligibility-flow b { color: #2b3854; font-size: 11px; }
+.eligibility-flow i { color: #aeb7c6; font-style: normal; }
+.generation-notice { margin-bottom: 16px; padding: 12px 14px; color: #526078; border-left: 3px solid var(--teal); background: #f3f9f8; font-size: 10px; line-height: 1.7; }
+.generation-preview { padding: 14px 18px; display: flex; align-items: baseline; gap: 8px; color: #718096; background: #f6f8fb; border: 1px solid var(--line); }
+.generation-preview b { color: var(--indigo); font: 700 25px/1 Consolas, monospace; }
+.generation-preview span, .generation-preview small { font-size: 10px; }
+.field-hint { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; }

 .selection-page { min-width: 0; }
 .selection-round-strip {
@@ -969,6 +979,8 @@ button { cursor: pointer; }
  .settings-lead > div:last-child { flex-wrap: wrap; }
  .constraint-list article { grid-template-columns: 1fr; }
  .constraint-badges { justify-content: flex-start; }
+  .eligibility-flow { grid-template-columns: 1fr; }
+  .eligibility-flow i { display: none; }
  .selection-window { grid-template-columns: 82px 1fr; }
  .credit-meter, .round-actions {
    grid-column: 1 / -1; width: auto; border-top: 1px solid rgba(255,255,255,.13);
@@ -0,0 +1,234 @@
+<script setup lang="ts">
+import { computed, onMounted, reactive, ref } from 'vue'
+import { Plus, Refresh } from '@element-plus/icons-vue'
+import http, { apiErrorMessage } from '../api/http'
+import { useAuthStore } from '../stores/auth'
+
+const auth = useAuthStore()
+const isTeacher = computed(() => auth.user?.roles.includes('Teacher') ?? false)
+const loading = ref(false)
+const rows = ref<any[]>([])
+const terms = ref<any[]>([])
+const courses = ref<any[]>([])
+const submitDialog = ref(false)
+const reviewDialog = ref(false)
+const form = reactive<Record<string, any>>({})
+const reviewForm = reactive<Record<string, any>>({})
+const filters = reactive({
+  academicTermId: undefined as string | undefined,
+  status: isTeacher.value ? undefined : 'Pending' as string | undefined,
+})
+const statusLabels: Record<string, string> = {
+  Pending: '待审核',
+  Approved: '已通过',
+  Rejected: '已驳回',
+  Withdrawn: '已撤回',
+}
+const statusTypes: Record<string, 'success' | 'warning' | 'danger' | 'info'> = {
+  Pending: 'warning',
+  Approved: 'success',
+  Rejected: 'danger',
+  Withdrawn: 'info',
+}
+
+async function load() {
+  loading.value = true
+  try {
+    const endpoint = isTeacher.value
+      ? '/teacher-course-applications/mine'
+      : '/teacher-course-applications/reviews'
+    const { data } = await http.get(endpoint, { params: filters })
+    rows.value = data
+  } catch (error) {
+    ElMessage.error(apiErrorMessage(error))
+  } finally {
+    loading.value = false
+  }
+}
+
+function openSubmit() {
+  Object.assign(form, {
+    academicTermId: filters.academicTermId ??
+      terms.value.find((item) => item.isCurrent)?.id,
+    courseId: undefined,
+    statement: '',
+  })
+  submitDialog.value = true
+}
+
+async function submit() {
+  if (!form.academicTermId || !form.courseId) {
+    ElMessage.warning('请选择学期和课程。')
+    return
+  }
+  try {
+    await http.post('/teacher-course-applications/mine', form)
+    submitDialog.value = false
+    ElMessage.success('课程申报已提交，等待学院审核')
+    await load()
+  } catch (error) {
+    ElMessage.error(apiErrorMessage(error))
+  }
+}
+
+async function withdraw(row: any) {
+  try {
+    await ElMessageBox.confirm(`撤回“${row.courseName}”的授课申报？`, '撤回申报', {
+      type: 'warning',
+    })
+    await http.delete(`/teacher-course-applications/mine/${row.id}`)
+    await load()
+  } catch (error: any) {
+    if (error !== 'cancel' && error !== 'close') ElMessage.error(apiErrorMessage(error))
+  }
+}
+
+function openReview(row: any) {
+  Object.assign(reviewForm, {
+    id: row.id,
+    title: `${row.teacherName} · ${row.courseCode} ${row.courseName}`,
+    statement: row.statement,
+    status: 'Approved',
+    reviewComment: '',
+  })
+  reviewDialog.value = true
+}
+
+async function review() {
+  try {
+    await http.post(`/teacher-course-applications/${reviewForm.id}/review`, {
+      status: reviewForm.status,
+      reviewComment: reviewForm.reviewComment,
+    })
+    reviewDialog.value = false
+    ElMessage.success(reviewForm.status === 'Approved' ? '已审核通过' : '已驳回申报')
+    await load()
+  } catch (error) {
+    ElMessage.error(apiErrorMessage(error))
+  }
+}
+
+onMounted(async () => {
+  const requests: Promise<any>[] = [http.get('/base-data/terms')]
+  if (isTeacher.value) {
+    requests.push(http.get('/courses', {
+      params: { page: 1, pageSize: 100, isEnabled: true },
+    }))
+  }
+  const [termRes, courseRes] = await Promise.all(requests)
+  terms.value = termRes.data
+  courses.value = courseRes?.data.items ?? []
+  filters.academicTermId = terms.value.find((item) => item.isCurrent)?.id
+  await load()
+})
+</script>
+
+<template>
+  <div class="page-stack">
+    <section class="page-intro">
+      <div>
+        <span class="section-kicker">TEACHING ELIGIBILITY</span>
+        <h2>{{ isTeacher ? '授课科目申报' : '授课资格审核' }}</h2>
+        <p v-if="isTeacher">在排课前申报本学期愿意承担的课程，学院审核通过后才能分配公共课教学任务。</p>
+        <p v-else>审核教师的授课科目申报；通过后，该教师进入相应学期和课程的可分配教师池。</p>
+      </div>
+      <el-button v-if="isTeacher" type="primary" :icon="Plus" @click="openSubmit">
+        申报课程
+      </el-button>
+    </section>
+
+    <section class="eligibility-flow">
+      <div class="active"><span>教师</span><b>选择学期与科目</b></div>
+      <i>→</i>
+      <div><span>学院</span><b>审核授课资格</b></div>
+      <i>→</i>
+      <div><span>教务</span><b>合班并分配教师</b></div>
+      <i>→</i>
+      <div><span>排课</span><b>生成课表</b></div>
+    </section>
+
+    <section class="data-card">
+      <div class="filter-bar">
+        <el-select v-model="filters.academicTermId" clearable placeholder="全部学期" @change="load">
+          <el-option v-for="item in terms" :key="item.id" :label="item.name" :value="item.id" />
+        </el-select>
+        <el-select v-model="filters.status" clearable placeholder="全部状态" @change="load">
+          <el-option v-for="(label, value) in statusLabels" :key="value" :label="label" :value="value" />
+        </el-select>
+        <el-button :icon="Refresh" @click="load">刷新</el-button>
+        <span>共 {{ rows.length }} 条</span>
+      </div>
+
+      <el-table v-loading="loading" :data="rows" class="data-table">
+        <el-table-column v-if="!isTeacher" label="申报教师" min-width="170">
+          <template #default="{ row }">
+            <div class="course-name"><b>{{ row.teacherName }}</b><span>{{ row.teacherNumber }} · {{ row.teacherCollegeName }}</span></div>
+          </template>
+        </el-table-column>
+        <el-table-column label="申报课程" min-width="220">
+          <template #default="{ row }">
+            <div class="course-name"><b>{{ row.courseName }}</b><span>{{ row.courseCode }} · {{ row.courseCollegeName || row.collegeName }}</span></div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="termName" label="学期" min-width="180" />
+        <el-table-column label="申报说明" min-width="180">
+          <template #default="{ row }">{{ row.statement || '—' }}</template>
+        </el-table-column>
+        <el-table-column label="状态" width="100">
+          <template #default="{ row }"><el-tag :type="statusTypes[row.status]">{{ statusLabels[row.status] }}</el-tag></template>
+        </el-table-column>
+        <el-table-column label="审核意见" min-width="160">
+          <template #default="{ row }">{{ row.reviewComment || '—' }}</template>
+        </el-table-column>
+        <el-table-column label="操作" width="110" fixed="right">
+          <template #default="{ row }">
+            <el-button v-if="isTeacher && row.status === 'Pending'" link type="danger" @click="withdraw(row)">撤回</el-button>
+            <el-button v-if="!isTeacher && row.status === 'Pending'" link type="primary" @click="openReview(row)">审核</el-button>
+            <span v-if="row.status !== 'Pending'" class="muted-action">已处理</span>
+          </template>
+        </el-table-column>
+        <template #empty><el-empty :description="isTeacher ? '尚未申报授课科目' : '没有待处理的授课申报'" /></template>
+      </el-table>
+    </section>
+
+    <el-dialog v-model="submitDialog" title="申报授课科目" width="600px">
+      <el-form label-position="top">
+        <div class="form-grid">
+          <el-form-item label="学期" required>
+            <el-select v-model="form.academicTermId">
+              <el-option v-for="item in terms" :key="item.id" :label="item.name" :value="item.id" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="拟授课程" required>
+            <el-select v-model="form.courseId" filterable>
+              <el-option v-for="item in courses" :key="item.id" :label="`${item.code} · ${item.name}`" :value="item.id" />
+            </el-select>
+          </el-form-item>
+        </div>
+        <el-form-item label="申报说明">
+          <el-input v-model="form.statement" type="textarea" :rows="4" maxlength="500" show-word-limit placeholder="可填写相关教学经历、研究方向或其他说明" />
+        </el-form-item>
+      </el-form>
+      <template #footer><el-button @click="submitDialog = false">取消</el-button><el-button type="primary" @click="submit">提交学院审核</el-button></template>
+    </el-dialog>
+
+    <el-dialog v-model="reviewDialog" title="审核授课资格" width="580px">
+      <div class="constraint-title">{{ reviewForm.title }}</div>
+      <el-descriptions :column="1" border>
+        <el-descriptions-item label="教师说明">{{ reviewForm.statement || '未填写' }}</el-descriptions-item>
+      </el-descriptions>
+      <el-form label-position="top" style="margin-top: 16px">
+        <el-form-item label="审核结论">
+          <el-radio-group v-model="reviewForm.status">
+            <el-radio-button value="Approved">通过</el-radio-button>
+            <el-radio-button value="Rejected">驳回</el-radio-button>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="审核意见">
+          <el-input v-model="reviewForm.reviewComment" type="textarea" :rows="3" maxlength="500" show-word-limit />
+        </el-form-item>
+      </el-form>
+      <template #footer><el-button @click="reviewDialog = false">取消</el-button><el-button type="primary" @click="review">确认审核</el-button></template>
+    </el-dialog>
+  </div>
+</template>
@@ -9,6 +9,8 @@ const loading = ref(false)
 const rows = ref<any[]>([])
 const total = ref(0)
 const dialogVisible = ref(false)
+const generationDialog = ref(false)
+const generating = ref(false)
 const editingId = ref('')
 const terms = ref<any[]>([])
 const courses = ref<any[]>([])
@@ -23,6 +25,9 @@ const query = reactive({
  status: undefined as string | undefined,
 })
 const form = reactive<Record<string, any>>({})
+const generationForm = reactive<Record<string, any>>({})
+const eligibleTeachers = ref<any[]>([])
+const manualEligibleTeachers = ref<any[]>([])
 const statusLabels: Record<string, string> = {
  Draft: '草稿',
  Published: '已发布',
@@ -35,8 +40,29 @@ const availableClasses = computed(() => {
  )
  return classes.value.filter((item) => ids.has(item.majorId))
 })
+const selectedCourse = computed(() =>
+  courses.value.find((item) => item.id === form.courseId),
+)
+const manualCourseIsPublic = computed(() =>
+  ['GeneralRequired', 'GeneralElective'].includes(selectedCourse.value?.nature),
+)
+const assignableTeachers = computed(() => {
+  if (!manualCourseIsPublic.value) return teachers.value
+  const approvedIds = new Set(manualEligibleTeachers.value.map((item) => item.teacherId))
+  return teachers.value.filter((item) =>
+    approvedIds.has(item.id) || form.teacherIds?.includes(item.id),
+  )
+})
 const selectedTeachers = computed(() =>
-  teachers.value.filter((item) => form.teacherIds?.includes(item.id)),
+  assignableTeachers.value.filter((item) => form.teacherIds?.includes(item.id)),
+)
+const publicCourses = computed(() =>
+  courses.value.filter((item) =>
+    ['GeneralRequired', 'GeneralElective'].includes(item.nature),
+  ),
+)
+const generationGroupCount = computed(() =>
+  Math.ceil((generationForm.classIds?.length ?? 0) / (generationForm.classesPerTask || 1)),
 )

 async function load() {
@@ -97,12 +123,28 @@ async function openEdit(row: any) {
    const detail = (await http.get(`/teaching-tasks/${row.id}`)).data
    editingId.value = row.id
    resetForm(detail)
+    await loadManualEligibleTeachers()
    dialogVisible.value = true
  } catch (error) {
    ElMessage.error(apiErrorMessage(error))
  }
 }

+async function loadManualEligibleTeachers() {
+  manualEligibleTeachers.value = []
+  if (!form.academicTermId || !form.courseId || !manualCourseIsPublic.value) return
+  try {
+    manualEligibleTeachers.value = (await http.get('/teacher-course-applications/eligible', {
+      params: {
+        academicTermId: form.academicTermId,
+        courseId: form.courseId,
+      },
+    })).data
+  } catch (error) {
+    ElMessage.error(apiErrorMessage(error))
+  }
+}
+
 function onTeachersChanged(values: string[]) {
  if (form.primaryTeacherId && !values.includes(form.primaryTeacherId)) {
    form.primaryTeacherId = undefined
@@ -170,6 +212,65 @@ async function closeTask(row: any) {
  }
 }

+function openGeneration() {
+  const currentTerm = terms.value.find((item) => item.isCurrent)
+  Object.assign(generationForm, {
+    academicTermId: query.academicTermId ?? currentTerm?.id,
+    courseId: undefined,
+    classesPerTask: 3,
+    startWeek: 1,
+    endWeek: 16,
+    weeklyHours: 2,
+    classIds: [],
+  })
+  eligibleTeachers.value = []
+  generationDialog.value = true
+}
+
+async function loadEligibleTeachers() {
+  eligibleTeachers.value = []
+  if (!generationForm.academicTermId || !generationForm.courseId) return
+  try {
+    eligibleTeachers.value = (await http.get('/teacher-course-applications/eligible', {
+      params: {
+        academicTermId: generationForm.academicTermId,
+        courseId: generationForm.courseId,
+      },
+    })).data
+  } catch (error) {
+    ElMessage.error(apiErrorMessage(error))
+  }
+}
+
+async function generatePublicTasks() {
+  if (!generationForm.academicTermId ||
+      !generationForm.courseId ||
+      !generationForm.classIds?.length) {
+    ElMessage.warning('请选择学期、公共课和需要合班的行政班。')
+    return
+  }
+  if (!eligibleTeachers.value.length) {
+    ElMessage.warning('该课程还没有审核通过的可授课教师。')
+    return
+  }
+  try {
+    await ElMessageBox.confirm(
+      `将 ${generationForm.classIds.length} 个行政班分成 ${generationGroupCount.value} 个教学班，并在 ${eligibleTeachers.value.length} 名合格教师中随机均衡分配。生成结果为草稿，确定继续吗？`,
+      '批量生成公共课教学任务',
+      { type: 'warning', confirmButtonText: '生成草稿', cancelButtonText: '取消' },
+    )
+    generating.value = true
+    const { data } = await http.post('/teaching-tasks/generate-public-course', generationForm)
+    generationDialog.value = false
+    ElMessage.success(`已生成 ${data.createdCount} 个教学任务草稿`)
+    await load()
+  } catch (error: any) {
+    if (error !== 'cancel' && error !== 'close') ElMessage.error(apiErrorMessage(error))
+  } finally {
+    generating.value = false
+  }
+}
+
 onMounted(async () => {
  const [termRes, courseRes, teacherRes, classRes, majorRes] = await Promise.all([
    http.get('/base-data/terms'),
@@ -196,7 +297,10 @@ onMounted(async () => {
        <h2>教学任务</h2>
        <p>将学期、课程、授课教师和行政班组合为可排课、可选课的教学班。</p>
      </div>
-      <el-button type="primary" :icon="Plus" @click="openCreate">新建教学任务</el-button>
+      <div class="page-actions">
+        <el-button @click="openGeneration">公共课合班生成</el-button>
+        <el-button type="primary" :icon="Plus" @click="openCreate">新建教学任务</el-button>
+      </div>
    </section>

    <section class="task-summary">
@@ -252,8 +356,8 @@ onMounted(async () => {
          <el-form-item label="教学班名称" required><el-input v-model="form.name" /></el-form-item>
        </div>
        <div class="form-grid">
-          <el-form-item label="开课学期" required><el-select v-model="form.academicTermId"><el-option v-for="item in terms" :key="item.id" :label="item.name" :value="item.id" /></el-select></el-form-item>
-          <el-form-item label="课程" required><el-select v-model="form.courseId" filterable><el-option v-for="item in courses" :key="item.id" :label="`${item.code} · ${item.name}`" :value="item.id" /></el-select></el-form-item>
+          <el-form-item label="开课学期" required><el-select v-model="form.academicTermId" @change="loadManualEligibleTeachers"><el-option v-for="item in terms" :key="item.id" :label="item.name" :value="item.id" /></el-select></el-form-item>
+          <el-form-item label="课程" required><el-select v-model="form.courseId" filterable @change="form.teacherIds = []; form.primaryTeacherId = undefined; loadManualEligibleTeachers()"><el-option v-for="item in courses" :key="item.id" :label="`${item.code} · ${item.name}`" :value="item.id" /></el-select></el-form-item>
        </div>
        <div class="form-grid three">
          <el-form-item label="容量"><el-input-number v-model="form.capacity" :min="1" /></el-form-item>
@@ -263,8 +367,9 @@ onMounted(async () => {
        <el-form-item label="周学时"><el-input-number v-model="form.weeklyHours" :min="1" :max="40" /></el-form-item>
        <el-form-item label="授课教师">
          <el-select v-model="form.teacherIds" multiple filterable @change="onTeachersChanged">
-            <el-option v-for="item in teachers" :key="item.id" :label="`${item.teacherNumber} · ${item.name}`" :value="item.id" />
+            <el-option v-for="item in assignableTeachers" :key="item.id" :label="`${item.teacherNumber} · ${item.name}`" :value="item.id" />
          </el-select>
+          <small v-if="manualCourseIsPublic" class="field-hint">公共课仅显示本学期已申报且学院审核通过的教师。</small>
        </el-form-item>
        <el-form-item label="主讲教师">
          <el-select v-model="form.primaryTeacherId" clearable :disabled="!form.teacherIds?.length">
@@ -280,5 +385,63 @@ onMounted(async () => {
      </el-form>
      <template #footer><el-button @click="dialogVisible = false">取消</el-button><el-button type="primary" @click="save">保存草稿</el-button></template>
    </el-dialog>
+
+    <el-dialog v-model="generationDialog" title="公共课合班生成教学任务" width="760px">
+      <div class="generation-notice">
+        行政班按编码顺序分组；教师只从学院审核通过的名单中选择，并优先分配给本学期教学任务较少的教师。
+      </div>
+      <el-form label-position="top">
+        <div class="form-grid">
+          <el-form-item label="开课学期" required>
+            <el-select v-model="generationForm.academicTermId" @change="loadEligibleTeachers">
+              <el-option v-for="item in terms" :key="item.id" :label="item.name" :value="item.id" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="公共课程" required>
+            <el-select v-model="generationForm.courseId" filterable @change="loadEligibleTeachers">
+              <el-option v-for="item in publicCourses" :key="item.id" :label="`${item.code} · ${item.name}`" :value="item.id" />
+            </el-select>
+          </el-form-item>
+        </div>
+        <el-alert
+          :title="eligibleTeachers.length ? `已有 ${eligibleTeachers.length} 名教师审核通过` : '请选择课程查看可分配教师'"
+          :type="eligibleTeachers.length ? 'success' : 'warning'"
+          :closable="false"
+          show-icon
+        >
+          <template #default>
+            <span v-if="eligibleTeachers.length">{{ eligibleTeachers.map((item) => item.name).join('、') }}</span>
+          </template>
+        </el-alert>
+        <el-form-item label="参与合班的行政班" required style="margin-top: 16px">
+          <el-select v-model="generationForm.classIds" multiple filterable collapse-tags>
+            <el-option v-for="item in availableClasses" :key="item.id" :label="`${item.code} · ${item.name}`" :value="item.id" />
+          </el-select>
+        </el-form-item>
+        <div class="form-grid three">
+          <el-form-item label="每个教学班合并行政班数">
+            <el-input-number v-model="generationForm.classesPerTask" :min="1" :max="10" />
+          </el-form-item>
+          <el-form-item label="开始周">
+            <el-input-number v-model="generationForm.startWeek" :min="1" :max="30" />
+          </el-form-item>
+          <el-form-item label="结束周">
+            <el-input-number v-model="generationForm.endWeek" :min="1" :max="30" />
+          </el-form-item>
+        </div>
+        <el-form-item label="周学时">
+          <el-input-number v-model="generationForm.weeklyHours" :min="1" :max="40" />
+        </el-form-item>
+        <div class="generation-preview">
+          <span>预计生成</span>
+          <b>{{ generationGroupCount }}</b>
+          <small>个教学任务草稿</small>
+        </div>
+      </el-form>
+      <template #footer>
+        <el-button @click="generationDialog = false">取消</el-button>
+        <el-button type="primary" :loading="generating" @click="generatePublicTasks">生成教学任务草稿</el-button>
+      </template>
+    </el-dialog>
  </div>
 </template>