From ba988cfaf6b2689dd1497a7e3ca49812e767dd92 Mon Sep 17 00:00:00 2001
From: wanglingyu <1512528122@qq.com>
Date: Tue, 4 Jul 2023 16:46:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=BF=A1=E6=81=AF=E7=A1=AE?=
 =?UTF-8?q?=E8=AE=A4=E5=89=8D=E7=AB=AF=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/wanglingyu/api/getInfo.js           |   1 +
 src/wanglingyu/views/ImportListView.vue | 120 ---------------
 src/wanglingyu/views/StuInformView.vue  | 195 ++++++++++--------------
 3 files changed, 82 insertions(+), 234 deletions(-)
 create mode 100644 src/wanglingyu/api/getInfo.js
 delete mode 100644 src/wanglingyu/views/ImportListView.vue

diff --git a/src/wanglingyu/api/getInfo.js b/src/wanglingyu/api/getInfo.js
new file mode 100644
index 0000000..cff8f60
--- /dev/null
+++ b/src/wanglingyu/api/getInfo.js
@@ -0,0 +1 @@
+import service from '@/utils/service';
\ No newline at end of file
diff --git a/src/wanglingyu/views/ImportListView.vue b/src/wanglingyu/views/ImportListView.vue
deleted file mode 100644
index fd63295..0000000
--- a/src/wanglingyu/views/ImportListView.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<template>
-  <div>
-    <el-container>
-      <el-header
-        ><el-button type="primary" @click="dialogVisible = true"
-          >导入学生</el-button
-        >
-
-        <el-dialog title="导入学生" :visible.sync="dialogVisible" width="40%">
-          <el-upload
-            ref="upload"
-            class="upload-demo"
-            drag
-            :action="uploadUrl"
-            :limit="1"
-            accept=".xlsx, .xls"
-            :auto-upload="false"
-            :on-change="handleFileChange"
-          >
-            <i class="el-icon-upload"></i>
-            <div class="el-upload__text">
-              将文件拖到此处，或<em>点击上传</em>
-            </div>
-            <div class="el-upload__tip text-center" slot="tip">
-              <span>仅允许导入xls、xlsx格式文件。</span>
-            </div>
-          </el-upload>
-          <div slot="footer" class="dialog-footer">
-            <el-button @click="dialogVisible = false">取 消</el-button>
-            <el-button type="primary" @click="uploadFile">上 传</el-button>
-          </div>
-        </el-dialog></el-header
-      >
-      <el-main
-        ><el-table v-if="studentList.length > 0" :data="studentList" border
-          ><el-table-column
-            type="index"
-            :index="indexMethod"
-            align="center"
-            label="序号"
-            width="50"
-          ></el-table-column>
-          <el-table-column prop="card_id" label="学号"></el-table-column>
-          <el-table-column prop="name" label="姓名"></el-table-column>
-          <el-table-column prop="school" label="学院"></el-table-column>
-          <el-table-column prop="grade" label="年级"></el-table-column>
-          <el-table-column prop="stu_class" label="班级"></el-table-column>
-          <el-table-column
-            prop="major"
-            label="专业"
-          ></el-table-column> </el-table
-      ></el-main>
-      <el-footer
-        ><el-pagination
-          v-if="studentList.length > 0"
-          background
-          :current-page="currentPage"
-          :page-size="pageSize"
-          :total="totalStudents"
-          :page-sizes="[10, 20, 30, 50]"
-          @current-change="handlePageChange"
-          @size-change="handleSizeChange"
-          layout="total, sizes, prev, pager, next, jumper"
-        >
-        </el-pagination
-      ></el-footer>
-    </el-container>
-  </div>
-</template>
-
-<script>
-import { getPage } from "@/wanglingyu/api/import";
-
-export default {
-  data() {
-    return {
-      dialogVisible: false,
-      uploadUrl: "http://localhost:20235/student/import",
-      file: null,
-      currentPage: 1,
-      pageSize: 10,
-      studentList: [], // 学生列表数据
-      totalStudents: 0, // 总学生数
-    };
-  },
-  mounted() {
-    this.fetchStudentList();
-  },
-  methods: {
-    indexMethod(index) {
-      return index + 1 + (this.currentPage - 1) * this.pageSize; // 返回表格序号
-    },
-    async fetchStudentList() {
-      const response = await getPage(this.currentPage, this.pageSize);
-      this.studentList = response.data.data.rows; // 将数据赋值给studentList
-      this.totalStudents = response.data.data.total; // 设置总学生数
-    },
-    handleFileChange(file) {
-      this.file = file;
-    },
-    uploadFile() {
-      if (this.file) {
-        this.$refs.upload.submit();
-        this.dialogVisible = false;
-      } else {
-        // 处理未选择文件的情况
-        // 可以显示提示信息或进行其他操作
-      }
-    },
-    handlePageChange(currentPage) {
-      this.currentPage = currentPage;
-      this.fetchStudentList();
-    },
-    handleSizeChange(pageSize) {
-      this.pageSize = pageSize;
-      this.fetchStudentList();
-    },
-  },
-};
-</script>
diff --git a/src/wanglingyu/views/StuInformView.vue b/src/wanglingyu/views/StuInformView.vue
index 4cfdf04..7b3e578 100644
--- a/src/wanglingyu/views/StuInformView.vue
+++ b/src/wanglingyu/views/StuInformView.vue
@@ -1,121 +1,88 @@
 <template>
-    <div>
-      <el-container>
-        <el-header
-          ><el-button type="primary" @click="dialogVisible = true"
-            >导入学生</el-button
-          >
-  
-          <el-dialog title="导入学生" :visible.sync="dialogVisible" width="40%">
-            <el-upload
-              ref="upload"
-              class="upload-demo"
-              drag
-              :action="uploadUrl"
-              :limit="1"
-              accept=".xlsx, .xls"
-              :auto-upload="false"
-              :on-change="handleFileChange"
-            >
-              <i class="el-icon-upload"></i>
-              <div class="el-upload__text">
-                将文件拖到此处，或<em>点击上传</em>
-              </div>
-              <div class="el-upload__tip text-center" slot="tip">
-                <span>仅允许导入xls、xlsx格式文件。</span>
-              </div>
-            </el-upload>
-            <div slot="footer" class="dialog-footer">
-              <el-button @click="dialogVisible = false">取 消</el-button>
-              <el-button type="primary" @click="uploadFile">上 传</el-button>
-            </div>
-          </el-dialog></el-header
-        >
-        <el-main
-          ><el-table v-if="studentList.length > 0" :data="studentList" border
-            ><el-table-column
-              type="index"
-              :index="indexMethod"
-              align="center"
-              label="序号"
-              width="50"
-            ></el-table-column>
-            <el-table-column prop="card_id" label="学号"></el-table-column>
-            <el-table-column prop="name" label="姓名"></el-table-column>
-            <el-table-column prop="school" label="学院"></el-table-column>
-            <el-table-column prop="grade" label="年级"></el-table-column>
-            <el-table-column prop="stu_class" label="班级"></el-table-column>
-            <el-table-column
-              prop="major"
-              label="专业"
-            ></el-table-column> </el-table
-        ></el-main>
-        <el-footer
-          ><el-pagination
-            v-if="studentList.length > 0"
-            background
-            :current-page="currentPage"
-            :page-size="pageSize"
-            :total="totalStudents"
-            :page-sizes="[10, 20, 30, 50]"
-            @current-change="handlePageChange"
-            @size-change="handleSizeChange"
-            layout="total, sizes, prev, pager, next, jumper"
-          >
-          </el-pagination
-        ></el-footer>
-      </el-container>
-    </div>
-  </template>
+  <el-descriptions title="个人信息确认" :border="true">
+    <template slot="extra">
+      <el-button type="primary" size="small" @click="confirm()">确认</el-button>
+    </template>
+    <el-descriptions-item label="姓名">{{ student.name }}</el-descriptions-item>
+    <el-descriptions-item label="学号">{{
+      student.cardId
+    }}</el-descriptions-item>
+    <el-descriptions-item label="学院">{{
+      student.school
+    }}</el-descriptions-item>
+    <el-descriptions-item label="年级">{{
+      student.grade
+    }}</el-descriptions-item>
+    <el-descriptions-item label="班级">{{ student.clas }}</el-descriptions-item>
+    <el-descriptions-item label="专业">{{
+      student.major
+    }}</el-descriptions-item>
+    <el-descriptions-item label="性别">{{
+      student.gender
+    }}</el-descriptions-item>
+    <el-descriptions-item label="出生日期">{{
+      student.birthday
+    }}</el-descriptions-item>
+    <el-descriptions-item label="手机号码">{{
+      student.phone
+    }}</el-descriptions-item>
+    <el-descriptions-item label="电子邮箱">{{
+      student.email
+    }}</el-descriptions-item>
+    <el-descriptions-item label="GPA">{{ gpa.gpa }}</el-descriptions-item>
+    <el-descriptions-item label="学年">{{ gpa.acYear }}</el-descriptions-item>
+    <!-- 添加其他需要展示的个人信息项 -->
+  </el-descriptions>
+</template>
   
   <script>
-  import { getPage } from "@/wanglingyu/api/import";
-  
-  export default {
-    data() {
-      return {
-        dialogVisible: false,
-        uploadUrl: "http://localhost:20235/student/import",
-        file: null,
-        currentPage: 1,
-        pageSize: 10,
-        studentList: [], // 学生列表数据
-        totalStudents: 0, // 总学生数
-      };
+export default {
+  data() {
+    return {
+      student: {}, // 存储个人信息数据
+      gpa: {},
+    };
+  },
+  mounted() {
+    // 在页面加载时获取个人信息数据，可以通过异步请求或其他方式获取数据
+    this.fetchUserInfo();
+    this.fetchGpaInfo();
+  },
+  methods: {
+    confirm(){
+        //修改gpa确认状态
     },
-    mounted() {
-      this.fetchStudentList();
+    fetchUserInfo() {
+      // 假设通过异步请求获取个人信息数据
+      // 示例数据，您需要替换为实际的个人信息数据
+      const response = {
+        name: "John Doe",
+        cardId: "1234567890",
+        school: "某某学院",
+        grade: "大一",
+        clas: "1班",
+        major: "计算机科学",
+        gender: "男",
+        birthday: "1990-01-01",
+        phone: "1234567890",
+        email: "john.doe@example.com",
+        // 其他个人信息数据项
+      };
+
+      this.student = response; // 将获取到的个人信息数据保存到student变量中
     },
-    methods: {
-      indexMethod(index) {
-        return index + 1 + (this.currentPage - 1) * this.pageSize; // 返回表格序号
-      },
-      async fetchStudentList() {
-        const response = await getPage(this.currentPage, this.pageSize);
-        this.studentList = response.data.data.rows; // 将数据赋值给studentList
-        this.totalStudents = response.data.data.total; // 设置总学生数
-      },
-      handleFileChange(file) {
-        this.file = file;
-      },
-      uploadFile() {
-        if (this.file) {
-          this.$refs.upload.submit();
-          this.dialogVisible = false;
-        } else {
-          // 处理未选择文件的情况
-          // 可以显示提示信息或进行其他操作
-        }
-      },
-      handlePageChange(currentPage) {
-        this.currentPage = currentPage;
-        this.fetchStudentList();
-      },
-      handleSizeChange(pageSize) {
-        this.pageSize = pageSize;
-        this.fetchStudentList();
-      },
+    fetchGpaInfo() {
+      // 假设通过异步请求获取GPA信息数据
+      // 示例数据，您需要替换为实际的GPA信息数据
+      const response = {
+        gpa: 3.8,
+        acYear: "2022-2023",
+        // 其他GPA信息数据项
+      };
+
+      this.gpa = response; // 将获取到的GPA信息数据保存到gpa变量中
     },
-  };
-  </script>
+  },
+};
+</script>
   
\ No newline at end of file
-- 
Gitee