From 34e61af9cb884303df69da7ca1726a6b612fffe6 Mon Sep 17 00:00:00 2001
From: Unique-Jerry <10902054+unique-jerry@user.noreply.gitee.com>
Date: Sun, 22 Oct 2023 09:12:40 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=98=E7=9B=AE=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/question.js                           | 21 +++++++
 src/views/question/QuestionManager.vue        | 28 ++++++++--
 src/views/question/QuestionTypePage.vue       | 11 +++-
 .../question/components/QuestionDialog.vue    | 56 +++++++++++++++++++
 .../question/components/QuestionTypeEdit.vue  | 53 ++++++++++++++----
 5 files changed, 150 insertions(+), 19 deletions(-)
 create mode 100644 src/views/question/components/QuestionDialog.vue

diff --git a/src/api/question.js b/src/api/question.js
index 4af1e91..26e318b 100644
--- a/src/api/question.js
+++ b/src/api/question.js
@@ -9,3 +9,24 @@ export const useGetTypeList = (encoding) =>
 
 export const useAddTypeName = (typeName, encoding, userId) =>
   requset.post('question/add_typeName', { typeName, encoding, userId })
+
+export const useDeleteTypeName = (typeId) =>
+  requset.get('question/delete_type', {
+    params: {
+      typeId: typeId
+    }
+  })
+
+export const useChangeTypeName = (typeId, typeName, userId) =>
+  requset.post('question/change_type', {
+    typeId,
+    typeName,
+    userId
+  })
+
+export const useGetQuestionList = (encoding) =>
+  requset.get('question/get_questionList', {
+    params: {
+      encoding: encoding
+    }
+  })
diff --git a/src/views/question/QuestionManager.vue b/src/views/question/QuestionManager.vue
index 6b1afa6..17c4388 100644
--- a/src/views/question/QuestionManager.vue
+++ b/src/views/question/QuestionManager.vue
@@ -1,5 +1,20 @@
 <script setup>
-import { Edit, Delete } from '@element-plus/icons-vue'
+import { Edit, Delete, View } from '@element-plus/icons-vue'
+import { useGetQuestionList } from '@/api/question'
+import { ref } from 'vue'
+import { useCompanyStore } from '@/stores'
+
+const questionList = ref([])
+
+const companyStore = useCompanyStore()
+
+const getQuestionList = async () => {
+  const res = await useGetQuestionList(companyStore.encoding)
+  console.log(res.data.data)
+  questionList.value = res.data.data
+}
+
+getQuestionList()
 </script>
 
 <template>
@@ -9,14 +24,16 @@ import { Edit, Delete } from '@element-plus/icons-vue'
     </template>
     <el-table
       v-loading="loading"
-      :data="channelList"
+      :data="questionList"
       stripe
       style="width: 100%"
     >
       <el-table-column type="index" label="序号" width="100" />
-      <el-table-column prop="cate_name" label="分类名称" />
-      <el-table-column prop="cate_alias" label="分类别名" />
-      <el-table-column label="操作" width="150">
+      <el-table-column prop="title" label="题目标题" />
+      <el-table-column prop="typeName" label="题库类型" />
+      <el-table-column prop="createTime" label="创建时间" />
+      <el-table-column prop="updateTime" label="更新时间" />
+      <el-table-column label="操作" width="200">
         <template #default="{ row }">
           <el-button
             type="primary"
@@ -32,6 +49,7 @@ import { Edit, Delete } from '@element-plus/icons-vue'
             circle
             plain
           ></el-button>
+          <el-button type="info" :icon="View" plain>更多</el-button>
         </template>
       </el-table-column>
       <template #empty>
diff --git a/src/views/question/QuestionTypePage.vue b/src/views/question/QuestionTypePage.vue
index 497ad1c..caefb49 100644
--- a/src/views/question/QuestionTypePage.vue
+++ b/src/views/question/QuestionTypePage.vue
@@ -6,6 +6,8 @@ import { useCompanyStore } from '@/stores'
 import { ref } from 'vue'
 import QuestionTypeEdit from './components/QuestionTypeEdit.vue'
 
+import QuestionDialog from './components/QuestionDialog.vue'
+
 const questionTypeList = ref([])
 const loading = ref(false)
 const companyStore = useCompanyStore()
@@ -22,8 +24,9 @@ const handleEdit = (row) => {
   dialog.value.open(row)
 }
 
+const deleteDialog = ref()
 const handleDelete = (row) => {
-  console.log(row)
+  deleteDialog.value.openDialog(row)
 }
 
 const onAddEdit = () => {
@@ -44,7 +47,7 @@ const onAddEdit = () => {
       style="width: 100%"
     >
       <el-table-column type="index" label="序号" width="100" />
-      <el-table-column prop="name" label="题库类型" />
+      <el-table-column prop="typeName" label="题库类型" />
       <el-table-column prop="createTime" label="创建时间" />
       <el-table-column prop="updateTime" label="更新时间" />
       <el-table-column label="操作" width="150">
@@ -73,5 +76,9 @@ const onAddEdit = () => {
       @getQuestionTypeList="getQuestionTypeList"
       ref="dialog"
     ></QuestionTypeEdit>
+    <QuestionDialog
+      @getQuestionTypeList="getQuestionTypeList"
+      ref="deleteDialog"
+    ></QuestionDialog>
   </page-container>
 </template>
diff --git a/src/views/question/components/QuestionDialog.vue b/src/views/question/components/QuestionDialog.vue
new file mode 100644
index 0000000..3a60666
--- /dev/null
+++ b/src/views/question/components/QuestionDialog.vue
@@ -0,0 +1,56 @@
+<script setup>
+import { ref } from 'vue'
+import { useDeleteTypeName } from '@/api/question'
+import { ElMessage } from 'element-plus'
+
+const centerDialogVisible = ref(false)
+
+const info = ref({})
+
+const openDialog = (row) => {
+  info.value = row
+  centerDialogVisible.value = true
+}
+
+const emit = defineEmits(['getQuestionTypeList'])
+const handleDelete = async () => {
+  await useDeleteTypeName(info.value.id)
+  ElMessage.success('删除题库成功！')
+  emit('getQuestionTypeList')
+  centerDialogVisible.value = false
+}
+
+defineExpose({
+  openDialog
+})
+</script>
+
+<template>
+  <el-dialog
+    v-model="centerDialogVisible"
+    title="警告"
+    width="30%"
+    align-center
+  >
+    <span
+      >您确定要删除题库<span class="typeNsme">{{ info.typeName }}</span
+      >以及该题库的所有题目?</span
+    >
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button @click="centerDialogVisible = false">取消</el-button>
+        <el-button type="danger" @click="handleDelete"> 确定 </el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<style scoped>
+.dialog-footer button:first-child {
+  margin-right: 10px;
+}
+.typeNsme {
+  font-weight: bold;
+  color: red;
+}
+</style>
diff --git a/src/views/question/components/QuestionTypeEdit.vue b/src/views/question/components/QuestionTypeEdit.vue
index 6d4699b..2d82f42 100644
--- a/src/views/question/components/QuestionTypeEdit.vue
+++ b/src/views/question/components/QuestionTypeEdit.vue
@@ -1,7 +1,7 @@
 <script setup>
 import { ElMessage } from 'element-plus'
 import { ref } from 'vue'
-import { useAddTypeName } from '@/api/question'
+import { useAddTypeName, useChangeTypeName } from '@/api/question'
 import { useUserStore, useCompanyStore } from '@/stores'
 
 const dialogVisible = ref(false)
@@ -13,6 +13,7 @@ const FormModel = ref({
 const open = (row) => {
   console.log(row)
   dialogVisible.value = true
+  FormModel.value = { ...row }
 }
 
 const rules = {
@@ -22,19 +23,40 @@ const rules = {
 const companyStore = useCompanyStore()
 const userStore = useUserStore()
 const emit = defineEmits(['getQuestionTypeList'])
+const form = ref()
 const onADD = async () => {
+  await form.value.validate()
   if (FormModel.value.typeName === '') {
-    ElMessage.error('请输入内容')
+    ElMessage.error('请输入内容！')
     return
   }
-  await useAddTypeName(
-    FormModel.value.typeName,
-    companyStore.encoding,
-    userStore.userInfo.id
-  )
-  emit('getQuestionTypeList')
-  FormModel.value.typeName = ''
-  dialogVisible.value = false
+  const isEndit = FormModel.value.id
+
+  if (isEndit) {
+    await useChangeTypeName(
+      FormModel.value.id,
+      FormModel.value.typeName,
+      userStore.userInfo.id
+    )
+    ElMessage.success('修改题库成功！')
+    dialogVisible.value = false
+    emit('getQuestionTypeList')
+  } else {
+    await useAddTypeName(
+      FormModel.value.typeName,
+      companyStore.encoding,
+      userStore.userInfo.id
+    )
+    emit('getQuestionTypeList')
+    FormModel.value.typeName = ''
+    ElMessage.success('添加题库成功！')
+    dialogVisible.value = false
+  }
+}
+const keyDown = (e) => {
+  if (e.keyCode === 13 || e.keyCode === 100) {
+    console.log('触发回车事件')
+  }
 }
 
 defineExpose({
@@ -43,8 +65,13 @@ defineExpose({
 </script>
 
 <template>
-  <el-dialog v-model="dialogVisible" title="添加弹层" width="30%">
+  <el-dialog
+    v-model="dialogVisible"
+    :title="FormModel.typeName ? '编辑题库' : '添加题库'"
+    width="30%"
+  >
     <el-form
+      ref="form"
       label-width="100px"
       style="padding-right: 30px"
       :model="FormModel"
@@ -60,7 +87,9 @@ defineExpose({
     <template #footer>
       <span class="dialog-footer">
         <el-button @click="dialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="onADD"> 确认 </el-button>
+        <el-button type="primary" @click="onADD" @keydown.enter="keyDown()">
+          确认
+        </el-button>
       </span>
     </template>
   </el-dialog>