| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <html>
- <head>
- <title>whisper客服客户端</title>
- <meta charset="utf-8"/>
- <link href="/static/customer/css/whisper.css" rel="stylesheet" type="text/css" />
- <link href="/static/service/js/layui/css/layui.css" rel="stylesheet" type="text/css"/>
- </head>
- <body>
- <div class="small-chat-box fadeInRight animated">
- <div class="heading" draggable="true">
- <small class="chat-date pull-right">
- <a href="http://whisper.baiyf.com" target="_blank">whisper客服</a>
- </small>
- <span id="title">与 客服 交流中</span>
- </div>
- <div class="slimScrollDiv" style="position: relative; width: auto; height: 60%;" id="chat-content-box">
- <div class="content" style="width: auto; height: 92%;overflow: auto" id="chat-list">
- </div>
- </div>
- <div class="bar">
- <div style="padding-left:15px;cursor:pointer;width:100px">
- <i class="layui-icon" style="font-size: 30px;" id="up-face"></i>
- <i class="layui-icon" style="font-size: 30px;" id="up-image"></i>
- </div>
- </div>
- <div class="form-chat">
- <textarea class="form-control chat-area" id="msg" style="width: 100%;height: 100px;resize: none"></textarea>
- <div class="input-group" style="margin-top: 5px;width: 100%">
- <span class="input-group-btn" style="float: right;">
- <button class="btn btn-primary" type="button" id="send">发送</button>
- <button class="btn btn-primary" type="button" onclick="aa()">机器人</button>
- </span>
- </div>
- <button class="btn btn-primary" type="button" onclick="bb()">凭据</button>
- </div>
- <div class="face-box" style="display:none" id="face-box">
- </div>
- </div>
- <script>
- var config = {
- uid: '{$id}',
- name: '{$name}',
- avatar: '{$avatar}',
- group: '{$group}',
- socket: '{$socket}'
- };
- </script>
- <script src="/static/service/js/layui/layui.js"></script>
- <script src="/static/service/js/functions.js"></script>
- <script src="/static/customer/js/whisper-cli.js"></script>
- </body>
- </html>
|