duhongyu
/
AnYang_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
							<!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="../css/reportCommon/Search.css" rel="stylesheet">
		<link href="../css/reportCommon/common.css" rel="stylesheet">
		<link rel="stylesheet" href="../css/bootstrap-select.css" />
		<link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
		<link href="../css/init.css" rel="stylesheet" />
		<script src="../js/laydate/laydate.js"></script>
		<script src="../js/bootstrap-select.js"></script>
		<style>
			thead th {
				background: #00a0cd;
				color: #fff;
			}
			
			.th-inner {
				white-space: normal !important;
			}
			.seach-box ul li ul li{
				float: none;
				width: 100%;
				display: block;
			}
		</style>
	</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 class="Content_box">
				<!--待处理/-->
				<div class="complain Shows">
					<div class="th-box">
						<div class="th-bar">
							<ul  style="display: flex;">
								<li>
									选择时间：
									<input class="photo x-color inputs laydate-icon" style="width: 400px;" autocomplete="off" type="text" id="startTimes" />
								</li>
								<li style="width: 360px;display: flex;">
									<div style="width: 100px;line-height: 34px;">承办单位：</div>
									<div style="position: relative; width: 220px;">
										<div class="inpBox">
											<input type="text" class="inps" id="organizer" autocomplete="off" />
											<i class="Cleans fa fa-close"></i>
											<i class="xl xl_one"></i>
											<div class="addTree xlAdd">
												<ul id="addTreeDemo" class="ztree"></ul>
											</div>
										</div>
										<div class="selDpart1">
											<ul id="sponsor"></ul>
										</div>
									</div>
								</li>
								<li style="width: 320px;display: flex;">
                                   <div style="width: 100px;line-height: 34px;">选择来源：</div>
                                    <div  style="width: 220px">
                                    	<select name="select_" id="source"  class="selectpicker show-tick form-control" com data-live-search="true"></select>
                                    </div>
                                    
                                </li>
								<li>
									<a class="sc_btn btns db">搜索</a>
									<a class="sc_btn btns export">导出</a>
								</li>
							</ul>
						</div>
					</div>
					<ul class="nav nav-tabs ul_tab" role="tablist">
						<li class="active">
							<a>二级单位办理效率</a>
						</li>
						<li>
							<a>三级单位办理效率</a>
						</li>
					</ul>
					<div style="width: 100%;padding: 10px;">
						<table id="workorderlist" data-toggle="table"></table>
					</div>
				</div>

			</div>
		</div>
		<input type="hidden" id="PID" />
		<script src="../js/reportCommon/common.js"></script>
		<script src="../js/zTree/jquery.ztree.core.js"></script>
		
		<script>
			var columnsArray = [];
			var columnsWidth
			var iscbdw =1
			var apiUrl = "WorkOrderReport/GetProcessingEfficiency"
			var zxSelectObj = {
				id:'source',
				apiUrl:'Dictionary/GetDicValueListById',
				params:{
					id: 1
				},
				selectValue:'F_ValueId',
				selectName:'F_Value'
			}
			$(document).ready(function() {
				laydate.render({
					elem: '#startTimes',
					theme: '#00a1cb',
					type: 'datetime',
					format: 'yyyy-MM-dd HH:mm:ss',
					range: '~',
					calendar: true,
					ready: function(date) {
						$(".layui-laydate-footer [lay-type='datetime'].laydate-btns-time").click();
						$(".laydate-main-list-1 .layui-laydate-content li ol li:last-child").click();
						$(".layui-laydate-footer [lay-type='date'].laydate-btns-time").click();
					}
				});
				tree()
				initTable()
				selectCommon(zxSelectObj)
			})
			$('.ul_tab li').click(function() {
				$(this).addClass("active").siblings().removeClass("active");
				var index = $(this).index();
				if(index === 0) {
					apiUrl = "WorkOrderReport/GetProcessingEfficiency";
					iscbdw =1
					tree()
				} else if(index === 1) {
					iscbdw =3
					tree()
					apiUrl = "WorkOrderReport/GetSJProcessingEfficiency";
				}
				initTable();
			})
			function dataParam() {
				var stime, etime
				if($("#startTimes").val()) {
					stime = $("#startTimes").val().split('~')[0].trim()
					etime = $("#startTimes").val().split('~')[1].trim()
				}
				var obj = {
					stime,
					etime,
					source: $("#source").val(),
					deptid: $("#PID").val(),
					token: $.cookie("token")
				};
				return obj
			}
//			function selectCommon(obj){
//				params = Object.assign(obj.params,{
//						token: $.cookie("token"),
//				})
//				$.getJSON(
//					huayi.config.callcenter_url + obj.apiUrl,params ,
//					function(data) {
//						if(data.state.toLowerCase() == "success") {
//							var content = data.data;
//							$("<option value=''>请选择</option>").appendTo($("#"+obj.id));
//							$(content).each(function(i, n) {
//								$(
//									"<option value='" +
//									n[obj.selectValue] +
//									"'>" +
//									n[obj.selectName] +
//									"</option>"
//								).appendTo($("#"+obj.id));
//							});
//							$("#"+obj.id).selectpicker({
//								noneSelectedText: "请选择", //默认显示内容
//							});
//							$("#"+obj.id).selectpicker("refresh");
//						}
//					}
//				);
//			}
		</script>
	</body>

</html>