From 68aec7d47899e9a2aa802669376613e2d2382123 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E6=88=90=E9=91=AB?=
 <13666819+wangchengxin123456@user.noreply.gitee.com>
Date: Mon, 8 Jan 2024 19:49:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=99=E5=B8=88=E9=A2=98=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 answer/components.d.ts                 |   4 +
 answer/src/router/index.js             |   7 +-
 answer/src/views/Shouye.vue            |   9 +-
 answer/src/views/wcx/answerDetails.vue | 199 +++++++++++++++++++++++++
 answer/src/views/wcx/questionBank.vue  | 184 +++++++++++++++++++++++
 answer/src/views/wcx/shouye.vue        |  21 ---
 6 files changed, 400 insertions(+), 24 deletions(-)
 create mode 100644 answer/src/views/wcx/answerDetails.vue
 create mode 100644 answer/src/views/wcx/questionBank.vue
 delete mode 100644 answer/src/views/wcx/shouye.vue

diff --git a/answer/components.d.ts b/answer/components.d.ts
index 8b643c6..f550268 100644
--- a/answer/components.d.ts
+++ b/answer/components.d.ts
@@ -13,10 +13,14 @@ declare module 'vue' {
     ElContainer: typeof import('element-plus/es')['ElContainer']
     ElHeader: typeof import('element-plus/es')['ElHeader']
     ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
     ElMain: typeof import('element-plus/es')['ElMain']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElMenuItemGroup: typeof import('element-plus/es')['ElMenuItemGroup']
+    ElOption: typeof import('element-plus/es')['ElOption']
+    ElPagination: typeof import('element-plus/es')['ElPagination']
+    ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
diff --git a/answer/src/router/index.js b/answer/src/router/index.js
index cc0976f..4d72d39 100644
--- a/answer/src/router/index.js
+++ b/answer/src/router/index.js
@@ -18,7 +18,12 @@ const router = createRouter({
         {
           path: "/shouye/wcx", 
           name: "wcx",
-          component: () => import("../views/wcx/shouye.vue"),
+          component: () => import("../views/wcx/questionBank.vue"),
+        },
+        {
+          path: "/shouye/questionBank", 
+          name: "xq",
+          component: () => import("../views/wcx/answerDetails.vue"),
         },
         //ch
         {
diff --git a/answer/src/views/Shouye.vue b/answer/src/views/Shouye.vue
index d0c63f5..6d3af9f 100644
--- a/answer/src/views/Shouye.vue
+++ b/answer/src/views/Shouye.vue
@@ -21,8 +21,8 @@
           </el-sub-menu>
         </el-sub-menu>
         <el-menu-item index="2">
-          <el-icon><icon-menu/></el-icon>
-          <span>Navigator Two</span>
+          <el-icon><document /></el-icon>
+          <span @click="question">教师管理</span>
         </el-menu-item>
         <el-menu-item index="3">
           <el-icon><document /></el-icon>
@@ -45,12 +45,17 @@
   </div>
 </template>
 <script setup>
+import {useRouter} from "vue-router"
+const router=useRouter()
 const handleOpen = (key,keyPath) => {
   console.log(key,keyPath);
 };
 const handleClose = (key,keyPath) => {
   console.log(key, keyPath);
 };
+const question=()=>{
+  router.push('/shouye/wcx')
+}
 </script>
 <style>
 #app,
diff --git a/answer/src/views/wcx/answerDetails.vue b/answer/src/views/wcx/answerDetails.vue
new file mode 100644
index 0000000..9a2e7e2
--- /dev/null
+++ b/answer/src/views/wcx/answerDetails.vue
@@ -0,0 +1,199 @@
+<template>
+  <div class="answer">
+    <!-- 搜索 -->
+    <div class="search">
+      <el-input v-model="name" placeholder="请输入题干" class="inp" />
+      <el-select v-model="status" class="sele" placeholder="请选择题型">
+        <el-option
+          v-for="item in options"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
+      </el-select>
+      <el-button type="primary" :icon="Search" class="sou">查询</el-button>
+      <el-button class="sou" :icon="RefreshRight">重置</el-button>
+      <el-button type="primary" :icon="Document" class="add">新增</el-button>
+      <el-button :icon="RefreshLeft" class="goback" @click="goback"
+        >返回</el-button
+      >
+    </div>
+    <!-- 表格 -->
+    <div class="table">
+      <el-table :data="tableData" stripe style="width: 100%" border>
+        <el-table-column prop="date" label="题干" width="480" />
+        <el-table-column prop="name" label="题型" width="150"/>
+        <el-table-column prop="num" label="难度"/>
+        <el-table-column prop="nameKu" label="题库"/>
+        <el-table-column label="操作" width="170">
+          <template #default="scope">
+            <el-button size="small" @click="handleEdit(scope.$index, scope.row)"
+              >编辑</el-button
+            >
+            <el-button
+              size="small"
+              type="danger"
+              @click="handleDelete(scope.$index, scope.row)"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <el-pagination
+        class="page"
+        v-model:current-page="currentPage4"
+        v-model:page-size="pageSize4"
+        :page-sizes="[100, 200, 300, 400]"
+        :small="small"
+        :disabled="disabled"
+        :background="background"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="400"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+</template>
+<script setup>
+import {ref} from 'vue'
+import { useRouter } from "vue-router";
+import {
+  Search,
+  RefreshRight,
+  Document,
+  RefreshLeft,
+} from "@element-plus/icons-vue";
+const router = useRouter();
+const name = ref("");
+const status = ref("");
+const nameKu=ref("")
+const num=ref("")
+const options = [
+  {
+    value: "Option1",
+    label: "Option1",
+  },
+  {
+    value: "Option2",
+    label: "Option2",
+  },
+  {
+    value: "Option3",
+    label: "Option3",
+  },
+  {
+    value: "Option4",
+    label: "Option4",
+  },
+  {
+    value: "Option5",
+    label: "Option5",
+  },
+];
+const tableData = [
+  {
+    date: "2016-05-03",
+    name: "Tom",
+    address: "No. 189, Grove St, Los Angeles",
+  },
+  {
+    date: "2016-05-02",
+    name: "Tom",
+    address: "No. 189, Grove St, Los Angeles",
+  },
+  {
+    date: "2016-05-04",
+    name: "Tom",
+    address: "No. 189, Grove St, Los Angeles",
+  },
+  {
+    date: "2016-05-01",
+    name: "Tom",
+    address: "No. 189, Grove St, Los Angeles",
+  },
+  {
+    date: "2016-05-01",
+    name: "Tom",
+    address: "No. 189, Grove St, Los Angeles",
+  },
+];
+//操作
+const handleEdit = (index, row) => {
+  console.log(index, row);
+};
+const handleDelete = (index, row) => {
+  console.log(index, row);
+};
+//分页
+const currentPage4 = ref(4);
+const pageSize4 = ref(100);
+const handleSizeChange = (val) => {
+  console.log(`${val} items per page`);
+};
+const handleCurrentChange = (val) => {
+  console.log(`current page: ${val}`);
+};
+
+const goback = () => {
+  router.go(-1);
+};
+</script>
+<style scoped>
+.answer {
+  width: 100%;
+  height: 100%;
+  background-color: rgb(231, 236, 242);
+}
+.answer .search {
+  width: 1100px;
+  height: 50px;
+  background-color: white;
+  margin-left: 50px;
+  margin-right: 10px;
+  position: relative;
+  top: 50px;
+}
+.answer .search .inp {
+  width: 240px;
+  margin-top: 10px;
+  margin-left: 15px;
+}
+.answer .search .sele {
+  margin-top: 10px;
+  margin-left: 15px;
+}
+.answer .search .sou {
+  margin-top: 10px;
+  margin-left: 15px;
+}
+.answer .search .add {
+  margin-top: 10px;
+  margin-left: 250px;
+}
+.answer .search .goback {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+
+.answer .table {
+  width: 1100px;
+  height: 445px;
+  background-color: white;
+  margin-left: 50px;
+  margin-right: 10px;
+  position: relative;
+  top: 60px;
+}
+.demo-pagination-block + .demo-pagination-block {
+  margin-top: 10px;
+}
+.demo-pagination-block .demonstration {
+  margin-bottom: 16px;
+}
+.page {
+  margin-left: 540px;
+  margin-top: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/answer/src/views/wcx/questionBank.vue b/answer/src/views/wcx/questionBank.vue
new file mode 100644
index 0000000..2179eaa
--- /dev/null
+++ b/answer/src/views/wcx/questionBank.vue
@@ -0,0 +1,184 @@
+<template>
+  <div class="quest">
+    <!-- 搜索 -->
+    <div class="search">
+      <el-input v-model="name" placeholder="请输入题库名称" class="inp" />
+      <el-select v-model="status" class="sele" placeholder="请选择专业">
+        <el-option
+          v-for="item in options"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
+      </el-select>
+      <el-button type="primary" :icon="Search" class="sou">查询</el-button>
+      <el-button class="sou" :icon="RefreshRight">重置</el-button>
+      <el-button type="primary" :icon="Document" class="add">新增</el-button>
+    </div>
+    <!-- 表格 -->
+    <div class="table">
+      <el-table :data="tableData" stripe style="width: 100%" border>
+        <el-table-column prop="date" label="题库名称" width="180" />
+        <el-table-column prop="name" label="专业" width="180" />
+        <el-table-column prop="address" label="创建人" />
+        <el-table-column prop="address" label="备注" />
+        <el-table-column label="操作" width="230">
+          <template #default="scope">
+            <el-button size="small" @click="handleEdit(scope.$index, scope.row)"
+              >编辑</el-button
+            >
+            <el-button size="small" @click="goDet">详情</el-button>
+            <el-button
+              size="small"
+              type="danger"
+              @click="handleDelete(scope.$index, scope.row)"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <el-pagination
+        class="page"
+        v-model:current-page="currentPage4"
+        v-model:page-size="pageSize4"
+        :page-sizes="[100, 200, 300, 400]"
+        :small="small"
+        :disabled="disabled"
+        :background="background"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="400"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </div>
+  </div>
+</template>
+<script setup>
+import { ref } from "vue";
+import { Search, RefreshRight, Document } from "@element-plus/icons-vue";
+import {useRouter} from 'vue-router'
+const router = useRouter()
+const name = ref("");
+const status = ref("");
+const options = [
+  {
+    value: "Option1",
+    label: "Option1",
+  },
+  {
+    value: "Option2",
+    label: "Option2",
+  },
+  {
+    value: "Option3",
+    label: "Option3",
+  },
+  {
+    value: "Option4",
+    label: "Option4",
+  },
+  {
+    value: "Option5",
+    label: "Option5",
+  },
+];
+const tableData = [
+  {
+    date: "2016-05-03",
+    name: "Tom",
+    address: "No. 189, Grove St, Los Angeles",
+  },
+  {
+    date: "2016-05-02",
+    name: "Tom",
+    address: "No. 189, Grove St, Los Angeles",
+  },
+  {
+    date: "2016-05-04",
+    name: "Tom",
+    address: "No. 189, Grove St, Los Angeles",
+  },
+  {
+    date: "2016-05-01",
+    name: "Tom",
+    address: "No. 189, Grove St, Los Angeles",
+  },
+  {
+    date: "2016-05-01",
+    name: "Tom",
+    address: "No. 189, Grove St, Los Angeles",
+  },
+];
+//操作
+const handleEdit = (index, row) => {
+  console.log(index, row);
+};
+const handleDelete = (index, row) => {
+  console.log(index, row);
+};
+//分页
+const currentPage4 = ref(4);
+const pageSize4 = ref(100);
+const handleSizeChange = (val) => {
+  console.log(`${val} items per page`);
+};
+const handleCurrentChange = (val) => {
+  console.log(`current page: ${val}`);
+};
+const goDet=()=>{
+    router.push('/shouye/questionBank')
+}
+</script>
+<style scoped>
+.quest {
+  width: 100%;
+  height: 100%;
+  background-color: rgb(231, 236, 242);
+}
+.quest .search {
+  width: 1100px;
+  height: 50px;
+  background-color: white;
+  margin-left: 50px;
+  margin-right: 10px;
+  position: relative;
+  top: 50px;
+}
+.quest .search .inp {
+  width: 240px;
+  margin-top: 10px;
+  margin-left: 15px;
+}
+.quest .search .sele {
+  margin-top: 10px;
+  margin-left: 15px;
+}
+.quest .search .sou {
+  margin-top: 10px;
+  margin-left: 15px;
+}
+.quest .search .add {
+  margin-top: 10px;
+  margin-left: 330px;
+}
+.quest .table {
+  width: 1100px;
+  height: 445px;
+  background-color: white;
+  margin-left: 50px;
+  margin-right: 10px;
+  position: relative;
+  top: 60px;
+}
+.demo-pagination-block + .demo-pagination-block {
+  margin-top: 10px;
+}
+.demo-pagination-block .demonstration {
+  margin-bottom: 16px;
+}
+.page {
+  margin-left: 540px;
+  margin-top: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/answer/src/views/wcx/shouye.vue b/answer/src/views/wcx/shouye.vue
deleted file mode 100644
index b3478a7..0000000
--- a/answer/src/views/wcx/shouye.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-  <div>
-aaaaa
-  </div>
-</template>
-
-<script>
-import axios from 'axios';
-axios.defaults.baseURL = 'http://localhost:3000';
-export default {
-  setup () {
-    
-
-    return {}
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>
\ No newline at end of file
-- 
Gitee