xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-09-17 16:56:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化前端界面，新增注销功能

Browse Source
This commit is contained in:
RockYang 2023-04-09 23:34:16 +08:00
parent 5acd0290fa
commit 117f928b56
3 changed files with 58 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/ConfigDialog.vue
View File

@ -156,9 +156,11 @@ export default defineComponent({
mounted() {
// 获取用户信息
const data = getLoginUser();
this.user = data.user;
if (data !== null) {
this.user = data["user"];
this.user['active_time'] = dateFormat(this.user['active_time']);
this.user['expired_time'] = dateFormat(this.user['expired_time']);
}
},
methods: {
save: function () {

4
web/src/utils/storage.js
View File

@ -20,6 +20,6 @@ export function getLoginUser() {
}
}
export function setLoginUser(value) {
sessionStorage.setItem(SessionUserKey, JSON.stringify(value))
export function setLoginUser(user) {
sessionStorage.setItem(SessionUserKey, JSON.stringify(user))
}

62
web/src/views/ChatPlus.vue
View File

@ -12,18 +12,36 @@
<el-col :span="12">
<div class="tool-box">
<el-button type="danger" class="clear-history" size="small" circle @click="clearChatHistory">
<el-icon>
<Delete/>
</el-icon>
</el-button>
<el-button type="info" size="small" class="config" ref="send-btn" circle
@click="showConnectDialog = true">
<el-dropdown :hide-on-click="true" class="user-info" trigger="click">
<span class="el-dropdown-link">
<el-image src="images/avatar/user.png"/>
<el-icon><ArrowDown/></el-icon>
</span>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="showConnectDialog = true">
<el-icon>
<Tools/>
</el-icon>
</el-button>
<span>聊天设置</span>
</el-dropdown-item>
<el-dropdown-item @click="clearChatHistory">
<el-icon>
<Delete/>
</el-icon>
<span>删除记录</span>
</el-dropdown-item>
<el-dropdown-item>
<el-icon>
<Monitor/>
</el-icon>
<span>注销</span>
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</div>
</el-col>
</el-row>
@ -141,7 +159,7 @@ import ChatPrompt from "@/components/plus/ChatPrompt.vue";
import ChatReply from "@/components/plus/ChatReply.vue";
import {isMobile, randString} from "@/utils/libs";
import {ElMessage, ElMessageBox} from 'element-plus'
import {Tools, Lock, Delete, Picture, Search} from '@element-plus/icons-vue'
import {Tools, Lock, Delete, Picture, Search, ArrowDown, Monitor} from '@element-plus/icons-vue'
import ConfigDialog from '@/components/ConfigDialog.vue'
import {httpPost, httpGet} from "@/utils/http";
import {getSessionId, setLoginUser} from "@/utils/storage";
@ -150,7 +168,7 @@ import 'highlight.js/styles/a11y-dark.css'
export default defineComponent({
name: "ChatPlus",
components: {Search, ChatPrompt, ChatReply, Tools, Lock, Delete, Picture, ConfigDialog},
components: {ArrowDown, Search, ChatPrompt, ChatReply, Tools, Lock, Delete, Picture, Monitor, ConfigDialog},
data() {
return {
title: 'ChatGPT 控制台',
@ -372,8 +390,10 @@ export default defineComponent({
target.blur();
}
if (this.sending || this.inputValue.trim().length === 0) {
if (this.inputValue.trim().length === 0) {
return false;
} else if (this.sending) {
ElMessage.warning("AI 正在作答中请稍后...")
}
// 追加消息
@ -509,14 +529,26 @@ export default defineComponent({
justify-content flex-end;
align-items center;
.el-image {
margin-right 5px;
.user-info {
margin-left 20px;
.el-dropdown-link {
cursor pointer
img {
width 30px;
height 30px;
border-radius 50%;
}
.clear-history, .config {
.el-icon {
bottom 8px
color #cccccc
margin-left 5px;
}
}
}
}
}