兵马未动 粮草先行

src/views/stuwork/classplan/form.vue

@@ -12,6 +12,53 @@
       label-width="100px" 
       v-loading="loading">
       <el-row :gutter="24">
+        <el-col :span="12" class="mb20">
+          <el-form-item label="学年" prop="schoolYear">
+            <el-select
+              v-model="form.schoolYear"
+              placeholder="请选择学年"
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in schoolYearList"
+                :key="item.year"
+                :label="item.year"
+                :value="item.year" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12" class="mb20">
+          <el-form-item label="学期" prop="schoolTerm">
+            <el-select
+              v-model="form.schoolTerm"
+              placeholder="请选择学期"
+              clearable
+              style="width: 100%">
+              <el-option
+                v-for="item in schoolTermList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12" class="mb20">
+          <el-form-item label="班号" prop="classCode">
+            <el-select
+              v-model="form.classCode"
+              placeholder="请选择班号"
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in classList"
+                :key="item.classCode"
+                :label="item.classNo"
+                :value="item.classCode" />
+            </el-select>
+          </el-form-item>
+        </el-col>
         <el-col :span="24" class="mb20">
           <el-form-item label="标题" prop="title">
             <el-input
@@ -52,9 +99,12 @@
 </template>
 
 <script setup lang="ts" name="ClassPlanFormDialog">
-import { ref, reactive, nextTick } from 'vue'
+import { ref, reactive, nextTick, onMounted } from 'vue'
 import { useMessage } from '/@/hooks/message'
 import { addObj, editObj, getDetail } from '/@/api/stuwork/classplan'
+import { queryAllSchoolYear } from '/@/api/basic/basicyear'
+import { getClassListByRole } from '/@/api/basic/basicclass'
+import { getDicts } from '/@/api/admin/dict'
 import Editor from '/@/components/Editor/index.vue'
 
 const emit = defineEmits(['refresh'])
@@ -64,10 +114,16 @@ const dataFormRef = ref()
 const visible = ref(false)
 const loading = ref(false)
 const operType = ref('add') // add 或 edit
+const schoolYearList = ref<any[]>([])
+const schoolTermList = ref<any[]>([])
+const classList = ref<any[]>([])
 
 // 提交表单数据
 const form = reactive({
   id: '',
+  schoolYear: '',
+  schoolTerm: '',
+  classCode: '',
   title: '',
   content: '',
   remarks: ''
@@ -75,6 +131,15 @@ const form = reactive({
 
 // 定义校验规则
 const dataRules = {
+  schoolYear: [
+    { required: true, message: '请选择学年', trigger: 'change' }
+  ],
+  schoolTerm: [
+    { required: true, message: '请选择学期', trigger: 'change' }
+  ],
+  classCode: [
+    { required: true, message: '请选择班号', trigger: 'change' }
+  ],
   title: [
     { required: true, message: '请输入标题', trigger: 'blur' }
   ],
@@ -92,6 +157,9 @@ const openDialog = async (type: string = 'add', row?: any) => {
   nextTick(() => {
     dataFormRef.value?.resetFields()
     form.id = ''
+    form.schoolYear = ''
+    form.schoolTerm = ''
+    form.classCode = ''
     form.title = ''
     form.content = ''
     form.remarks = ''
@@ -99,6 +167,9 @@ const openDialog = async (type: string = 'add', row?: any) => {
     // 编辑时填充数据
     if (type === 'edit' && row) {
       form.id = row.id
+      form.schoolYear = row.schoolYear || ''
+      form.schoolTerm = row.schoolTerm || ''
+      form.classCode = row.classCode || ''
       form.title = row.title || ''
       form.content = row.content || ''
       form.remarks = row.remarks || ''
@@ -108,6 +179,9 @@ const openDialog = async (type: string = 'add', row?: any) => {
         loading.value = true
         getDetail(row.id).then((res: any) => {
           if (res.data) {
+            form.schoolYear = res.data.schoolYear || form.schoolYear
+            form.schoolTerm = res.data.schoolTerm || form.schoolTerm
+            form.classCode = res.data.classCode || form.classCode
             form.content = res.data.content || ''
             form.remarks = res.data.remarks || ''
           }
@@ -119,6 +193,43 @@ const openDialog = async (type: string = 'add', row?: any) => {
   })
 }
 
+// 学年列表（班级管理-学年接口）
+const getSchoolYearList = async () => {
+  try {
+    const res = await queryAllSchoolYear()
+    schoolYearList.value = res?.data && Array.isArray(res.data) ? res.data : []
+  } catch (err) {
+    schoolYearList.value = []
+  }
+}
+
+// 学期字典（系统通用）
+const getSchoolTermDict = async () => {
+  try {
+    const res = await getDicts('school_term')
+    if (res?.data && Array.isArray(res.data)) {
+      schoolTermList.value = res.data.map((item: any) => ({
+        label: item.label ?? item.dictLabel ?? item.name,
+        value: item.value ?? item.dictValue ?? item.code
+      }))
+    } else {
+      schoolTermList.value = []
+    }
+  } catch (err) {
+    schoolTermList.value = []
+  }
+}
+
+// 班级列表（班级管理目录下）
+const getClassListData = async () => {
+  try {
+    const res = await getClassListByRole()
+    classList.value = res?.data && Array.isArray(res.data) ? res.data : []
+  } catch (err) {
+    classList.value = []
+  }
+}
+
 // 提交表单
 const onSubmit = async () => {
   if (!dataFormRef.value) return
@@ -129,6 +240,9 @@ const onSubmit = async () => {
     loading.value = true
     try {
       const submitData = {
+        schoolYear: form.schoolYear,
+        schoolTerm: form.schoolTerm,
+        classCode: form.classCode,
         title: form.title,
         content: form.content,
         remarks: form.remarks
@@ -154,6 +268,13 @@ const onSubmit = async () => {
   })
 }
 
+// 初始化：加载学年、学期、班级
+onMounted(() => {
+  getSchoolYearList()
+  getSchoolTermDict()
+  getClassListData()
+})
+
 // 暴露方法
 defineExpose({
   openDialog