1

pages/information/chat/chat.js

@@ -7,34 +7,36 @@ Page({
    * 页面的初始数据
    */
   data: {
+    toView:'Stop',
     scrollTopVal: 1,    //滚动条
     menu: false, //菜单显示隐藏
     Expression: false,  // 表情显示隐藏
     Sendoutshow: false, // 发送按钮显示隐藏
     menushow: true, //菜单按钮显示隐藏
-    _width:500, //input高度
+    _width: 500, //input高度
     // uploadImages: ["/image/smyz2.png","/image/smyz1.png"], //相册放大图集
-    news:'',//input消息
+    news: '',//input消息
     KeyboardHeight: 366.66666666666674, //键盘高度
-    ExpressionImg:'', //表情
-    inputValue:'',  //input 的 value 
-    photo:'', //相片
+    ExpressionImg: '', //表情
+    // Loadmore: true, //用来判断加载聊天记录。。每次只能执行一次
+    inputValue: '',  //input 的 value 
+    photo: '', //相片
 
-    Receive_news:'', //历史消息
-    UserToken:'',  //区分自己
-    limit_page:1,
+    Receive_news: '', //历史消息
+    UserToken: '',  //区分自己
+    limit_page: 1,
 
-    myheadurl:'', //我的头像
-    headUrl:'', //他人头像
+    myheadurl: '', //我的头像
+    headUrl: '', //他人头像
 
-    to_id:'',    //他人
-    form_id:'',   //自己
+    to_id: '',    //他人
+    form_id: '',   //自己
 
     // scrollTop:'' //下拉更多时的位置
-    connectemojiO: ['😊','😅','😲', '😭', '😂', '😄', '😩', '😞', '😵', '😒', '😍', '😤', '😜', '😝', '😋', '😘', '😚', '😷', '😳', '😃', '😆', '😁', '😢', '😨', '😠', '😣', '😌', '😖', '😔', '😰', '😱', '😪', '😏', '😓'],
+    connectemojiO: ['😊', '😅', '😲', '😭', '😂', '😄', '😩', '😞', '😵', '😒', '😍', '😤', '😜', '😝', '😋', '😘', '😚', '😷', '😳', '😃', '😆', '😁', '😢', '😨', '😠', '😣', '😌', '😖', '😔', '😰', '😱', '😪', '😏', '😓'],
 
-  },
 
+  },
 
   onLoad: function (options) {
     var that = this;
@@ -57,10 +59,13 @@ Page({
 
 
     this.SocketSend({
-        //  to_id: friend.to_id,    // 他人
-        //  form_id: getApp().UserId(),   //自己
-         type: 'get_history', 
-         page: this.data.limit_page
+      //  to_id: friend.to_id,    // 他人
+      //  form_id: getApp().UserId(),   //自己
+      type: 'get_history',
+      page: this.data.limit_page,
+      limit:10
+      
+
     });
     getApp().Imsocket().onSocketMessageCallback = this.onSocketMessageCallback;
 
@@ -69,19 +74,19 @@ Page({
   },
 
 
-// 点击scroll-view 关闭底部菜单
-  resetInputStatus: function() {
+  // 点击scroll-view 关闭底部菜单
+  resetInputStatus: function () {
     var that = this;
-    that.setData({ 
+    that.setData({
       menu: false, //关闭底部菜单
       Expression: false, //关闭表情
     })
   },
 
 
-// 底部菜单显示隐藏切换
-  chatInputExtraClickEvent:function(){
-        var that = this;
+  // 底部菜单显示隐藏切换
+  chatInputExtraClickEvent: function () {
+    var that = this;
     that.setData({
       menu: !that.data.menu,
       Expression: false, //关闭表情
@@ -91,7 +96,7 @@ Page({
 
 
   // 关闭表情显示隐藏切换
-ExpressionClickEvent: function () {
+  ExpressionClickEvent: function () {
     var that = this;
     that.setData({
       Expression: !that.data.Expression,
@@ -99,11 +104,11 @@ ExpressionClickEvent: function () {
     })
   },
 
-  
 
 
 
-// 相册点击放大
+
+  // 相册点击放大
   enlarge: function (e) {
     var that = this;
     // console.log(that.data.uploadImages)
@@ -125,7 +130,7 @@ ExpressionClickEvent: function () {
     that.setData({
       news: e.detail.value,     //获取输入文字
     })
- 
+
 
     that.Sendoutswitch(e.detail.value); // 发送键切换
   },
@@ -158,9 +163,9 @@ ExpressionClickEvent: function () {
               let con = data.data;
               //显示图片
               console.log(con, 1);
-        
+
               // console.log(ImgRes.tempFilePaths[0], 1222222);
-              that.SocketSend({type: ImageType,  content: con});
+              that.SocketSend({ type: ImageType, content: con });
 
               // that.msgManager.sendMsg({ type: IMOperator.ImageType, content: con })
 
@@ -184,11 +189,11 @@ ExpressionClickEvent: function () {
       }
     })
   },
-  
+
 
 
   // 重发消息
-  retransmission:function(){
+  retransmission: function () {
     wx.showModal({
       content: '重发该消息？',
       success(res) {
@@ -203,9 +208,9 @@ ExpressionClickEvent: function () {
 
 
 
-// 发送消息
+  // 发送消息
   SocketSend: function (msg) {
-    var that =this;
+    var that = this;
     msg.form_id = getApp().UserId();
     msg.to_id = that.data.to_id;
 
@@ -214,13 +219,13 @@ ExpressionClickEvent: function () {
     // { to_id: friend.to_id, form_id: getApp().UserId(), type: 'get_history' }
     // msg.type = 'get_history';
     getApp().Imsocket().sendSocketMessage({
-       msg: JSON.stringify(msg),
-   
-        success: function (res) {   //发送成功
+      msg: JSON.stringify(msg),
+
+      success: function (res) {   //发送成功
 
         // 我跟他人说话
-        switch(msg.type){
-       
+        switch (msg.type) {
+
           case "alone":     //  发送文本
 
             console.log(' 发送文本');
@@ -230,22 +235,22 @@ ExpressionClickEvent: function () {
               time: Date.now(),         //时间
               isMy: true,   //自己
               send: true,   //    发送成功  为true   失败false 
-              };
-            let _Receive_news =  that.data.Receive_news;
+            };
+            let _Receive_news = that.data.Receive_news;
             _Receive_news.push(obj);   //合并历史消息对象
 
-            console.log(_Receive_news,'aaa');
+            console.log(_Receive_news, 'aaa');
             that.setData({
               Receive_news: _Receive_news,     //前台数据赋值 
             });
 
             //调用页面滚动条处理
             that.scrollbar(_Receive_news);
-  
-           break;
 
-           case "images":   //  发送图片
-    
+            break;
+
+          case "images":   //  发送图片
+
             console.log(' 发送图片');
 
             var obj = {     //创建对象，用来合并历史消息对象
@@ -269,8 +274,8 @@ ExpressionClickEvent: function () {
 
 
 
-           break; 
-        } 
+            break;
+        }
 
         console.log(res, '获取历史消息成功');
 
@@ -284,49 +289,80 @@ ExpressionClickEvent: function () {
   },
 
 
-// 接收消息
+  // 接收消息
   onSocketMessageCallback: function (e) {
     var that = this;
     let data = JSON.parse(e);
-
+  
     //  console.log(data,'接受消息成功');
 
     var arrData = data.data;
 
-    switch(data.type){
+    switch (data.type) {
       // 接收历史消息
       case "get_history":
         // console.log(arrData,111112222);
+
+        // let total = arrData.length - 1;
+        // console.log(total);
         for (var index in arrData) {     //二次赋值  
           if (arrData[index].form_id == getApp().UserToken()) {   //判断  如果等于自己 true  ，等于他人  false。
             arrData[index].isMy = true;    //自己
-            }else{
+          } else {
             arrData[index].isMy = false;   //他人
-            }
+          }
+      
+        
           that.ArrMsg.push(arrData[index]);
         }
 
-        // 滚动条处理
-        var scrollTopValLength = "";
+
+        for (var index in that.ArrMsg) {     //二次赋值  
+              if(that.ArrMsg[index].hooks){
+                that.ArrMsg[index].hooks = '';
+              }
+        }
+     
+
+        // // 滚动条处理
+   
+        // that.ceshi();
+        let Arrs1 = that.sortarr(that.ArrMsg);
+        if(Arrs1[10]){
+          Arrs1[10].hooks = 'Stop';
+        }
+    
+        console.log(Arrs1, 111112222);
+ 
+
+     
+
         if (that.data.limit_page == 1) {
-          scrollTopValLength = arrData.length * 999
-        } else {
-          scrollTopValLength = arrData.length * 100
+
+          that.setData({
+            Receive_news: Arrs1,        //前台数据赋值 
+            scrollTopVal: that.ArrMsg.length * 999,    // 滚动条赋值
+            toView: false,
+          });
+
+        }else{
+          that.setData({
+            Receive_news: Arrs1,        //前台数据赋值 
+            toView: 'Stop'
+          });
         }
 
-        console.log(that.ArrMsg, 111112222);
+
         that.setData({
-          Receive_news: that.sortarr(that.ArrMsg),        //前台数据赋值 
-          scrollTopVal: scrollTopValLength,    // 滚动条赋值
+          toView: false,
         });
 
-    
         // that.scrollbar(that.ArrMsg);      //调用页面滚动条处理  这里不对
-      break; 
+        break;
 
 
       case "alone":       // 接收他人文本
-        console.log(arrData,"aaasd");
+        console.log(arrData, "aaasd");
 
         var obj = {     //创建对象，用来合并历史消息对象
           content: arrData.content,   //发送消息内容
@@ -337,14 +373,14 @@ ExpressionClickEvent: function () {
 
         let _Receive_news = that.data.Receive_news;
         _Receive_news.push(obj);      //合并历史消息对象
-     
+
         that.setData({
           Receive_news: _Receive_news,     //前台数据赋值 
         });
 
         //调用页面滚动条处理
         that.scrollbar(_Receive_news);
-      break; 
+        break;
 
       case "images":   // 接收他人图片
         console.log(arrData, "接收图片");
@@ -367,7 +403,7 @@ ExpressionClickEvent: function () {
         that.scrollbar(_Receive_img);
 
 
-        break; 
+        break;
 
 
 
@@ -377,10 +413,10 @@ ExpressionClickEvent: function () {
 
   },
 
-// 处理滚动条
+  // 处理滚动条
   scrollbar: function (data) {
-    var that =this;
-    if(data){
+    var that = this;
+    if (data) {
       let lengNum = data.length;
       //页面滚动条处理
 
@@ -396,7 +432,7 @@ ExpressionClickEvent: function () {
   Sendout: function (e) {
     var that = this;
     // console.log(that.data.news);
-    
+
     let msg = {
       // to_id: that.data.to_id,
       // form_id: getApp().UserId(),
@@ -407,12 +443,12 @@ ExpressionClickEvent: function () {
     // console.log(msg);
     this.SocketSend(msg);
 
-      that.setData({
-        menu: false,  //隐藏底部菜单
-        Expression: false,//隐藏表情栏
-        inputValue: '',  //清空 input
-        news: '', //清空 input内容
-      })
+    that.setData({
+      menu: false,  //隐藏底部菜单
+      Expression: false,//隐藏表情栏
+      inputValue: '',  //清空 input
+      news: '', //清空 input内容
+    })
 
 
     that.Sendoutswitch(that.data.news)  // 发送键切换
@@ -421,7 +457,7 @@ ExpressionClickEvent: function () {
 
   },
 
-//冒泡排序
+  //冒泡排序
   sortarr: function (arr) {
     for (let i = 0; i < arr.length - 1; i++) {
       for (let j = 0; j < arr.length - 1 - i; j++) {
@@ -435,31 +471,32 @@ ExpressionClickEvent: function () {
     return arr;
   },
 
- 
-   upper: function (e) {
-    // console.log(e,'加载')
- 
-     let that = this;
-     that.setData({
-       limit_page: that.data.limit_page * 1 + 1
-     })
-     console.log(that.data.limit_page * 1 + 1)
-     that.SocketSend({type: 'get_history', page: that.data.limit_page })
 
-  
+  //  下拉加载聊天记录
+  upper: function (e) {
+    var that = this;
+    console.log(e,'加载')
+
+    that.setData({
+      limit_page: that.data.limit_page * 1 + 1
+    })
+    console.log(that.data.limit_page * 1 + 1)
+    that.SocketSend({ type: 'get_history', page: that.data.limit_page,limit:10})
+
+    console.log('执行')
   },
 
 
-// 点击表情
-  Expression:function(e){
+  // 点击表情
+  Expression: function (e) {
     var that = this;
 
     var _news = that.data.news;
     var _text = _news + e.currentTarget.dataset.id;
 
 
-    console.log(that.data.news) 
-    console.log(_text) 
+    console.log(that.data.news)
+    console.log(_text)
     that.setData({
       news: _text,
       inputValue: _text,
@@ -469,14 +506,14 @@ ExpressionClickEvent: function () {
   },
 
 
-// 点击input
-  bindfocusclick: function(e) {
+  // 点击input
+  bindfocusclick: function (e) {
     var that = this;
-   that.setData({
-     Expression: false,
-     menu: false,
-     KeyboardHeight: e.detail.height,
-   })
+    that.setData({
+      Expression: false,
+      menu: false,
+      KeyboardHeight: e.detail.height,
+    })
     console.log(e.detail.height);
   },
 
@@ -497,7 +534,17 @@ ExpressionClickEvent: function () {
       })
     }
   },
-
+  // ceshi: function (e) {
+  //   var that = this;
+
+  //   that.setData({
+  //     // mscrollTop: e.detail.scrollTop,
+  //     mscrollHeight: e.detail.scrollHeight
+  //   })
+  //   // console.log(e.detail.scrollTop);
+  //   // console.log(e.detail.scrollHeight);
+  //   // console.log(e.detail);
+  // }
 
 
 })

pages/information/chat/chat.wxml

@@ -3,12 +3,13 @@
     bindscrolltoupper="upper"
     bindscrolltolower="lower"
     bindscroll="scroll" -->
-    
-<scroll-view class="history"     scroll-top="{{scrollTopVal}}"    scroll-y="true" bindtap="resetInputStatus"  bindscrolltoupper="upper" >
-
+   <!-- bindscroll="ceshi" -->
+<scroll-view class="history"     scroll-top="{{scrollTopVal}}"    scroll-y="true"  bindtap="resetInputStatus"  bindscrolltoupper="upper"   scroll-into-view="{{toView}}">
+  <!-- <view style='height:1000px;'></view>
+     <view  id="red"  style='height:10px;'></view> -->
           <!-- 自己 -->
            <block  wx:for='{{Receive_news}}' wx:key="item">
-                <view class='my_right c' wx:if="{{item.isMy === true}}">
+                <view class='my_right c' wx:if="{{item.isMy === true}}" id="{{item.hooks}}">
                           <text class='time' wx:if="{{item.time}}">{{item.time}}</text>
                             <!-- 文字-->
                           <view class='information' wx:if="{{item.type == 1}}">   
@@ -45,7 +46,7 @@
 
 
               <!-- 他人 -->
-                <view class='my_left c' wx:if="{{item.isMy === false}}">
+                <view class='my_left c' wx:if="{{item.isMy === false}}"  id="{{item.hooks}}">
                           <text class='l_time' wx:if="{{item.time}}">{{item.time}}</text>
                         
                           <view class='l_information' wx:if="{{item.type == 1}}">
@@ -62,8 +63,7 @@
                 </view>
 
         </block>
-  
-          <!-- <view style='height:148rpx'></view> -->
+
 
 </scroll-view>
 

pages/personal_core/home/home.js

@@ -71,7 +71,7 @@ Page({
       if (res.code == 201) {
         console.log(res.data);
         that.setData({
-          memberstatus: res.data.msg
+          memberstatus: res.data.messages
         })
       }
     })

pages/personal_core/home/home.wxml

@@ -7,13 +7,9 @@
               <text class='core_l_id'>NO:{{datum.number}}</text>    
 
               <view class='core_style c'>
-
-                            <text wx:if="{{datum.member}}"  style='background:#FAC466'>{{datum.member}}</text>
-                            <text wx:if="{{datum.real_name}}"  style='background:#70E18B'>{{datum.real_name}}</text>
-
-                          <!-- <image class='asd' src='/image/a1.png' mode="widthFix"></image>
-                          <image class='asd' src='/image/a2.png' mode="widthFix"></image>
-                          <image class='asd' src='/image/a3.png' mode="widthFix"></image> -->
+                            <image  wx:if="{{datum.member}}"  src='{{datum.member}}' mode="widthFix"></image>
+                            <image  wx:if="{{datum.real_name}}" src='{{datum.real_name}}' mode="widthFix"></image>
+                            <!-- <image  wx:if="{{datum.real_name}}" src='/image/a2.png' mode="widthFix"></image> -->
                </view>
        </view>
 

pages/personal_core/home/home.wxss

@@ -6,7 +6,7 @@
 .core_l_id{font-size:28rpx;margin-top:5rpx;}
 .core_style{margin-top:10rpx;}
 .core_style text{font-size:18rpx;color:#FFF;background:#F55858;margin-right:12rpx;padding:4rpx 10rpx;float:left;border-radius:6rpx;}
-
+.core_style  image{width:40rpx;display:block;float:left;margin-right:20rpx;}
 
 .core_data{width:180rpx;height:180rpx;float:right;position:relative;border-radius:100rpx;overflow: hidden;background:#FFF;}