lihai
/
PingAnYeXianSZCG_Web


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094
							<!doctype html>
<html lang="en" class="feedback">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>数据统计</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/Common.css" />
		<style>
			.mui-control-content {
				background-color: white;
				min-height: 215px;
			}
			
			.mui-control-content .mui-loading {
				margin-top: 50px;
			}
			
			.chart {
				height: 280px;
				margin: 0px;
				padding: 0px;
			}
			
			.mui-slider .mui-slider-group {
				height: 1000px;
			}
			
			#CS {
				position: absolute;
				right: 0;
				height: 100%;
				padding: 0;
				padding-left: 5px;
				border: none;
				z-index: 30;
				width: 100%;
			}
			
			.mui-scroll {
				height: 100%;
			}
			
			#lineChart {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				padding: 10px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
		</style>
		<script src="../js/zepto.js"></script>
		<script src="../Script/Common/huayi.http.js"></script>

		<script type="text/javascript">
			var usercode = helper.cookies.get("usercode");
			if(!usercode) {
				window.location.href = "../login.html?type=1";
			}
		</script>

	</head>

	<body>
		<div class="mui-content mui-scroll-wrapper">
			<div id="slider" class="mui-slider">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item" href="#item1mobile">
						今天
					</a>
					<a class="mui-control-item" href="#item2mobile">
						本周
					</a>
					<a class="mui-control-item" href="#item3mobile">
						本月
					</a>
					<a class="mui-control-item" href="#item4mobile">
						全部
					</a>
					<a class="mui-control-item" href="#item5mobile">
						分类
					</a>
					<a class="mui-control-item" href="#item6mobile">
						部门
					</a>
					<a class="mui-control-item" href="#item7mobile">
						奖励
					</a>
				</div>
				<!--<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-2"></div>-->
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">

								<div class="chart" id="pieChart"></div>
								<div>
									<ul class="mui-table-view mui-grid-view mui-grid-9">
										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="Dayfinish"></span>
												<div class="mui-media-body size-14">今天已完成工单</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>

										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="Dayunfinifh"></span>
												<div class="mui-media-body size-14">今天未成工单</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>
										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="Total"></span>
												<div class="mui-media-body size-14">今天工单总量</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>

									</ul>
								</div>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div class="chart" id="barChart"></div>
								<div>
									<ul class="mui-table-view mui-grid-view mui-grid-9">
										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="Workfinish"></span>
												<div class="mui-media-body size-14">本周已完成工单</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>

										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="Workunfinifh"></span>
												<div class="mui-media-body size-14">本周未成工单</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>
										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="WorkTotal"></span>
												<div class="mui-media-body size-14">本周工单总量</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>

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

					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div id="CS">
									<div class="chart" id="lineChart"></div>
								</div>
								<!--<ul class="mui-table-view mui-grid-view mui-grid-9">
									<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
										<a href="#">
											<span class="size-20">1000</span>
											<div class="mui-media-body size-14">今天已完成工单</div>
										</a>
										<span class="mui-grid-bottom"></span>
									</li>
									<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
										<a href="#">
											<span class="size-20">1000</span>
											<div class="mui-media-body size-14">今天未成工单</div>
										</a>
										<span class="mui-grid-bottom"></span>
									</li>
									<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
										<a href="#">
											<span class="size-20">1000</span>
											<div class="mui-media-body size-14">今天工单总量</div>
										</a>
										<span class="mui-grid-bottom"></span>
									</li>

								</ul>-->

							</div>
						</div>

					</div>
					<div id="item4mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<div>
									<span></span>
								</div>
								<div class="chart" id="lineCharts"></div>
								<div>
									<ul class="mui-table-view mui-grid-view mui-grid-9">
										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="finish"></span>
												<div class="mui-media-body size-14">已完成工单</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>

										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="unfinifh"></span>
												<div class="mui-media-body size-14">未成工单</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>
										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="RTotal"></span>
												<div class="mui-media-body size-14">工单总量</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>

									</ul>
								</div>

							</div>
						</div>

					</div>
					<div id="item5mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">

								<div class="chart" id="bar-Chart"></div>

							</div>
						</div>

					</div>
					<div id="item6mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">

								<div class="chart" id="bar-Chart2"></div>

							</div>
						</div>

					</div>
					<div id="item7mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">

								<div class="chart" id="parChart2"></div>
								<div>
									<ul class="mui-table-view mui-grid-view mui-grid-9">
										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="reward"></span>
												<div class="mui-media-body size-14">已奖励工单</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>

										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="unreward"></span>
												<div class="mui-media-body size-14">未奖励工单</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>
										<li class="mui-table-view-cell mui-media mui-col-xs-4 ">
											<a href="#">
												<span class="size-20" id="rewardTotal"></span>
												<div class="mui-media-body size-14">工单总量</div>
											</a>
											<span class="mui-grid-bottom"></span>
										</li>

									</ul>
								</div>

							</div>
						</div>

					</div>

				</div>
			</div>

		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/echarts-all.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>

		<script type="text/javascript">
			mui.init();
			window.onload = function() {
				mui('.mui-scroll-wrapper').scroll({
					deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
				});
			}
			var openid = helper.cookies.get("openid");
			//本周图表
			var xAxis = [];
			var yAxis = [];
			var yAxiss = [];
			//本月
			var xAxis_math = [];
			var yAxis_math = [];
			var yAxiss_math = []

			//今天的数据
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + 'WorkOrder/GetDayReport',
				async: true,
				dataType: 'json',
				data: {
					openid: openid
				},
				success: function(data) {
					//console.log(data.state);
					if(data.state == "success") {
						//console.log(data.data[0].unfinish);
						$("#Dayunfinifh").text(data.data[0].unfinish)
						$("#Dayfinish").text(data.data[0].finish);
						$("#Total").text(data.data[0].finish + data.data[0].unfinish);
						var option = {
							tooltip: {
								formatter: "{a} <br/>{b} : {c} ({d}%)"
							},
							legend: {
								orient: 'vertical',
								top: 'middle',

								x: 'left',
								left: 30,
								top: 100,
								data: ['未完成', '已完成']
							},
							series: [{
								type: 'pie',
								radius: '65%',
								center: ['50%', '60%'],
								selectedMode: 'single',
								data: [

									{
										value: data.data[0].unfinish,
										name: '未完成',
										label: {
											normal: {
												formatter: "{b}: {c} ({d}%)"
											}
										}
									},
									{
										value: data.data[0].finish,
										name: '已完成',
										label: {
											normal: {
												formatter: "{b}: {c} ({d}%)"
											}
										}
									}

								],
								itemStyle: {
									emphasis: {
										shadowBlur: 10,
										shadowOffsetX: 0,
										shadowColor: 'rgba(0, 0, 0, 0.5)'
									}
								}
							}]
						};

						echartsPie = echarts.init(document.getElementById('pieChart'));
						echartsPie.setOption(option);
					}

				},
				error: function(data) {
					//console.log(data.message);
				}
			});

			//本周
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + 'WorkOrder/GetWeekReport',
				async: true,
				dataType: 'json',
				data: {
					openid: openid
				},
				success: function(data) {
					//console.log(data.state);
					if(data.state == "success") {
						//console.log(data.data[0].unfinish);
						$("#Workfinish").text(data.data[7].finish);
						$("#Workunfinifh").text(data.data[7].unfinish);
						$("#WorkTotal").text(data.data[7].finish + data.data[0].unfinish);
						for(var i = 0; i < data.data.length; i++) {
							xAxis.push(data.data[i].ID);

							yAxis.push(data.data[i].unfinish);
							yAxiss.push(data.data[i].finish)
						}

						var option = {
							grid: {
								x: 35,
								x2: 10,
								y: 30,
								y2: 25,
								borderWidth: 0
							},
							toolbox: {
								show: false,
								feature: {
									mark: {
										show: true
									},
									dataView: {
										show: true,
										readOnly: false
									},
									magicType: {
										show: true,
										type: ['line', 'bar']
									},
									restore: {
										show: true
									},
									saveAsImage: {
										show: true
									}
								}
							},
							legend: {
								top: 20,
								data: ['已完成', '未完成', ]
							},

							calculable: false,
							xAxis: [{
								axisLabel: {
									interval: 0
								},

								splitArea: {
									show: false,
								},
								splitLine: {
									show: false
								}, //去除网格线
								type: 'category',
								data: xAxis
							}],
							yAxis: [{
								show: false,
								splitLine: {
									show: false
								}, //去除网格线
								type: 'value',
								splitArea: {
									show: false,
								}
							}],
							series: [{
								name: '已完成',
								type: 'bar',
								barWidth: 10, //柱图宽度
								itemStyle: {
									normal: {
										label: {
											show: true
										}
									}
								},
								data: yAxis
							}, {
								name: '未完成',
								type: 'bar',
								barWidth: 10, //柱图宽度
								itemStyle: {
									normal: {
										label: {
											show: true
										}
									}
								},
								data: yAxiss
							}]
						};
						echartsPie = echarts.init(document.getElementById('barChart'));
						echartsPie.setOption(option);
					}

				},
				error: function(data) {
					//console.log(data.message);
				}
			});
			//本月
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + 'WorkOrder/GetMonthReport',
				async: true,
				dataType: 'json',
				data: {
					openid: openid
				},
				success: function(data) {
					//console.log(data.state);
					if(data.state == "success") {
						//console.log(data.data[0].unfinish);
						$("#Workfinish").text(data.data[7].finish);
						$("#Workunfinifh").text(data.data[7].unfinish);
						$("#WorkTotal").text(data.data[7].finish + data.data[0].unfinish);
						for(var i = 0; i < data.data.length; i++) {
							xAxis_math.push(data.data[i].ID);

							yAxis_math.push(data.data[i].unfinish);
							yAxiss_math.push(data.data[i].finish)
						}

						//									var option = {
						//										grid: {
						//											x: 35,
						//											x2: 10,
						//											y: 30,
						//											y2: 50,
						//											borderWidth: 0
						//										},
						//										toolbox: {
						//											show: false,
						//											feature: {
						//												mark: {
						//													show: true
						//												},
						//												dataView: {
						//													show: true,
						//													readOnly: false
						//												},
						//												magicType: {
						//													show: true,
						//													type: ['line', 'bar']
						//												},
						//												restore: {
						//													show: true
						//												},
						//												saveAsImage: {
						//													show: true
						//												}
						//											}
						//										},
						//										legend: {
						//			
						//											data: ['已完成', '未完成', ]
						//										},
						//			
						//										calculable: false,
						//										xAxis: [{
						//											axisLabel: {
						//												interval: 10
						//											},
						//											axisLabel: {
						//												rotate: 45, //字体倾斜度数
						//												interval: 0, //interval 是指间隔多少个类别画栅格，为 0 时则每个数据都画，为 1 时间隔 1 个画，以此类推
						//												textStyle: {
						//													color: "red", //字体颜色
						//													fontSize: 10 //字体大小
						//												}
						//											},
						//											splitArea: {
						//												show: false,
						//											},
						//											splitLine: {
						//												show: false
						//											}, //去除网格线
						//											type: 'category',
						//											data:xAxis_math
						//										}],
						//										yAxis: [{
						//											show: false,
						//											splitLine: {
						//												show: false
						//											}, //去除网格线
						//											type: 'value',
						//											splitArea: {
						//												show: false,
						//											}
						//										}],
						//										series: [{
						//												name: '已完成',
						//												type: 'bar',
						//												barWidth: 10, //柱图宽度
						//												itemStyle: {
						//													normal: {
						//														label: {
						//															show: true
						//														}
						//													}
						//												},
						//												data: yAxis_math,
						//			
						//										},
						//											{
						//																			name: '未完成',
						//																			type: 'bar',
						//																			barWidth: 5, //柱图宽度
						//																			itemStyle: {
						//																				normal: {
						//																					label: {
						//																						show: true
						//																					}
						//																				}
						//																			},
						//																			data: yAxiss_math,
						//											
						//																		}
						//										]
						//									};

						var option = {
							tooltip: {
								trigger: 'axis',
								axisPointer: {
									type: 'shadow'
								}
							},
							legend: {
								data: ['未完成', '已完成']
							},
							grid: {
								left: '3%',
								right: '4%',
								bottom: '3%',
								containLabel: true
							},
							xAxis: {
								type: 'value',
								boundaryGap: [0, 0.01]
							},
							yAxis: {
								type: 'category',
								data: xAxis_math
							},
							series: [{
									name: '未完成',
									type: 'bar',
									barWidth: 10,
									data: yAxis_math
								},
								{
									name: '已完成',
									type: 'bar',
									barWidth: 10,
									data: yAxiss_math
								}
							]
						};
						echartsPie = echarts.init(document.getElementById('lineChart'));
						echartsPie.setOption(option);
					}

				},
				error: function(data) {
					//console.log(data.message);
				}
			});

			///全部
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + 'WorkOrder/GetTotalReport',
				async: true,
				dataType: 'json',
				data: {
					openid: openid
				},
				success: function(data) {
					//console.log(data.state);
					if(data.state == "success") {
						//console.log(data.data[0].unfinish);
						$("#finish").text(data.data[0].finish);
						$("#unfinifh").text(data.data[0].unfinish);
						$("#RTotal").text(data.data[0].finish + data.data[0].unfinish);
						var option = {
							tooltip: {
								formatter: "{a} <br/>{b} : {c} ({d}%)"
							},
							legend: {
								orient: 'vertical',
								// top: 'middle',

								x: 'left',
								left: 25,
								top: 80,
								data: ['未完成', '已完成']
							},
							series: [{
								type: 'pie',
								radius: '65%',
								center: ['50%', '50%'],
								selectedMode: 'single',
								data: [

									{
										value: data.data[0].unfinish,
										name: '未完成',
										label: {
											normal: {
												formatter: "{b}: {c} ({d}%)"
											}
										}
									},
									{
										value: data.data[0].finish,
										name: '已完成',
										label: {
											normal: {
												formatter: "{b}: {c} ({d}%)"
											}
										}
									}

								],
								itemStyle: {
									emphasis: {
										shadowBlur: 10,
										shadowOffsetX: 0,
										shadowColor: 'rgba(0, 0, 0, 0.5)'
									}
								}
							}]
						};

						echartsPie = echarts.init(document.getElementById('lineCharts'));
						echartsPie.setOption(option);
					}

				},
				error: function(data) {
					//console.log(data.message);
				}
			});
			//分类
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + 'WorkOrder/GetReportByFL',
				async: true,
				dataType: 'json',
				data: {
					openid: openid
				},
				success: function(data) {
					//console.log(data.state);
					if(data.state == "success") {
						//console.log(data.data[0].unfinish);
						var xAxis_fl = [];
						var yAxis_ = [];
						var yAxiss_ = [];
						//						$("#Workfinish").text(data.data[7].finish);
						//						$("#Workunfinifh").text(data.data[7].unfinish);
						//						$("#WorkTotal").text(data.data[7].finish + data.data[0].unfinish);
						for(var i = 0; i < data.data.length; i++) {
							xAxis_fl.push(data.data[i].fl);
							yAxis_.push(data.data[i].unfinish);
							yAxiss_.push(data.data[i].finish)
						}
						//console.log(yAxis_);
						var option = {
							grid: {
								x: 35,
								x2: 10,
								y: 30,
								y2: 50,
								borderWidth: 0
							},
							toolbox: {
								show: false,
								feature: {
									mark: {
										show: true
									},
									dataView: {
										show: true,
										readOnly: false
									},
									magicType: {
										show: true,
										type: ['line', 'bar']
									},
									restore: {
										show: true
									},
									saveAsImage: {
										show: true
									}
								}
							},
							legend: {
								top: 20,
								data: ['已完成', '未完成', ]
							},

							calculable: false,
							xAxis: [{
								axisLabel: {
									interval: 0
								},
								axisLabel: {
									rotate: 40, //字体倾斜度数
									interval: 0, //interval 是指间隔多少个类别画栅格，为 0 时则每个数据都画，为 1 时间隔 1 个画，以此类推
									textStyle: {
										color: "red", //字体颜色
										fontSize: 10 //字体大小
									}
								},
								splitArea: {
									show: false,
								},
								splitLine: {
									show: false
								}, //去除网格线
								type: 'category',
								data: xAxis_fl
							}],
							yAxis: [{
								show: false,
								splitLine: {
									show: false
								}, //去除网格线
								type: 'value',
								splitArea: {
									show: false,
								}
							}],
							series: [{
								name: '已完成',
								type: 'bar',
								barWidth: 10, //柱图宽度
								itemStyle: {
									normal: {
										label: {
											show: true
										}
									}
								},
								data: yAxiss_
							}, {
								name: '未完成',
								type: 'bar',
								barWidth: 10, //柱图宽度
								itemStyle: {
									normal: {
										label: {
											show: true
										}
									}
								},
								data: yAxis_
							}]
						};
						echartsPie = echarts.init(document.getElementById('bar-Chart'));
						echartsPie.setOption(option);
					}

				},
				error: function(data) {
					//console.log(data.message);
				}
			});

			//部门
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + 'WorkOrder/GetReportByDept',
				async: true,
				dataType: 'json',
				data: {
					openid: openid
				},
				success: function(data) {
					//console.log(data.state);
					if(data.state == "success") {
						//console.log(data.data[0].unfinish);
						var xAxis_fl = [];
						var yAxis_ = [];
						var yAxiss_ = [];
						//						$("#Workfinish").text(data.data[7].finish);
						//						$("#Workunfinifh").text(data.data[7].unfinish);
						//						$("#WorkTotal").text(data.data[7].finish + data.data[0].unfinish);
						for(var i = 0; i < data.data.length; i++) {
							xAxis_fl.push(data.data[i].dept);
							yAxis_.push(data.data[i].unfinish);
							yAxiss_.push(data.data[i].finish)
						}

						var option = {
							grid: {
								x: 35,
								x2: 10,
								y: 30,
								y2: 50,
								borderWidth: 0
							},
							toolbox: {
								show: false,
								feature: {
									mark: {
										show: true
									},
									dataView: {
										show: true,
										readOnly: false
									},
									magicType: {
										show: true,
										type: ['line', 'bar']
									},
									restore: {
										show: true
									},
									saveAsImage: {
										show: true
									}
								}
							},
							legend: {
								top: 20,
								data: ['已完成', '未完成', ]
							},

							calculable: false,
							xAxis: [{
								axisLabel: {
									interval: 0
								},
								axisLabel: {
									rotate: 40, //字体倾斜度数
									interval: 0, //interval 是指间隔多少个类别画栅格，为 0 时则每个数据都画，为 1 时间隔 1 个画，以此类推
									textStyle: {
										color: "red", //字体颜色
										fontSize: 10 //字体大小
									}
								},
								splitArea: {
									show: false,
								},
								splitLine: {
									show: false
								}, //去除网格线
								type: 'category',
								data: xAxis_fl
							}],
							yAxis: [{
								show: false,
								splitLine: {
									show: false
								}, //去除网格线
								type: 'value',
								splitArea: {
									show: false,
								}
							}],
							series: [{
								name: '已完成',
								type: 'bar',
								barWidth: 10, //柱图宽度
								itemStyle: {
									normal: {
										label: {
											show: true
										}
									}
								},
								data: yAxis_
							}, {
								name: '未完成',
								type: 'bar',
								barWidth: 10, //柱图宽度
								itemStyle: {
									normal: {
										label: {
											show: true
										}
									}
								},
								data: yAxiss_
							}]
						};
						echartsPie = echarts.init(document.getElementById('bar-Chart2'));
						echartsPie.setOption(option);
					}

				},
				error: function(data) {
					//console.log(data.message);
				}
			});
			//奖励工单
			$.ajax({
				type: "get",
				url: huayi.config.callcenter_url + 'WorkOrder/GetReward',
				async: true,
				dataType: 'json',
				data: {
					openid: openid
				},
				success: function(data) {
					//console.log(data.state);
					if(data.state == "success") {
						//console.log(data.data[0].unfinish);
						$("#unreward").text(data.data[0].unreward);
						$("#reward").text(data.data[0].reward);
						$("#rewardTotal").text(data.data[0].reward + data.data[0].unreward);
						var option = {
							tooltip: {
								formatter: "{a} <br/>{b} : {c} ({d}%)"
							},
							legend: {
								orient: 'vertical',
								top: 'middle',

								x: 'left',
								left: 30,
								top: 100,
								data: ['未奖励', '已奖励']
							},
							series: [{
								type: 'pie',
								radius: '65%',
								center: ['50%', '60%'],
								selectedMode: 'single',
								data: [

									{
										value: data.data[0].unreward,
										name: '未奖励',
										label: {
											normal: {
												formatter: "{b}: {c} ({d}%)"
											}
										}
									},
									{
										value: data.data[0].reward,
										name: '已奖励',
										label: {
											normal: {
												formatter: "{b}: {c} ({d}%)"
											}
										}
									}

								],
								itemStyle: {
									emphasis: {
										shadowBlur: 10,
										shadowOffsetX: 0,
										shadowColor: 'rgba(0, 0, 0, 0.5)'
									}
								}
							}]
						};

						echartsPie = echarts.init(document.getElementById('parChart2'));
						echartsPie.setOption(option);
					}

				},
				error: function(data) {
					//console.log(data.message);
				}
			});
		</script>
	</body>

</html>