From 905c460bf3b0a6c4e85b37b81726298bfae5a765 Mon Sep 17 00:00:00 2001
From: Cool <747682928@qq.com>
Date: Sun, 8 Sep 2024 23:49:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B9=E6=8D=AE=E5=AD=A6=E7=94=9F=E5=AD=A6?=
 =?UTF-8?q?=E5=8F=B7=E5=A7=93=E5=90=8D=E6=9F=A5=E8=AF=A2=E6=88=90=E7=BB=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/cet/cet-student-query.vue | 146 ++++++++++++++++++++++++++++
 1 file changed, 146 insertions(+)
 create mode 100644 src/views/cet/cet-student-query.vue

diff --git a/src/views/cet/cet-student-query.vue b/src/views/cet/cet-student-query.vue
new file mode 100644
index 0000000..da6a43a
--- /dev/null
+++ b/src/views/cet/cet-student-query.vue
@@ -0,0 +1,146 @@
+<template>
+  <div class="outside">
+    <div class="title">学生查询</div>
+    <div class="queryContent">
+      <a-form :model="search" layout="inline" ref="formRef" class="form" :rules="rules" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
+        <a-form-item label="姓名" name="name">
+          <a-input v-model:value="search.name" placeholder="请输入学生姓名" />
+        </a-form-item>
+        <a-form-item label="学号" name="id">
+          <a-input v-model:value="search.id" placeholder="请输入学生学号" />
+        </a-form-item>
+        <a-form-item>
+          <a-button type="primary" @click="handleSearch">查询</a-button>
+        </a-form-item>
+        <a-form-item>
+          <a-button @click="handleClear">重置</a-button>
+        </a-form-item>
+      </a-form>
+    </div>
+    <div class="infoContent" v-if="isShow">
+      <a-row>
+        <a-col :span="6">
+          <span>学生姓名：{{ tableData[tableData.length - 1]?.name }}</span>
+        </a-col>
+        <a-col :span="6">
+          <span>学生学号：{{ tableData[tableData.length - 1]?.id }}</span>
+        </a-col>
+        <a-col :span="6">
+          <span>所在学院：{{ tableData[tableData.length - 1]?.college }}</span>
+        </a-col>
+        <a-col :span="6">
+          <span>所属专业：{{ tableData[tableData.length - 1]?.majorname }}</span>
+        </a-col>
+      </a-row>
+    </div>
+    <div class="tableContent" v-if="isShow">
+      <a-table :dataSource="tableData" :columns="tableLabel" bordered :loading="loadding" size="middle" />
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { defHttp } from '/@/utils/http/axios';
+import { reactive, ref } from 'vue';
+import type { UnwrapRef } from 'vue';
+import { message } from 'ant-design-vue';
+import type { Rule } from 'ant-design-vue/es/form';
+interface FormState {
+  name: string;
+  id: string;
+}
+
+const search: UnwrapRef<FormState> = reactive({
+  name: '',
+  id: '',
+});
+const isShow = ref(false);
+const loadding = ref(false);
+const tableData = ref([]);
+const tableLabel = ref([
+  {
+    title: '考试批次',
+    dataIndex: 'batch',
+    align: 'center',
+    key: 'batch',
+  },
+  {
+    title: '总分',
+    dataIndex: 'result',
+    align: 'center',
+    key: 'result',
+  },
+  {
+    title: '听力',
+    align: 'center',
+    dataIndex: 'listen',
+    key: 'listen',
+  },
+  {
+    title: '阅读',
+    dataIndex: 'reading',
+    align: 'center',
+    key: 'reading',
+  },
+  {
+    title: '写作',
+    dataIndex: 'writing',
+    align: 'center',
+    key: 'writing',
+  },
+]);
+const rules: Record<string, Rule[]> = {
+  name: [
+    { required: true, message: '请输入学生姓名', trigger: 'change' },
+    { required: true, message: '请输入学生姓名', trigger: 'blur' },
+  ],
+  id: [
+    { required: true, message: '请输入学生学号', trigger: 'change' },
+    { required: true, message: '请输入学生学号', trigger: 'blur' },
+  ],
+};
+const url = ref({
+  getData: 'cet/getData',
+});
+const formRef = ref();
+const handleSearch = () => {
+  formRef.value.validate().then(async () => {
+    tableData.value = await defHttp.post({
+      url: url.value.getData,
+      params: search,
+    });
+    console.log(1231);
+    if (tableData.value.length > 0) {
+      isShow.value = true;
+    } else {
+      isShow.value = false;
+      message.warn('未查询到相关信息');
+    }
+  });
+};
+const handleClear = () => {
+  search.name = '';
+  search.id = '';
+};
+</script>
+<style lang="less" scoped>
+.outside {
+  // 白色
+  background-color: #fff;
+  height: 100%;
+  .title {
+    font-size: 20px;
+    color: #333;
+    padding: 20px 20px 0 20px;
+  }
+  .form {
+    padding-top: 20px;
+  }
+  .tableContent {
+    padding: 20px;
+  }
+  .infoContent {
+    padding: 20px;
+    border-bottom: 1px solid #f0f0f0;
+  }
+}
+</style>
\ No newline at end of file