1

src/components/chat.vue

@@ -10,7 +10,7 @@
                   <el-image :src="leftIcon"></el-image>
                 </el-col>
                 <el-col :span="22" class="info">
-                  <el-col :span="24" class="name">{{ item.sender_name }}</el-col>
+                  <el-col :span="24" class="name">{{ item.sender_name }}[{{ getTime(item) }}]</el-col>
                   <el-col :span="24" class="content">
                     {{ item.content }}
                   </el-col>
@@ -20,7 +20,7 @@
             <template v-else>
               <el-col :span="24" class="left right">
                 <el-col :span="22" class="info">
-                  <el-col :span="24" class="name">{{ item.sender_name }}</el-col>
+                  <el-col :span="24" class="name">[{{ getTime(item) }}]{{ item.sender_name }}</el-col>
                   <el-col :span="24" class="content">
                     {{ item.content }}
                   </el-col>
@@ -50,6 +50,7 @@ import { mapState, createNamespacedHelpers } from 'vuex';
 const { mapActions: clientApply } = createNamespacedHelpers('clientApply');
 const { mapActions: mapChat } = createNamespacedHelpers('chat');
 const { mapActions: chatRecord } = createNamespacedHelpers('chatRecord');
+const moment = require('moment');
 export default {
   name: 'chat',
   props: {
@@ -137,6 +138,12 @@ export default {
         container.scrollTop = container.scrollHeight;
       });
     },
+    // 整理时间
+    getTime(item) {
+      const ct = _.get(item.meta, 'createdAt');
+      if (!ct) return;
+      return moment(ct).format('YYYY-MM-DD HH:mm:ss');
+    },
   },
   computed: {
     ...mapState(['user']),

src/views/index.vue

@@ -36,7 +36,7 @@ export default {
       // 创建用户
       let data = {
         _tenant: 'platform',
-        client_id: '5fa34a8e3849fd0eecf7f1c6',
+        client_id: '5fa34a8e3849fd0eecf7f1c7',
         client_name: '顾红伟',
       };
       this.$set(this, `userInfo`, data);