分数导入

src/views/management/route/api.ts

@@ -81,3 +81,35 @@ export function queryScore(
 ): Promise<Service.RequestResult<ScoreParams[]>> {
   return request.post(`/scores/query?pageNum=${pageNum}&pageSize=${pageSize}`, params);
 }
+
+export interface StudentParams {
+  id?: number;
+  archiveNumber?: string;
+  studentNumber?: string;
+  studentName?: string;
+  gender?: string;
+  birthdate?: Record<string, unknown>;
+  address?: string;
+  phone?: string;
+  email?: string;
+  enrollmentDate?: Record<string, unknown>;
+  graduationDate?: Record<string, unknown>;
+  grade?: number;
+  major?: string;
+  minor?: string;
+  university?: string;
+  createTime?: Record<string, unknown>;
+  modifyTime?: Record<string, unknown>;
+  admissionsId?: number;
+  managerId?: number;
+  createUid?: number;
+  studentIdnumber?: string;
+}
+
+export function studentRequest(
+  pageNum: number,
+  pageSize: number,
+  params: StudentParams
+): Promise<Service.RequestResult<StudentParams[]>> {
+  return request.post(`/student/query?pageNum=${pageNum}&pageSize=${pageSize}`, params);
+}

src/views/management/route/component/crud.ts

@@ -30,24 +30,33 @@ export default function createCrudOptions(crudOptionsProps: CreateCrudOptionsPro
         show: false
       },
       search: {
-        show: false,
+        show: true,
         buttons: {
           search: {
-            show: false
+            show: true
           },
           reset: {
-            show: false
+            show: true
+          },
+          custom: {
+            show: true,
+            text: '关闭',
+            click: () => {
+              crudOptionsProps.context?.viewActiveCloseFunc();
+            }
           }
         }
       },
       columns: {
         studentNumber: {
           title: '学员编号',
-          search: { show: false },
+          search: {
+            show: true
+          },
           type: 'text',
           column: {
             align: 'center',
-            width: 140
+            width: 240
           },
           form: {
             show: false

src/views/management/route/component/index.vue

@@ -14,8 +14,16 @@ const props = defineProps({
     default: 0
   }
 });
+interface Emits {
+  (e: 'closeEmits', value: boolean): void;
+}
+
+const emits = defineEmits<Emits>();
 const context = {
-  subjectId: props.subjectId
+  subjectId: props.subjectId,
+  viewActiveCloseFunc: () => {
+    emits('closeEmits', true);
+  }
 };
 const { crudRef, crudBinding, crudExpose } = useFs({ createCrudOptions, context });
 onMounted(() => {
@@ -23,4 +31,8 @@ onMounted(() => {
 });
 </script>
 
-<style scoped></style>
+<style scoped lang="scss">
+:deep(.fs-search-col) {
+  margin-left: 2rem !important;
+}
+</style>

src/views/management/route/index.vue

@@ -2,16 +2,23 @@
   <div class="h-full bg-white">
     <fs-crud ref="crudRef" v-bind="crudBinding" />
 
-    <n-drawer v-model:show="importActive" default-width="40%" placement="right" resizable>
+    <n-drawer v-model:show="importActive" default-width="60%" placement="right" resizable>
       <n-drawer-content title="导入科目学员成绩">
         <n-space> 当前上传操作用于处理 批量导入 学员成绩分数功能 </n-space>
+        <n-space> 上传分数表格前, 请先下载模板表格 填写数据 </n-space>
+        <n-space>
+          必须使用标准模板导入数据才能被解析,
+          <n-button @click="downloadTemplate">点击我下载分数模板表格</n-button>
+        </n-space>
         <n-upload
           class="flex-col-center"
           style="margin-top: 30%"
           multiple
           directory-dnd
-          action="https://www.mocky.io/v2/5e4bafc63100007100d8b70f"
+          :action="uploadFile"
           :max="1"
+          @before-upload="beforeUpload"
+          @finish="handleFinish"
         >
           <n-upload-dragger>
             <div>
@@ -27,9 +34,16 @@
       </n-drawer-content>
     </n-drawer>
 
-    <n-drawer v-model:show="viewActive" default-width="50%" placement="left" resizable>
+    <n-drawer v-model:show="viewActive" default-width="100%" placement="left" resizable>
       <n-drawer-content title="查看科目学员成绩">
-        <ScoresView :subject-id="subjectId" />
+        <ScoresView
+          :subject-id="subjectId"
+          @close-emits="
+            () => {
+              viewActive = false;
+            }
+          "
+        />
       </n-drawer-content>
     </n-drawer>
   </div>
@@ -37,12 +51,16 @@
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
+import type { UploadFileInfo } from 'naive-ui';
 import { useFs } from '@fast-crud/fast-crud';
+import importScores from '@/public/分数导入.xlsx';
+import { getServiceEnvConfig } from '~/.env-config';
 import createCrudOptions from './crud';
 import ScoresView from './component/index.vue';
 const importActive = ref<boolean>(false);
 const viewActive = ref<boolean>(false);
 const subjectId = ref<number>(0);
+const { url, proxyPattern } = getServiceEnvConfig(import.meta.env);
 const context: any = {
   importActiveFunc: (id: number) => {
     if (id > 0) {
@@ -55,6 +73,26 @@ const context: any = {
   }
 };
 const { crudRef, crudBinding, crudExpose } = useFs({ createCrudOptions, context });
+
+const uploadFile = proxyPattern ? `${proxyPattern}/scores/import` : `${url}/scores/import`;
+function handleFinish() {
+  crudExpose.doRefresh();
+  importActive.value = false;
+  window.$message?.success('上传成功');
+}
+
+function beforeUpload(data: { file: UploadFileInfo; fileList: UploadFileInfo[] }) {
+  if (data.file.file?.type !== 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
+    window.$message?.error('只能上传 Excel 格式的表格文件 请重新上传');
+    return false;
+  }
+  return true;
+}
+
+function downloadTemplate() {
+  window.location.href = importScores;
+}
+
 onMounted(() => {
   crudExpose.doRefresh();
 });