miaofuhao
/
GYSentiment


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<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 rel="stylesheet" href="./css/widgets.css" />
	</head>

	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row LISTS" style="display: none;">

				<div class="col-sm-3" onclick="turnToOrder(this)" data-index="Appeal/Lawsuit.html">
					<div class="widget style1 bc">
						<div class="row">
							<div class="col-xs-3 text-center">
								<i class="fa iconfont fa-4x bg_black">&#xe732;</i>
                            </div>
                            <div class="col-xs-9 text-left mins-left">
                                <h2 class="size-22 jg min_bottom">交单量</h2>
                                <h2 class="font-bold size-23 min_bottom djb">0</h2>
                            </div>
                        </div>
                    </div>
               </div>
                <div class="col-sm-3">
                    <div class="widget style1 bc" style="position:relative;">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa iconfont fa-4x bg_green"
                                    >&#xe735;</i
                                >
                            </div>
                            <div class="col-xs-9 text-left mins-left" style="position: absolute; top: 15px;right: -10px;">
								<div  onclick="turnToOrder(this)" data-index="Appeal/Lawsuit.html?ids=[4,8]">
									<h2 class="size-16 jg min_bottom">办理中</h2>
									<h2 class="font-bold size-16 min_bottom dyssh">0</h2>
								</div>
								<div  onclick="turnToOrder(this)" data-index="Appeal/Lawsuit.html?state=yssh">
									<h2 class="size-16 jg min_bottom">延时数量</h2>
									<h2 class="font-bold size-16 min_bottom dyssh">0</h2>
								</div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-sm-3" onclick="turnToOrder(this)" data-index="Appeal/Lawsuit.html?state=dja">
                    <div class="widget style1 bc">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa iconfont fa-4x bg_blue"
                                    >&#xe606;</i
                                >
                            </div>
                            <div class="col-xs-9 text-left mins-left">
                                <h2 class="size-22 jg min_bottom">未结案</h2>
                                <h2 class="font-bold size-23 min_bottom dshth">0</h2>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-sm-3" onclick="turnToOrder(this)" data-index="Appeal/Lawsuit.html?state=yja">
                    <div class="widget style1 bc">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa iconfont fa-4x bg_red">&#xe61f;</i>
							</div>
							<div class="col-xs-9 text-left mins-left">
								<h2 class="size-22 jg min_bottom">已结案</h2>
								<h2 class="font-bold size-23 min_bottom dja">0</h2>
							</div>
						</div>
					</div>
				</div>

			</div>
			<!--二级首页显示-->
			<!--<div class="row ejLISTS" style="display: none;">
				<div class="col-sm-3" onclick="turnToOrder(this)" data-index="Appeal/Lawsuit.html?state=secondDcl">
					<div class="widget style1 bc">
						<div class="row">
							<div class="col-xs-3">
								<i class="fa iconfont fa-4x bg_blue">&#xe606;</i>
							</div>
							<div class="col-xs-9 text-left mins-left">
								<h2 class="size-22 jg min_bottom">待处理</h2>
								<h2 class="font-bold size-23 min_bottom dhc">0</h2>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-3" onclick="turnToOrder(this)" data-index="Appeal/Lawsuit.html?state=secondCb">
					<div class="widget style1 bc">
						<div class="row">
							<div class="col-xs-3">
								<i class="fa iconfont fa-4x bg_red">&#xe735;</i>
							</div>
							<div class="col-xs-9 text-left mins-left">
								<h2 class="size-22 jg min_bottom">催办</h2>
								<h2 class="font-bold size-23 min_bottom dhc">0</h2>
							</div>
						</div>
					</div>
				</div>
			</div>-->
			<div class="row" style="margin-bottom: 20px;">

			</div>
			<div id="echartsBox" style="position: relative;">
				<div class="linBg"></div>
				<input type="text" id="starttime" style="width: 180px;height: 30px;outline: none;margin-left: 80px;" placeholder="请选择时间" />
				<div id="barbox1" style="width: 1700px;height: 300px;margin: 0 auto;"></div>
				<div id="barbox2" style="width: 1700px;height: 300px;margin: 0 auto;"></div>
			</div>
		</div>

		<script src="./js/content.min.js?v=1.0.0"></script>
		<script src="./js/echarts.common.min.js"></script>
		<script src="./js/laydate/laydate.js"></script>
		<!--<script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
		<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>-->
		<!--<script src="./js/highcharts.js"></script>-->
		<script>

			var myChart1,myChart2,allArr = [],inval,stime,etime;
			
			$(document).ready(function() {
				stime = helper.DateFormat.getNowDate().split('-').slice(0,2).join('-')+"-01"
				etime = helper.DateFormat.getNowDate()
				var getStarttime = stime+" ~ "+etime
				$("#starttime").val(getStarttime)
				teltotal();
				ejteltotal();
				myChart1 = echarts.init(document.getElementById('barbox1'));
				myChart2 = echarts.init(document.getElementById('barbox2'));
				initChart(561,myChart1,stime,etime);
				initChart(570,myChart2,stime,etime);
				
				laydate.render({
					elem: '#starttime', //指定元素
					range: '~',
					done: function(value, date, endDate){
						console.log(value)
						stime = value.split(' ~ ')[0]
						etime = value.split(' ~ ')[1]
						initChart(561,myChart1,stime,etime);
						initChart(570,myChart2,stime,etime);
				     }
				});
				
				DL();
				if(inval) {
					clearInterval(inval);
				}
				inval = setInterval(function() {
					teltotal();
					ejteltotal();
				}, huayi.config.indextime);
				
			})

			if($.cookie("token") == null) {
				window.location.href = "login.html";
			}
			
			function initChart(num,echartHistogram,stime,etime) {
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "WorkOrder/GetTwodeptjbdealcount",
					dataType: "json",
					async: true,
					data: {
						stime: stime,
						etime: etime,
						deptid: num,
						token: $.cookie("token")
					},
					success: function(data) {
						if(data.state.toLowerCase() == "success") {
							allArr = data.data
							var nameArr = []
							var jbArr = []
							var dealArr = []
							for(var i = 0; i < allArr.length; i++) {
								nameArr.push(allArr[i].deptname)
								jbArr.push(allArr[i].jbcount)
								dealArr.push(allArr[i].dealcount)
							}
							
							histogram(echartHistogram,nameArr,jbArr,dealArr,num)
							
						}
					}
				});
			}
			
			// 绘制图表
			function histogram(echartHistogram,nameArr,jbArr,dealArr,num){
				
				echartHistogram.setOption({
					title: {
						text: ''
					},
					grid: {
						y2:85
					},
					xAxis: {
						type: 'category',
						data: nameArr,
						axisLabel: {
							interval: 0,
							rotate: 50,
							textStyle: {
								fontWeight: "bold", //加粗
								color: "#000000" //黑色
							},
						}
					},
					color: ['#bf8bd5', '#68cbcf'],
					tooltip: {},
					legend: {
						data: []
//						data: num===561?['交办量', '处理量']:[]
					},
					yAxis: {
						type: 'value',
						name: '数量'
					},
					series: [{
						name: '交办量',
						type: 'bar',
						barGap: 0,
						barWidth: 13,
						data: jbArr
					}, {
						name: '处理量',
						type: 'bar',
						barGap: 0,
						barWidth: 13,
						data: dealArr
					}]
				});
			}
			
			function DL() {
				$.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
					"token": $.cookie("token")
				}, function(result) {
					if(result.state.toLowerCase() == "success") {

						$("#RoleCode").val(result.data.user.F_RoleCode);

						if(result.data.user.F_RoleCode == "WLDW") { //改为除网络单位看不到，其他都能看到
							$(".LISTS").hide();
							$(".ejLISTS").show();
							$('#echartsBox').hide();
							$(".LIST_").addClass("Widths")
						} else {
							$(".LISTS").show();
							$('#echartsBox').show();

						}

					}
				})
			}

			function teltotal() {
				// $.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCount', {
				$.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCountNew', {  //新接口
					"token": $.cookie("token")
				}, function(result) {
					console.group(result)
					
					if(result.state.toLowerCase() == "success") {
						$(".style1").eq(0).find("h2").eq(1).text(result.data['交单量']);
						
						$(".style1").eq(1).find("h2").eq(1).text(result.data['办理中']);
						$(".style1").eq(1).find("h2").eq(3).text(result.data['延时数量']);
						
						$(".style1").eq(2).find("h2").eq(1).text(result.data['未结案']);
						$(".style1").eq(3).find("h2").eq(1).text(result.data['已结案']);
						
//						$(".style1").eq(1).find("h2").eq(1).text(result.data.dh);
//						$(".style1").eq(5).find("h2").eq(1).text(result.data.dhc);
					}
				})
			}

			function ejteltotal() {
				$.getJSON(huayi.config.callcenter_url + 'WorkOrder/GetDcsCount', {
					"token": $.cookie("token")
				}, function(result) {
					if(result.state.toLowerCase() == "success") {
						$(".style1").eq(5).find("h2").eq(1).text(result.dblcount);
						$(".style1").eq(6).find("h2").eq(1).text(result.cblcount);
						$(".style1").eq(7).find("h2").eq(1).text(result.smjcount);
					}
				})
			}

			function turnToOrder(aaa) {
				window.location.href = $(aaa).attr("data-index")
			}
		</script>

	</body>
	<!-- Mirrored from www.zi-han.net/theme/hplus/widgets.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:01 GMT -->

</html>