zhengbingbing
/
XinXiangXLX_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
							<!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/init.css" rel="stylesheet" />
		<link href="./css/Search.css" rel="stylesheet">

	</head>
	<style>
		/*.fixed-table-body{
			transform: scaleY(-1);
		}
		.fixed-table-loading{
			transform: scaleY(-1);
			top: 0 !important;
		}
		#workorderlist{
			transform: scaleY(-1);
		}*/
	</style>
	<body class="gray-bg">
		<div class="daoHang clearfix">
			<div class="dhLeft">
				<sapn><i class="syIcon"></i>位置：
					<a href="javaScript:;" id="ReIndex">首页</a>&gt;
					<a href="javaScript:;">工单管理</a>&gt;
					<a href="" class="nowPosition">工单催办</a>
				</sapn>
			</div>
			<div class="dhRight">
				<a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
			</div>
		</div>
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="toolBox clearfix">
				<div class="pull-left">
					<div class="form-inline">
						<div class="time-box form-group">
							<i class="tub fa fa-calendar"></i>
							<input class="form-control search_time" type="text" id="sc_time" placeholder="请选择起止时间">
						</div>
						<div class="form-group">
							<select class="form-control" id="sc_source" data-live-search="true">
								<option value ="0">请选择工单来源</option>
								<option value ="1">电话</option>
								<option value ="2">微信业务员</option>
								<option value ="3">微信客户</option>
								<option value ="4">官网</option>
								
							</select>
						</div>
						<div class="form-group">
							<select class="form-control" id="sc_type" data-live-search="true">
								<option value="0">请选择工单类型</option>
								<option value="1">咨询</option>
								<option value="2">投诉</option>
								<option value="3">抽检</option>
								<option value="4">建议及其他</option>
								<option value="6">业务协办</option>
								<option value="5">老业务协办</option>
							</select>
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="sc_key" placeholder="请输入姓名、电话、反馈内容" />
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="sc_ke" placeholder="请输入工单号" />
						</div>
					</div>
				</div>

				<div class="pull-right tool_bars">
					<button class="btns" id="sc_btns">搜索</button>
				</div>
			</div>

			<div style="width: 100%;padding: 10px;" class="bottomScroll">
				<table id="workorderlist" data-height="472" data-row-style="rowStyle" data-query-params="queryParams">
					<thead>
						<tr>
							<th data-field="F_WorkOrderCode" data-formatter="formatterOrderId" data-align="center">工单编号</th>
							<th data-field="F_State" data-formatter="formatterState" data-align="center">外线工单状态</th>
							<th data-field="F_State2" data-formatter="formatterState2" data-align="center">内线工单状态</th>														
							<th data-field="F_Source" data-align="center" data-formatter="formatter">工单来源</th>
							<th data-field="F_Type" data-align="center" data-formatter="order">工单类型</th>
							<th data-field="F_CusName" data-align="center">姓名</th>
							<th data-field="F_CusPhone" data-formatter="helper.filter.cutTel" data-align="center">客户电话</th>
							<th data-field="F_TS_Category" data-align="center">产品名称</th>
							<th data-field="F_Production" data-align="center">生产单位</th>	
							<th data-field="F_Description" data-formatter="formatterDetails" data-align="center">问题描述</th>
							<th data-field="ResponDeptName" data-formatter="" data-align="center">接收部门</th>
							<th data-field="F_DealBy" data-align="center">处理人</th>
							<th data-field="ID"  data-formatter="formatterOprateExpedite" data-align="center">操作工单</th>
						</tr>
					</thead>
				</table>
			</div>
			<div id="titbox"></div>
			<!--查看详情-->
			<div id="order_details" class="ckxq Hidens"></div>


		</div>
		<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/mousewheel/jquery.mousewheel.js"></script>
		<script src="../js/jquery.drag.js"></script>
		<script src="../js/download/download.js"></script>
		<script src="./js/WorkOrder.js"></script>
		<script src="./js/orderOperation.js"></script>
		<script>
			 $(document).ready(function() {
				initTableExpedite()
			})
			$("#sc_btns").click(function() {
				initTableExpedite();
			});		
			//工单催办
			function initTableExpedite() {
				//先销毁表格
				$('#workorderlist').bootstrapTable('destroy');
				//初始化表格,动态从服务器加载数据
				$("#workorderlist").bootstrapTable({
					method: "get", //使用get请求到服务器获取数据
					url: huayi.config.callcenter_url + "WorkOrderNew/GetUrgeList", //获取数据的Servlet地址
					contentType: 'application/x-www-form-urlencoded',
					striped: true, //表格显示条纹
					pagination: true, //启动分页
					pagesize: 5, //每页显示的记录数
					pageNumber: 1, //当前第几页
					pageindex: [5, 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,
							keywords: $('#sc_key').val(), //否	string	模糊搜索（客户姓名,电话,工单号）keyword
							source: $('#sc_source').val(), //否	string	工单来源
							type: $('#sc_type').val(), //否	string	工单类型
							starttime: $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[0], //否	string	工单起止时间
							endtime: $('#sc_time').val() && $('#sc_time').val().split(' ~ ')[1], //否	string	工单起止时间
							areaid: $('#sc_rengin').val(), //否	string	区域id
							regionid: $('#sc_pro').val(), //否	string	项目id
							buldingid: $('#sc_floor').val(), //否	string	期号id
							isaudit: '1', //微信列表（0未办理微信列表，1已办理微信列表,-1所有）
							token: $.cookie("token"),
						};
						return param;
					},
					onLoadSuccess: function() { //加载成功时执行
						//layer.msg("加载成功");
						authorizeOperateButton(); //获取 userRoleCode 判断按钮权限
					},
					onLoadError: function() { //加载失败时执行
						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
					}
				});
			}
			//格式化操作 （工单催办 超期工单）
			function formatterOprateExpedite(val, row) {
				return '<ul class="tool_downs">' +
					'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_remind_' + row.ID + '" onclick="btn_remind(\'' + row.F_ID + '\')" title="催办">催办</a></li>' +
					'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_back_' + row.ID + '" onclick="btn_zhuei(\'' + row.F_ID + '\')" title="注解">注解</a></li>' +
					'<li><a href="javascript:;" class="aBtn" authorize="yes" id="HY_abnorm' + row.ID + '" onclick="btn_send(\'' + row.F_ID + '\')" title="抄送">抄送</a></li>' +														
					'</ul>';
			}
			
		</script>
	</body>

</html>