zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
							<!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="th-box">
				<div class="form-inline th-bar clearfix">
					<div class="form-group time-box">
						<i class="tub fa fa-calendar"></i>
						<input class="form-control search_time" type="text" id="startTime" placeholder="请选择时间范围">
					</div>
					<div class="form-group time-box">
						<i class="tub fa fa-search"></i>
						<input class="form-control" type="text" id="phone" placeholder="请输入电话">
					</div>
					<div class="form-group time-box">
						<i class="tub fa fa-search"></i>
						<input class="form-control" type="text" id="centerinfo" placeholder="请输入咨询、投诉内容">
					</div>
					<div class="form-group time-box">
						<select class="form-control selectpicker" id="department" data-live-search="true">
							<option value="">请选择科室名称</option>
						</select>
					</div>
					<div class="form-group tool_bars pull-right">
						<input type="button" class="btn_gray" id="sc_btns" value="搜索" />
					</div>
				</div>
			</div>
			<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="centerinfotype" 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="createusercode" data-align="center">创建人</th>
								<th data-field="createdate" data-align="center">创建时间</th>
								<th data-field="resultmassage" 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">
		//时间
		laydate.render({
			elem: '#startTime',
			range: '~',
			theme: '#249fea'
		});
		var state = '0'
		getDepartmentName();
		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);
		})
		//搜索
		$('#sc_btns').click(function() {
			initTable(state);
		})

		//获取科室名称
		function getDepartmentName() {
			$.getJSON(huayi.config.callcenter_url + 'testusertypeapi/api/TestUserType/getalldeptnlists', {}, function(res) {
				res.data.forEach(function(v, n) {
					$('<option value="' + v.name + '">' + v.name + '</option>').appendTo('#department');
					$("#department").selectpicker('refresh');
				})
			});
		}

		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 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(state)
							} else {
								layer.msg(data.message);
							}
						}

					})
				},
			});
		}

		function btn_edit(id, type) {
			layer.open({
				type: 2,
				content: "template/addOrEditWorkOrder.html?type=" + type + '&id=' + id,
				title: '工单编辑',
				area: ['70%', '95%'], //宽高
			});
		}

		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,
						centerinfo:$('#centerinfo').val(),
						deptname:$("#department").val(),
						phonemodel: $("#phone").val(), //联系电话
						stime: $('#startTime').val() && $('#startTime').val().split(' ~ ')[0], //开始时间
						etime: $('#startTime').val() && $('#startTime').val().split(' ~ ')[1], //结束时间
						usercode: window.localStorage.getItem('userCode')
					};
					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列
						$tableLeft.bootstrapTable('hideColumn', 'centerinfotype'); //隐藏上述variablevalue列
						$tableLeft.bootstrapTable('hideColumn', 'resultmassage');
					} else {
						$tableLeft.bootstrapTable('showColumn', 'jsdeptname'); //隐藏上述variablevalue列
						$tableLeft.bootstrapTable('showColumn', 'jspeople'); //隐藏上述variablevalue列
						$tableLeft.bootstrapTable('showColumn', 'centerinfotype'); //隐藏上述variablevalue列
						$tableLeft.bootstrapTable('showColumn', 'resultmassage'); //隐藏上述variablevalue列
					}
				},
				onLoadError: function() { //加载失败时执行
					layer.msg("加载数据失败", {
						time: 1500,
						icon: 2
					});
				}
			});
		}
	</script>

</html>