zhengbingbing
/
XinXiangXLX_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
							<!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="请选择起止时间" autocomplete="off">
						</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="5">业务协办</option>

							</select>
						</div>
						<div class="form-group">
							<select class="form-control" id="sc_states" data-live-search="true">
								<option value="">请选择工单状态</option>
								<option value="1">待接单</option>
								<option value="2">待处理</option>
								<option value="3">已退回</option>
								<option value="4">异常退回</option>
								<option value="10">已处理</option>
							</select>
						</div>
						<div class="form-group">
							<select class="form-control" id="sc_stBase" data-live-search="true">
								<option value="">请选择销售基地</option>
								<option value="新乡">新乡</option>
								<option value="新疆">新疆</option>
								<option value="九江">九江</option>
								<option value="东北">东北</option>

							</select>
						</div>
						<div class="form-group">
							<select class="form-control" id="sc_stChipi" data-live-search="true">
								<option value="">请选择销售基地</option>

							</select>
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="sc_key" placeholder="请输入姓名、电话、反馈内容" autocomplete="off" />
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="sc_ke" placeholder="请输入工单号" autocomplete="off" />
						</div>
					</div>
				</div>

				<div class="pull-right tool_bars">
					<button class="btns" id="sc_btns">搜索</button>
					<a class="btns" onclick="dcexcelover(this)">导出</a>
				</div>
			</div>

			<div style="width: 100%;padding: 10px;" class="bottomScroll">
				<table id="workorderlist"  data-height="472" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
					<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_SalesBase" data-align="center">销售基地</th>
							<th data-field="F_FertilizerBrand" 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="F_AreaName" data-align="center">大区</th>
							<th data-field="F_BranchName" data-align="center">分公司</th>
							<th data-field="F_DealBy" data-align="center">接收人</th>
							<th data-field="ID" data-class="workOprate workOprate4" 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() {
				init()
			})
			$("#sc_btns").click(function() {
				init()
			});
			//超期工单
			function init() {
				//先销毁表格
				$('#workorderlist').bootstrapTable('destroy');
				//初始化表格,动态从服务器加载数据
				$("#workorderlist").bootstrapTable({
					method: "get", //使用get请求到服务器获取数据
					url: huayi.config.callcenter_url + "WorkOrderNew/GetOvertime", //获取数据的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,
							state: $("#sc_states").val(),
							salesBase: $("#sc_stBase").val(), //销售基地
							product: $("#sc_stChipi").val(), //产品名称
							keywords: $('#sc_key').val(), //否	string	模糊搜索（客户姓名,电话,房间号,工单号）keyword
							code: $('#sc_ke').val(), //工单单号查询
							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>