opt: 优化前端登录判断逻辑

README.md

@@ -6,8 +6,7 @@
 * 聊天体验跟 ChatGPT 官方版本完全一致。
 * 内置了各种预训练好的角色，比如小红书写手，英语翻译大师，苏格拉底，孔子，乔布斯，周报助手等。轻松满足你的各种聊天和应用需求。
 
-**本项目基于 MIT 协议，免费开放全部源代码，可以作为个人学习使用或者商用。如需商用建议联系作者登记，仅做统计使用，优秀项目我们将在项目首页为您展示。
-**
+**本项目基于 MIT 协议，免费开放全部源代码，可以作为个人学习使用或者商用。如需商用建议联系作者登记，仅做统计使用，优秀项目我们将在项目首页为您展示。**
 
 ## 功能截图
 

web/src/components/admin/AdminHeader.vue

@@ -82,7 +82,6 @@ import {useRouter} from 'vue-router';
 import {ArrowDown, Expand, Fold} from "@element-plus/icons-vue";
 import {httpGet} from "@/utils/http";
 import {ElMessage} from "element-plus";
-import {checkAdminSession} from "@/action/session";
 
 const message = ref(5);
 const username = ref('极客学长')
@@ -93,16 +92,11 @@ const sidebar = useSidebarStore();
 const title = ref('Chat-Plus 控制台')
 const logo = ref('/images/logo.png')
 
-// 获取会话信息
-checkAdminSession().then(() => {
-  // 加载系统配置
-  httpGet('/api/admin/config/get?key=system').then(res => {
-    title.value = res.data['admin_title'];
-  }).catch(e => {
-    ElMessage.error("加载系统配置失败: " + e.message)
-  })
-}).catch(() => {
-  router.replace('/admin/login')
+// 加载系统配置
+httpGet('/api/admin/config/get?key=system').then(res => {
+  title.value = res.data['admin_title'];
+}).catch(e => {
+  ElMessage.error("加载系统配置失败: " + e.message)
 })
 
 // 侧边栏折叠

web/src/views/admin/Home.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="admin-home">
+  <div class="admin-home" v-if="isLogin">
     <admin-header/>
     <admin-sidebar/>
     <div class="content-box" :class="{ 'content-collapse': sidebar.collapse }">
@@ -22,9 +22,21 @@ import {useTagsStore} from '@/store/tags';
 import AdminHeader from "@/components/admin/AdminHeader.vue";
 import AdminSidebar from "@/components/admin/AdminSidebar.vue";
 import AdminTags from "@/components/admin/AdminTags.vue";
+import {useRouter} from "vue-router";
+import {checkAdminSession} from "@/action/session";
+import {ref} from "vue";
 
 const sidebar = useSidebarStore();
 const tags = useTagsStore();
+const isLogin = ref(false)
+
+// 获取会话信息
+const router = useRouter();
+checkAdminSession().then(() => {
+  isLogin.value = true
+}).catch(() => {
+  router.replace('/admin/login')
+})
 </script>
 
 <style scoped lang="stylus">

web/src/views/mobile/Chat.vue

@@ -75,13 +75,7 @@ const error = ref(false)
 const user = getLoginUser()
 
 const showPicker = ref(false)
-const columns = ref([
-  [{text: 'GPT-3.5', value: 1},
-    {text: 'GPT-4', value: 2},
-  ],
-  [{text: 'xxxx', value: 3},
-    {text: 'yyy', value: 4},]
-])
+const columns = ref([])
 
 checkSession().then(() => {
   // 加载角色列表
@@ -105,7 +99,6 @@ checkSession().then(() => {
       const items = res.data.models
       const models = []
       for (let i = 0; i < items.length; i++) {
-        console.log(items[i])
         models.push({text: items[i].toUpperCase(), value: items[i]})
       }
       columns.value[1] = models
@@ -145,8 +138,9 @@ const search = () => {
   chats.value = items;
 }
 
-const newChat = (value) => {
-  console.log(value)
+const newChat = (item) => {
+  console.log(item.selectedValues)
+  showPicker.value = false
 }
 
 </script>

web/src/views/mobile/Home.vue

@@ -17,12 +17,14 @@
 <script setup>
 import {ref} from "vue";
 
-const active = ref('home');
+const active = ref('home')
 const theme = ref("light")
+
 const onChange = (index) => {
   console.log(index)
   // showToast(`标签 ${index}`);
 }
+
 </script>
 
 <style lang="stylus">