zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>单位信息</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<link href="../js/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" />
		<link href="../css/Table/table1.css" rel="stylesheet" />
		<link href="../css/init.css" rel="stylesheet" />
		<!--<link rel="stylesheet" href="../css/zhiShikuManger.css" />-->
		<!--<link href="./css/onlineServiceList.css" rel="stylesheet" />-->
	</head>

	<body class="gray-bg">
		<div class="daoHang clearfix">
			<div class="dhLeft">
				<sapn><i class="syIcon"></i>位置：
					<a id="ReIndex" href="javaScript:;" class="indexreturn">首页</a>&gt;
					<a href="javaScript:;">在线客服</a>&gt;
					<a href="javascript:location.reload()" class="now_position">管理聊天内容</a>
				</sapn>
			</div>
		</div>
		<div class="wrapper wrapper-content animated fadeInRight equp_management">
			<div class="tree col-md-3">
				<div class="">
					<div class="trTitle">
						坐席
					</div>
					<div class="tab_contents" id="tab_contents">
						<div class="tabs_details showtabs">
							<table id="table_all" data-row-style="rowStyle" data-query-params="queryParams">
								<thead>
									<tr>
										<th data-field="usercode" data-align="center">坐席工号</th>
									</tr>
								</thead>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="tableCon col-md-9">
				<div class="trTitle"> 人员列表</div>
				<div class="tab_contents" id="tab_contents">
					<div class="tabs_details showtabs">
						<table id="table_List" data-row-style="rowStyle" data-query-params="queryParams">
							<thead>
								<tr>
									<th data-field="touserid" data-align="center">聊天对象</th>
									<th data-field="createtime" data-align="center">时间</th>
									<th data-field="id" data-align="center" data-formatter="formatterOperate">操作</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
		<script src="../Script/Common/regexs.js"></script>
		<script src="../js/laydate/laydate.js"></script>
		<script src="../js/bootstrap-select/js/bootstrap-select.js"></script>
		<script src="../js/bootstrap-select/js/i18n/defaults-zh_CN.js"></script>
		<script src="../js/zTree/jquery.ztree.core.js"></script>
		<script src="../js/kindeditor/kindeditor-all.js"></script>
		<script src="../js/kindeditor/lang/zh_CN.js"></script>
		<!--<script src="./js/onlineServiceList.js"></script>-->
		<script type="text/javascript">
			let usercode = '';
			$(document).ready(function() {
				initTable()
				initTable1()
			});
			$("#table_all").on("click-row.bs.table", function(e, row, $element) { //点击radio触发事件
				console.log(row)
				usercode = row.usercode
				initTable1(usercode)
			});

			function initTable() {
				//先销毁表格
				$('#table_all').bootstrapTable('destroy');
				//初始化表格,动态从服务器加载数据
				$("#table_all").bootstrapTable({
					method: "get", //使用get请求到服务器获取数据
					url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getfpzxinfos", //获取数据的Servlet地址
					contentType: 'application/x-www-form-urlencoded',
					striped: true, //表格显示条纹
					pagination: true, //启动分页
					pageSize: 10000, //每页显示的记录数
					pageNumber: 1, //当前第几页
					pageList: [10, 20, 50, 100], //记录数可选列表
					search: false, //是否启用查询
					showColumns: false, //显示下拉框勾选要显示的列
					showRefresh: false, //显示刷新按钮
					sidePagination: "server", //表示服务端请求
					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
					//设置为limit可以获取limit, offset, search, sort, order
					queryParamsType: "undefined",
					queryParams: function queryParams(params) { //设置查询参数
						var param = {
							PageIndex: params.pageNumber,
							PageSize: params.pageSize,
							//          	token: $.cookie("token"),
						};
						return param;
					},
					responseHandler: function(res) {
						return {
							"total": res.data.total, //总页数
							"rows": res.data.rows //数据
						};
					},
					onLoadSuccess: function(data) { //加载成功时执行
					},
					onLoadError: function() { //加载失败时执行
					}
				});
			}

			function initTable1(usercode) {
				//先销毁表格
				$('#table_List').bootstrapTable('destroy');
				//初始化表格,动态从服务器加载数据
				$("#table_List").bootstrapTable({
					method: "get", //使用get请求到服务器获取数据
					url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getchatinglist", //获取数据的Servlet地址
					contentType: 'application/x-www-form-urlencoded',
					striped: true, //表格显示条纹
					pagination: false, //启动分页
					pageSize: 10000, //每页显示的记录数
					pageNumber: 1, //当前第几页
					pageList: [10, 20, 50, 100], //记录数可选列表
					search: false, //是否启用查询
					showColumns: false, //显示下拉框勾选要显示的列
					showRefresh: false, //显示刷新按钮
					sidePagination: "server", //表示服务端请求
					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
					//设置为limit可以获取limit, offset, search, sort, order
					queryParamsType: "undefined",
					queryParams: function queryParams(params) { //设置查询参数
						var param = {
							usercode: usercode
							//          	token: $.cookie("token"),
						};
						return param;
					},
					responseHandler: function(res) {
						let newData=[];
						res.data.forEach(function(v,n){
							newData.push({
								usercode:usercode,
								touserid:v.usercode,
								createtime:v.createtime
							})
						})
						return {
							//							"total": res.data.total, //总页数
							"rows": newData//数据
						};
					},
					onLoadSuccess: function(data) { //加载成功时执行
					},
					onLoadError: function() { //加载失败时执行
					}
				});
			}

			function formatterOperate(val, row) {
				console.log(row)
				return '<ul class="tool_downs">' +
					'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_delete_' + val + '" onclick="btn_watch(\'' + row.usercode +'\',\'' +row.touserid+ '\')" title="删除">查看</a></li>'
				'</ul>';
			}

			function btn_watch(usercode,touserid) {
				layer.open({
					type: 2,
					content: "watchCo.html?touserid="+touserid+ "&usercode=" + usercode,
					title: '查看聊天内容',
					area: ['50%', '70%'], //宽高
				});
			}
		</script>
	</body>

</html>