feats

config/dev.js

   defineConstants: {
     // HOST: '"https://xlk.njyz.tech"',
     HOST: '"http://127.0.0.1:8081"',
-    WSS_HOST: '"wss://xlk.njyz.tech"',
+    WSS_HOST: '"ws://127.0.0.1:8081"',
     OSS_PATH: '"https://xlk-assets.oss-accelerate.aliyuncs.com/"',
     OSS_FAST_PATH: '"https://xlk-assets.oss-accelerate.aliyuncs.com/"',
     ICON_FONT: '"https://yz-websit.oss-cn-hangzhou.aliyuncs.com/xlk/css/iconfont.ttf"',

src/components/FixedConsultant/index.jsx

 
   const handleChat = () => {
     Taro.navigateTo({
-      url: `/pages/chat/chatDetail/index?targetPerson=${consultantId}}`
+      url: `/pages/chat/chatDetail/index?friend=${consultantId}`
     })
   }
   

src/pages/chat/chatDetail/Card.jsx

+import React from 'react'
+import Taro from '@tarojs/taro'
+import './index.scss'
+
+export default (props) => {
+  const { person, onLeavePhone } = props
+
+  const callPhone = () => {
+    if (person.tel || person.phone) {
+      Taro.makePhoneCall({
+        phoneNumber: person.tel || person.phone
+      })
+    }
+  }
+
+  return (
+    <view className='SystemModel'>
+      <text className='Msg'>{`您好，我是${person.name || person.nickname}，有什么可以帮您吗？您可以在这里跟我实时沟通哦~`}</text>
+      <text className='Tips'>您还可以通过以下方式快速联系我：</text>
+      <view onClick={callPhone}>
+        <text className='iconfont icon-dianhua'></text>
+        <text>拨打我的电话</text>
+      </view>
+      <view onClick={onLeavePhone}>
+        <text className='iconfont icon-shouji'></text>
+        <text>留下您的电话</text>
+      </view>
+    </view>
+  )
+}

src/pages/chat/chatDetail/index.jsx

-import { useState } from 'react'
+import { useEffect, useRef, useState } from 'react'
+import Taro from '@tarojs/taro'
 import { ScrollView, Input, Image } from '@tarojs/components'
+import withLayout from '@/layout'
+import { API_QUERY_USERINFO_BYID } from '@/constants/api'
+import { ROLE_CODE } from '@/constants/user'
+import { uploadFiles, fetch } from '@/utils/request'
+import { queryChatHistory, setMessageReaded } from '@/services/chat'
+import im from '@/utils/im'
+import { getDateForHumans } from '@/utils/chatDate'
 import '@/assets/css/iconfont.css'
+import Card from './Card'
+import useScrollTop from './useScrollTop'
 import './index.scss'
 
-export default function MyCollectForActivity () {
+export default withLayout((props) => {
+  const { router, person } = props;
+  const { friend } = router.params
 
-  const [PageList, setPageList] = useState([{}, {}, {}, {}, {}, {}, {}, {}, {}, {}, {}])
+  const [text, setText] = useState()
+  // const [image, setText] = useState()
+  const typeRef = useRef(im.MESSAGETYPE.TEXT)
+  const messageRef = useRef()
+
+  const [receiver, setReceiver] = useState({})
+  const [PageList, setPageList] = useState([])
+  const [scrollTop, scroll] = useScrollTop('#chat-scroll')
+
+  const submit = (e, msg, type) => {
+    const message = msg || messageRef.current
+    const messageType = type || typeRef.current
+
+    // 用来回调写入消息列表
+    const newMessage = {
+      chatId: Math.random().toString(36).substring(2),
+      message,
+      messageType,
+      receivePerson: friend,
+      sendPerson: person.personId,
+      createDate: new Date(),
+    }
+
+    // 发送消息
+    im.sendMessage(message, messageType).then(() => {
+      // 发送成功
+      setText()
+      // 立刻回显刚刚发送内容
+      setPageList(PageList.concat(newMessage))
+      // 滚动到底部
+      scroll()
+    }).catch(() => {
+      Taro.showToast({
+        title: '发送失败, 请重试',
+        icon: 'none',
+      })
+    })
+  }
+
+  const handleMessage = (msg, type = im.MESSAGETYPE.TEXT) => {
+    typeRef.current = type
+    messageRef.current = msg
+    if (type === im.MESSAGETYPE.TEXT) {
+      setText(msg)
+    }
+  }
+
+  const getChatHistory = (params) => {
+    Taro.showLoading()
+    queryChatHistory({
+      chatWith: friend,
+      pageSize: 20,
+      ...params || {},
+    }).then((res) => {
+      const { records } = res;
+      Taro.hideLoading()
+
+      const lst = (records||[]).reverse()
+
+      // 如果聊天对象是有身份的
+      if (receiver.personType !== ROLE_CODE.DRIFT && receiver.personType !== ROLE_CODE.CUSTOMER) {
+        const mockMessage = {
+          chatId: Math.random().toString(36).substring(2),
+          message: '',
+          messageType: im.MESSAGETYPE.CARD,
+          receivePerson: person.personId,
+          sendPerson: friend,
+          createDate: new Date(),
+        }
+        lst.push(mockMessage)
+      }
+
+      setPageList(lst)
+      scroll()
+    })
+  }
+
+  const leavePhone = () => {
+    submit(undefined, person.phone, im.MESSAGETYPE.TEXT)
+  }
+
+  useEffect(() => {
+    if (friend) {
+      im.bindReceiver(friend)
+      fetch({ url: `${API_QUERY_USERINFO_BYID}/${friend}`, spin: true }).then((res) => {
+        setReceiver(res)
+        getChatHistory({ pageNumber: 1})
+      })
+    } else {
+      Taro.showToast({
+        title: '无聊天对象，请退出重试',
+        icon: 'none',
+      })
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [friend])
 
   return (
     <view className='chatDetail flex-v'>
       <view className='flex-item'>
         <view>
-          <ScrollView scroll-y>
+          <ScrollView  id='chat-scroll' scrollY enhanced scrollTop={scrollTop}>
             <view className='PageContent'>
               {
-                PageList.map((item, index) => (
-                  <view key={`ChatItem-${index}`} className='ChatItem'>
+                PageList.map((item) => (
+                  <view key={item.chatId} className='ChatItem'>
 
                     <view className='Time'>
-                      <text>今天 17:50</text>
+                      <text>{getDateForHumans(item.createDate, true)}</text>
                     </view>
 
                     <view className='flex-h'>
-
-                      {/* 对方头像 */}
                       {
-                        index % 2 === 0 &&
-                        <view className='Icon'>
-                          <Image mode='scaleToFill' src={null}></Image>
-                        </view>
+                        item.sendPerson === friend ? (
+                          <>
+                            <view className='Icon'>
+                              <Image mode='scaleToFill' src={receiver.avatarurl}></Image>
+                            </view>
+
+                            <view className='flex-item'>
+                              { /* 如果是文本 */
+                                item.messageType === im.MESSAGETYPE.TEXT && (
+                                  <view className='Message Left'>
+                                    <text>{item.message}</text>
+                                  </view>
+                                )
+                              }
+                              { /* 如果是卡片 */
+                                item.messageType === im.MESSAGETYPE.CARD && (
+                                  <Card person={receiver} onLeavePhone={leavePhone} />
+                                )
+                              }
+                            </view>
+                          </>
+                        ) : (
+                          <>
+                            <view className='flex-item'>
+                              { /* 如果是文本 */
+                                item.messageType === im.MESSAGETYPE.TEXT && (
+                                  <view className='Message Right'>
+                                    <text>{item.message}</text>
+                                  </view>
+                                )
+                              }
+                            </view>
+                            <view className='Icon'>
+                              <Image mode='scaleToFill' src={person.avatarurl}></Image>
+                            </view>
+                          </>
+                        )
                       }
 
-                      <view className='flex-item'>
 
                         {/* 系统模板消息（对方消息） */}
-                        {
+                        {/* {
                           index === 0 &&
-                          <view className='SystemModel'>
-                            <text className='Msg'>您好，我是陆毅，有什么可以帮您吗？您可以在这里跟我实时沟通哦~</text>
-                            <text className='Tips'>您还可以通过以下方式快速联系我：</text>
-                            <view>
-                              <text className='iconfont icon-dianhua'></text>
-                              <text>拨打我的电话</text>
-                            </view>
-                            <view>
-                              <text className='iconfont icon-shouji'></text>
-                              <text>留下您的电话</text>
-                            </view>
-                          </view>
-                        }
-
-                        {/* 对方消息（文本） */}
-                        {
-                          index % 2 === 0 && !!index &&
-                          <view className='Message Left'>
-                            <text>知道了</text>
-                          </view>
-                        }
-
-                        {/* 我方消息（文本） */}
-                        {
-                          index % 2 === 1 &&
-                          <view className='Message Right'>
-                            <text>知道了知道了知道了知道了知道了知道了知道了知道了知道了知道了知道了知道了知道了知道了知道了知道了知道了</text>
-                          </view>
-                        }
-
-                      </view>
-                      
-                      {/* 我方头像 */}
-                      {
-                        index % 2 === 1 &&
-                        <view className='Icon'>
-                          <Image mode='scaleToFill' src={null}></Image>
-                        </view>
-                      }
+                        } */}
 
                     </view>
 
       </view>
       <view className='SendContent flex-h'>
         <view className='flex-item'>
-          <Input placeholder='发送消息' />
+          <Input placeholder='发送消息' value={text} onInput={(e) => handleMessage(e.detail.value)} />
         </view>
         <text className='iconfont icon-tianjia'></text>
-        <text className='Send'>发送</text>
+        <text className='Send' onClick={submit}>发送</text>
       </view>
     </view>
   )
-}
+})

src/pages/chat/chatDetail/useScrollTop.js

+
+import { useEffect, useState, useRef } from 'react';
+import Taro from '@tarojs/taro'
+
+export default function useScrollTop() {
+  // 设置一个初始高度
+  const [scrollTop, setScrollTop] = useState(1000)
+
+  const scroll = () => {
+    // Taro.createSelectorQuery()
+    //     .select(selector)
+    //     .boundingClientRect((rect) => {
+    //       console.log('-------rect------->', rect)
+    //   }).exec();
+    Taro.nextTick(() => {
+      setScrollTop(scrollTop + 500)
+    })
+  }
+
+  return [scrollTop, scroll]
+}

src/pages/chat/index.jsx

 import { useState, useEffect } from 'react'
+import Taro from '@tarojs/taro'
 import { ScrollView, Image } from '@tarojs/components'
 import withLayout from '@/layout'
+import { queryChatFriends } from '@/services/chat'
+import { formatDate } from '@/utils/chatDate'
 import './index.scss'
 
 const defaultRuleImage = 'https://yz-websit.oss-cn-hangzhou.aliyuncs.com/xlk/index-icon18.jpg'
 
-export default withLayout(() => {
+export default withLayout((props) => {
 
   // const [PageProps] = useState(props)
   const [IsPull, setPull] = useState(false)
   const [PullTimer, setPullTimer] = useState(null)
-  const [PageList, setPageList] = useState(['', '', '', '', '', '', '', '', '', ''])
+  const [PageList, setPageList] = useState([])
+
+  const getList = (params) => {
+    Taro.showLoading()
+    queryChatFriends({
+      pageSize: 20,
+      ...params || {},
+    }).then((res) => {
+      Taro.hideLoading()
+      const { records } =  res
+      setPageList(records || [])
+    }).catch((err) => {
+      console.error(err)
+      Taro.hideLoading()
+    })
+  }
+
+  const handleChat = (item) => {
+    Taro.navigateTo({
+      url: `/pages/chat/chatDetail/index?friend=${item.friendId}`
+    })
+  }
+
+  useEffect(() => {
+    getList({ pageNumber: 1 })
+  }, [])
 
   const PageRefresh = () => { // 页面下拉刷新回调
     setPull(true)
   return (
     <view className='Page Chat'>
 
-      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
+      <ScrollView scrollY refresherEnabled refresherTriggered={IsPull} onRefresherrefresh={PageRefresh} refresherBackground='#fff'>
         <view className='PageContent'>
           {
             PageList.map((item, index) => (
-              <view className='ListItem flex-h' key={`ListItem-${index}`}>
+              <view className='ListItem flex-h' key={item.friendId} onClick={() => handleChat(item)}>
                 <view className='Icon'>
                   <view>
-                    <Image mode='aspectFill' className='centerLabel' src={item.img || defaultRuleImage} />
+                    <Image mode='aspectFill' className='centerLabel' src={item.avatar || defaultRuleImage} />
                   </view>
-                  <text className='Num'>99</text>
+                  <text className='Num'>{item.unReadNum}</text>
                 </view>
                 <view className='flex-item'>
                   <view className='flex-h'>
-                    <text className='flex-item'>张三</text>
-                    <text>刚刚</text>
+                    <text className='flex-item'>{item.name}</text>
+                    <text>{formatDate(item.createDate, 'yyyy/M/d')}</text>
                   </view>
                   <view className='Msg'>
-                    <text>户型很好，很满意</text>
+                    <text>{item.messageType === 'text' ? item.message : '[图片]'}</text>
                   </view>
                 </view>
               </view>

src/pages/index/activityDetail/index.jsx

   queryActivityDetail,
 } from "@/services/activity";
 import { getImgURL } from "@/utils/image";
-import getDateFormat from "@/utils/chatDate";
+import { formatDate } from "@/utils/chatDate";
 import useParams from "@/utils/hooks/useParams";
 import useShare from "@/utils/hooks/useShare";
 import useFavor from "@/utils/hooks/useFavor";
         </view>
         <text className='Time'>
           报名截止时间：
-          {getDateFormat(
-            new Date(detail.enlistEnd).valueOf(),
-            true,
-            'yyyy/M/d'
-          )}
+          {formatDate(detail.enlistEnd, 'yyyy/M/d')}
         </text>
         <text className='Name'>{detail.title}</text>
         <view className='flex-h Address'>
           <text>时间：</text>
           <view className='flex-item'>
             <text>
-              {getDateFormat(
-                new Date(detail.startDate).valueOf(),
-                true,
-                'yyyy/M/d'
-              )}{' '}
-              -{' '}
-              {getDateFormat(
-                new Date(detail.endDate).valueOf(),
-                true,
-                'yyyy/M/d'
-              )}
+              {`${formatDate(detail.startDate, 'yyyy/M/d')} - ${formatDate(detail.endDate, 'yyyy/M/d')}`}
             </text>
           </view>
         </view>
             </view>
             <text className='Price'>价格待定</text>
           </view>
-          <text className='Time'>时间：{getDateFormat(new Date(detail.startDate).valueOf(), true, 'yyyy/M/d')} - {getDateFormat(new Date(detail.endDate).valueOf(), true, 'yyyy/M/d')}</text>
+          <text className='Time'>时间：{formatDate(detail.startDate, 'yyyy/M/d')} - {formatDate(detail.endDate, 'yyyy/M/d')}</text>
         </view>
         <view className='Option'>
           <view>

src/pages/index/buildingDetail/components/DetailBottom/index.jsx

 
     if (consultant?.id) {
       Taro.navigateTo({
-        url: `/pages/chat/chatDetail/index?targetPerson=${consultant.id}}`
+        url: `/pages/chat/chatDetail/index?friend=${consultant.id}}`
       })
     } else {
       Taro.navigateTo({

src/pages/index/buildingDetail/components/PropertyConsultant/index.jsx

 
   const handleChat = (item) => {
     Taro.navigateTo({
-      url: `/pages/chat/chatDetail/index?targetPerson=${item.id}}`
+      url: `/pages/chat/chatDetail/index?friend=${item.id}`
     })
   }
   

src/pages/index/buildingPropertyConsultant/index.jsx

 
   const handleChat = (item) => {
     Taro.navigateTo({
-      url: `/pages/chat/chatDetail/index?targetPerson=${item.id}}`
+      url: `/pages/chat/chatDetail/index?friend=${item.id}`
     })
   }
 

src/pages/index/components/ActivityListItem/index.jsx

 import { Image } from '@tarojs/components'
 import Taro from '@tarojs/taro'
 import { getImgURL } from '@/utils/image'
-import getDateFormat from '@/utils/chatDate'
+import { formatDate } from '@/utils/chatDate'
 
 const activityStatusDict={
   0:{
           <text className={activityStatusDict[data.activityStatus]?.className}>{activityStatusDict[data.activityStatus]?.text}</text>
         </view>
         <view className='Time'>
-          <text>活动时间：{getDateFormat(new Date(data.startDate).valueOf(),true,'yyyy/M/d')} - {getDateFormat(new Date(data.endDate).valueOf(),true,'yyyy/M/d')}</text>
+          <text>活动时间：{formatDate(data.startDate, 'yyyy/M/d')} - {formatDate(data.endDate, 'yyyy/M/d')}</text>
         </view>
       </view>
     </view>

src/pages/index/components/NewsListItem/index.jsx

 import { Image } from '@tarojs/components'
 import Taro from '@tarojs/taro'
 import { getImgURL } from "@/utils/image";
-import getDateFormat from "@/utils/chatDate";
+import { formatDate } from "@/utils/chatDate";
 
 export default function NewsListItem (props) {
   const { data = {} } = props
       </view>
       <view className='flex-item'>
         <text>{data.newsName}</text>
-        <text>于{getDateFormat(new Date(data.createDate).valueOf(), true,"yyyy-M-d")}发布</text>
+        <text>于{formatDate(data.createDate, "yyyy-M-d")}发布</text>
       </view>
     </view>
   )

src/pages/index/encyDetail/index.jsx

 import "@/assets/css/iconfont.css";
 import { Image, RichText } from "@tarojs/components";
 import { queryPolicyDetail } from "@/services/policy";
-import getDateFormat from "@/utils/chatDate";
+import { formatDate } from "@/utils/chatDate";
 
 export default withLayout((props) => {
   const { router, shareContent, trackData, person, page } = props;
                   <view>
                   <text>阅读：{data.pvNum}</text>
                     <text className="Time">
-                      {getDateFormat(
-                        new Date(data.createDate).valueOf(),
-                        true,
-                        "yyyy-M-d"
-                      )}
+                      {formatDate(data.createDate, "yyyy-M-d")}
                     </text>
-                   
                   </view>
                 </view>
               </view>

src/pages/index/newsDetail/index.jsx

   queryNewsDetail,
   cancelFavorNews,
 } from "@/services/news";
-import getDateFormat from "@/utils/chatDate";
+import { formatDate } from "@/utils/chatDate";
 
 export default withLayout((props) => {
   const { id } = props.router.params;
                       <text>收藏{data.saveNum || 0}</text>
                     </view>
                     <text className="Time">
-                      时间：
-                      {getDateFormat(
-                        new Date(data.createDate).valueOf(),
-                        true,
-                        "yyyy-M-d"
-                      )}{" "}
+                      {`时间：${formatDate(data.createDate, "yyyy-M-d")} `}
                     </text>
                     <text className="Share">分享好友</text>
                   </view>

src/pages/mine/components/UserDetailFollowRecord/index.jsx

 import { ScrollView } from '@tarojs/components'
 import { fetch } from '@/utils/request'
 import { API_FOLLOW_LIST } from '@/constants/api'
-import getDateFormat from "@/utils/chatDate";
+import { formatDate } from "@/utils/chatDate";
 import './index.scss'
 
-const formatDate = (dtStr, formatStr) => getDateFormat((new Date(dtStr)).valueOf(), true, formatStr)
-
 export default function UserDetailFollowRecord (props) {
   const { CustomerId = null, AddFollow = () => {}, AddFollowCounts = 0 } = props
   const [PageList, setPageList] = useState([])

src/pages/video/videoDetail/index.jsx

 import "./index.scss";
 import { fetch } from "@/utils/request";
 import { API_VIDEO_DETAIL } from "@/constants/api";
-import getDateFormat from "@/utils/chatDate";
+import { formatDate } from "@/utils/chatDate";
 
 export default withLayout((props) => {
   const { id } = props.router.params;
           {/* 视频信息 */}
           <view className="Info">
             <text className="Name">{data.name}</text>
-            <text className="Time">时间：{getDateFormat(
-            new Date(data.createdTime).valueOf(),
-            true,
-            'yyyy年M月d日'
-          )}</text>
+            <text className="Time">
+              {`时间：${formatDate(data.createdTime, 'yyyy年M月d日')}`}
+            </text>
           </view>
 
           {/* 详情 */}

src/utils/chatDate.js

 */
 
 //例子 getDateFormat(new Date().valueOf(),true,'yyyy/M/d')
-var _formatDate = function (date, fmt) {
+export function formatDate(dt, fmt) {
+  const date = new Date(dt)
+
   var o = {
     "M+": date.getMonth() + 1, //月份
     "d+": date.getDate(), //日
   return fmt;
 };
 
+
 /**
 * 仿照微信中的消息时间显示逻辑，将时间戳（单位：毫秒）转换为友好的显示格式.
 *
 * 1）7天之内的日期显示逻辑是：今天、昨天(-1d)、前天(-2d)、星期？（只显示总计7天之内的星期数，即<=-4d）；
 * 2）7天之外（即>7天）的逻辑：直接显示完整日期时间。
 *
-* @param  {[long]} timestamp 时间戳（单位：毫秒），形如：1550789954260
+* @param  {[string|date]} dt 时间
 * @param {boolean} mustIncludeTime true表示输出的格式里一定会包含“时间:分钟”
 * ，否则不包含（参考微信，不包含时分的情况，用于首页“消息”中显示时）
 *
 * @return {string} 输出格式形如：“刚刚”、“10:30”、“昨天 12:04”、“前天 20:51”、“星期二”、“2019/2/21 12:09”等形式
 * @since 1.1
 */
-export default function getDateFormat(timestamp, mustIncludeTime,format='yyyy-M-d') {
+export function getDateForHumans(dt, mustIncludeTime, format='yyyy-M-d') {
 
   // 当前时间
-  // var currentDate = new Date();
+  var currentDate = new Date();
   // 目标判断时间
-  var srcDate = new Date(parseInt(timestamp));
+  var srcDate = new Date(dt);
 
-  // var currentYear = currentDate.getFullYear();
-  // var currentMonth = (currentDate.getMonth() + 1);
-  // var currentDateD = currentDate.getDate();
+  var currentYear = currentDate.getFullYear();
+  var currentMonth = (currentDate.getMonth() + 1);
+  var currentDateD = currentDate.getDate();
 
-  // var srcYear = srcDate.getFullYear();
-  // var srcMonth = (srcDate.getMonth() + 1);
-  // var srcDateD = srcDate.getDate();
+  var srcYear = srcDate.getFullYear();
+  var srcMonth = (srcDate.getMonth() + 1);
+  var srcDateD = srcDate.getDate();
 
   var ret = "";
 
   // 要额外显示的时间分钟
-  var timeExtraStr = (mustIncludeTime ? " " + _formatDate(srcDate, "hh:mm") : "");
+  var timeExtraStr = (mustIncludeTime ? " " + formatDate(srcDate, "hh:mm") : "");
 
-  // // 当年
-  // if (currentYear == srcYear) {
-  //   var currentTimestamp = currentDate.getTime();
-  //   var srcTimestamp = timestamp;
-  //   // 相差时间（单位：毫秒）
-  //   var deltaTime = (currentTimestamp - srcTimestamp);
+  // 当年
+  if (currentYear == srcYear) {
+    // 相差时间（单位：毫秒）
+    var deltaTime = (currentDate - srcDate);
 
-  //   // 当天（月份和日期一致才是）
-  //   if (currentMonth == srcMonth && currentDateD == srcDateD) {
-  //     // 时间相差60秒以内
-  //     if (deltaTime < 60 * 1000)
-  //       ret = "刚刚";
-  //     // 否则当天其它时间段的，直接显示“时:分”的形式
-  //     else
-  //       ret = _formatDate(srcDate, "hh:mm");
-  //   }
-  //   // 当年 && 当天之外的时间（即昨天及以前的时间）
-  //   else {
-  //     // 昨天（以“现在”的时候为基准-1天）
-  //     var yesterdayDate = new Date();
-  //     yesterdayDate.setDate(yesterdayDate.getDate() - 1);
+    // 当天（月份和日期一致才是）
+    if (currentMonth == srcMonth && currentDateD == srcDateD) {
+      // 时间相差60秒以内
+      if (deltaTime < 60 * 1000)
+        ret = "刚刚";
+      // 否则当天其它时间段的，直接显示“时:分”的形式
+      else
+        ret = formatDate(srcDate, "hh:mm");
+    }
+    // 当年 && 当天之外的时间（即昨天及以前的时间）
+    else {
+      // 昨天（以“现在”的时候为基准-1天）
+      var yesterdayDate = new Date();
+      yesterdayDate.setDate(yesterdayDate.getDate() - 1);
 
-  //     // 前天（以“现在”的时候为基准-2天）
-  //     var beforeYesterdayDate = new Date();
-  //     beforeYesterdayDate.setDate(beforeYesterdayDate.getDate() - 2);
+      // 前天（以“现在”的时候为基准-2天）
+      var beforeYesterdayDate = new Date();
+      beforeYesterdayDate.setDate(beforeYesterdayDate.getDate() - 2);
 
-  //     // 用目标日期的“月”和“天”跟上方计算出来的“昨天”进行比较，是最为准确的（如果用时间戳差值
-  //     // 的形式，是不准确的，比如：现在时刻是2019年02月22日1:00、而srcDate是2019年02月21日23:00，
-  //     // 这两者间只相差2小时，直接用“deltaTime/(3600 * 1000)” > 24小时来判断是否昨天，就完全是扯蛋的逻辑了）
-  //     if (srcMonth == (yesterdayDate.getMonth() + 1) && srcDateD == yesterdayDate.getDate())
-  //       ret = "昨天" + timeExtraStr;// -1d
-  //     // “前天”判断逻辑同上
-  //     else if (srcMonth == (beforeYesterdayDate.getMonth() + 1) && srcDateD == beforeYesterdayDate.getDate())
-  //       ret = "前天" + timeExtraStr;// -2d
-  //     else {
-  //       // 跟当前时间相差的小时数
-  //       var deltaHour = (deltaTime / (3600 * 1000));
+      // 用目标日期的“月”和“天”跟上方计算出来的“昨天”进行比较，是最为准确的（如果用时间戳差值
+      // 的形式，是不准确的，比如：现在时刻是2019年02月22日1:00、而srcDate是2019年02月21日23:00，
+      // 这两者间只相差2小时，直接用“deltaTime/(3600 * 1000)” > 24小时来判断是否昨天，就完全是扯蛋的逻辑了）
+      if (srcMonth == (yesterdayDate.getMonth() + 1) && srcDateD == yesterdayDate.getDate())
+        ret = "昨天" + timeExtraStr;// -1d
+      // “前天”判断逻辑同上
+      else if (srcMonth == (beforeYesterdayDate.getMonth() + 1) && srcDateD == beforeYesterdayDate.getDate())
+        ret = "前天" + timeExtraStr;// -2d
+      else {
+        // 跟当前时间相差的小时数
+        var deltaHour = (deltaTime / (3600 * 1000));
 
-  //       // 如果小于或等 7*24小时就显示星期几
-  //       if (deltaHour <= 7 * 24) {
-  //         var weekday = new Array(7);
-  //         weekday[0] = "星期日";
-  //         weekday[1] = "星期一";
-  //         weekday[2] = "星期二";
-  //         weekday[3] = "星期三";
-  //         weekday[4] = "星期四";
-  //         weekday[5] = "星期五";
-  //         weekday[6] = "星期六";
+        // 如果小于或等 7*24小时就显示星期几
+        if (deltaHour <= 7 * 24) {
+          var weekday = new Array(7);
+          weekday[0] = "星期日";
+          weekday[1] = "星期一";
+          weekday[2] = "星期二";
+          weekday[3] = "星期三";
+          weekday[4] = "星期四";
+          weekday[5] = "星期五";
+          weekday[6] = "星期六";
 
-  //         // 取出当前是星期几
-  //         var weedayDesc = weekday[srcDate.getDay()];
-  //         ret = weedayDesc + timeExtraStr;
-  //       }
-  //       // 否则直接显示完整日期时间
-  //       else
-  //         ret = _formatDate(srcDate, format) + timeExtraStr;
-  //     }
-  //   }
-  // }
-  // // 往年
-  // else {
-  //   ret = _formatDate(srcDate, format) + timeExtraStr;
-  // }
-  ret = _formatDate(srcDate, format) + timeExtraStr;
+          // 取出当前是星期几
+          var weedayDesc = weekday[srcDate.getDay()];
+          ret = weedayDesc + timeExtraStr;
+        }
+        // 否则直接显示完整日期时间
+        else
+          ret = formatDate(srcDate, format) + timeExtraStr;
+      }
+    }
+  }
+  // 往年
+  else {
+    ret = formatDate(srcDate, format) + timeExtraStr;
+  }
   return ret;
 };

src/utils/im/index.js

   const listeners = initListeners()
 
   let sendPerson;
+  let receivePerson;
   let timer;
 
   sdk.listen('onMessage', listeners.getListeners)
     MESSAGETYPE,
     init,
     listen: listeners.append,
+    bindReceiver,
     connect: sdk.connect,
-    send,
     sendMessage,
   }
 
-  function bindPerson(person) {
-    sendPerson = person
+  function bindReceiver(receiver) {
+    receivePerson = receiver
   }
 
-  function send(to) {
-    return function(type = MESSAGETYPE.TEXT) {
-      return function(message) {
-        return sendMessage(to, message, type)
-      }
-    }
-  }
-
-  function sendMessage(to, message, type = MESSAGETYPE.TEXT) {
-    return sdk.send(wrapData(to, message, type))
+  function sendMessage(message, type = MESSAGETYPE.TEXT) {
+    return sdk.send(wrapData(message, type))
   }
 
-  function wrapData(to, data, messageType) {
+  function wrapData(message, messageType) {
     return JSON.stringify({
       sendPerson,
-      receivePerson: to,
-      message: data,
+      receivePerson,
+      message,
       messageType,
       createDate: new Date().valueOf(),
     })
     // eslint-disable-next-line no-undef
     const url = `${WSS_HOST}/wx/chat/${personId}`  
 
-    bindPerson(personId)
+    sendPerson = personId
 
     if (timer) {
       clearInterval(timer)