1

src/views/basic/basicstudent/index.vue

@@ -388,10 +388,10 @@
     <SimpleEditDialog ref="simpleEditDialogRef" @refresh="getDataList(false)" />
     
     <!-- 段段清证书导入对话框 -->
-    <el-dialog 
-      title="段段清证书导入" 
+    <el-dialog
+      title="段段清证书导入"
       v-model="importCertificateDialogVisible"
-      :close-on-click-modal="false" 
+      :close-on-click-modal="false"
       draggable
       width="500px">
       <el-upload
@@ -416,6 +416,44 @@
         </span>
       </template>
     </el-dialog>
+
+    <!-- 学生信息导出字段选择弹窗 -->
+    <el-dialog
+      title="选择导出字段"
+      v-model="exportFieldDialogVisible"
+      :close-on-click-modal="false"
+      draggable
+      width="600px">
+      <div class="export-field-container">
+        <div class="field-header">
+          <el-checkbox
+            v-model="exportFieldCheckAll"
+            :indeterminate="exportFieldIndeterminate"
+            @change="handleExportFieldCheckAllChange">
+            全选
+          </el-checkbox>
+          <el-button type="primary" link @click="handleExportFieldReset">重置</el-button>
+        </div>
+        <el-divider />
+        <el-checkbox-group v-model="selectedExportFields" class="field-checkbox-group">
+          <el-checkbox
+            v-for="field in exportFieldOptions"
+            :key="field.value"
+            :label="field.value"
+            class="field-checkbox">
+            {{ field.label }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </div>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="exportFieldDialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="handleExportFieldConfirm" :loading="exportFieldLoading" :disabled="selectedExportFields.length === 0">
+            确认导出
+          </el-button>
+        </span>
+      </template>
+    </el-dialog>
   </div>
 </template>
 
@@ -448,6 +486,7 @@ import { downBlobFile, adaptationUrl } from "/@/utils/other";
 import { Session } from "/@/utils/storage";
 import TableColumnControl from '/@/components/TableColumnControl/index.vue'
 import GenderTag from '/@/components/GenderTag/index.vue'
+import {makeExportClassRoomHygieneMonthlyTask} from "/@/api/stuwork/file";
 
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import('./form.vue'));
@@ -472,6 +511,12 @@ const selectedRows = ref<any[]>([])
 const importCertificateDialogVisible = ref(false)
 const uploadLoading = ref(false)
 const fileList = ref<any[]>([])
+// 导出字段选择相关
+const exportFieldDialogVisible = ref(false)
+const exportFieldLoading = ref(false)
+const selectedExportFields = ref<string[]>([])
+const exportFieldCheckAll = ref(false)
+const exportFieldIndeterminate = ref(false)
 
 // 表格列配置
 const tableColumns = [
@@ -499,6 +544,36 @@ const visibleColumns = ref<string[]>([])
 // 列排序顺序
 const columnOrder = ref<string[]>([])
 
+// 导出字段选项
+const exportFieldOptions = [
+  { value: 'deptName', label: '学院' },
+  { value: 'majorName', label: '专业' },
+  { value: 'className', label: '班级' },
+  { value: 'classNo', label: '班号' },
+  { value: 'stuNo', label: '学号' },
+  { value: 'realName', label: '姓名' },
+  { value: 'gender', label: '性别' },
+  { value: 'idCard', label: '身份证号' },
+  { value: 'birthday', label: '出生日期' },
+  { value: 'nation', label: '民族' },
+  { value: 'politicalStatus', label: '政治面貌' },
+  { value: 'phone', label: '个人电话' },
+  { value: 'parentPhone', label: '家长电话' },
+  { value: 'education', label: '文化程度' },
+  { value: 'householdType', label: '户口性质' },
+  { value: 'householdAddress', label: '户籍所在地' },
+  { value: 'currentAddress', label: '现住址' },
+  { value: 'isDorm', label: '是否住宿' },
+  { value: 'dormNo', label: '宿舍号' },
+  { value: 'enrollStatus', label: '学籍状态' },
+  { value: 'stuStatus', label: '学生状态' },
+  { value: 'teacherName', label: '班主任' },
+  { value: 'isClassLeader', label: '是否班干部' },
+  { value: 'bankCard', label: '银行卡号' },
+  { value: 'bankName', label: '开户行' },
+  { value: 'remark', label: '备注' }
+]
+
 // 从本地统一存储加载配置
 const loadSavedConfig = () => {
   const routePath = route.path.replace(/^\//, '').replace(/\//g, '-')
@@ -654,8 +729,56 @@ const handleSelectionChange = (selection: any[]) => {
 }
 
 // 学生信息导出
-const handleExportStudent = async () => {
-  useMessage().warning('功能开发中')
+const handleExportStudent = () => {
+  // 打开字段选择弹窗
+  exportFieldDialogVisible.value = true
+  // 默认选中常用字段
+  if (selectedExportFields.value.length === 0) {
+    selectedExportFields.value = ['deptName', 'majorName', 'className', 'stuNo', 'realName', 'gender', 'idCard', 'phone', 'education', 'enrollStatus']
+  }
+  updateExportFieldCheckAll()
+}
+
+// 全选/取消全选
+const handleExportFieldCheckAllChange = (val: boolean) => {
+  selectedExportFields.value = val ? exportFieldOptions.map(item => item.value) : []
+  exportFieldIndeterminate.value = false
+}
+
+// 更新全选状态
+const updateExportFieldCheckAll = () => {
+  const total = exportFieldOptions.length
+  const selected = selectedExportFields.value.length
+  exportFieldCheckAll.value = selected === total
+  exportFieldIndeterminate.value = selected > 0 && selected < total
+}
+
+// 重置选择
+const handleExportFieldReset = () => {
+  selectedExportFields.value = ['deptName', 'majorName', 'className', 'stuNo', 'realName', 'gender', 'idCard', 'phone', 'education', 'enrollStatus']
+  updateExportFieldCheckAll()
+}
+
+// 确认导出
+const handleExportFieldConfirm = async () => {
+  if (selectedExportFields.value.length === 0) {
+    useMessage().warning('请至少选择一个导出字段')
+    return
+  }
+
+  exportFieldLoading.value = true
+  try {
+    const params = {
+      ...searchForm,
+      fields: selectedExportFields.value.join(',')
+    }
+    await exportStudentData(params)
+    useMessage().success('导出任务已创建，请在文件管理中下载')
+  } catch (err: any) {
+    useMessage().error(err.msg || '导出失败')
+  } finally {
+    exportFieldLoading.value = false
+  }
 }
 
 // 申请顶岗
@@ -889,3 +1012,30 @@ onMounted(() => {
   getStuStatusListData()
 })
 </script>
+
+<style scoped lang="scss">
+.export-field-container {
+  .field-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 10px;
+  }
+
+  .field-checkbox-group {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    padding: 10px;
+
+    .field-checkbox {
+      width: calc(25% - 12px);
+      margin-right: 0;
+
+      @media (max-width: 768px) {
+        width: calc(50% - 12px);
+      }
+    }
+  }
+}
+</style>