feat: 新增很多页面

src/views/basic/basicclass/detail.vue

@@ -0,0 +1,292 @@
+<template>
+  <el-dialog 
+    title="班级概况" 
+    v-model="visible"
+    :close-on-click-modal="false" 
+    draggable
+    width="1400px">
+    <div v-loading="loading">
+      <!-- 基本信息 -->
+      <el-descriptions :column="3" border v-if="detailData" class="mb20">
+        <el-descriptions-item label="班号">{{ detailData.classNo || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="班级名称">{{ detailData.className || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="班级规范名称">{{ detailData.classProName || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="学院">{{ detailData.deptName || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="班主任">{{ detailData.teacherRealName || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="班主任电话">{{ detailData.teacherTel || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="入学年份">{{ detailData.grade || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="入学时间">{{ detailData.enterDate || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="班级状态">
+          <span>{{ detailData.classStatus === '0' ? '正常' : detailData.classStatus === '1' ? '离校' : '-' }}</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="班级人数/原始人数">
+          {{ detailData.stuNum || 0 }}/{{ detailData.preStuNum || 0 }}
+        </el-descriptions-item>
+        <el-descriptions-item label="流失率">
+          <span>{{ detailData.stuLoseRate ? `${detailData.stuLoseRate}%` : '-' }}</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="联院">
+          <span>{{ detailData.isUnion === 1 ? '是' : detailData.isUnion === 0 ? '否' : '-' }}</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="门禁规则" :span="3">{{ detailData.ruleName || '-' }}</el-descriptions-item>
+      </el-descriptions>
+
+      <!-- 详细信息 - 使用 tabs 展示六个接口的数据 -->
+      <el-tabs v-model="activeTab" type="border-card">
+        <el-tab-pane label="班级荣誉" name="honor">
+          <el-table :data="honorList" border style="width: 100%" v-loading="honorLoading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="title" label="标题" show-overflow-tooltip />
+            <el-table-column prop="author" label="作者" width="120" />
+            <el-table-column prop="createTime" label="更新时间" width="120" />
+            <el-table-column prop="belong" label="归档级别" width="120" />
+          </el-table>
+          <div v-if="honorList.length === 0 && !honorLoading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="班级宣传" name="publicity">
+          <el-table :data="publicityList" border style="width: 100%" v-loading="publicityLoading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="title" label="标题" show-overflow-tooltip />
+            <el-table-column prop="author" label="作者" width="120" />
+            <el-table-column prop="createTime" label="更新时间" width="120" />
+            <el-table-column prop="belong" label="归档级别" width="120" />
+            <el-table-column prop="website" label="网址" show-overflow-tooltip />
+          </el-table>
+          <div v-if="publicityList.length === 0 && !publicityLoading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="教室分配" name="classroom">
+          <el-table :data="classroomList" border style="width: 100%" v-loading="classroomLoading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="buildingNo" label="教学楼号" show-overflow-tooltip />
+            <el-table-column prop="roomNo" label="教室号" show-overflow-tooltip />
+            <el-table-column prop="roomName" label="教室名称" show-overflow-tooltip />
+          </el-table>
+          <div v-if="classroomList.length === 0 && !classroomLoading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="学生数量" name="studentNum">
+          <el-table :data="studentNumList" border style="width: 100%" v-loading="studentNumLoading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="stuNo" label="学号" show-overflow-tooltip />
+            <el-table-column prop="realName" label="姓名" show-overflow-tooltip />
+            <el-table-column prop="sex" label="性别" width="80" align="center">
+              <template #default="scope">
+                <span>{{ scope.row.sex === '1' ? '男' : scope.row.sex === '0' ? '女' : '-' }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="phone" label="电话" show-overflow-tooltip />
+          </el-table>
+          <div v-if="studentNumList.length === 0 && !studentNumLoading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="宿舍学生" name="dormStudent">
+          <el-table :data="dormStudentList" border style="width: 100%" v-loading="dormStudentLoading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="buildingNo" label="楼号" show-overflow-tooltip />
+            <el-table-column prop="roomNo" label="宿舍号" show-overflow-tooltip />
+            <el-table-column prop="stuNo" label="学号" show-overflow-tooltip />
+            <el-table-column prop="realName" label="姓名" show-overflow-tooltip />
+          </el-table>
+          <div v-if="dormStudentList.length === 0 && !dormStudentLoading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="惩罚记录" name="punish">
+          <el-table :data="punishList" border style="width: 100%" v-loading="punishLoading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="stuNo" label="学号" show-overflow-tooltip />
+            <el-table-column prop="realName" label="姓名" show-overflow-tooltip />
+            <el-table-column prop="punishType" label="惩罚类型" show-overflow-tooltip />
+            <el-table-column prop="punishReason" label="惩罚原因" show-overflow-tooltip />
+            <el-table-column prop="createTime" label="惩罚时间" width="120" />
+          </el-table>
+          <div v-if="punishList.length === 0 && !punishLoading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="visible = false">关 闭</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="BasicClassDetail">
+import { ref } from 'vue'
+import { useMessage } from "/@/hooks/message";
+import { queryClassHonorByClassCode } from '/@/api/stuwork/classhonor'
+import { queryDataByClassCode } from '/@/api/stuwork/classpublicity'
+import { getClassRoomByClassCode } from '/@/api/stuwork/teachclassroomassign'
+import { queryStuNumByClassCode } from '/@/api/basic/basicstudent'
+import { fearchStuNumByClassCode } from '/@/api/stuwork/dormroomstudent'
+import { queryPunlishNumByClass } from '/@/api/stuwork/stupunlish'
+
+// 定义变量内容
+const visible = ref(false)
+const loading = ref(false)
+const detailData = ref<any>(null)
+const activeTab = ref('honor')
+
+// 六个接口的数据
+const honorList = ref<any[]>([])
+const honorLoading = ref(false)
+const publicityList = ref<any[]>([])
+const publicityLoading = ref(false)
+const classroomList = ref<any[]>([])
+const classroomLoading = ref(false)
+const studentNumList = ref<any[]>([])
+const studentNumLoading = ref(false)
+const dormStudentList = ref<any[]>([])
+const dormStudentLoading = ref(false)
+const punishList = ref<any[]>([])
+const punishLoading = ref(false)
+
+// 打开弹窗
+const openDialog = async (rowData: any) => {
+  visible.value = true
+  detailData.value = rowData || null
+  
+  // 如果有班级代码，加载六个接口的数据
+  if (rowData?.classCode) {
+    await loadAllData(rowData.classCode)
+  }
+}
+
+// 加载所有六个接口的数据
+const loadAllData = async (classCode: string) => {
+  loading.value = true
+  
+  // 并行加载所有接口数据
+  await Promise.all([
+    loadHonorData(classCode),
+    loadPublicityData(classCode),
+    loadClassroomData(classCode),
+    loadStudentNumData(classCode),
+    loadDormStudentData(classCode),
+    loadPunishData(classCode),
+  ])
+  
+  loading.value = false
+}
+
+// 加载班级荣誉数据
+const loadHonorData = async (classCode: string) => {
+  honorLoading.value = true
+  try {
+    const res = await queryClassHonorByClassCode(classCode)
+    if (res.data) {
+      honorList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err: any) {
+    console.error('获取班级荣誉失败', err)
+    honorList.value = []
+  } finally {
+    honorLoading.value = false
+  }
+}
+
+// 加载班级宣传数据
+const loadPublicityData = async (classCode: string) => {
+  publicityLoading.value = true
+  try {
+    const res = await queryDataByClassCode(classCode)
+    if (res.data) {
+      publicityList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err: any) {
+    console.error('获取班级宣传失败', err)
+    publicityList.value = []
+  } finally {
+    publicityLoading.value = false
+  }
+}
+
+// 加载教室分配数据
+const loadClassroomData = async (classCode: string) => {
+  classroomLoading.value = true
+  try {
+    const res = await getClassRoomByClassCode(classCode)
+    if (res.data) {
+      classroomList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err: any) {
+    console.error('获取教室分配失败', err)
+    classroomList.value = []
+  } finally {
+    classroomLoading.value = false
+  }
+}
+
+// 加载学生数量数据
+const loadStudentNumData = async (classCode: string) => {
+  studentNumLoading.value = true
+  try {
+    const res = await queryStuNumByClassCode({ classCode })
+    if (res.data) {
+      studentNumList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err: any) {
+    console.error('获取学生数量失败', err)
+    studentNumList.value = []
+  } finally {
+    studentNumLoading.value = false
+  }
+}
+
+// 加载宿舍学生数据
+const loadDormStudentData = async (classCode: string) => {
+  dormStudentLoading.value = true
+  try {
+    const res = await fearchStuNumByClassCode(classCode)
+    if (res.data) {
+      dormStudentList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err: any) {
+    console.error('获取宿舍学生失败', err)
+    dormStudentList.value = []
+  } finally {
+    dormStudentLoading.value = false
+  }
+}
+
+// 加载惩罚记录数据
+const loadPunishData = async (classCode: string) => {
+  punishLoading.value = true
+  try {
+    const res = await queryPunlishNumByClass(classCode)
+    if (res.data) {
+      punishList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err: any) {
+    console.error('获取惩罚记录失败', err)
+    punishList.value = []
+  } finally {
+    punishLoading.value = false
+  }
+}
+
+// 暴露方法给父组件
+defineExpose({
+  openDialog
+});
+</script>
+
+<style lang="scss" scoped>
+.mb20 {
+  margin-bottom: 20px;
+}
+</style>

src/views/basic/basicclass/form.vue

@@ -0,0 +1,370 @@
+<template>
+  <el-dialog 
+    :title="form.id ? '编辑' : '新增'" 
+    v-model="visible"
+    :close-on-click-modal="false" 
+    draggable
+    width="800px">
+    <el-form 
+      ref="dataFormRef" 
+      :model="form" 
+      :rules="dataRules" 
+      label-width="120px" 
+      :validate-on-rule-change="false"
+      v-loading="loading">
+      <el-row :gutter="24">
+        <el-col :span="12" class="mb20">
+          <el-form-item label="入学日期" prop="enterDate">
+            <el-date-picker
+              v-model="form.enterDate"
+              type="date"
+              placeholder="选择日期"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+              style="width: 100%" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="专业" prop="majorCode">
+            <el-select 
+              v-model="form.majorCode" 
+              placeholder="请选择" 
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in majorList"
+                :key="item.majorCode"
+                :label="item.majorName"
+                :value="item.majorCode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="学院" prop="deptCode">
+            <el-select 
+              v-model="form.deptCode" 
+              placeholder="请选择" 
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in deptList"
+                :key="item.deptCode"
+                :label="item.deptName"
+                :value="item.deptCode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="班级代码" prop="classCode">
+            <el-input 
+              v-model="form.classCode" 
+              placeholder="请输入班级代码" 
+              clearable />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="班号" prop="classNo">
+            <el-input 
+              v-model="form.classNo" 
+              placeholder="请输入班号" 
+              clearable />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="班级名称" prop="className">
+            <el-input 
+              v-model="form.className" 
+              placeholder="请输入班级名称" 
+              clearable />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="班级规范名称" prop="classProName">
+            <el-input 
+              v-model="form.classProName" 
+              placeholder="请输入班级规范名称" 
+              clearable />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="入学年份" prop="grade">
+            <el-input 
+              v-model="form.grade" 
+              placeholder="请输入入学年份" 
+              clearable />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="班主任" prop="teacherNos">
+            <el-select 
+              v-model="form.teacherNos" 
+              placeholder="请选择班主任" 
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in teacherList"
+                :key="item.teacherNo"
+                :label="item.realName"
+                :value="item.teacherNo">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="预计招生人数" prop="preStuNum">
+            <el-input-number
+              v-model="form.preStuNum"
+              :precision="0"
+              :step="1"
+              :min="0"
+              placeholder="请输入预计招生人数"
+              style="width: 100%" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="24" class="mb20">
+          <el-form-item label="备注" prop="remark">
+            <el-input
+              v-model="form.remark"
+              type="textarea"
+              :rows="4"
+              placeholder="请输入备注"
+              maxlength="500"
+              show-word-limit />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="visible = false">取 消</el-button>
+        <el-button type="primary" @click="onSubmit" :disabled="loading">确 认</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="BasicClassDialog">
+import { ref, reactive, nextTick, onMounted } from 'vue'
+import { useMessage } from "/@/hooks/message";
+import { getObj, addObj, putObj, getMajorNameList, getDeptList } from '/@/api/basic/basicclass'
+import { getTeacherBaseList } from '/@/api/professional/professionaluser/teacherbase'
+
+const emit = defineEmits(['refresh']);
+
+// 定义变量内容
+const dataFormRef = ref();
+const visible = ref(false)
+const loading = ref(false)
+const majorList = ref<any[]>([])
+const deptList = ref<any[]>([])
+const teacherList = ref<any[]>([])
+
+// 提交表单数据
+const form = reactive({
+  id: '',
+  enterDate: '',
+  majorCode: '',
+  deptCode: '',
+  classCode: '',
+  classNo: '',
+  className: '',
+  classProName: '',
+  grade: '',
+  teacherNos: '',
+  preStuNum: 0,
+  remark: ''
+});
+
+// 定义校验规则
+const dataRules = ref({
+  enterDate: [
+    { required: true, message: '入学日期不能为空', trigger: 'change' }
+  ],
+  majorCode: [
+    { required: true, message: '专业不能为空', trigger: 'change' }
+  ],
+  deptCode: [
+    { required: true, message: '学院不能为空', trigger: 'change' }
+  ],
+  classCode: [
+    { required: true, message: '班级代码不能为空', trigger: 'blur' }
+  ],
+  classNo: [
+    { required: true, message: '班号不能为空', trigger: 'blur' }
+  ],
+  className: [
+    { required: true, message: '班级名称不能为空', trigger: 'blur' }
+  ],
+  classProName: [
+    { required: true, message: '班级规范名称不能为空', trigger: 'blur' }
+  ],
+  grade: [
+    { required: true, message: '入学年份不能为空', trigger: 'blur' }
+  ],
+  teacherNos: [
+    { required: true, message: '请选择班主任', trigger: 'change' }
+  ],
+  preStuNum: [
+    { required: true, message: '预计招生人数不能为空', trigger: 'blur' }
+  ]
+})
+
+// 打开弹窗
+const openDialog = (id?: string) => {
+  visible.value = true
+  
+  // 重置表单数据
+  Object.assign(form, {
+    id: '',
+    enterDate: '',
+    majorCode: '',
+    deptCode: '',
+    classCode: '',
+    classNo: '',
+    className: '',
+    classProName: '',
+    grade: '',
+    teacherNos: '',
+    preStuNum: 0,
+    remark: ''
+  })
+
+  // 清除表单验证状态，不触发验证
+  nextTick(() => {
+    dataFormRef.value?.clearValidate();
+    dataFormRef.value?.resetFields();
+  });
+
+  // 获取详情
+  if (id) {
+    form.id = id
+    getBasicClassData(id)
+  } else {
+    // 新增时，确保验证状态已清除
+    nextTick(() => {
+      dataFormRef.value?.clearValidate();
+    });
+  }
+};
+
+// 提交
+const onSubmit = async () => {
+  const valid = await dataFormRef.value.validate().catch(() => {});
+  if (!valid) return false;
+
+  try {
+    loading.value = true;
+    if (form.id) {
+      await putObj(form);
+      useMessage().success('编辑成功');
+    } else {
+      await addObj(form);
+      useMessage().success('新增成功');
+    }
+    visible.value = false;
+    emit('refresh');
+  } catch (err: any) {
+    useMessage().error(err.msg || (form.id ? '编辑失败' : '新增失败'));
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 获取详情
+const getBasicClassData = (id: string) => {
+  loading.value = true
+  getObj(id).then((res: any) => {
+    if (res.data) {
+      Object.assign(form, {
+        id: res.data.id || '',
+        enterDate: res.data.enterDate || '',
+        majorCode: res.data.majorCode || '',
+        deptCode: res.data.deptCode || '',
+        classCode: res.data.classCode || '',
+        classNo: res.data.classNo || '',
+        className: res.data.className || '',
+        classProName: res.data.classProName || '',
+        grade: res.data.grade || '',
+        teacherNos: res.data.teacherNos || '',
+        preStuNum: res.data.preStuNum || 0,
+        remark: res.data.remark || ''
+      })
+    }
+  }).catch((err: any) => {
+    console.error('获取详情失败', err)
+    useMessage().error('获取详情失败')
+  }).finally(() => {
+    loading.value = false
+    // 数据加载完成后，清除验证状态，避免触发验证
+    nextTick(() => {
+      dataFormRef.value?.clearValidate();
+    });
+  })
+}
+
+// 获取专业列表
+const getMajorListData = async () => {
+  try {
+    const res = await getMajorNameList()
+    if (res.data) {
+      majorList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取专业列表失败', err)
+    majorList.value = []
+  }
+}
+
+// 获取学院列表
+const getDeptListData = async () => {
+  try {
+    const res = await getDeptList()
+    if (res.data) {
+      deptList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取学院列表失败', err)
+    deptList.value = []
+  }
+}
+
+// 获取班主任列表
+const getTeacherListData = async () => {
+  try {
+    const res = await getTeacherBaseList()
+    if (res.data) {
+      teacherList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取班主任列表失败', err)
+    teacherList.value = []
+  }
+}
+
+// 初始化
+onMounted(() => {
+  getMajorListData()
+  getDeptListData()
+  getTeacherListData()
+})
+
+// 暴露变量
+defineExpose({
+  openDialog
+});
+</script>

src/views/basic/basicclass/index.vue

@@ -0,0 +1,453 @@
+<template>
+  <div class="layout-padding">
+    <div class="layout-padding-auto layout-padding-view">
+      <!-- 搜索表单 -->
+      <el-row v-show="showSearch">
+        <el-form :model="searchForm" ref="searchFormRef" :inline="true" @keyup.enter="handleSearch">
+          <el-form-item label="学院" prop="deptCode">
+            <el-select 
+              v-model="searchForm.deptCode" 
+              placeholder="请选择学院" 
+              clearable
+              filterable
+              style="width: 200px"
+              @change="handleDeptChange"> 
+              <el-option
+                v-for="item in deptList"
+                :key="item.deptCode"
+                :label="item.deptName" 
+                :value="item.deptCode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="班号" prop="classNo">
+            <el-input 
+              v-model="searchForm.classNo" 
+              placeholder="请输入班号" 
+              clearable
+              style="width: 200px" />
+          </el-form-item>
+          <el-form-item label="联院" prop="isUnion">
+            <el-select 
+              v-model="searchForm.isUnion" 
+              placeholder="请选择联院" 
+              clearable
+              style="width: 200px">
+              <el-option label="是" value="1" />
+              <el-option label="否" value="0" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="流失率" prop="stuLoseRate">
+            <el-input 
+              v-model="searchForm.stuLoseRate" 
+              placeholder="请输入流失率" 
+              clearable
+              style="width: 200px" />
+          </el-form-item>
+          <el-form-item label="入学年份" prop="grade">
+            <el-input 
+              v-model="searchForm.grade" 
+              placeholder="请输入入学年份" 
+              clearable
+              style="width: 200px" />
+          </el-form-item>
+          <el-form-item label="班主任" prop="teacherRealName">
+            <el-input 
+              v-model="searchForm.teacherRealName" 
+              placeholder="请输入班主任姓名" 
+              clearable
+              style="width: 200px" />
+          </el-form-item>
+          <el-form-item label="班级状态" prop="classStatus">
+            <el-select 
+              v-model="searchForm.classStatus" 
+              placeholder="请选择班级状态" 
+              clearable
+              style="width: 200px">
+              <el-option label="正常" value="0" />
+              <el-option label="离校" value="1" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" plain icon="Search" @click="handleSearch">查询</el-button>
+            <el-button icon="Refresh" @click="handleReset">重置</el-button>
+          </el-form-item>
+        </el-form>
+      </el-row>
+
+      <!-- 操作按钮 -->
+      <el-row>
+        <div class="mb8" style="width: 100%">
+          <el-button 
+            icon="FolderAdd" 
+            type="primary" 
+            class="ml10" 
+            @click="formDialogRef.openDialog()">
+            新 增
+          </el-button>
+          <el-button 
+            icon="Link" 
+            type="success" 
+            class="ml10" 
+            @click="handleLinkRule">
+            关联门禁规则
+          </el-button>
+          <el-button 
+            icon="Download" 
+            type="warning" 
+            class="ml10" 
+            @click="handleExport">
+            导 出
+          </el-button>
+          <el-button 
+            icon="DocumentAdd" 
+            type="info" 
+            class="ml10" 
+            @click="handleGenerateAssessment">
+            生成考核班级
+          </el-button>
+          <right-toolbar  
+            v-model:showSearch="showSearch" 
+            class="ml10 mr20" 
+            style="float: right;"
+            @queryTable="getDataList">
+          </right-toolbar>
+        </div>
+      </el-row>
+
+      <!-- 表格 -->
+      <el-table 
+        :data="state.dataList" 
+        v-loading="state.loading" 
+        border 
+        :cell-style="tableStyle.cellStyle" 
+        :header-cell-style="tableStyle.headerCellStyle"
+        @sort-change="sortChangeHandle">
+        <el-table-column type="index" label="序号" align="center" />
+        <el-table-column prop="deptName" label="学院" show-overflow-tooltip />
+        <el-table-column prop="classNo" label="班号" show-overflow-tooltip />
+        <el-table-column prop="classProName" label="班级规范名称" show-overflow-tooltip />
+        <el-table-column prop="teacherRealName" label="班主任" show-overflow-tooltip />
+        <el-table-column prop="teacherTel" label="班主任电话号码" show-overflow-tooltip />
+        <el-table-column label="班级人数/原始人数" show-overflow-tooltip>
+          <template #default="scope">
+            {{ scope.row.stuNum || 0 }}/{{ scope.row.preStuNum || 0 }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="ruleName" label="门禁规则" show-overflow-tooltip />
+        <el-table-column prop="classStatus" label="班级状态" show-overflow-tooltip>
+          <template #default="scope">
+            <span>{{ scope.row.classStatus === '0' ? '正常' : scope.row.classStatus === '1' ? '离校' : '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="stuLoseRate" label="流失率" show-overflow-tooltip>
+          <template #default="scope">
+            <span>{{ scope.row.stuLoseRate ? `${scope.row.stuLoseRate}%` : '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" fixed="right" width="200">
+          <template #default="scope">
+            <el-button 
+              icon="View" 
+              text 
+              type="primary" 
+              @click="handleViewDetail(scope.row)">
+              班级概况
+            </el-button>
+            <el-button 
+              icon="Edit" 
+              text 
+              type="primary" 
+              @click="formDialogRef.openDialog(scope.row.id)">
+              编辑
+            </el-button>
+            <el-button 
+              icon="Delete" 
+              text 
+              type="danger" 
+              @click="handleDelete([scope.row.id])">
+              删除
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <pagination 
+        @size-change="sizeChangeHandle" 
+        @current-change="currentChangeHandle" 
+        v-bind="state.pagination" />
+    </div>
+
+    <!-- 编辑、新增  -->
+    <FormDialog ref="formDialogRef" @refresh="getDataList(false)" />
+    
+    <!-- 班级概况详情 -->
+    <DetailDialog ref="detailDialogRef" />
+    
+    <!-- 关联门禁规则对话框 -->
+    <el-dialog 
+      title="关联门禁规则" 
+      v-model="linkRuleDialogVisible"
+      :close-on-click-modal="false" 
+      draggable
+      width="600px">
+      <el-form :model="linkRuleForm" label-width="120px">
+        <el-form-item label="选择班级">
+          <el-select 
+            v-model="linkRuleForm.classCodes" 
+            placeholder="请选择班级" 
+            clearable
+            filterable
+            multiple
+            style="width: 100%">
+            <el-option
+              v-for="item in classList"
+              :key="item.classCode"
+              :label="item.classNo"
+              :value="item.classCode">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="选择规则">
+          <el-select 
+            v-model="linkRuleForm.ruleId" 
+            placeholder="请选择门禁规则" 
+            clearable
+            filterable
+            style="width: 100%">
+            <el-option
+              v-for="item in ruleList"
+              :key="item.id"
+              :label="item.ruleName"
+              :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="linkRuleDialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="confirmLinkRule" :loading="linkRuleLoading">确 认</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts" name="BasicClass">
+import { ref, reactive, defineAsyncComponent, computed, onMounted } from 'vue'
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { fetchList, delObj, putObjs, classExportData, getDeptList, getClassListByRole } from "/@/api/basic/basicclass";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { fetchList as getRuleList } from "/@/api/stuwork/entrancerule";
+import { downBlobFile, adaptationUrl } from "/@/utils/other";
+
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const DetailDialog = defineAsyncComponent(() => import('./detail.vue'));
+
+// 定义变量内容
+const formDialogRef = ref()
+const detailDialogRef = ref()
+const searchFormRef = ref()
+// 搜索变量
+const showSearch = ref(true)
+const deptList = ref<any[]>([])
+const classList = ref<any[]>([])
+const ruleList = ref<any[]>([])
+const linkRuleDialogVisible = ref(false)
+const linkRuleLoading = ref(false)
+
+// 搜索表单
+const searchForm = reactive({
+  deptCode: '',
+  classNo: '',
+  isUnion: '',
+  stuLoseRate: '',
+  grade: '',
+  teacherRealName: '',
+  classStatus: ''
+})
+
+// 关联门禁规则表单
+const linkRuleForm = reactive({
+  classCodes: [] as string[],
+  ruleId: ''
+})
+
+// 配置 useTable
+const state: BasicTableProps = reactive<BasicTableProps>({
+  queryForm: searchForm,
+  pageList: fetchList,
+  props: {
+    item: 'records',
+    totalCount: 'total'
+  },
+  createdIsNeed: true
+})
+
+// table hook
+const {
+  getDataList,
+  currentChangeHandle,
+  sizeChangeHandle,
+  sortChangeHandle,
+  tableStyle
+} = useTable(state)
+
+// 学院选择变化
+const handleDeptChange = () => {
+  // 可以根据需要清空班号选择
+}
+
+// 查询
+const handleSearch = () => {
+  getDataList()
+}
+
+// 重置
+const handleReset = () => {
+  searchFormRef.value?.resetFields()
+  searchForm.deptCode = ''
+  searchForm.classNo = ''
+  searchForm.isUnion = ''
+  searchForm.stuLoseRate = ''
+  searchForm.grade = ''
+  searchForm.teacherRealName = ''
+  searchForm.classStatus = ''
+  getDataList()
+}
+
+// 删除
+const handleDelete = async (ids: string[]) => {
+  try {
+    await useMessageBox().confirm('确定要删除选中的记录吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    })
+  } catch {
+    return
+  }
+
+  try {
+    // 根据API文件，delObj接受单个id，需要循环删除
+    for (const id of ids) {
+      await delObj(id)
+    }
+    useMessage().success('删除成功')
+    getDataList()
+  } catch (err: any) {
+    useMessage().error(err.msg || '删除失败')
+  }
+}
+
+// 查看班级概况 - 直接使用表格行数据
+const handleViewDetail = (row: any) => {
+  if (detailDialogRef.value) {
+    detailDialogRef.value.openDialog(row)
+  }
+}
+
+// 关联门禁规则
+const handleLinkRule = () => {
+  linkRuleDialogVisible.value = true
+  linkRuleForm.classCodes = []
+  linkRuleForm.ruleId = ''
+  // 加载规则列表
+  getRuleListData()
+}
+
+// 确认关联门禁规则
+const confirmLinkRule = async () => {
+  if (!linkRuleForm.ruleId) {
+    useMessage().warning('请选择门禁规则')
+    return
+  }
+  if (!linkRuleForm.classCodes || linkRuleForm.classCodes.length === 0) {
+    useMessage().warning('请选择班级')
+    return
+  }
+
+  try {
+    linkRuleLoading.value = true
+    await putObjs({
+      ruleId: linkRuleForm.ruleId,
+      classCodes: linkRuleForm.classCodes
+    })
+    useMessage().success('关联成功')
+    linkRuleDialogVisible.value = false
+    getDataList()
+  } catch (err: any) {
+    useMessage().error(err.msg || '关联失败')
+  } finally {
+    linkRuleLoading.value = false
+  }
+}
+
+// 导出
+const handleExport = async () => {
+  try {
+    await downBlobFile(adaptationUrl('/basic/basicclass/classExportData'), searchForm, '班级信息.xlsx')
+    useMessage().success('导出成功')
+  } catch (err: any) {
+    useMessage().error(err.msg || '导出失败')
+  }
+}
+
+// 生成考核班级
+const handleGenerateAssessment = () => {
+  // TODO: 需要确认接口地址
+  useMessage().warning('生成考核班级功能待实现，请确认接口地址')
+}
+
+// 获取学院列表
+const getDeptListData = async () => {
+  try {
+    const res = await getDeptList()
+    if (res.data) {
+      deptList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取学院列表失败', err)
+    deptList.value = []
+  }
+}
+
+// 获取班号列表
+const getClassListData = async () => {
+  try {
+    const res = await getClassListByRole()
+    if (res.data) {
+      classList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取班号列表失败', err)
+    classList.value = []
+  }
+}
+
+// 获取门禁规则列表
+const getRuleListData = async () => {
+  try {
+    const res = await getRuleList({ current: 1, size: 9999 })
+    if (res.data && res.data.records) {
+      ruleList.value = Array.isArray(res.data.records) ? res.data.records : []
+    } else if (Array.isArray(res.data)) {
+      ruleList.value = res.data
+    } else {
+      ruleList.value = []
+    }
+  } catch (err) {
+    console.error('获取门禁规则列表失败', err)
+    ruleList.value = []
+  }
+}
+
+// 初始化
+onMounted(() => {
+  getDeptListData()
+  getClassListData()
+})
+</script>

src/views/basic/basicstudent/components/SimpleEdit.vue

@@ -0,0 +1,117 @@
+<template>
+  <el-dialog 
+    title="简单信息维护" 
+    v-model="visible"
+    :close-on-click-modal="false" 
+    draggable
+    width="600px">
+    <el-form 
+      ref="dataFormRef" 
+      :model="form" 
+      :rules="dataRules" 
+      label-width="120px" 
+      :validate-on-rule-change="false"
+      v-loading="loading">
+      <el-form-item label="姓名" prop="realName">
+        <el-input 
+          v-model="form.realName" 
+          placeholder="请输入姓名" 
+          clearable />
+      </el-form-item>
+      <el-form-item label="曾用名" prop="oldName">
+        <el-input 
+          v-model="form.oldName" 
+          placeholder="请输入曾用名" 
+          clearable />
+      </el-form-item>
+      <el-form-item label="身份证号" prop="idCard">
+        <el-input 
+          v-model="form.idCard" 
+          placeholder="请输入身份证号" 
+          clearable />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="visible = false">取 消</el-button>
+        <el-button type="primary" @click="onSubmit" :disabled="loading">确 认</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="SimpleEditDialog">
+import { ref, reactive, nextTick } from 'vue'
+import { useMessage } from "/@/hooks/message";
+import { updateStuSimpleInfo } from '/@/api/basic/basicstudent'
+
+const emit = defineEmits(['refresh']);
+
+// 定义变量内容
+const dataFormRef = ref();
+const visible = ref(false)
+const loading = ref(false)
+
+// 提交表单数据
+const form = reactive({
+  id: '',
+  realName: '',
+  oldName: '',
+  idCard: ''
+});
+
+// 定义校验规则 - 只有姓名和身份证号是必填的，曾用名不是必填
+const dataRules = ref({
+  realName: [
+    { required: true, message: '姓名不能为空', trigger: 'blur' }
+  ],
+  idCard: [
+    { required: true, message: '身份证号不能为空', trigger: 'blur' },
+    { pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '请输入正确的身份证号', trigger: 'blur' }
+  ]
+  // oldName 不是必填，不需要验证规则
+})
+
+// 打开弹窗
+const openDialog = (rowData: any) => {
+  visible.value = true
+  
+  // 重置表单数据
+  Object.assign(form, {
+    id: rowData.id || '',
+    realName: rowData.realName || '',
+    oldName: rowData.oldName || '',
+    idCard: rowData.idCard || ''
+  })
+
+  // 清除表单验证状态
+  nextTick(() => {
+    dataFormRef.value?.clearValidate();
+    dataFormRef.value?.resetFields();
+  });
+};
+
+// 提交
+const onSubmit = async () => {
+  const valid = await dataFormRef.value.validate().catch(() => {});
+  if (!valid) return false;
+
+  try {
+    loading.value = true;
+    await updateStuSimpleInfo(form);
+    useMessage().success('更新成功');
+    visible.value = false;
+    emit('refresh');
+  } catch (err: any) {
+    useMessage().error(err.msg || '更新失败');
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 暴露方法给父组件
+defineExpose({
+  openDialog
+});
+</script>
+

src/views/basic/basicstudent/detail.vue

@@ -0,0 +1,213 @@
+<template>
+  <el-dialog 
+    title="班级概况" 
+    v-model="visible"
+    :close-on-click-modal="false" 
+    draggable
+    width="1400px">
+    <div v-loading="loading">
+      <!-- 基本信息 -->
+      <el-descriptions :column="3" border v-if="detailData" class="mb20">
+        <el-descriptions-item label="班号">{{ detailData.classNo || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="班级名称">{{ detailData.className || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="班级规范名称">{{ detailData.classProName || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="学院">{{ detailData.deptName || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="班主任">{{ detailData.teacherRealName || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="班主任电话">{{ detailData.teacherTel || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="入学年份">{{ detailData.grade || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="入学时间">{{ detailData.enterDate || '-' }}</el-descriptions-item>
+        <el-descriptions-item label="班级状态">
+          <span>{{ detailData.classStatus === '0' ? '正常' : detailData.classStatus === '1' ? '离校' : '-' }}</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="班级人数/原始人数">
+          {{ detailData.stuNum || 0 }}/{{ detailData.preStuNum || 0 }}
+        </el-descriptions-item>
+        <el-descriptions-item label="流失率">
+          <span>{{ detailData.stuLoseRate ? `${detailData.stuLoseRate}%` : '-' }}</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="联院">
+          <span>{{ detailData.isUnion === 1 ? '是' : detailData.isUnion === 0 ? '否' : '-' }}</span>
+        </el-descriptions-item>
+        <el-descriptions-item label="门禁规则" :span="3">{{ detailData.ruleName || '-' }}</el-descriptions-item>
+      </el-descriptions>
+
+      <!-- 详细信息 - 使用 tabs 展示六个接口的数据 -->
+      <el-tabs v-model="activeTab" type="border-card">
+        <el-tab-pane label="班级荣誉" name="honor">
+          <el-table :data="honorList" border style="width: 100%" v-loading="honorLoading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="title" label="标题" show-overflow-tooltip />
+            <el-table-column prop="author" label="作者" width="120" />
+            <el-table-column prop="createTime" label="更新时间" width="120" />
+            <el-table-column prop="belong" label="归档级别" width="120" />
+          </el-table>
+          <div v-if="honorList.length === 0 && !honorLoading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="班级宣传" name="publicity">
+          <el-table :data="publicityList" border style="width: 100%" v-loading="publicityLoading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="title" label="标题" show-overflow-tooltip />
+            <el-table-column prop="author" label="作者" width="120" />
+            <el-table-column prop="createTime" label="更新时间" width="120" />
+            <el-table-column prop="belong" label="归档级别" width="120" />
+            <el-table-column prop="website" label="网址" show-overflow-tooltip />
+          </el-table>
+          <div v-if="publicityList.length === 0 && !publicityLoading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="数据3" name="data3">
+          <el-table :data="data3List" border style="width: 100%" v-loading="data3Loading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="title" label="标题" show-overflow-tooltip />
+            <el-table-column prop="createTime" label="更新时间" width="120" />
+          </el-table>
+          <div v-if="data3List.length === 0 && !data3Loading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="数据4" name="data4">
+          <el-table :data="data4List" border style="width: 100%" v-loading="data4Loading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="title" label="标题" show-overflow-tooltip />
+            <el-table-column prop="createTime" label="更新时间" width="120" />
+          </el-table>
+          <div v-if="data4List.length === 0 && !data4Loading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="数据5" name="data5">
+          <el-table :data="data5List" border style="width: 100%" v-loading="data5Loading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="title" label="标题" show-overflow-tooltip />
+            <el-table-column prop="createTime" label="更新时间" width="120" />
+          </el-table>
+          <div v-if="data5List.length === 0 && !data5Loading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="数据6" name="data6">
+          <el-table :data="data6List" border style="width: 100%" v-loading="data6Loading">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="title" label="标题" show-overflow-tooltip />
+            <el-table-column prop="createTime" label="更新时间" width="120" />
+          </el-table>
+          <div v-if="data6List.length === 0 && !data6Loading" style="text-align: center; padding: 20px; color: #909399;">
+            暂无数据
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="visible = false">关 闭</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="BasicClassDetail">
+import { ref, watch } from 'vue'
+import { useMessage } from "/@/hooks/message";
+import { queryClassHonorByClassCode } from '/@/api/stuwork/classhonor'
+import { queryDataByClassCode } from '/@/api/stuwork/classpublicity'
+
+// 定义变量内容
+const visible = ref(false)
+const loading = ref(false)
+const detailData = ref<any>(null)
+const activeTab = ref('honor')
+
+// 六个接口的数据
+const honorList = ref<any[]>([])
+const honorLoading = ref(false)
+const publicityList = ref<any[]>([])
+const publicityLoading = ref(false)
+const data3List = ref<any[]>([])
+const data3Loading = ref(false)
+const data4List = ref<any[]>([])
+const data4Loading = ref(false)
+const data5List = ref<any[]>([])
+const data5Loading = ref(false)
+const data6List = ref<any[]>([])
+const data6Loading = ref(false)
+
+// 打开弹窗
+const openDialog = async (rowData: any) => {
+  visible.value = true
+  detailData.value = rowData || null
+  
+  // 如果有班级代码，加载六个接口的数据
+  if (rowData?.classCode) {
+    await loadAllData(rowData.classCode)
+  }
+}
+
+// 加载所有六个接口的数据
+const loadAllData = async (classCode: string) => {
+  loading.value = true
+  
+  // 并行加载所有接口数据
+  await Promise.all([
+    loadHonorData(classCode),
+    loadPublicityData(classCode),
+    // TODO: 添加其他四个接口的加载
+    // loadData3(classCode),
+    // loadData4(classCode),
+    // loadData5(classCode),
+    // loadData6(classCode),
+  ])
+  
+  loading.value = false
+}
+
+// 加载班级荣誉数据
+const loadHonorData = async (classCode: string) => {
+  honorLoading.value = true
+  try {
+    const res = await queryClassHonorByClassCode(classCode)
+    if (res.data) {
+      honorList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err: any) {
+    console.error('获取班级荣誉失败', err)
+    honorList.value = []
+  } finally {
+    honorLoading.value = false
+  }
+}
+
+// 加载班级宣传数据
+const loadPublicityData = async (classCode: string) => {
+  publicityLoading.value = true
+  try {
+    const res = await queryDataByClassCode(classCode)
+    if (res.data) {
+      publicityList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err: any) {
+    console.error('获取班级宣传失败', err)
+    publicityList.value = []
+  } finally {
+    publicityLoading.value = false
+  }
+}
+
+// 暴露方法给父组件
+defineExpose({
+  openDialog
+});
+</script>
+
+<style lang="scss" scoped>
+.mb20 {
+  margin-bottom: 20px;
+}
+</style>

src/views/basic/basicstudent/form.vue

@@ -0,0 +1,536 @@
+<template>
+  <el-dialog 
+    :title="form.id ? '编辑' : '新增'" 
+    v-model="visible"
+    :close-on-click-modal="false" 
+    draggable
+    width="900px">
+    <el-form 
+      ref="dataFormRef" 
+      :model="form" 
+      :rules="dataRules" 
+      label-width="140px" 
+      :validate-on-rule-change="false"
+      v-loading="loading">
+      <el-row :gutter="24">
+        <el-col :span="12" class="mb20">
+          <el-form-item label="姓名" prop="realName">
+            <el-input 
+              v-model="form.realName" 
+              placeholder="请输入姓名" 
+              clearable />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="身份证" prop="idCard">
+            <el-input 
+              v-model="form.idCard" 
+              placeholder="请输入身份证号" 
+              clearable />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="性别" prop="sex">
+            <el-select 
+              v-model="form.sex" 
+              placeholder="请选择" 
+              clearable
+              style="width: 100%">
+              <el-option label="男" value="1" />
+              <el-option label="女" value="0" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="出生日期" prop="birthday">
+            <el-date-picker
+              v-model="form.birthday"
+              type="date"
+              placeholder="选择日期"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+              style="width: 100%" />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="户口所在地" prop="householdAddress">
+            <el-input 
+              v-model="form.householdAddress" 
+              placeholder="请输入户口所在地" 
+              clearable />
+          </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-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="学号" prop="stuNo">
+            <el-input 
+              v-model="form.stuNo" 
+              placeholder="请输入学号" 
+              clearable />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="辩色力" prop="colourSense">
+            <el-select 
+              v-model="form.colourSense" 
+              placeholder="请选择辩色力" 
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in eyeStatusList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="退伍军人" prop="veteran">
+            <el-select 
+              v-model="form.veteran" 
+              placeholder="请选择" 
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in veteranStatusList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="政治面貌" prop="politicsStatus">
+            <el-select 
+              v-model="form.politicsStatus" 
+              placeholder="请选择政治面貌" 
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in politicsStatusList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="民族" prop="national">
+            <el-select 
+              v-model="form.national" 
+              placeholder="请选择民族" 
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in nationalList"
+                :key="item.nationCode"
+                :label="item.nationName"
+                :value="item.nationCode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="是否10万以下民族" prop="isLowPopulation">
+            <el-select 
+              v-model="form.isLowPopulation" 
+              placeholder="请选择" 
+              clearable
+              style="width: 100%">
+              <el-option label="是" value="1" />
+              <el-option label="否" value="0" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="既往病史" prop="medicalHistory">
+            <el-input 
+              v-model="form.medicalHistory" 
+              placeholder="请输入既往病史" 
+              clearable />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="入学前文化程度" prop="beforeEducation">
+            <el-select 
+              v-model="form.beforeEducation" 
+              placeholder="请选择入学前文化程度" 
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in preSchoolEducationList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="入学前毕业学校" prop="beforeSchool">
+            <el-input 
+              v-model="form.beforeSchool" 
+              placeholder="请输入入学前毕业学校" 
+              clearable />
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="12" class="mb20">
+          <el-form-item label="毕业学校省市" prop="schoolProvince">
+            <el-select 
+              v-model="form.schoolProvince" 
+              placeholder="请选择毕业学校省市" 
+              clearable
+              filterable
+              style="width: 100%">
+              <el-option
+                v-for="item in schoolProvinceList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="visible = false">取 消</el-button>
+        <el-button type="primary" @click="onSubmit" :disabled="loading">确 认</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts" name="BasicStudentDialog">
+import { ref, reactive, nextTick, onMounted } from 'vue'
+import { useMessage } from "/@/hooks/message";
+import { getObj, addObj, putObj } from '/@/api/basic/basicstudent'
+import { getClassListByRole } from '/@/api/basic/basicclass'
+import { getNationalList } from '/@/api/basic/basicnation'
+import { getPoliticsStatusDict } from '/@/api/basic/basicpoliticsstatusbase'
+import { queryDictByTypeList } from '/@/api/admin/dict'
+
+const emit = defineEmits(['refresh']);
+
+// 定义变量内容
+const dataFormRef = ref();
+const visible = ref(false)
+const loading = ref(false)
+const classList = ref<any[]>([])
+const nationalList = ref<any[]>([])
+const politicsStatusList = ref<any[]>([])
+const eyeStatusList = ref<any[]>([])
+const veteranStatusList = ref<any[]>([])
+const preSchoolEducationList = ref<any[]>([])
+const schoolProvinceList = ref<any[]>([])
+
+// 提交表单数据
+const form = reactive({
+  id: '',
+  realName: '',
+  idCard: '',
+  sex: '',
+  birthday: '',
+  householdAddress: '',
+  classCode: '',
+  stuNo: '',
+  colourSense: '',
+  veteran: '',
+  politicsStatus: '',
+  national: '',
+  isLowPopulation: '',
+  medicalHistory: '',
+  beforeEducation: '',
+  beforeSchool: '',
+  schoolProvince: ''
+});
+
+// 定义校验规则 - 除了"是否10万以下民族"外，其他字段都是必填
+const dataRules = ref({
+  realName: [
+    { required: true, message: '姓名不能为空', trigger: 'blur' }
+  ],
+  idCard: [
+    { required: true, message: '身份证不能为空', trigger: 'blur' },
+    { pattern: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, message: '请输入正确的身份证号', trigger: 'blur' }
+  ],
+  sex: [
+    { required: true, message: '性别不能为空', trigger: 'change' }
+  ],
+  birthday: [
+    { required: true, message: '出生日期不能为空', trigger: 'change' }
+  ],
+  householdAddress: [
+    { required: true, message: '户口所在地不能为空', trigger: 'blur' }
+  ],
+  classCode: [
+    { required: true, message: '班级不能为空', trigger: 'change' }
+  ],
+  stuNo: [
+    { required: true, message: '学号不能为空', trigger: 'blur' }
+  ],
+  colourSense: [
+    { required: true, message: '辩色力不能为空', trigger: 'blur' }
+  ],
+  veteran: [
+    { required: true, message: '退伍军人不能为空', trigger: 'change' }
+  ],
+  politicsStatus: [
+    { required: true, message: '政治面貌不能为空', trigger: 'change' }
+  ],
+  national: [
+    { required: true, message: '民族不能为空', trigger: 'change' }
+  ],
+  medicalHistory: [
+    { required: true, message: '既往病史不能为空', trigger: 'blur' }
+  ],
+  beforeEducation: [
+    { required: true, message: '入学前文化程度不能为空', trigger: 'blur' }
+  ],
+  beforeSchool: [
+    { required: true, message: '入学前毕业学校不能为空', trigger: 'blur' }
+  ],
+  schoolProvince: [
+    { required: true, message: '毕业学校省市不能为空', trigger: 'blur' }
+  ]
+  // isLowPopulation 不需要必填验证
+})
+
+// 打开弹窗
+const openDialog = (id?: string) => {
+  visible.value = true
+  
+  // 重置表单数据
+  Object.assign(form, {
+    id: '',
+    realName: '',
+    idCard: '',
+    sex: '',
+    birthday: '',
+    householdAddress: '',
+    classCode: '',
+    stuNo: '',
+    colourSense: '',
+    veteran: '',
+    politicsStatus: '',
+    national: '',
+    isLowPopulation: '',
+    medicalHistory: '',
+    beforeEducation: '',
+    beforeSchool: '',
+    schoolProvince: ''
+  })
+
+  // 清除表单验证状态，不触发验证
+  nextTick(() => {
+    dataFormRef.value?.clearValidate();
+    dataFormRef.value?.resetFields();
+  });
+
+  // 获取详情
+  if (id) {
+    form.id = id
+    getStudentData(id)
+  } else {
+    // 新增时，确保验证状态已清除
+    nextTick(() => {
+      dataFormRef.value?.clearValidate();
+    });
+  }
+};
+
+// 提交
+const onSubmit = async () => {
+  const valid = await dataFormRef.value.validate().catch(() => {});
+  if (!valid) return false;
+
+  try {
+    loading.value = true;
+    if (form.id) {
+      await putObj(form);
+      useMessage().success('编辑成功');
+    } else {
+      await addObj(form);
+      useMessage().success('新增成功');
+    }
+    visible.value = false;
+    emit('refresh');
+  } catch (err: any) {
+    useMessage().error(err.msg || (form.id ? '编辑失败' : '新增失败'));
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 获取详情
+const getStudentData = (id: string) => {
+  loading.value = true
+  getObj(id).then((res: any) => {
+    if (res.data) {
+      Object.assign(form, {
+        id: res.data.id || '',
+        realName: res.data.realName || '',
+        idCard: res.data.idCard || '',
+        sex: res.data.sex || '',
+        birthday: res.data.birthday || '',
+        householdAddress: res.data.householdAddress || '',
+        classCode: res.data.classCode || '',
+        stuNo: res.data.stuNo || '',
+        colourSense: res.data.colourSense || '',
+        veteran: res.data.veteran || '',
+        politicsStatus: res.data.politicsStatus || '',
+        national: res.data.national || '',
+        isLowPopulation: res.data.isLowPopulation || '',
+        medicalHistory: res.data.medicalHistory || '',
+        beforeEducation: res.data.beforeEducation || '',
+        beforeSchool: res.data.beforeSchool || '',
+        schoolProvince: res.data.schoolProvince || ''
+      })
+    }
+  }).catch((err: any) => {
+    console.error('获取详情失败', err)
+    useMessage().error('获取详情失败')
+  }).finally(() => {
+    loading.value = false
+    // 数据加载完成后，清除验证状态，避免触发验证
+    nextTick(() => {
+      dataFormRef.value?.clearValidate();
+    });
+  })
+}
+
+// 获取班级列表
+const getClassListData = async () => {
+  try {
+    const res = await getClassListByRole()
+    if (res.data) {
+      classList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取班级列表失败', err)
+    classList.value = []
+  }
+}
+
+// 获取民族列表
+const getNationalListData = async () => {
+  try {
+    const res = await getNationalList()
+    if (res.data) {
+      nationalList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取民族列表失败', err)
+    nationalList.value = []
+  }
+}
+
+// 获取政治面貌列表
+const getPoliticsStatusListData = async () => {
+  try {
+    const res = await getPoliticsStatusDict()
+    if (res.data) {
+      politicsStatusList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取政治面貌列表失败', err)
+    politicsStatusList.value = []
+  }
+}
+
+// 获取字典数据
+const getDictData = async () => {
+  try {
+    const dictTypes = ['eye_status', 'veteran_status', 'pre_school_education', 'school_province']
+    const res = await queryDictByTypeList(dictTypes)
+    if (res.data && typeof res.data === 'object') {
+      // 解析返回的字典数据，统一转换为 {label, value} 格式
+      const parseDictList = (dictData: any) => {
+        if (!Array.isArray(dictData)) return []
+        return dictData.map((item: any) => ({
+          label: item.label || item.name || item.dictLabel || '',
+          value: item.value || item.code || item.dictValue || ''
+        })).filter((item: any) => item.label && item.value !== undefined && item.value !== null && item.value !== '')
+      }
+      
+      if (res.data.eye_status) {
+        eyeStatusList.value = parseDictList(res.data.eye_status)
+      }
+      if (res.data.veteran_status) {
+        veteranStatusList.value = parseDictList(res.data.veteran_status)
+      }
+      if (res.data.pre_school_education) {
+        preSchoolEducationList.value = parseDictList(res.data.pre_school_education)
+      }
+      if (res.data.school_province) {
+        schoolProvinceList.value = parseDictList(res.data.school_province)
+      }
+    }
+  } catch (err) {
+    console.error('获取字典数据失败', err)
+    eyeStatusList.value = []
+    veteranStatusList.value = []
+    preSchoolEducationList.value = []
+    schoolProvinceList.value = []
+  }
+}
+
+// 初始化
+onMounted(() => {
+  getClassListData()
+  getNationalListData()
+  getPoliticsStatusListData()
+  getDictData()
+})
+
+// 暴露变量
+defineExpose({
+  openDialog
+});
+</script>
+
+<style lang="scss" scoped>
+.mb20 {
+  margin-bottom: 20px;
+}
+</style>

src/views/basic/basicstudent/index.vue

@@ -0,0 +1,799 @@
+<template>
+  <div class="layout-padding">
+    <div class="layout-padding-auto layout-padding-view">
+      <!-- 搜索表单 -->
+      <el-row v-show="showSearch">
+        <el-form :model="searchForm" ref="searchFormRef" :inline="true" @keyup.enter="handleSearch">
+          <el-form-item label="学院" prop="deptCode">
+            <el-select 
+              v-model="searchForm.deptCode" 
+              placeholder="请选择学院" 
+              clearable
+              filterable
+              style="width: 200px"
+              @change="handleDeptChange"> 
+              <el-option
+                v-for="item in deptList"
+                :key="item.deptCode"
+                :label="item.deptName" 
+                :value="item.deptCode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="班级" prop="classCode">
+            <el-select 
+              v-model="searchForm.classCode" 
+              placeholder="请选择班级" 
+              clearable
+              filterable
+              style="width: 200px">
+              <el-option
+                v-for="item in classList"
+                :key="item.classCode"
+                :label="item.classNo"
+                :value="item.classCode">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="班级状态" prop="classStatus">
+            <el-select 
+              v-model="searchForm.classStatus" 
+              placeholder="请选择班级状态" 
+              clearable
+              style="width: 200px">
+              <el-option label="正常" value="0" />
+              <el-option label="离校" value="1" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="是否住宿" prop="isDorm">
+            <el-select 
+              v-model="searchForm.isDorm" 
+              placeholder="请选择是否住宿" 
+              clearable
+              style="width: 200px">
+              <el-option label="是" value="1" />
+              <el-option label="否" value="0" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="学籍状态" prop="status">
+            <el-select 
+              v-model="searchForm.status" 
+              placeholder="请选择学籍状态" 
+              clearable
+              filterable
+              style="width: 200px">
+              <el-option
+                v-for="item in statusList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="借读学年" prop="borrowYear">
+            <el-input 
+              v-model="searchForm.borrowYear" 
+              placeholder="请输入借读学年" 
+              clearable
+              style="width: 200px" />
+          </el-form-item>
+          <el-form-item label="学生状态" prop="stuStatus">
+            <el-select 
+              v-model="searchForm.stuStatus" 
+              placeholder="请选择学生状态" 
+              clearable
+              filterable
+              style="width: 200px">
+              <el-option
+                v-for="item in stuStatusList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="停车证" prop="parkingCard">
+            <el-select 
+              v-model="searchForm.parkingCard" 
+              placeholder="请选择停车证" 
+              clearable
+              style="width: 200px">
+              <el-option label="有" value="1" />
+              <el-option label="无" value="0" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="完成度" prop="completion">
+            <el-input 
+              v-model="searchForm.completion" 
+              placeholder="请输入完成度" 
+              clearable
+              style="width: 200px" />
+          </el-form-item>
+          <el-form-item label="联院班" prop="isUnionClass">
+            <el-select 
+              v-model="searchForm.isUnionClass" 
+              placeholder="请选择联院班" 
+              clearable
+              style="width: 200px">
+              <el-option label="是" value="1" />
+              <el-option label="否" value="0" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="姓名/学号/身份证号" prop="keyword">
+            <el-input 
+              v-model="searchForm.keyword" 
+              placeholder="请输入姓名/学号/身份证号" 
+              clearable
+              style="width: 200px" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" plain icon="Search" @click="handleSearch">查询</el-button>
+            <el-button icon="Refresh" @click="handleReset">重置</el-button>
+          </el-form-item>
+        </el-form>
+      </el-row>
+
+      <!-- 操作按钮 -->
+      <el-row>
+        <div class="mb8" style="width: 100%">
+          <el-button 
+            icon="FolderAdd" 
+            type="primary" 
+            class="ml10" 
+            @click="formDialogRef.openDialog()">
+            新 增
+          </el-button>
+          <el-button 
+            icon="Download" 
+            type="success" 
+            class="ml10" 
+            @click="handleExportStudent">
+            学生信息导出
+          </el-button>
+          <el-button 
+            icon="Document" 
+            type="warning" 
+            class="ml10" 
+            @click="handleApplyInternship">
+            申请顶岗
+          </el-button>
+          <el-button 
+            icon="Picture" 
+            type="info" 
+            class="ml10" 
+            @click="handleExportAvatar">
+            导出头像
+          </el-button>
+          <el-button 
+            icon="Printer" 
+            type="primary" 
+            plain
+            class="ml10" 
+            @click="handleBatchPrint">
+            批量打印
+          </el-button>
+          <el-button 
+            icon="Upload" 
+            type="success" 
+            plain
+            class="ml10" 
+            @click="handleImportCertificate">
+            段段清证书导入
+          </el-button>
+          <el-button 
+            icon="Document" 
+            type="warning" 
+            plain
+            class="ml10" 
+            @click="handleExportStudentCard">
+            学籍卡导出
+          </el-button>
+          <el-button 
+            icon="Tickets" 
+            type="info" 
+            plain
+            class="ml10" 
+            @click="handleExportCertificate">
+            证书导出
+          </el-button>
+          <right-toolbar  
+            v-model:showSearch="showSearch" 
+            class="ml10 mr20"
+            style="float: right;"
+            @queryTable="getDataList">
+          </right-toolbar>
+        </div>
+      </el-row>
+
+      <!-- 表格 -->
+      <el-table 
+        :data="state.dataList" 
+        v-loading="state.loading" 
+        border 
+        :cell-style="tableStyle.cellStyle" 
+        :header-cell-style="tableStyle.headerCellStyle"
+        @sort-change="sortChangeHandle"
+        @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column type="index" label="序号" align="center" />
+        <el-table-column prop="deptName" label="学院" show-overflow-tooltip />
+        <el-table-column prop="majorName" label="专业" show-overflow-tooltip />
+        <el-table-column prop="className" label="班级" show-overflow-tooltip />
+        <el-table-column prop="stuNo" label="学号" show-overflow-tooltip />
+        <el-table-column prop="realName" label="姓名" show-overflow-tooltip />
+        <el-table-column prop="gender" label="性别" width="80" align="center">
+          <template #default="scope">
+            <span>{{ scope.row.gender === '1' || scope.row.gender === 1 ? '男' : scope.row.gender === '0' || scope.row.gender === 0 ? '女' : '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="idCard" label="身份证号" show-overflow-tooltip />
+        <el-table-column prop="teacherNo" label="班主任" show-overflow-tooltip />
+        <el-table-column prop="isDorm" label="住宿" width="80" align="center">
+          <template #default="scope">
+            <span>{{ scope.row.isDorm === 1 || scope.row.isDorm === '1' ? '是' : scope.row.isDorm === 0 || scope.row.isDorm === '0' ? '否' : '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="education" label="文化程度" show-overflow-tooltip />
+        <el-table-column prop="enrollStatus" label="学籍状态" show-overflow-tooltip />
+        <el-table-column prop="phone" label="个人电话" show-overflow-tooltip />
+        <el-table-column prop="householdAddress" label="户籍所在地" show-overflow-tooltip />
+        <el-table-column prop="stuStatus" label="学生状态" show-overflow-tooltip />
+        <el-table-column prop="isClassLeader" label="是否班干部" width="100" align="center">
+          <template #default="scope">
+            <span>{{ scope.row.isClassLeader == 1 || scope.row.isClassLeader === '1' ? '是' : scope.row.isClassLeader == 0 || scope.row.isClassLeader === '0' ? '否' : '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="isInout" label="是否允许进出" width="120" align="center">
+          <template #default="scope">
+            <span>{{ scope.row.isInout === 1 || scope.row.isInout === '1' ? '是' : scope.row.isInout === 0 || scope.row.isInout === '0' ? '否' : '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="completeRate" label="资料完成度" width="120" align="center">
+          <template #default="scope">
+            <span>{{ scope.row.completeRate || '-' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" fixed="right" width="300">
+          <template #default="scope">
+            <el-button 
+              icon="Edit" 
+              text 
+              type="primary" 
+              @click="handleSimpleEdit(scope.row)">
+              简单信息维护
+            </el-button>
+            <el-button 
+              icon="View" 
+              text 
+              type="primary" 
+              @click="handleViewDetail(scope.row)">
+              详情
+            </el-button>
+            <el-button 
+              icon="Picture" 
+              text 
+              type="primary" 
+              @click="handlePrintPhoto(scope.row)">
+              打印证件照
+            </el-button>
+            <el-button 
+              icon="Key" 
+              text 
+              type="warning" 
+              @click="handleResetPassword(scope.row)">
+              重置密码
+            </el-button>
+            <el-button 
+              v-if="scope.row.isClassLeader == 1 || scope.row.isClassLeader === '1'"
+              icon="User" 
+              text 
+              type="danger" 
+              @click="handleCancelLeader(scope.row)">
+              取消班干部
+            </el-button>
+            <el-button 
+              v-else
+              icon="User" 
+              text 
+              type="success" 
+              @click="handleSetLeader(scope.row)">
+              设为班干部
+            </el-button>
+            <el-button 
+              icon="Lock" 
+              text 
+              type="danger" 
+              @click="handleForbidInout(scope.row)">
+              禁止进出
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页 -->
+      <pagination 
+        @size-change="sizeChangeHandle" 
+        @current-change="currentChangeHandle" 
+        v-bind="state.pagination" />
+    </div>
+
+    <!-- 编辑、新增  -->
+    <FormDialog ref="formDialogRef" @refresh="getDataList(false)" />
+    
+    <!-- 学生详情 -->
+    <DetailDialog ref="detailDialogRef" />
+    
+    <!-- 简单信息维护对话框 -->
+    <SimpleEditDialog ref="simpleEditDialogRef" @refresh="getDataList(false)" />
+    
+    <!-- 段段清证书导入对话框 -->
+    <el-dialog 
+      title="段段清证书导入" 
+      v-model="importCertificateDialogVisible"
+      :close-on-click-modal="false" 
+      draggable
+      width="500px">
+      <el-upload
+        ref="uploadRef"
+        :action="uploadAction"
+        :headers="uploadHeaders"
+        :data="uploadData"
+        :on-success="handleUploadSuccess"
+        :on-error="handleUploadError"
+        :before-upload="beforeUpload"
+        :file-list="fileList"
+        :auto-upload="false"
+        accept=".xlsx,.xls">
+        <template #trigger>
+          <el-button type="primary">选择文件</el-button>
+        </template>
+        <el-button type="success" @click="submitUpload" :loading="uploadLoading">上传</el-button>
+      </el-upload>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="importCertificateDialogVisible = false">关 闭</el-button>
+        </span>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts" name="BasicStudent">
+import { ref, reactive, defineAsyncComponent, computed, onMounted } from 'vue'
+import { BasicTableProps, useTable } from "/@/hooks/table";
+import { 
+  fetchList, 
+  delObj, 
+  exportStudentData,
+  applyInternship,
+  getDownPic,
+  preBatchPrint,
+  importCertificate,
+  exportStuInfoCard,
+  exportCertificate,
+  resetPassWord,
+  editIsleader,
+  updateInout,
+  updateStuSimpleInfo,
+  getStuStatus,
+  prePrint
+} from "/@/api/basic/basicstudent";
+import { getDeptList, getClassListByRole } from "/@/api/basic/basicclass";
+import { queryDictByTypeList } from "/@/api/admin/dict";
+import { useMessage, useMessageBox } from "/@/hooks/message";
+import { downBlobFile, adaptationUrl } from "/@/utils/other";
+import { Session } from "/@/utils/storage";
+
+// 引入组件
+const FormDialog = defineAsyncComponent(() => import('./form.vue'));
+const DetailDialog = defineAsyncComponent(() => import('./detail.vue'));
+const SimpleEditDialog = defineAsyncComponent(() => import('./components/SimpleEdit.vue'));
+
+// 定义变量内容
+const formDialogRef = ref()
+const detailDialogRef = ref()
+const simpleEditDialogRef = ref()
+const searchFormRef = ref()
+const uploadRef = ref()
+const showSearch = ref(true)
+const deptList = ref<any[]>([])
+const classList = ref<any[]>([])
+const statusList = ref<any[]>([])
+const stuStatusList = ref<any[]>([])
+const selectedRows = ref<any[]>([])
+const importCertificateDialogVisible = ref(false)
+const uploadLoading = ref(false)
+const fileList = ref<any[]>([])
+
+// 搜索表单
+const searchForm = reactive({
+  deptCode: '',
+  classCode: '',
+  classStatus: '',
+  isDorm: '',
+  status: '',
+  borrowYear: '',
+  stuStatus: '',
+  parkingCard: '',
+  completion: '',
+  isUnionClass: '',
+  keyword: ''
+})
+
+// 配置 useTable
+const state: BasicTableProps = reactive<BasicTableProps>({
+  queryForm: searchForm,
+  pageList: fetchList,
+  props: {
+    item: 'records',
+    totalCount: 'total'
+  },
+  createdIsNeed: true
+})
+
+// table hook
+const {
+  getDataList,
+  currentChangeHandle,
+  sizeChangeHandle,
+  sortChangeHandle,
+  tableStyle
+} = useTable(state)
+
+// 学院选择变化
+const handleDeptChange = () => {
+  // 可以根据需要清空班级选择
+  searchForm.classCode = ''
+}
+
+// 查询
+const handleSearch = () => {
+  getDataList()
+}
+
+// 重置
+const handleReset = () => {
+  searchFormRef.value?.resetFields()
+  Object.assign(searchForm, {
+    deptCode: '',
+    classCode: '',
+    classStatus: '',
+    isDorm: '',
+    status: '',
+    borrowYear: '',
+    stuStatus: '',
+    parkingCard: '',
+    completion: '',
+    isUnionClass: '',
+    keyword: ''
+  })
+  getDataList()
+}
+
+// 表格选择变化
+const handleSelectionChange = (selection: any[]) => {
+  selectedRows.value = selection
+}
+
+// 学生信息导出
+const handleExportStudent = async () => {
+  try {
+    await exportStudentData(searchForm)
+    useMessage().success('导出成功')
+  } catch (err: any) {
+    useMessage().error(err.msg || '导出失败')
+  }
+}
+
+// 申请顶岗
+const handleApplyInternship = async () => {
+  if (selectedRows.value.length === 0) {
+    useMessage().warning('请先选择学生')
+    return
+  }
+  try {
+    const stuNos = selectedRows.value.map((row: any) => row.stuNo)
+    await applyInternship({ stuNos })
+    useMessage().success('申请成功')
+    getDataList()
+  } catch (err: any) {
+    useMessage().error(err.msg || '申请失败')
+  }
+}
+
+// 导出头像
+const handleExportAvatar = async () => {
+  try {
+    const params: any = { ...searchForm }
+    if (selectedRows.value.length > 0) {
+      params.stuNos = selectedRows.value.map((row: any) => row.stuNo)
+    }
+    await getDownPic(params)
+    useMessage().success('导出成功')
+  } catch (err: any) {
+    useMessage().error(err.msg || '导出失败')
+  }
+}
+
+// 批量打印
+const handleBatchPrint = async () => {
+  if (selectedRows.value.length === 0) {
+    useMessage().warning('请先选择学生')
+    return
+  }
+  try {
+    const stuNos = selectedRows.value.map((row: any) => row.stuNo)
+    await preBatchPrint({ stuNos })
+    useMessage().success('打印准备成功')
+  } catch (err: any) {
+    useMessage().error(err.msg || '打印准备失败')
+  }
+}
+
+// 段段清证书导入
+const handleImportCertificate = () => {
+  importCertificateDialogVisible.value = true
+  fileList.value = []
+}
+
+// 上传相关
+const uploadAction = computed(() => {
+  return adaptationUrl('/basic/basicstudent/importCertificate')
+})
+
+const uploadHeaders = computed(() => {
+  return {
+    'Authorization': `Bearer ${Session.getToken()}`
+  }
+})
+
+const uploadData = computed(() => {
+  return {}
+})
+
+const beforeUpload = (file: any) => {
+  const isExcel = file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || 
+                  file.type === 'application/vnd.ms-excel'
+  if (!isExcel) {
+    useMessage().error('只能上传 Excel 文件')
+    return false
+  }
+  return true
+}
+
+const submitUpload = () => {
+  uploadRef.value?.submit()
+}
+
+const handleUploadSuccess = (response: any) => {
+  uploadLoading.value = false
+  useMessage().success('导入成功')
+  importCertificateDialogVisible.value = false
+  getDataList()
+}
+
+const handleUploadError = (err: any) => {
+  uploadLoading.value = false
+  useMessage().error('导入失败')
+}
+
+// 学籍卡导出
+const handleExportStudentCard = async () => {
+  try {
+    const params: any = { ...searchForm }
+    if (selectedRows.value.length > 0) {
+      params.stuNos = selectedRows.value.map((row: any) => row.stuNo)
+    }
+    await exportStuInfoCard(params)
+    useMessage().success('导出成功')
+  } catch (err: any) {
+    useMessage().error(err.msg || '导出失败')
+  }
+}
+
+// 证书导出
+const handleExportCertificate = async () => {
+  try {
+    const params: any = { ...searchForm }
+    if (selectedRows.value.length > 0) {
+      params.stuNos = selectedRows.value.map((row: any) => row.stuNo)
+    }
+    await exportCertificate(params)
+    useMessage().success('导出成功')
+  } catch (err: any) {
+    useMessage().error(err.msg || '导出失败')
+  }
+}
+
+// 简单信息维护
+const handleSimpleEdit = (row: any) => {
+  if (simpleEditDialogRef.value) {
+    simpleEditDialogRef.value.openDialog(row)
+  }
+}
+
+// 查看详情
+const handleViewDetail = (row: any) => {
+  if (detailDialogRef.value) {
+    detailDialogRef.value.openDialog(row.id)
+  }
+}
+
+// 打印证件照
+const handlePrintPhoto = async (row: any) => {
+  try {
+    await prePrint(row.stuNo)
+    useMessage().success('打印准备成功')
+  } catch (err: any) {
+    useMessage().error(err.msg || '打印准备失败')
+  }
+}
+
+// 重置密码
+const handleResetPassword = async (row: any) => {
+  try {
+    await useMessageBox().confirm('确定要重置该学生的密码吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    })
+    await resetPassWord({ stuNo: row.stuNo })
+    useMessage().success('重置成功')
+  } catch (err: any) {
+    if (err !== 'cancel') {
+      useMessage().error(err.msg || '重置失败')
+    }
+  }
+}
+
+// 设为班干部
+const handleSetLeader = async (row: any) => {
+  try {
+    await editIsleader({ id: row.id, isClassLeader: 1 })
+    useMessage().success('设置成功')
+    getDataList()
+  } catch (err: any) {
+    useMessage().error(err.msg || '设置失败')
+  }
+}
+
+// 取消班干部
+const handleCancelLeader = async (row: any) => {
+  try {
+    await editIsleader({ id: row.id, isClassLeader: 0 })
+    useMessage().success('取消成功')
+    getDataList()
+  } catch (err: any) {
+    useMessage().error(err.msg || '取消失败')
+  }
+}
+
+// 禁止进出
+const handleForbidInout = async (row: any) => {
+  try {
+    await useMessageBox().confirm('确定要禁止该学生进出吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    })
+    await updateInout({ id: row.id, isAllowInout: 0 })
+    useMessage().success('操作成功')
+    getDataList()
+  } catch (err: any) {
+    if (err !== 'cancel') {
+      useMessage().error(err.msg || '操作失败')
+    }
+  }
+}
+
+// 获取学院列表
+const getDeptListData = async () => {
+  try {
+    const res = await getDeptList()
+    if (res.data) {
+      deptList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取学院列表失败', err)
+    deptList.value = []
+  }
+}
+
+// 获取班级列表
+const getClassListData = async () => {
+  try {
+    const res = await getClassListByRole()
+    if (res.data) {
+      classList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取班级列表失败', err)
+    classList.value = []
+  }
+}
+
+// 获取学籍状态列表
+const getStatusListData = async () => {
+  try {
+    const res = await getStuStatus()
+    if (res.data) {
+      statusList.value = Array.isArray(res.data) ? res.data : []
+    }
+  } catch (err) {
+    console.error('获取学籍状态列表失败', err)
+    statusList.value = []
+  }
+}
+
+// 获取学生状态列表
+const getStuStatusListData = async () => {
+  try {
+    // 先尝试使用批量字典接口
+    const res = await queryDictByTypeList(['student_status'])
+    
+    // 尝试多种可能的数据结构
+    let dictData = null
+    if (res.data) {
+      // 可能是 res.data.student_status
+      if (res.data.student_status) {
+        dictData = res.data.student_status
+      }
+      // 可能是 res.data['student_status']
+      else if (res.data['student_status']) {
+        dictData = res.data['student_status']
+      }
+      // 可能是直接返回数组
+      else if (Array.isArray(res.data)) {
+        dictData = res.data
+      }
+      // 可能是对象，键为 student_status
+      else if (typeof res.data === 'object') {
+        const keys = Object.keys(res.data)
+        if (keys.length > 0) {
+          dictData = res.data[keys[0]]
+        }
+      }
+    }
+    
+    if (dictData && Array.isArray(dictData) && dictData.length > 0) {
+      const parseDictList = (dictData: any) => {
+        return dictData.map((item: any) => ({
+          label: item.label || item.name || item.dictLabel || item.text || '',
+          value: item.value || item.code || item.dictValue || item.id || ''
+        })).filter((item: any) => item.label && item.value !== undefined && item.value !== null && item.value !== '')
+      }
+      stuStatusList.value = parseDictList(dictData)
+      return
+    }
+  } catch (err) {
+    console.error('批量字典接口获取学生状态失败', err)
+  }
+  
+  // 如果批量字典接口失败或返回数据格式不对，使用原来的单个字典接口
+  try {
+    const fallbackRes = await getStuStatus()
+    if (fallbackRes.data) {
+      if (Array.isArray(fallbackRes.data)) {
+        // 确保数据格式统一为 {label, value}
+        stuStatusList.value = fallbackRes.data.map((item: any) => ({
+          label: item.label || item.name || item.dictLabel || item.text || '',
+          value: item.value || item.code || item.dictValue || item.id || ''
+        })).filter((item: any) => item.label && item.value !== undefined && item.value !== null && item.value !== '')
+      } else {
+        stuStatusList.value = []
+      }
+    }
+  } catch (fallbackErr) {
+    console.error('获取学生状态列表失败', fallbackErr)
+    stuStatusList.value = []
+  }
+}
+
+// 初始化
+onMounted(() => {
+  getDeptListData()
+  getClassListData()
+  getStatusListData()
+  getStuStatusListData()
+})
+</script>