From daa88a2cc28924d6266a94549f872e06ed826d27 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Tue, 7 Feb 2023 02:44:21 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=A7=92=E6=A0=87=E6=9C=80=E5=A4=A7?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA999?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/js/components/Mobile/Tabbar.vue    |  8 +++----
 resources/assets/js/pages/manage.vue          | 22 +++++++++----------
 .../pages/manage/components/ProjectPanel.vue  |  4 ++--
 .../assets/js/pages/manage/messenger.vue      |  6 ++---
 .../assets/sass/pages/page-messenger.scss     |  4 ++--
 5 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/resources/assets/js/components/Mobile/Tabbar.vue b/resources/assets/js/components/Mobile/Tabbar.vue
index 88b4085f4..b7d297c45 100644
--- a/resources/assets/js/components/Mobile/Tabbar.vue
+++ b/resources/assets/js/components/Mobile/Tabbar.vue
@@ -22,12 +22,12 @@
                 <i class="taskfont" v-html="item.icon"></i>
                 <div class="tabbar-title">{{$L(item.label)}}</div>
                 <template v-if="item.name === 'dashboard'">
-                    <Badge v-if="dashboardTask.overdue_count > 0" class="tabbar-badge" type="error" :count="dashboardTask.overdue_count"/>
-                    <Badge v-else-if="dashboardTask.today_count > 0" class="tabbar-badge" type="info" :count="dashboardTask.today_count"/>
-                    <Badge v-else-if="dashboardTask.all_count > 0" class="tabbar-badge" type="primary" :count="dashboardTask.all_count"/>
+                    <Badge v-if="dashboardTask.overdue_count > 0" class="tabbar-badge" type="error" :overflow-count="999" :count="dashboardTask.overdue_count"/>
+                    <Badge v-else-if="dashboardTask.today_count > 0" class="tabbar-badge" type="info" :overflow-count="999" :count="dashboardTask.today_count"/>
+                    <Badge v-else-if="dashboardTask.all_count > 0" class="tabbar-badge" type="primary" :overflow-count="999" :count="dashboardTask.all_count"/>
                 </template>
                 <template v-else-if="item.name === 'dialog'">
-                    <Badge class="tabbar-badge" :text="msgUnreadMention"/>
+                    <Badge class="tabbar-badge" :overflow-count="999" :text="msgUnreadMention"/>
                 </template>
             </li>
         </ul>
diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
index d637faba1..be40c593b 100644
--- a/resources/assets/js/pages/manage.vue
+++ b/resources/assets/js/pages/manage.vue
@@ -11,7 +11,7 @@
                         <UserAvatar :userid="userId" :size="36" tooltipDisabled/>
                     </div>
                     <span>{{userInfo.nickname}}</span>
-                    <Badge v-if="reportUnreadNumber > 0" class="manage-box-top-report" :count="reportUnreadNumber"/>
+                    <Badge v-if="reportUnreadNumber > 0" class="manage-box-top-report" :overflow-count="999" :count="reportUnreadNumber"/>
                     <Badge v-else-if="!!clientNewVersion" class="manage-box-top-report" dot/>
                     <div class="manage-box-arrow">
                         <Icon type="ios-arrow-up" />
@@ -57,7 +57,7 @@
                             <DropdownItem :divided="!!item.divided">
                                 <div class="manage-menu-flex">
                                     {{$L(item.name)}}
-                                    <Badge v-if="reportUnreadNumber > 0" class="manage-menu-report-badge" :count="reportUnreadNumber"/>
+                                    <Badge v-if="reportUnreadNumber > 0" class="manage-menu-report-badge" :overflow-count="999" :count="reportUnreadNumber"/>
                                     <Icon v-else type="ios-arrow-forward"></Icon>
                                 </div>
                             </DropdownItem>
@@ -66,7 +66,7 @@
                                 <DropdownItem name="workReport">
                                     <div class="manage-menu-flex">
                                         {{$L('工作报告')}}
-                                        <Badge v-if="reportUnreadNumber > 0" class="manage-menu-report-badge" :count="reportUnreadNumber"/>
+                                        <Badge v-if="reportUnreadNumber > 0" class="manage-menu-report-badge" :overflow-count="999" :count="reportUnreadNumber"/>
                                     </div>
                                 </DropdownItem>
                                 <DropdownItem name="exportTask">{{$L('导出任务统计')}}</DropdownItem>
@@ -98,9 +98,9 @@
                 <li @click="toggleRoute('dashboard')" :class="classNameRoute('dashboard')">
                     <i class="taskfont">&#xe6fb;</i>
                     <div class="menu-title">{{$L('仪表盘')}}</div>
-                    <Badge v-if="dashboardTask.overdue_count > 0" class="menu-badge" type="error" :count="dashboardTask.overdue_count"/>
-                    <Badge v-else-if="dashboardTask.today_count > 0" class="menu-badge" type="info" :count="dashboardTask.today_count"/>
-                    <Badge v-else-if="dashboardTask.all_count > 0" class="menu-badge" type="primary" :count="dashboardTask.all_count"/>
+                    <Badge v-if="dashboardTask.overdue_count > 0" class="menu-badge" type="error" :overflow-count="999" :count="dashboardTask.overdue_count"/>
+                    <Badge v-else-if="dashboardTask.today_count > 0" class="menu-badge" type="info" :overflow-count="999" :count="dashboardTask.today_count"/>
+                    <Badge v-else-if="dashboardTask.all_count > 0" class="menu-badge" type="primary" :overflow-count="999" :count="dashboardTask.all_count"/>
                 </li>
                 <li @click="toggleRoute('calendar')" :class="classNameRoute('calendar')">
                     <i class="taskfont">&#xe6f5;</i>
@@ -109,7 +109,7 @@
                 <li @click="toggleRoute('messenger')" :class="classNameRoute('messenger')">
                     <i class="taskfont">&#xe6eb;</i>
                     <div class="menu-title">{{$L('消息')}}</div>
-                    <Badge class="menu-badge" :text="msgUnreadMention"/>
+                    <Badge class="menu-badge" :overflow-count="999" :text="msgUnreadMention"/>
                 </li>
                 <li @click="toggleRoute('file')" :class="classNameRoute('file')">
                     <i class="taskfont">&#xe6f3;</i>
@@ -451,11 +451,11 @@ export default {
                 num += $A.getDialogUnread(dialog, false);
                 mention += $A.getDialogMention(dialog);
             })
-            if (num > 99) {
-                num = "99+"
+            if (num > 999) {
+                num = "999+"
             }
-            if (mention > 99) {
-                mention = "99+"
+            if (mention > 999) {
+                mention = "999+"
             }
             const todoNum = this.msgTodoTotal   // 待办
             if (todoNum) {
diff --git a/resources/assets/js/pages/manage/components/ProjectPanel.vue b/resources/assets/js/pages/manage/components/ProjectPanel.vue
index 8dbb5bda4..fb699a047 100644
--- a/resources/assets/js/pages/manage/components/ProjectPanel.vue
+++ b/resources/assets/js/pages/manage/components/ProjectPanel.vue
@@ -16,7 +16,7 @@
                             <UserAvatar :userid="projectData.owner_userid" :size="36" :borderWitdh="2" :openDelay="0">
                                 <p>{{$L('项目负责人')}}</p>
                             </UserAvatar>
-                            <Badge v-if="(windowWidth <= 980 || projectData.cacheParameter.chat) && projectUser.length > 0" type="normal" :count="projectData.project_user.length"/>
+                            <Badge v-if="(windowWidth <= 980 || projectData.cacheParameter.chat) && projectUser.length > 0" type="normal" :overflow-count="999" :count="projectData.project_user.length"/>
                         </li>
                         <template v-if="!(windowWidth <= 980 || projectData.cacheParameter.chat) && projectUser.length > 0" v-for="item in projectUser">
                             <li v-if="item.userid === -1" class="more">
@@ -45,7 +45,7 @@
                 </li>
                 <li :class="['project-icon', windowLarge && projectData.cacheParameter.chat ? 'active' : '']" @click="toggleParameter('chat')">
                     <Icon class="menu-icon" type="ios-chatbubbles" />
-                    <Badge class="menu-badge" :count="msgUnread"></Badge>
+                    <Badge class="menu-badge" :overflow-count="999" :count="msgUnread"></Badge>
                 </li>
                 <li class="project-icon">
                     <EDropdown @command="projectDropdown" trigger="click" transfer>
diff --git a/resources/assets/js/pages/manage/messenger.vue b/resources/assets/js/pages/manage/messenger.vue
index 3c8a60b70..667474e8c 100644
--- a/resources/assets/js/pages/manage/messenger.vue
+++ b/resources/assets/js/pages/manage/messenger.vue
@@ -20,7 +20,7 @@
                         :key="key"
                         :class="{active:dialogActive==item.type}"
                         @click="onActive(item.type)">
-                        <Badge class="nav-num" :count="msgUnread(item.type)"/>
+                        <Badge class="nav-num" :overflow-count="999" :count="msgUnread(item.type)"/>
                         {{$L(item.name)}}
                     </p>
                 </div>
@@ -86,7 +86,7 @@
                                     <div v-if="dialog.silence" class="taskfont last-silence">&#xe7d7;</div>
                                 </div>
                             </div>
-                            <Badge class="dialog-num" :type="dialog.silence ? 'normal' : 'error'" :count="$A.getDialogUnread(dialog, true)"/>
+                            <Badge class="dialog-num" :type="dialog.silence ? 'normal' : 'error'" :overflow-count="999" :count="$A.getDialogUnread(dialog, true)"/>
                             <div class="dialog-line"></div>
                         </li>
                     </ul>
@@ -136,7 +136,7 @@
                 <div class="messenger-menu">
                     <div class="menu-icon">
                         <Icon @click="tabActive='dialog'" :class="{active:tabActive==='dialog'}" type="ios-chatbubbles" />
-                        <Badge class="menu-num" :count="msgUnread('all')"/>
+                        <Badge class="menu-num" :overflow-count="999" :count="msgUnread('all')"/>
                     </div>
                     <div class="menu-icon">
                         <Icon @click="tabActive='contacts'" :class="{active:tabActive==='contacts'}" type="md-person" />
diff --git a/resources/assets/sass/pages/page-messenger.scss b/resources/assets/sass/pages/page-messenger.scss
index 689f6344b..bb574b468 100644
--- a/resources/assets/sass/pages/page-messenger.scss
+++ b/resources/assets/sass/pages/page-messenger.scss
@@ -260,8 +260,8 @@
                             .dialog-num {
                                 position: absolute;
                                 top: 10px;
-                                left: 42px;
-                                transform: scale(0.8);
+                                left: 58px;
+                                transform: scale(0.8) translateX(-100%);
                             }
                             .dialog-line {
                                 display: none;