duhongyu
/
Yichuang12345_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>主办待处理工单</title>
    <script src="../Script/Common/huayi.load.js"></script>
    <link rel="stylesheet" href="../css/bootstrap-select.css">
    <script src="../Script/Common/huayi.config.js"></script>
    <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
    <link rel="stylesheet" href="../css/init.css" />
    <link rel="stylesheet" href="../css/WorkOrder/workOrder.css"/>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <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 style="padding: 10px;" class="tj_content clearFix">
            <div style="padding: 10px;" class="tj_content clearFix">
            	            	
                <div>
                    <span>【搜索信息】</span>
                    
                    <div class="box_content">
                        <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <th>关键字：</th>
                                <td>
                                    <input type="text" placeholder="输入关键字" id="key" class="Min-width" />
                                </td>
                                <th>工单号：</th>
                                <td>
                                    <input type="text" placeholder="输入工单号" id="wids" class="Min-width" />
                                </td>
                                <th>时间：</th>
                                <td>
                                    <input type="text" id="starttime" class="laydate-icon Min-width" style="height: 32px;" />&nbsp;——&nbsp;<input type="text" id="endtime" class="laydate-icon Min-width" style="height: 32px;" />
                                </td>
                                 <th>区域：</th>
                                <td >
                                	  <select name="" id="sourceAreas" class="select">
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th>工单状态：</th>
                                <td>
                                    <select name="" id="state" class="select">
                                        <option value="">请选择</option>
                                        <option value="2">待查收</option>

                                        <option value="4">办理中</option>

                                        <option value="8">重办中</option>

                                    </select>
                                </td>
                                <th>工单来源：</th>
                                <td>
                                    <select class="select_" id="source"></select>
                                </td>
                                 <th>投诉电话：</th>
                                <td>
                                    <input type="text" id="tel" class="Min-width" />
                                </td>
                                <th>投诉人：</th>
                                <td>
                                    <input type="text" id="name" class="Min-width" />
                                </td>
                            </tr>
                            <tr>
                            	<td colspan="7" style="text-align: right;" >
	                                <botton class="btns Seach">搜索</botton>
	                                <botton class="btns Export">导出</botton>
	                            </td>
                            </tr>
                            
                                                    
                        </table>
                    </div>
                
                </div>
                
                <div>
                    <div style="width: 100%;padding: 10px;">
                        <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
                            <thead>
                                <tr>

                                    <th data-field="F_WorkOrderId" data-align="center">工单单号</th>
                                    <th data-field="F_ComTitle" data-formatter="GetCont" data-align="center">诉求标题</th>
                                    <th data-field="DeptName" data-align="center">主办单位</th>
                                    <th data-field="OtherDeptName" data-align="center">协办单位</th>
                                    <th data-field="UserName" data-align="center">受理人</th>
                                    <th data-field="F_WorkState" data-align="center" data-formatter="States">办理状态</th>
                                    <!--<th data-field="FilePath" data-formatter="setCode" data-align="center">录音</th>-->
                                    <th data-field="OverState" data-formatter="OverTime" data-align="center">时限</th>
                                    <th data-field="LimitTime" data-formatter="BanTime" data-align="center">办理时限</th>
                                    <th data-field="F_WorkOrderId" data-formatter="Dispose" data-align="center">操作</th>
                                </tr>
                            </thead>
                            <tbody class="list"></tbody>
                        </table>
                    </div>
                </div>
            
            </div>
        </div>

        <!--下载框-->
        <div class="t-shade lyxz">
            <div class="shade_k">
                <div class="shade_title">
                    <span>录音播放与下载<srong class="cknum"></srong></span>
                    <span class="setwin gbly"><a>x</a></span>
                </div>
                <div class="shade_content">
                    <div class="Ly_box audiojs">
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" id="PID" />
        <input type="hidden" id="Dpment" />
    </div>
    <script src="../js/bootstrap-select.js"></script>
    <script src="../css/laydate/laydate.js"></script>
    <script src="../My97DatePicker/WdatePicker.js"></script>
    <script src="../js/zTree/jquery.ztree.core.js"></script>
    <script src="../js/search/screen.js"></script>
    <script src="../js/WorkOrder/WorkOrder.js"></script>
    <script>
        //获取查询信息
		 function load() {
		 	
		 	//先销毁表格
		 	$('#orderlist').bootstrapTable('destroy');
		 	//初始化表格,动态从服务器加载数据
		 	$("#orderlist").bootstrapTable({
		 		method: "get", //使用get请求到服务器获取数据  http://localhost:63660/YCWorkOrder/GetDWDealList
		 		url: huayi.config.callcenter_url + "YCWorkOrder/GetTimeOutList", //获取数据的Servlet地址
		 		contentType: "application/x-www-form-urlencoded",
		 		striped: true, //表格显示条纹
		 		pagination: true, //启动分页
		 		pageSize: 10, //每页显示的记录数
		 		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 = {
		 				page: params.pageNumber,
		 				pagesize: params.pageSize,
		 				workid: $("#wids").val(),
		 				workstate: $("#state").val(), //=工单状态
		 				type: $("#type").val(), //=工单类型
		 				bigtype: $("#bigtype").val(), //=大类别
		 				smalltype: $("#smalltype").val(), //=小类别
		 				key: $("#key").val(), //=关键字
		 				tel: $("#tel").val(), //=客户电话
		 				name: $("#name").val(), //=客户名称
		 				keyid: $("#keyid").val(), //=关键词id
		 				source: $("#source").val(), //=来源&
		 				starttime: $("#starttime").val(), //=开始时间
		 				endtime: $("#endtime").val(), //=结束时间
		 				deptid: $("#PID").val(),
		 				type: $("#type").val(),
		 				sourcearea: $('#sourceAreas').val(), //区域
		 				token: $.cookie("token")
		 			};
		 			return param;
		 		},
		 		onLoadSuccess: function(data) { //加载成功时执行
		 			//						layer.msg("加载成功");
		 			//console.log(data);
		 		},
		 		onLoadError: function() { //加载失败时执行
		 			//layer.msg("加载数据失败", { time: 1500, icon: 2 });
		 		}
		 	});
		 }
    </script>
</body>

</html>