From 7d26167a306ddf9cb1093261f830cda23c80b821 Mon Sep 17 00:00:00 2001
From: ch <cwl_ch@163.com>
Date: Thu, 26 May 2022 10:51:35 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9im=20store=E9=97=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/account/index/message.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/pages/account/index/message.vue b/pages/account/index/message.vue
index 49a907e..19caef4 100644
--- a/pages/account/index/message.vue
+++ b/pages/account/index/message.vue
@@ -2,7 +2,7 @@
  * @Author: ch
  * @Date: 2022-05-04 17:48:12
  * @LastEditors: ch
- * @LastEditTime: 2022-05-26 10:38:16
+ * @LastEditTime: 2022-05-26 10:50:18
  * @Description: file content
 -->
 
@@ -43,7 +43,6 @@
   </div>
 </template>
 <script>
-// import { mapState } from "vuex";
 import UiEmpty from "@/components/UiEmpty.vue";
 import {FormatDate} from '@/plugins/utils'
 export default {
@@ -53,13 +52,13 @@ export default {
   },
   computed: {
     msgData(){
-      return this.$store.state.socketMsgData.map(i => {
-        i.payload = JSON.parse(i.payload);
-        i.createTimeStamp = FormatDate(i.createTimeStamp, 'mm-dd hh:ii:ss')
-        return i;
+      return [...this.$store.state.socketMsgData].map(i => {
+        let item = {...i}
+        item.payload = JSON.parse(i.payload);
+        item.createTimeStamp = FormatDate(i.createTimeStamp, 'mm-dd hh:ii:ss')
+        return item;
       }).reverse();
     },
-    // ...mapState(["token", "socketMsgData"]),
   },
   mounted() {
     console.log(`socketMsgData`, this.$store.state);
@@ -106,6 +105,7 @@ export default {
 
     &__item {
       margin-bottom: 20px;
+      cursor: pointer;
 
       &-img {
         width: 50px;