From ee937db06cfca72ab3a0a428d5a264faaa025ac9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=A6=E8=8B=B1=E6=9D=B0?= <327782001@qq.com>
Date: Fri, 8 Sep 2023 23:14:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MyLogin.vue               |   2 +-
 src/components/menus/MyChat.vue          |   2 +-
 src/components/menus/MyInterview.vue     | 299 +++++++++++------------
 src/components/subcomponents/MyAside.vue |   2 +-
 src/router/index.js                      |   2 +-
 5 files changed, 150 insertions(+), 157 deletions(-)

diff --git a/src/components/MyLogin.vue b/src/components/MyLogin.vue
index 30ba11d..f7c300f 100644
--- a/src/components/MyLogin.vue
+++ b/src/components/MyLogin.vue
@@ -43,7 +43,7 @@ export default {
             this.password = ''
         },
         login() {
-            if (this.username === 'admin' && this.password === '666688') {
+            if (this.username === 'admin' && this.password === '666666') {
                 // 登录成功
                 // 1. 存储 token
                 localStorage.setItem('token', 'Bearer xxxx')
diff --git a/src/components/menus/MyChat.vue b/src/components/menus/MyChat.vue
index 21c061f..6951967 100644
--- a/src/components/menus/MyChat.vue
+++ b/src/components/menus/MyChat.vue
@@ -119,7 +119,7 @@ export default {
             console.log(res)
             if (res.code === 200) {
                 this.userlist = res.result.content
-                this.total = res.result.total
+                this.total = res.result.totalElements
                 localStorage.setItem('lastPage', this.currentPage)
                 localStorage.setItem('lastQuestion', this.formInline.question)
             }
diff --git a/src/components/menus/MyInterview.vue b/src/components/menus/MyInterview.vue
index 176cf50..af7e0ae 100644
--- a/src/components/menus/MyInterview.vue
+++ b/src/components/menus/MyInterview.vue
@@ -1,36 +1,52 @@
 <template>
 	<div>
 		<el-container>
+			<el-dialog title="新增面试问题" :visible.sync="dialogFormVisible">
+				<el-form :model="form">
+					<el-form-item label="面试问题" :label-width="formLabelWidth">
+						<el-input v-model="form.question" autocomplete="off"></el-input>
+					</el-form-item>
+					<el-form-item label="问题类型" :label-width="formLabelWidth">
+						<el-select v-model="form.questionType" placeholder="请选择活动区域">
+							<el-option v-for="item in options" :key="item.questionType" :label="item.name" :value="item.questionType"></el-option>
+						</el-select>
+					</el-form-item>
+				</el-form>
+				<div slot="footer" class="dialog-footer">
+					<el-button @click="dialogFormVisible = false">取 消</el-button>
+					<el-button type="primary" @click="handleConfirm">确 定</el-button>
+				</div>
+			</el-dialog>
 			<el-main>
 				<el-form :inline="true" :model="formInline" class="demo-form-inline">
 					<el-form-item>
 						<el-input clearable v-model="formInline.question" placeholder="请输入问题" @keydown.enter.native="initCartList"></el-input>
 					</el-form-item>
-					<el-select v-model="picType" placeholder="请选择" @change="queryPic">
-						<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
+					<el-select v-model="questionType" placeholder="请选择" @change="initCartList">
+						<el-option v-for="item in options" :key="item.questionType" :label="item.name" :value="item.questionType"></el-option>
 					</el-select>
 					<el-form-item>
 						<el-button type="primary" @click="initCartList">查询</el-button>
 					</el-form-item>
 					<el-form-item>
-						<el-button type="primary" @click.prevent="addChat">新增</el-button>
+						<el-button type="primary" @click="dialogFormVisible = true">新增</el-button>
 					</el-form-item>
 				</el-form>
 				<el-table border :data="userlist" v-loading="loading">
 					<el-table-column prop="id" label="序号" width="100" sortable></el-table-column>
-					<el-table-column prop="question" label="问题" show-overflow-tooltip></el-table-column>
-					<!-- <el-table-column prop="response" label="答案" show-overflow-tooltip></el-table-column> -->
+					<el-table-column prop="question" label="面试问题" show-overflow-tooltip></el-table-column>
+					<el-table-column prop="questionTypeName" label="问题类型" show-overflow-tooltip align="center"></el-table-column>
 					<el-table-column label="创建时间" width="170">
 						<template slot-scope="props">
 							{{ props.row.createTime | dateFormat }}
 						</template>
 					</el-table-column>
-					<el-table-column prop="详情" label="详情" width="180">
+					<!-- <el-table-column prop="详情" label="详情" width="180" align="center">
 						<template slot-scope="props">
-							<el-button type="success" @click.prevent="gotoDetail(props.row.id)">详情</el-button>
+							<el-button type="success" @click.prevent="gotoDetail(props.row.id)" width="200">详情</el-button>
 							<el-button type="danger" @click="onDelete(props.row.id)">删除</el-button>
 						</template>
-					</el-table-column>
+					</el-table-column> -->
 				</el-table>
 				<el-pagination class="pagination" background :key="elementui_page_component_key" :current-page.sync="currentPage" :page-size="pageSize" :total="total" @current-change="handleCurrentChange"></el-pagination>
 			</el-main>
@@ -42,154 +58,131 @@
 <script>
 import axios from 'axios'
 export default {
-    name: 'MyInterview',
+	name: 'MyInterview',
+
+	data() {
+		return {
+			// 用户列表数据
+			userlist: [],
+			loading: false,
+			elementui_page_component_key: 0,
+			currentPage: Number(localStorage.getItem('lastPage')) || 1,
+			pageSize: 9,
+			total: 0,
+			formInline: {
+				question: '',
+			},
+			options: [],
+			questionType: 0,
+			// 新增的内容
+			dialogFormVisible: false,
+			form: {
+				question: '',
+				questionType: 0,
+			},
+			formLabelWidth: '120px',
+		}
+	},
+	watch: {
+		'formInline.question'(newVal) {
+			if (newVal === '') {
+				this.currentPage = 1
+				localStorage.setItem('lastPage', this.currentPage)
+				this.initCartList()
+			}
+		},
+	},
+	created() {
+		this.initCartList()
+		this.getQuestionType()
+	},
+	mounted() {},
+	methods: {
+		handleConfirm() {
+			this.dialogFormVisible = false // 关闭对话框
+			this.addQuestion() // 发送请求
+		},
+
+		async addQuestion() {
+			try {
+				this.loading = true
+
+				const { data: res } = await axios.post('http://localhost:8080/interviewQuestion/add', {
+					question: this.form.question,
+					questionType: this.form.questionType,
+				})
+				if (res.code === 200) {
+					this.initCartList() // 确保这个方法是有效的
+				} else {
+					console.error('Received non-200 status code', res)
+				}
+			} catch (error) {
+				console.error('An error occurred while adding the question:', error)
+				// 异常处理逻辑
+			} finally {
+				this.loading = false
+			}
+		},
 
-    data() {
-        return {
-            // 用户列表数据
-            userlist: [],
-            loading: false,
-            elementui_page_component_key: 0,
-            currentPage: Number(localStorage.getItem('lastPage')) || 1,
-            pageSize: 9,
-            total: 0,
-            formInline: {
-                question: '',
-            },
-            options: [
-                {
-                    value: 0,
-                    label: '全部',
-                },
-                {
-                    value: 1,
-                    label: '基础知识',
-                },
-                {
-                    value: 2,
-                    label: '集合',
-                },
-                {
-                    value: 3,
-                    label: 'JVM',
-                },
-                {
-                    value: 4,
-                    label: '并发编程',
-                },
-                {
-                    value: 5,
-                    label: 'MySql',
-                },
-                {
-                    value: 6,
-                    label: 'Redis',
-                },
-                {
-                    value: 7,
-                    label: '中间件',
-                },
-                {
-                    value: 8,
-                    label: 'Spring',
-                },
-                {
-                    value: 9,
-                    label: '微服务',
-                },
-                {
-                    value: 10,
-                    label: '分布式',
-                },
-                {
-                    value: 11,
-                    label: '项目',
-                },
-                {
-                    value: 99,
-                    label: '其他',
-                },
-            ],
-            picType: 0,
-        }
-    },
-    watch: {
-        'formInline.question'(newVal) {
-            if (newVal === '') {
-                this.currentPage = 1
-                localStorage.setItem('lastPage', this.currentPage)
-                this.initCartList()
-            }
-        },
-    },
-    created() {
-        this.$nextTick(() => {
-            const foo = this.$route.query.back
-            const add = this.$route.query.add
-            if (foo === 'back' && add != 'add') {
-                this.currentPage = Number(localStorage.getItem('lastPage')) || 1
-                this.formInline.question = localStorage.getItem('lastQuestion') || ''
-            } else {
-                localStorage.setItem('lastPage', 1)
-                localStorage.setItem('lastQuestion', '')
-                this.currentPage = 1
-                this.formInline.question = ''
-            }
-            // 调用请求数据的方法
-            this.initCartList()
-        })
-    },
-    mounted() {
-        this.currentPage = Number(localStorage.getItem('lastPage')) || 1
-        this.formInline.question = localStorage.getItem('lastQuestion')
-        this.elementui_page_component_key++
-    },
-    methods: {
-        async onDelete(id) {
-            this.loading = true
-            const { data: res } = await axios.get('http://localhost:8080/interviewQuestion/delete', {
-                params: {
-                    id: id,
-                },
-            })
-            this.initCartList()
-            this.loading = false
-        },
-        refreshPage() {
-            location.reload()
-        },
-        gotoDetail(id) {
-            this.$router.push('/home/chatinfo/' + id)
-        },
-        addChat() {
-            this.$router.push('/home/addChat/')
-        },
+		async onDelete(id) {
+			this.loading = true
+			const { data: res } = await axios.get('http://localhost:8080/interviewQuestion/delete', {
+				params: {
+					id: id,
+				},
+			})
+			this.initCartList()
+			this.loading = false
+		},
+		refreshPage() {
+			location.reload()
+		},
+		gotoDetail(id) {
+			this.$router.push('/home/chatinfo/' + id)
+		},
+		addChat() {
+			this.$router.push('/home/addChat/')
+		},
 
-        async initCartList() {
-            this.loading = true
-            const { data: res } = await axios.get('http://localhost:8080/interviewQuestion/page', {
-                params: {
-                    page: this.currentPage,
-                    pageSize: this.pageSize,
-                    question: this.formInline.question,
-                    type: this.picType,
-                },
-            })
-            console.log(res)
-            if (res.code === 200) {
-                this.userlist = res.result.content
-                this.total = res.result.total
-                localStorage.setItem('lastPage', this.currentPage)
-                localStorage.setItem('lastQuestion', this.formInline.question)
-            }
-            this.loading = false
-        },
+		async getQuestionType() {
+			this.loading = true
+			const { data: res } = await axios.get('http://localhost:8080/interviewQuestion/questionType', { params: {} })
+			if (res.code === 200) {
+				this.options = res.result
+			}
+			this.loading = false
+		},
 
-        handleCurrentChange(currentPage) {
-            this.currentPage = currentPage
-            this.initCartList()
-        },
-    },
+		async initCartList() {
+			this.loading = true
+			const { data: res } = await axios.get('http://localhost:8080/interviewQuestion/page', {
+				params: {
+					page: this.currentPage,
+					pageSize: this.pageSize,
+					question: this.formInline.question,
+					questionType: this.questionType,
+				},
+			})
+			if (res.code === 200) {
+				this.userlist = res.result.content
+				this.total = res.result.totalElements
+				// 定义一个映射（map）来存储 questionType 到 name 的转换
+				const questionTypeToNameMap = {}
+				this.options.forEach((option) => {
+					questionTypeToNameMap[option.questionType] = option.name
+				})
+				// 修改 userlist 中的每一个元素，将 questionType 转换为 name
+				this.userlist.forEach((user) => {
+					user.questionTypeName = questionTypeToNameMap[user.questionType] || 'Unknown'
+				})
+			}
+			this.loading = false
+		},
+		handleCurrentChange(currentPage) {
+			this.currentPage = currentPage
+			this.initCartList()
+		},
+	},
 }
 </script>
 
diff --git a/src/components/subcomponents/MyAside.vue b/src/components/subcomponents/MyAside.vue
index 07a41a6..66f0bb9 100644
--- a/src/components/subcomponents/MyAside.vue
+++ b/src/components/subcomponents/MyAside.vue
@@ -2,7 +2,7 @@
 	<el-menu default-active="$route.path" class="layout-aside-container" background-color="#fff" text-color="#000" active-text-color="#42b983">
 		<router-link to="/home/interview">
 			<el-menu-item index="/interview" class="left-aside-item">
-				<i class="el-icon-chat-line-square"></i>
+				<i class="el-icon-question"></i>
 				<span slot="title">面试题管理</span>
 			</el-menu-item>
 		</router-link>
diff --git a/src/router/index.js b/src/router/index.js
index 2545a76..ef739a3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -35,7 +35,7 @@ const router = new VueRouter({
     {
       path: '/home',
       component: Home,
-      redirect: '/home/chat',
+      redirect: '/home/interview',
       children: [
         {
           path: 'users',
-- 
GitLab