zhoufan
/
PY12345_Web


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="./Script/Common/huayi.load.js"></script>
		<script src="./Script/Common/huayi.config.js"></script>
		<link rel="stylesheet" href="css/init.css" />
		<link rel="stylesheet" href="css/chat.css" />
		<title>聊天窗口</title>
		<style>
			.more {
				display: block;
				text-align: center;
			}
			
			.more:hover {
				text-decoration: underline;
			}
			.tabMain{
				display: none;
				height: 100%;
			}
			.tabMain.actives{
				display: block;
			}
			.notice{
				display: block;
				text-align: center;
				color: red;
			}
			.chatlist_con{
				overflow-y: auto;
				width: 100%;
				height: 100%;
				padding: 20px 9px;
   				box-sizing: border-box;
			}
			.chat_main{
				float: left;
   				width: 700px;
			}
			.closeds{
				position: absolute;
				right: 10px;
   				top: 33%;
   				display: none;
			}
			.sidebar_list li{
				position: relative;
			}
			.sidebar_list li:hover .closeds{
				display: block;
			}
			.sidebar_list li .closeds:hover{
				color: red;
			}
		</style>
	</head>

	<body>
		 <div>
        工号：<input type="text" id="usercode" value="8001" />
        <button type="button" id="conn" onclick="Conn()">注册客服</button>
        <span style="color:red;" class="error"></span>
    </div>
		<div id="chat">
			<!--<div class="chat_left">
				<ul>
					<li IsToAll="0" RoleId="" RoleCode="" UserId="0">
 		  						<p class="chat_name">坐席</p>
 		  						</li>
				</ul>
			</div>-->
			<div class="chat_sidebar">
				<div class="pic_card">
					<div class="chat_sidebar_head">
						<img class="ver_middle" src="img/chat_pic.jpg" alt="" width="40" height="40" />
						<p class="chat_name">Coffce</p>
					</div>
					<!--<div class="chat_sidebar_foot">
						<input type="text" class="sidebar_foot_seach" placeholder="search user..." />
					</div>-->
				</div>
				<div class="chat_sidebar_list">
					<ul class="sidebar_list">
						<!--<li class="actives">
							<img class="ver_middle" src="img/chat_list1.png" alt="" width="30" height="30" />
							<p class="chat_name">技术-小白</p>
							<i class="fa fa-remove closeds"></i>
						</li>
						<li>
							<img class="ver_middle" src="img/chat_list2.jpg" alt="" width="30" height="30" />
							<p class="chat_name">WebPack</p>
						</li>-->
					</ul>

				</div>
			</div>
			<div class="chat_main">
				<div class="chat_person disnone">
			 		<p class="chat_name"></p>
				</div>
				<div class="tabMain">
					<div class="main_message">
						<ul class="chatlist_con">
							
							<!--<a href="javascript:void(0)" class="more" onclick="getmore()"><i class="fa fa-clock-o" style="margin-right: 5px;"></i>查看更多信息</a>
							<li>
								<p class="message_time "><span>10:00</span></p>
								<div class="message_mincon ">
					 				<img class="ver_middle "  src="img/chat_list1.png " alt=" " width="30 " height="30 "/>
					 				<div class="message_text ">
					 					Hello，这是一个基于Vue + Webpack构建的简单chat示例，聊天记录保存在localStorge。简单演示了Vue的基础特性和webpack配置。
					 				</div>
								</div>
							</li>
							<li>
								<p class="message_time "><span>10:00</span></p>
								<div class="message_mincon self ">
					 				<img class="ver_middle "  src="img/chat_pic.jpg " alt=" " width="30 " height="30 "/>
					 				<div class="message_text ">我知道吖</div>
					 					
								</div>
							</li>-->
							
						</ul>
					</div>
					<div class="main_sendMessage ">
						
						<textarea name=" " rows=" " cols=" " placeholder="按Enter 发送 " class="send_content "></textarea>
					    
					    <div class="send_btn ">
					    	<button class="sendTo " onclick="sendinfo() ">发送(S)</button>
					    	 <span style="color:red; " class="error "></span>
					    </div>
					
					</div>
				</div>
			</div>
			<input type="hidden " class="hidnum " />
		</div>
		
		
		
		
		<script src="./js/chat.js "></script>
	</body>
</html>