"<!doctype html>\n<html>\n<head>\n    <meta charset=\"utf-8\">\n    <meta name=\"format-detection\" content=\"telephone=no\" \/>\n    <title>沟通中<\/title>\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/static\/newcj\/css\/themes.css?v=2017129\">\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/static\/newcj\/css\/h5app.css\">\n    <link rel=\"stylesheet\" type=\"text\/css\" href=\"\/static\/newcj\/fonts\/iconfont.css?v=2016070717\">\n    <script src=\"\/static\/newcj\/js\/jquery.min.js\"><\/script>\n    <script src=\"\/static\/newcj\/js\/dist\/flexible\/flexible_css.debug.js\"><\/script>\n    <script src=\"\/static\/newcj\/js\/dist\/flexible\/flexible.debug.js\"><\/script>\n<\/head>\n<body ontouchstart>\n<div class='fui-page-group'>\n<div class='fui-page chatDetail-page'>\n    <div class=\"chat-header flex\">\n        <i class=\"icon icon-toleft t-48\"><\/i>\n        <span class=\"shop-titlte t-30\">商店<\/span>\n        <span class=\"shop-online t-26\"><\/span>\n        <span class=\"into-shop\">进店<\/span>\n    <\/div>\n    <div class=\"fui-content navbar\" style=\"padding:1.2rem 0 1.35rem 0;\">\n        <div class=\"chat-content\">\n            <p style=\"display: none;text-align: center;padding-top: 0.5rem\" id=\"more\"><a>加载更多<\/a><\/p>\n            <p class=\"chat-time\"><span class=\"time\">2017-11-12<\/span><\/p>\n\n            <!--<div class=\"chat-text section-left flex\">-->\n            <!--<span class=\"char-img\" style=\"background-image: url(http:\/\/chat.com\/static\/newcj\/img\/123.jpg)\"><\/span>-->\n            <!--<span class=\"text\"><i class=\"icon icon-sanjiao4 t-32\"><\/i>你好<\/span>-->\n        <!--<\/div>-->\n\n            <!--<div class=\"chat-text section-right flex\">-->\n            <!--<span class=\"text\"><i class=\"icon icon-sanjiao3 t-32\"><\/i>你好<\/span>-->\n            <!--<span class=\"char-img\" style=\"background-image: url(http:\/\/chat.com\/static\/newcj\/img\/132.jpg)\"><\/span>-->\n           <!--<\/div>-->\n\n        <\/div>\n    <\/div>\n    <div class=\"fix-send flex footer-bar\">\n        <i class=\"icon icon-emoji1 t-50\"><\/i>\n        <input class=\"send-input t-28\" maxlength=\"200\">\n        <i class=\"icon icon-add t-50\" style=\"color: #888;\"><\/i>\n        <span class=\"send-btn\">发送<\/span>\n    <\/div>\n<\/div>\n<\/div>\n\n<script>\n\n    var fromid = ;\n\n    var toid = ;\n\n    var from_head = '';\n\n    var  to_head = '';\n\n    var to_name='';\n     var API_URL = \"https:\/\/soc.shundodo.cn\/api\/chat\/\";\n     var ws =  new WebSocket(\"wss:\/\/soc.shundodo.cn:8282\");\n      ws.onmessage = function(e){\n       var message =  eval(\"(\"+e.data+\")\");\n          switch (message.type){\n              case \"init\":\n                   var bild = '{\"type\":\"bind\",\"fromid\":\"'+fromid+'\"}';\n                   ws.send(bild);\n                   get_head(fromid,toid);\n                   get_name(toid);\n                   message_load();\n                      var online = '{\"type\":\"online\",\"toid\":\"'+toid+'\",\"fromid\":\"'+fromid+'\"}';\n                      ws.send(online);\n                  return;\n              case \"text\":\n                      if(toid==message.fromid) {\n\n                          $(\".chat-content\").append(' <div class=\"chat-text section-left flex\"><span class=\"char-img\" style=\"background-image: url('+to_head+')\"><\/span> <span class=\"text\"><i class=\"icon icon-sanjiao4 t-32\"><\/i>' + message.data + '<\/span> <\/div>');\n\n                          $(\".chat-content\").scrollTop(3000);\n                      }\n                  return;\n              case \"save\":\n                  save_message(message);\n                      if(message.isread==1){\n                          $(\".shop-online\").text(\"在线\");\n                      }else{\n                          $(\".shop-online\").text(\"不在线\");\n                      }\n                  return;\n              case  \"online\":\n                  if(message.status==1){\n                      $(\".shop-online\").text(\"在线\");\n                  }else{\n                      $(\".shop-online\").text(\"不在线\");\n                  }\n          }\n    }\n\n     $(\".send-btn\").click(function(){\n\n         var text = $(\".send-input\").val();\n\n         var message = '{\"data\":\"'+text+'\",\"type\":\"say\",\"fromid\":\"'+fromid+'\",\"toid\":\"'+toid+'\"}';\n\n         $(\".chat-content\").append('<div class=\"chat-text section-right flex\"><span class=\"text\"><i class=\"icon icon-sanjiao3 t-32\"><\/i>'+text+'<\/span> <span class=\"char-img\" style=\"background-image: url('+from_head+')\"><\/span> <\/div>');\n\n         $(\".chat-content\").scrollTop(3000);\n         ws.send(message);\n\n         $(\".send-input\").val(\"\");\n     })\n\n\n    function save_message(message){\n        $.post(\n                API_URL+\"save_message\" ,\n                message,\n                function(){\n\n                },'json'\n        )\n    }\n\n    function get_head(fromid,toid){\n        $.post(\n                API_URL+\"get_head\",\n                {\"fromid\":fromid,\"toid\":toid},\n                function(e){\n                    from_head = e.from_head;\n                    to_head = e.to_head;\n                },'json'\n        );\n    }\n\n    function  get_name(toid){\n        $.post(\n                API_URL+\"get_name\",\n                {\"uid\":toid},\n                function(e){\n                    to_name = e.toname;\n                    $(\".shop-titlte\").text(\"与\"+to_name+\"聊天中...\");\n                    \/\/console.log(e);\n                },'json'\n        );\n    }\n\n    function message_load(){\n        $.post(\n                API_URL +\"load\",\n                {\"fromid\":fromid,\"toid\":toid},\n                function(e){\n\n                    $.each(e,function(index,content){\n\n                        if(fromid==content.fromid){\n                            $(\".chat-content\").append('<div class=\"chat-text section-right flex\"><span class=\"text\"><i class=\"icon icon-sanjiao3 t-32\"><\/i>'+content.content+'<\/span> <span class=\"char-img\" style=\"background-image: url('+from_head+')\"><\/span> <\/div>');\n                        }else{\n                            $(\".chat-content\").append(' <div class=\"chat-text section-left flex\"><span class=\"char-img\" style=\"background-image: url('+to_head+')\"><\/span> <span class=\"text\"><i class=\"icon icon-sanjiao4 t-32\"><\/i>'+content.content+'<\/span> <\/div>');\n                        }\n\n                    })\n                    $(\".chat-content\").scrollTop(3000);\n                },'json'\n        );\n    }\n\n\n\n\n\n<\/script>\n<\/body>\n<\/html>\n"