From 92ea7eaab79249913f3f6fe45cfc7f8eb1bf7242 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Mon, 4 Jul 2022 00:20:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=97=A0=E6=B3=95=E9=80=9A=E8=BF=87?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E7=82=B9=E5=87=BB=E8=81=8A=E5=A4=A9=E7=9A=84?=
 =?UTF-8?q?=E6=83=85=E5=86=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/manage/components/ProjectDialog.vue | 32 +++++++++++++++++--
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/ProjectDialog.vue b/resources/assets/js/pages/manage/components/ProjectDialog.vue
index 6f52f21e0..2fd40240f 100644
--- a/resources/assets/js/pages/manage/components/ProjectDialog.vue
+++ b/resources/assets/js/pages/manage/components/ProjectDialog.vue
@@ -1,5 +1,5 @@
 <template>
-    <DialogWrapper v-if="windowLarge && projectData.cacheParameter.chat" :dialog-id="projectData.dialog_id" class="project-dialog">
+    <DialogWrapper v-if="dialogShow" :dialog-id="projectData.dialog_id" class="project-dialog">
         <template slot="head">
             <div class="dialog-user">
                 <div class="member-head">
@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import {mapGetters} from "vuex";
+import {mapGetters, mapState} from "vuex";
 import DialogWrapper from "./DialogWrapper";
 
 export default {
@@ -32,12 +32,38 @@ export default {
     components: {DialogWrapper},
     data() {
         return {
+            loadIng: false,
             memberShowAll: false,
         }
     },
 
     computed: {
-        ...mapGetters(['projectData'])
+        ...mapState(['cacheDialogs']),
+        ...mapGetters(['projectData']),
+
+        dialogShow() {
+            return this.windowLarge && this.projectData.dialog_id && this.projectData.cacheParameter.chat
+        }
+    },
+
+    watch: {
+        dialogShow: {
+            handler(show) {
+                if (show) {
+                    const {dialog_id} = this.projectData
+                    if (!this.cacheDialogs.find(({id}) => id == dialog_id)) {
+                        if (this.loadIng === true) {
+                            return
+                        }
+                        this.loadIng = true
+                        this.$store.dispatch("getDialogOne", dialog_id).catch(() => {}).finally(_ => {
+                            this.loadIng = false
+                        })
+                    }
+                }
+            },
+            immediate: true
+        }
     },
 
     methods: {