From 7d8856e4bc5642907330c372fb698632b0aef1bb Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 6 Jan 2022 15:41:58 +0800
Subject: [PATCH] no msg

---
 resources/assets/js/App.vue                              | 7 ++++---
 .../assets/js/pages/manage/components/ProjectList.vue    | 9 ++++++---
 resources/assets/js/store/state.js                       | 3 +++
 resources/assets/sass/pages/components/project-list.scss | 2 +-
 4 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/resources/assets/js/App.vue b/resources/assets/js/App.vue
index 4b033396..c281a21a 100755
--- a/resources/assets/js/App.vue
+++ b/resources/assets/js/App.vue
@@ -45,11 +45,11 @@ export default {
         //
         setInterval(this.searchEnter, 1000);
         //
-        window.addEventListener('resize', this.windowMax768Listener);
+        window.addEventListener('resize', this.windowSizeListener);
     },
 
     beforeDestroy() {
-        window.removeEventListener('resize', this.windowMax768Listener);
+        window.removeEventListener('resize', this.windowSizeListener);
     },
 
     computed: {
@@ -168,7 +168,8 @@ export default {
             });
         },
 
-        windowMax768Listener() {
+        windowSizeListener() {
+            this.$store.state.windowWidth = window.innerWidth
             this.$store.state.windowMax768 = window.innerWidth <= 768
         },
 
diff --git a/resources/assets/js/pages/manage/components/ProjectList.vue b/resources/assets/js/pages/manage/components/ProjectList.vue
index f7a31deb..5867ffd2 100644
--- a/resources/assets/js/pages/manage/components/ProjectList.vue
+++ b/resources/assets/js/pages/manage/components/ProjectList.vue
@@ -15,12 +15,14 @@
                                     <p>{{$L('项目负责人')}}</p>
                                 </UserAvatar>
                             </li>
-                            <template v-if="projectUser.length > 0">
+                            <template v-if="projectUser.length > 0 && windowWidth > 980">
                                 <li v-for="(item, index) in projectUser" :key="index" v-if="index < projectUserShowNum">
                                     <UserAvatar :userid="item.userid" :size="36" :borderWitdh="2" :openDelay="0"/>
                                 </li>
                                 <li v-if="projectUser.length > projectUserShowNum" class="more">
-                                    <Icon type="ios-more"/>
+                                    <ETooltip :content="$L('共' + (projectUser.length + 1) + '个成员')">
+                                        <Icon type="ios-more"/>
+                                    </ETooltip>
                                 </li>
                                 <li class="add">
                                     <Icon type="md-person-add"/>
@@ -536,6 +538,7 @@ export default {
 
     computed: {
         ...mapState([
+            'windowWidth',
             'windowMax768',
 
             'userId',
@@ -597,7 +600,7 @@ export default {
         },
 
         projectUserShowNum() {
-            return this.windowMax768 ? 3 : 10;
+            return this.windowWidth > 1200 ? 8 : 3;
         },
 
         columnList() {
diff --git a/resources/assets/js/store/state.js b/resources/assets/js/store/state.js
index 2b77728e..ac343ce8 100644
--- a/resources/assets/js/store/state.js
+++ b/resources/assets/js/store/state.js
@@ -1,5 +1,8 @@
 const state = {};
 
+// 浏览器宽度
+state.windowWidth = window.innerWidth;
+
 // 浏览器宽度≤768返回true
 state.windowMax768 = window.innerWidth <= 768;
 
diff --git a/resources/assets/sass/pages/components/project-list.scss b/resources/assets/sass/pages/components/project-list.scss
index c3034259..4dd23cf8 100644
--- a/resources/assets/sass/pages/components/project-list.scss
+++ b/resources/assets/sass/pages/components/project-list.scss
@@ -89,7 +89,7 @@
                                     }
                                 }
                                 &.more {
-                                    width: 30px;
+                                    width: 36px;
                                     transform: translateX(-1px);
                                     background-color: transparent;
                                     border-color: transparent;