fix bugs

io/io.js

@@ -159,11 +159,18 @@ function ioServer(io) {
                         }else{
                             uuids = [];
                         }
+                        val = parseInt(val);
                         var idx = __uuids.indexOf(val);
                         if( idx != -1){
                             __uuids.remove(val);
-                            uuids.splice(idx,1);
+                            //uuids.splice(idx,1);
-                            uuids = JSON.stringify(uuids);
+                            var tmp = [];
+                            uuids.forEach(function (user) {
+                                if(user.uid != val){
+                                    tmp.push(user);
+                                }
+                            });
+                            uuids = JSON.stringify(tmp);
                             redis.set('user-uuids',uuids,null,function (err,ret) {
                                 if(err){
                                     console.error(err);

public/js/server/index.js

@@ -30,7 +30,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
     }
 
     function insert_section(uid) {
-        var html = '<section class="user-section" id="section-'+ uid +'"></section>';
+        var html = '<section class="user-section" id="section-'+ uid +'" style="display: none;"></section>';
         $(".message-container").append(html);
     }
 
@@ -68,11 +68,23 @@ layui.use(['layer', 'form', 'jquery'], function () {
             '                <div class="layui-col-xs3 user-avatar">\n' +
             '                    <img src="/images/server/mine_fill.png">\n' +
             '                </div>\n' +
-            '                <div class="layui-col-xs9">' + name + '</div>\n' +
+            '                <div class="layui-col-xs9 user-name">' + name + '-' + id + '</div>\n' +
             '            </div>';
         $('.chat-user').append(html);
     }
 
+    function msg_sender_status(status){
+        if(status){
+            $(".btnMsgSend").removeClass("layui-btn-disabled");
+            $("#msg-send-textarea").removeAttr("disabled");
+            $(".empty-status").hide();
+        }else{
+            $(".btnMsgSend").addClass("layui-btn-disabled");
+            $("#msg-send-textarea").attr("disabled","disabled");
+            $(".empty-status").show();
+        }
+    }
+
     function getUsers() {
         $.get('/users',function (data) {
             if(data.code == 200){
@@ -138,6 +150,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
             arrayRemove(uuids,msg.uid);
             $("#section-" + msg.uid).remove();
             $(".chat-user").find("#"+msg.uid).remove();
+            msg_sender_status(false);
         }else if(msg.type == 'online'){
             if(!currentUUID){
                 currentUUID = msg.uid;
@@ -177,6 +190,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
         $("#"+uid).css("background","#f2f3f5");
         $(".user-section").hide();
         $("#section-"+uid).show();
+        msg_sender_status(true);
     });
 
 

views/server/index.ejs

@@ -132,6 +132,21 @@
         text-align: center;
     }
 
+    .user-info .user-name{
+        font-size: 12px;
+    }
+
+    .empty-status{
+        width: 150px;
+        margin: 0 auto;
+        text-align: center;
+        margin-top: 200px;
+    }
+
+    .empty-status img{
+        width: 100px;
+    }
+
 </style>
 <div class="layui-fluid">
     <div class="friend">
@@ -145,12 +160,15 @@
     </div>
     <div class="chat">
         <div class="message-container" id="message-container">
-
+            <div class="empty-status">
+                <img src="/images/server/tabpage.png">
+                <div class="text">从左侧列表打开对话</div>
+            </div>
         </div>
         <div class="message-sender">
             <div class="sender-editor">
-                <textarea placeholder="请输入" id="msg-send-textarea"></textarea>
+                <textarea placeholder="请输入" id="msg-send-textarea" disabled></textarea>
-                <div class="layui-btn layui-btn-normal btnMsgSend">发送</div>
+                <div class="layui-btn layui-btn-normal btnMsgSend layui-btn-disabled" >发送</div>
             </div>
         </div>
     </div>