From ed4a860bbbcc96367928e28c302fc37b2e13b22a Mon Sep 17 00:00:00 2001
From: WangXu10 <xu.wang@fit2cloud.com>
Date: Fri, 12 Apr 2024 10:33:15 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B6=88=E6=81=AF=E7=AE=A1=E7=90=86):=20?=
 =?UTF-8?q?=E6=96=B0=E5=80=BC=E6=B6=88=E6=81=AF=E8=AE=BE=E7=BD=AE=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1039050 --user=王旭 【消息管理】查看消息页面无消息设置入口 https://www.tapd.cn/55049933/s/1495470
---
 .../ms-message/MessageCenterDrawer.vue        | 32 ++++++++++++++++++-
 .../business/ms-message/locale/en-US.ts       |  1 +
 .../business/ms-message/locale/zh-CN.ts       |  1 +
 3 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/business/ms-message/MessageCenterDrawer.vue b/frontend/src/components/business/ms-message/MessageCenterDrawer.vue
index 98c0070659..fb070c3982 100644
--- a/frontend/src/components/business/ms-message/MessageCenterDrawer.vue
+++ b/frontend/src/components/business/ms-message/MessageCenterDrawer.vue
@@ -33,6 +33,13 @@
             </div>
           </a-menu-item>
         </a-menu>
+        <div class="case flex-1">
+          <a-divider direction="horizontal" margin="8px" />
+          <div class="flex items-center px-[20px]" :class="{ clickable: 'hovered' }" @click="openMessageManage">
+            <MsIcon type="icon-icon_setting_filled" class="folder-icon" />
+            <div class="folder-name mx-[4px]">{{ t('ms.message.setting') }}</div>
+          </div>
+        </div>
       </div>
       <a-divider direction="vertical" margin="8px"></a-divider>
       <div class="flex-1 justify-between p-[24px]">
@@ -118,6 +125,7 @@
 
 <script setup lang="ts">
   import { ref } from 'vue';
+  import { useRouter } from 'vue-router';
   import { useVModel } from '@vueuse/core';
   import dayjs from 'dayjs';
 
@@ -139,6 +147,7 @@
   import usePathMap from '@/hooks/usePathMap';
 
   import { MessageItem } from '@/models/projectManagement/message';
+  import { ProjectManagementRouteEnum } from '@/enums/routeEnum';
 
   import useAppStore from '../../../store/modules/app';
   import useUserStore from '../../../store/modules/user';
@@ -154,7 +163,7 @@
   const emit = defineEmits<{
     (e: 'update:visible', val: boolean): void;
   }>();
-
+  const router = useRouter();
   const { t } = useI18n();
   const { jumpRouteByMapKey, getRouteMapByAlias } = usePathMap();
   const innerVisible = useVModel(props, 'visible', emit);
@@ -249,6 +258,14 @@
     loadMessageHistoryList('all', key);
   }
 
+  function openMessageManage() {
+    window.open(
+      `${window.location.origin}#${
+        router.resolve({ name: ProjectManagementRouteEnum.PROJECT_MANAGEMENT_MESSAGE_MANAGEMENT }).fullPath
+      }?orgId=${appStore.currentOrgId}&pId=${appStore.currentProjectId}`
+    );
+  }
+
   // 切换消息状态
   function changeShowType(value: string | number | boolean, ev: Event) {
     messageHistoryList.value = [];
@@ -358,4 +375,17 @@
     box-sizing: border-box;
     line-height: 1.8715;
   }
+
+  .case {
+    /* 底部样式 */
+    position: fixed;
+    bottom: 0;
+    padding: 20px;
+    text-align: center;
+  }
+
+  .clickable {
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+  }
 </style>
diff --git a/frontend/src/components/business/ms-message/locale/en-US.ts b/frontend/src/components/business/ms-message/locale/en-US.ts
index 5713883468..bd65a67de3 100644
--- a/frontend/src/components/business/ms-message/locale/en-US.ts
+++ b/frontend/src/components/business/ms-message/locale/en-US.ts
@@ -12,4 +12,5 @@ export default {
   'ms.message.make.as.read': 'Mark all as read',
   'ms.message.notice.title': 'Notification Title',
   'ms.message.me': ' {var}Me',
+  'ms.message.setting': 'message setting',
 };
diff --git a/frontend/src/components/business/ms-message/locale/zh-CN.ts b/frontend/src/components/business/ms-message/locale/zh-CN.ts
index a5043c6eb3..ec49fa2dc9 100644
--- a/frontend/src/components/business/ms-message/locale/zh-CN.ts
+++ b/frontend/src/components/business/ms-message/locale/zh-CN.ts
@@ -12,4 +12,5 @@ export default {
   'ms.message.make.as.read': '全部标为已读',
   'ms.message.notice.title': '通知标题',
   'ms.message.me': ' {var}我',
+  'ms.message.setting': '消息设置',
 };