zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
							<!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 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="tab_head">
				<ul class="clearfix tab_head_left" id="tab_head_left">
					<li class="tab_head_active" data-index="0">
						咨询
					</li>
					<li data-index="1">
						投诉
					</li>
					
				</ul>
			</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="wodetype" data-align="center" data-formatter="workOrderType">工单类型</th>
								<th data-field="deptname" data-align="center">科室名称</th>
								<th data-field="coustomname" data-align="center" >客户姓名</th>
								<th data-field="phoneinfo" data-align="center">联系电话</th>
								<th data-field="centerinfo" data-align="center" >内容</th>
								<th data-field="jsdeptname" data-align="center">接收部门</th>
								<th data-field="jspeople" data-align="center" >接收人名称</th>
								<th data-field="memoinfo" data-align="center">备注</th>
								<th data-field="createdate" data-align="center" >创建时间</th>
								<th data-align="center"  data-formatter="operation">操作</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</body>
	<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 type="text/javascript">
		var state='0'
		initTable(state)
		//TAB切换
		$('#tab_head_left li').click(function() {
			$(this).addClass('tab_head_active').siblings().removeClass('tab_head_active');
			state = $(this).attr('data-index');
			initTable(state);
		})
		function workOrderType(v,r){
			if(v=='0'){
				return '<span>咨询</span>'
			}else{
				return '<span>投诉</span>'
			}
		}
		function operation(v,row){
			console.log(row)
			var str = '<ul class="tool_downs">' +
				'<li><a class="aBtn" authorize="yes" id="HY_discharge_' + row.id + '" onclick="btn_delete(\'' + row.id +
				'\')">删除</a><li>' +
				'<li><a class="aBtn" authorize="yes" id="HY_remarks_' + row.id + '" onclick="btn_detial(\'' + row.id +
				'\',\''+row.wodetype+'\')">详情</a><li>'+
				'<li id="callDetail"><a class="aBtn" authorize="yes" id="HY_callDetail_' + row.id + '" onclick="btn_edit(\'' +
				row.id +'\',\''+row.wodetype+'\')">编辑</a><li>'+
			'</ul>';
			return str
		}
		function btn_delete(id){
			layer.confirm('您确定要删除当前工单吗？', {
				icon: 7,
				btn: ['确定', '取消'],
				yes: function(index, layero) {
					$.ajax({
						type: "get",
						url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/delecallcometpwode",
						dataType: 'json',
						async: true,
						data: {
							id: id
						},
						success: function(data) {
							/*验证请求*/
							if(data.state == "success") {
								layer.msg("删除成功");
								initTable()
							} else {
								layer.msg(data.message);
							}
						}
			
					})
				},
			});
		}
		function btn_detial(id,type){
			layer.open({
				type: 2,
				content: "template/addOrEditWorkOrder.html?state=0&id=" + id+ '&type=' + type,
				title: '工单详情',
				area: ['70%', '75%'], //宽高
			});
		}
		function btn_edit(id,type){
			layer.open({
				type: 2,
				content: "template/addOrEditWorkOrder.html?type=" + type+'&id=' + id,
				title: '工单编辑',
				area: ['70%', '85%'], //宽高
			});
		}
		function initTable(state) {
			var $tableLeft = $('#table_all');
			$tableLeft.bootstrapTable('destroy');
			//先销毁表格
			$tableLeft.bootstrapTable({
				method: "get", //使用get请求到服务器获取数据
				url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/getcallcometpwode",
				contentType: "application/x-www-form-urlencoded",
				striped: true, //表格显示条纹
				pagination: true, //启动分页
				pageSize: 15, //每页显示的记录数
				pageNumber: 1, //当前第几页
				fixedColumns: true,
				fixedNumber: 3,
				pageList: [500, 1000, 1500], //记录数可选列表
				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) { //设置查询参数
					console.log(params)
					var param = {
						wodetype:state,
						PageIndex: params.pageNumber,
						PageSize: params.pageSize
					};
					return param;
				},
				responseHandler: function(data) {
					return {
						"rows": data.data.rows,//数据
						"total":data.data.total
					};
				},
				onLoadSuccess: function(data) { //加载成功时执行
					if(state == '0') {
						$tableLeft.bootstrapTable('hideColumn', 'jsdeptname'); //隐藏上述variablevalue列
						$tableLeft.bootstrapTable('hideColumn', 'jspeople'); //隐藏上述variablevalue列
					} else {
						$tableLeft.bootstrapTable('showColumn', 'jsdeptname'); //隐藏上述variablevalue列
						$tableLeft.bootstrapTable('showColumn', 'jspeople'); //隐藏上述variablevalue列
					}
				},
				onLoadError: function() { //加载失败时执行
					layer.msg("加载数据失败", {
						time: 1500,
						icon: 2
					});
				}
			});
		}
	</script>
</html>