feat: update menu icons, add version in site titles

web/src/views/ChatPlus.vue

@@ -451,6 +451,12 @@ const newChat = () => {
     showLoginDialog.value = true
     return;
   }
+  const role = getRoleById(roleId.value)
+  if (role.key === 'gpt') {
+    showHello.value = true
+  } else {
+    showHello.value = false
+  }
   // 已有新开的会话
   if (newChatItem.value !== null && newChatItem.value['role_id'] === roles.value[0]['role_id']) {
     return;

web/src/views/Home.vue

@@ -6,9 +6,9 @@
         <div class="divider"></div>
       </div>
       <ul class="nav-items">
-        <li v-for="item in navs" :key="item.path">
-          <a @click="changeNav(item)" :class="item.path === curPath ? 'active' : ''">
-            <el-image :src="item.icon" :width="20"/>
+        <li v-for="item in navs" :key="item.url">
+          <a @click="changeNav(item)" :class="item.url === curPath ? 'active' : ''">
+            <el-image :src="item.icon" style="width: 30px;height: 30px"/>
           </a>
           <div :class="item.url === curPath ? 'title active' : 'title'">{{ item.name }}</div>
         </li>
@@ -66,7 +66,7 @@ onMounted(() => {
   .navigator {
     display flex
     flex-flow column
-    width 70px
+    width 60px
     padding 10px 6px
     border-right: 1px solid #3c3c3c
     background-color: #25272D
@@ -76,6 +76,10 @@ onMounted(() => {
       flex-flow column
       align-items center
 
+      .el-image {
+        width 50px
+        height 50px
+      }
 
       .divider {
         border-bottom 1px solid #4A4A4A
@@ -86,15 +90,13 @@ onMounted(() => {
 
     .nav-items {
       margin-top: 20px;
-      padding-left: 10px;
-      padding-right: 10px;
+      padding 0 5px
 
       li {
         margin-bottom 15px
 
         a {
           color #DADBDC
-          background-color #40444A
           border-radius 10px
           width 48px
           height 48px
@@ -114,6 +116,7 @@ onMounted(() => {
 
         a:hover, a.active {
           color #47fff1
+          background-color #0F7A71
         }
 
         .title {

web/src/views/Login.vue

@@ -4,7 +4,7 @@
     <div class="main">
       <div class="contain">
         <div class="logo">
-          <el-image src="images/logo.png" fit="cover"/>
+          <el-image :src="logo" fit="cover"/>
         </div>
         <div class="header">{{ title }}</div>
         <div class="content">
@@ -54,7 +54,7 @@
 
 import {ref} from "vue";
 import {Lock, UserFilled} from "@element-plus/icons-vue";
-import {httpPost} from "@/utils/http";
+import {httpGet, httpPost} from "@/utils/http";
 import {ElMessage} from "element-plus";
 import {useRouter} from "vue-router";
 import FooterBar from "@/components/FooterBar.vue";
@@ -69,6 +69,15 @@ const title = ref('ChatPlus 用户登录');
 const username = ref(process.env.VUE_APP_USER);
 const password = ref(process.env.VUE_APP_PASS);
 const showResetPass = ref(false)
+const logo = ref("/images/logo.png")
+
+// 获取系统配置
+httpGet("/api/config/get?key=system").then(res => {
+  logo.value = res.data.logo
+}).catch(e => {
+  ElMessage.error("获取系统配置失败：" + e.message)
+})
+
 
 checkSession().then(() => {
   if (isMobile()) {

web/src/views/Register.vue

@@ -5,7 +5,7 @@
       <div class="page-inner">
         <div class="contain" v-if="enableRegister">
           <div class="logo">
-            <el-image src="images/logo.png" fit="cover"/>
+            <el-image :src="logo" fit="cover"/>
           </div>
 
           <div class="header">{{ title }}</div>
@@ -141,6 +141,7 @@ const enableRegister = ref(true)
 const wxImg = ref("/images/wx.png")
 const ways = []
 const placeholder = ref("用户名：")
+const logo = ref("/images/logo.png")
 
 httpGet("/api/config/get?key=system").then(res => {
   if (res.data) {
@@ -160,6 +161,7 @@ httpGet("/api/config/get?key=system").then(res => {
     if (res.data['wechat_card_url'] !== '') {
       wxImg.value = res.data['wechat_card_url']
     }
+    logo.value = res.data.logo
   }
 }).catch(e => {
   ElMessage.error("获取系统配置失败：" + e.message)