zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="renderer" content="webkit">
		<title>郑州市第一人民医院</title>
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/RepairStatistic.css" />
		<!--[if lt IE 9]>
		  <script src="js/html5shiv.min.js"></script>
			<script src="js/respond.min.js"></script>
		  <script src="js/oldie.js"></script>
		<![endif]-->
	</head>
	<style>
		.col-md-5 {
			width: 28%;
		}
		.col-md-7 {
			width: 44%;
		}
		.headerTitleIn span{
			text-align: center;
			font-size: 32px;
			font-weight: bold;
			color: #fff;
			background: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(255,255,255,1)), to(rgba(62,125,227,1)));
			background: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(62,125,227,1));
			background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(62,125,227,1));
			background: -o-linear-gradient(top, rgba(255,255,255,1), rgba(62,125,227,1));
			background: linear-gradient(top, rgba(255,255,255,1), rgba(62,125,227,1)); /*Opera 11.1-12*/
			-webkit-background-clip: text;
			color: transparent;
		}
	</style>

	<body>
		<div class="chartWarp">
			<!--头部导航开始-->
			<div class="header">
				<ul class="clearfix">
					<li class="headerLeft">
						<div class="headerLeftIn">
							<div class="clearfix head_in">
								<div class="head_inConL">
									<span class="temperature">

									</span>温度（℃）
								</div>
								<div class="head_inConM">
									<p class="windPower"></p>
									风速
								</div>
								<div class="head_inConR">
									湿度(RH)&nbsp;&nbsp;<span class="humidity"></span>
								</div>

							</div>
						</div>
					</li>
					<li class="headTwo">
						<div class="headTwoIn">
							<img src="images/head22.png" alt="" />
						</div>
					</li>
					<li class="headerTitle">
						<div class="headerTitleIn">
							<span id="PjText"></span><span>大数据监控中心</span>
						</div>
					</li>
					<li class="headFour">
						<div class="headFourIn">
							<img src="images/head4.png" alt="" />
						</div>
					</li>
					<li class="headerRight">
						<div class="headerRightIn">
							<div class="headerRightInCon">
								<div class="headerRightInCon_l">

								</div>
								<div class="headerRightInCon_m">

								</div>
								<div class="headerRightInCon_r">

								</div>
							</div>

						</div>
					</li>
				</ul>
			</div>
			<!--头部导航结束-->

			<div class="content container-fluid">
				<!--内容上部开始-->
				<div class="contentTop row">

					<div class="contentTop_left col-md-5" style="padding: 0 5px;">
						<!--综合满意度统计-->
						<div class="outter outterBox">
							<div class="inner">
								<div class="contentTop_RightBottom">
									<div class="content_nav clearfix">
										<div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">综合满意度统计</span></div>
										<div class="pull-right">
											<div class="btn-group" role="group" aria-label="...">
												<button type="button" class="btn ssati_btn btns active" index="2">本月</button>
												<button type="button" class="btn ssati_btn btns" index="3">本年</button>
											</div>
										</div>
									</div>
									<div id="Satisfaction" style="height: 250px;width: 100%;">
									</div>
								</div>
							</div>
						</div>
						<!--工单渠道-->
						<div class="outter outterBox">
							<div class="inner">
								<div class="contentTop_leftTop clearfix">
									<div class="content_nav clearfix">
										<div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">维修工接单量</span></div>
										<div class="pull-right">
											<div class="btn-group" role="group" aria-label="...">
												<button type="button" class="btn channel_btn btns active" index="0">今日</button>
												<button type="button" class="btn channel_btn btns" index="2">本月</button>
												<button type="button" class="btn channel_btn btns" index="3">本年</button>
											</div>
										</div>
									</div>
									<div id="orderSource" style="height: 250px;width: 100%;">

									</div>
								</div>
							</div>
						</div>

					</div>
					<div class="contentTop_middle col-md-7" style="padding: 0 5px;">
						<div class="outter outterBox">
							<div class="inner">
								<div class="middleTop clearfix">
									<div class="middleTop_top" style="width: 15%;float: left;color: #48abff;font-size: 22px;text-align: center;">
										<div style="width: 22px; margin: 0 auto;line-height: 40px;">
											总计
										</div>

									</div>
									<div class="middleTop_bottom" style="width: 85%;float: left;">
										<ul class="clearfix">
											<li>
												<div class="Pink"></div>
												报修
											</li>
											<li>
												<div class="purple"></div>
												已处理
											</li>
											<li>
												<div class="Ashen"></div>
												未处理
											</li>
											<li>
												<div class="green"></div>
												已评价
											</li>
										</ul>

									</div>
								</div>
							</div>
						</div>
						<div class="outter outterBox">
							<div class="inner">
								<div class="middleBottom">
									<div class="content_nav clearfix">
										<div class="pull-left" style="width: 100%;">
											<div class="text_tit">
												<a style="width: 15%; text-align: center; margin-left: 0;">报修时间</a>
												<a style="width: 10%;">报修人</a>
												<a style="width: 15%; text-align: left;">报修内容</a>
												<a style="width: 10%;">接单人</a>
												<a style="width: 10%;">状态</a>
												<a style="width: 14%; text-align: center;">接单时间</a>
												<a style="width: 14%; text-align: center;">处理时间</a>
											</div>
											<audio id="btn_audio" preload="metadata">
												<source src="audio/orderTips.wav" type="audio/wav">
												<source src="audio/orderTips.mp3" type="audio/mpeg"> 您的浏览器版本太低，不支持语音播放，请升级！
											</audio>
											<div class="scrolltext" style="background:#040a3a;">
												<ol id="breakNewsList" class="list6 unfinish">
												</ol>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--维修工单数据-->
					<div class="contentTop_right col-md-5" style="padding: 0 5px;">
						<div class="outter outterBox">
							<div class="inner">
								<div class="contentTop_RightTop">
									<div class="content_nav clearfix">
										<div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">维修工单数据</span></div>
										<div class="pull-right">
											<div class="btn-group" role="group" aria-label="...">
												<button type="button" class="btn sevr_btn btns active" index="0">今日</button>
												<button type="button" class="btn sevr_btn btns" index="2">本月</button>
												<button type="button" class="btn sevr_btn btns" index="3">本年</button>
											</div>
										</div>
									</div>
									<div id="orderRepairCount" style="height: 250px;width: 100%;">
									</div>
								</div>
							</div>
						</div>
						<!--维修及时率-->
						<div class="outter outterBox">
							<div class="inner">
								<div class="contentTop_leftBottom">
									<div class="content_nav clearfix">
										<div class="pull-left"><img src="images/right.png" alt="" /><span class="content_navTitle">维修及时率统计</span></div>
										<div class="pull-right">
											<div class="btn-group" role="group" aria-label="...">
												<button type="button" class="btn maintain_btn btns active" index="0">今日</button>
												<button type="button" class="btn maintain_btn btns" index="2">本月</button>
												<button type="button" class="btn maintain_btn btns" index="3">本年</button>
											</div>
										</div>
									</div>
									<div id="repairTimely" style="height: 250px;width: 100%;">

									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
				<!--内容上部结束-->
				<!--内容下部开始-->
				<div class="contentBottom row">

					<div class="col-md-6" style="padding: 0 5px;">
						<div class="outter outterBox">
							<div class="inner">
								<div class="contentBottom_content clearfix">
									<div class="col-md-12">
										<div class="content_nav clearfix">
											<div class="pull-left">
												<img src="images/right.png" alt="" />
												<span class="content_navTitle">24小时报修统计</span>
											</div>
											<div class="pull-right" style="margin-left: 30px;">
												<div class="btn-group" role="group" aria-label="...">
													<button type="button" class="btn btns repairs_btn active" index="0">今日</button>
													<button type="button" class="btn btns repairs_btn" index="2">本月</button>
													<button type="button" class="btn btns repairs_btn" index="3">本年</button>
												</div>
											</div>
										</div>
										<div id="hoursRepairStatistics" style="width: 100%;height: 290px;">

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="col-md-6" style="padding: 0 5px;">
						<div class="outter outterBox">
							<div class="inner">
								<div class="contentBottom_content clearfix">
									<div class="col-md-12">
										<div class="content_nav clearfix">
											<div class="pull-left">
												<img src="images/right.png" alt="" />
												<span class="content_navTitle">维修工满意度统计</span>
											</div>
											<div class="pull-right" style="margin-left: 30px;">
												<div class="btn-group" role="group" aria-label="...">
													<!--<button type="button" class="btn btns mainMan_btn active" index="0">日排行</button>-->
													<button type="button" class="btn btns mainMan_btn  active" index="2">本月排行</button>
												</div>
											</div>
										</div>
										<div>
											<div class="contentBottom_content_right clearfix">
												<div class="posi">
													<ul class="OA_main"></ul>
													<ul class="OA_main"></ul>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="Popout_bj"></div>
		<div class="Popout_div">
			<div class="icon_del"></div>
			<div class="pop_title">选择项目</div>
			<div class="pop_context">
				<ul id="selct_main">
				</ul>
			</div>
			<div class="icon_btn">确定</div>
		</div>
		<div id="projectID" index=""></div>

		<script src="js/jquery-1.8.js"></script>
		<script src="js/Highcharts/Highcharts.js"></script>
		<script src="js/Highcharts/highcharts-zh_CN.js"></script>
		<script src="js/Highcharts/HighchartMap.js"></script>
		<script src="Script/Common/huayi.config.js"></script>
		<script src="Script/Common/huayi.http.js"></script>
		<script src="js/Highcharts/variable-pie.js"></script>
		<script src="js/projectTab.js"></script>
		<script src="js/RepairStatistic.js"></script>
		<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=26KBZ-YBJRO-3RPWW-SUEYL-K2KKQ-BTBYL"></script>
		<script src="js/common.js"></script>
	</body>

</html>