From 4844cc1ea17153287b49c8be996ccff025a12572 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Mon, 11 Jul 2022 18:09:39 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=8F=AF=E4=BB=A5=E9=80=9A=E8=BF=87?=
 =?UTF-8?q?=E7=BE=A4=E6=88=90=E5=91=98=E7=82=B9=E5=87=BB=E6=89=93=E5=BC=80?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manage/components/DialogGroupInfo.vue     | 18 +++++++++++++-
 .../pages/manage/components/DialogRespond.vue | 24 ++++++++++++++++++-
 .../pages/manage/components/DialogWrapper.vue |  4 ++--
 .../pages/components/dialog-group-info.scss   | 11 ++++++---
 .../sass/pages/components/dialog-respond.scss |  9 +++++--
 5 files changed, 57 insertions(+), 9 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogGroupInfo.vue b/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
index 40c48bcd2..7de1d93f0 100644
--- a/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
+++ b/resources/assets/js/pages/manage/components/DialogGroupInfo.vue
@@ -18,7 +18,7 @@
 
         <div class="group-info-user">
             <ul>
-                <li v-for="(item, index) in userList" :key="index">
+                <li v-for="(item, index) in userList" :key="index" @click="openUser(item.userid)">
                     <UserAvatar :userid="item.userid" :size="32" showName tooltipDisabled/>
                     <div v-if="item.userid === dialogData.owner_id" class="user-tag">{{ $L("群主") }}</div>
                     <Icon v-else-if="dialogData.owner_id == userId || item.inviter == userId" class="user-exit" type="md-exit" @click="onExit(item)"/>
@@ -79,6 +79,8 @@ export default {
             addShow: false,
             addData: {},
             addLoad: 0,
+
+            openIng: false,
         }
     },
 
@@ -260,6 +262,20 @@ export default {
                 },
             });
         },
+
+        openUser(userid) {
+            if (this.openIng) {
+                return
+            }
+            this.openIng = true
+            this.$store.dispatch("showSpinner", 600)
+            this.$store.dispatch("openDialogUserid", userid).then(_ => {
+                this.$emit("on-close")
+            }).finally(_ => {
+                this.openIng = false
+                this.$store.dispatch("hiddenSpinner")
+            });
+        }
     }
 }
 </script>
diff --git a/resources/assets/js/pages/manage/components/DialogRespond.vue b/resources/assets/js/pages/manage/components/DialogRespond.vue
index a0a229046..fdbf85f43 100644
--- a/resources/assets/js/pages/manage/components/DialogRespond.vue
+++ b/resources/assets/js/pages/manage/components/DialogRespond.vue
@@ -4,7 +4,7 @@
 
         <div class="respond-user">
             <ul>
-                <li v-for="(userid, index) in respondData.userids" :key="index">
+                <li v-for="(userid, index) in respondData.userids" :key="index" @click="openUser(userid)">
                     <UserAvatar :userid="userid" :size="32" showName tooltipDisabled/>
                 </li>
             </ul>
@@ -23,5 +23,27 @@ export default {
             }
         },
     },
+
+    data() {
+        return {
+            openIng: false,
+        }
+    },
+
+    methods: {
+        openUser(userid) {
+            if (this.openIng) {
+                return
+            }
+            this.openIng = true
+            this.$store.dispatch("showSpinner", 600)
+            this.$store.dispatch("openDialogUserid", userid).then(_ => {
+                this.$emit("on-close")
+            }).finally(_ => {
+                this.openIng = false
+                this.$store.dispatch("hiddenSpinner")
+            });
+        }
+    }
 }
 </script>
diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index b08d8eb2a..ec77e89e7 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -308,7 +308,7 @@
             v-model="groupInfoShow"
             placement="right"
             :size="400">
-            <DialogGroupInfo v-if="groupInfoShow" :dialogId="dialogId"/>
+            <DialogGroupInfo v-if="groupInfoShow" :dialogId="dialogId" @on-close="groupInfoShow=false"/>
         </DrawerOverlay>
 
         <!--回复列表-->
@@ -331,7 +331,7 @@
             v-model="respondShow"
             placement="right"
             :size="400">
-            <DialogRespond v-if="respondShow" :respond-data="respondData"/>
+            <DialogRespond v-if="respondShow" :respond-data="respondData" @on-close="respondShow=false"/>
         </DrawerOverlay>
 
         <!--待办完成-->
diff --git a/resources/assets/sass/pages/components/dialog-group-info.scss b/resources/assets/sass/pages/components/dialog-group-info.scss
index 341f162ce..7d9eae91e 100644
--- a/resources/assets/sass/pages/components/dialog-group-info.scss
+++ b/resources/assets/sass/pages/components/dialog-group-info.scss
@@ -49,17 +49,19 @@
     .group-info-user {
         flex: 1;
         overflow: auto;
-        margin-top: 16px;
-        padding: 0 24px;
+        margin-top: 12px;
+        padding: 0 12px;
 
         > ul {
             > li {
                 display: flex;
                 align-items: center;
                 list-style: none;
-                padding-bottom: 16px;
+                padding: 12px;
+                border-radius: 6px;
 
                 &:hover {
+                    background-color: rgba($primary-desc-color, 0.1);
                     .user-exit {
                         opacity: 1;
                         transform: translateX(0);
@@ -67,6 +69,9 @@
                 }
 
                 &.no {
+                    &:hover {
+                        background-color: transparent;
+                    }
                     justify-content: center;
                     color: #999;
                     .common-loading {
diff --git a/resources/assets/sass/pages/components/dialog-respond.scss b/resources/assets/sass/pages/components/dialog-respond.scss
index 698740b36..d96838c8b 100644
--- a/resources/assets/sass/pages/components/dialog-respond.scss
+++ b/resources/assets/sass/pages/components/dialog-respond.scss
@@ -28,14 +28,19 @@
     .respond-user {
         flex: 1;
         overflow: auto;
-        padding: 16px;
+        padding: 6px;
 
         > ul {
             > li {
                 display: flex;
                 align-items: center;
                 list-style: none;
-                padding-bottom: 16px;
+                padding: 12px;
+                border-radius: 6px;
+
+                &:hover {
+                    background-color: rgba($primary-desc-color, 0.1);
+                }
 
                 .common-avatar {
                     width: 0;