master

分支 (1)

管理

管理

master

bigScreen
/
bigf.html

<!DOCTYPE html>
<html data-use-rem="3840">
	<head>
		<meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_749785_92yb4sjtos.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" href="css/shutter.css">
		<link rel="stylesheet" type="text/css" href="css/main.css"/>
		<!--[if lt IE 9]>
	      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	    <![endif]-->
	    <style type="text/css">
	    	/*.zyhyBar{
	    		width: 100%;
	    	}*/
	    </style>
	</head>
	<body class="bg">
		<!--top-->
		<div class="bgS-top">
			<span class="bgS-date"></span>
			<div class="bgS-logo">
				<img class="cyd-logo" src="img/cyd-logo-bai.png"/>
				<span class="bgS-top-title">慧聪（徐州）产业孵化与升级基地</span>
			</div>
			<span class="bgS-hotline">服务电话：<span class="bigTel">400-618-2288</span></span>
		</div>
		<!--top 统计-->
		<div class="bgS-totails">
			<div class="bgS-totails-items">
				<p>入驻企业(家)</p>
				<span class="yrzNum" id="enterCompany">0</span>
			</div>
			<div class="bgS-totails-items">
				<p>注册资金数（万元）</p>
				<span id="regMoney">0</span>
			</div>
			<div class="bgS-totails-items">
				<p>预估年税收（万元）</p>
				<span id="yearTax">0</span>
			</div>
			<div class="bgS-totails-items">
				<p>举办活动（次）</p>
				<span id="activCount">0</span>
			</div>
		</div>
		<!--content-->
		<div class="bgS-content">
			<div class="container-fluid">
				<div class="row">
					<div class="col-xs-3 Slide">
						<!--top-->
						<div class="bgS-slide-top">
							<p class="bgS-slide-smTitle">最新入驻企业数据</p>
							<div class="bgS-slide-tj">
								<ul class="bgS-slide-tj-ul">
									<li>
										<span class="bgS-slide-tj-title">本月新增</span>
										<span class="bgS-slide-tj-ul-num" id="newMonData">0</span>
									</li>
									<li>
										<span class="bgS-slide-tj-title">比上个月</span>
										<span class="bgS-slide-tj-ul-num"><span id="newCompData">0</span> <i class="iconfont icon-shangsheng"></i></span>
										<!--<span class="bgS-slide-tj-ul-num"><span id="newCompData">0</span></span>-->
									</li>
									<li>
										<span class="bgS-slide-tj-title">已入驻（家）</span>
										<span class="bgS-slide-tj-ul-num yrzNum">0</span>
									</li>
								</ul>
								<div id="autoScroll" class="bgS-autoScroll">
								    <ul id="listCont"></ul>
								</div>
							</div>
						</div>

						<!--middle-->
						<div class="bgS-slide-middle">
							<p class="bgS-slide-smTitle">已入驻企业主营行业</p>
							<div class="bgS-slide-bar">
								<div id="zyhyBar" class="zyhyBar"></div>
								<div class="bgS-slide-bar-right">
									<ul id="qyzyhy-cont">
										<!--<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon nyy"></i><span class="hy1"></span></span>
											<span class="slide-right-ny-percent hy1-num">0</span>
										</li>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon gkjcy"></i><span class="hy2"></span></span>
											<span class="slide-right-ny-percent hy2-num">0</span>
										</li>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon kjcy"></i><span class="hy3"></span></span>
											<span class="slide-right-ny-percent hy3-num">0</span>
										</li>-->
									</ul>
									<!--<ul>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon ny"></i><span class="hy4"></span></span>
											<span class="slide-right-ny-percent hy4-num">0</span>
										</li>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon zbzzy"></i><span class="hy5"></span></span>
											<span class="slide-right-ny-percent hy5-num">0</span>
										</li>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon lycy"></i><span class="hy6"></span></span>
											<span class="slide-right-ny-percent hy6-num">0</span>
										</li>
									</ul>-->
								</div>
							</div>
						</div>

						<!--bottom-->
						<div class="bgS-slide-bottom">
							<p class="bgS-slide-smTitle">已入驻企业类型</p>
							<div class="yrzqylx-line" id="yrzqylx" style="height: 84%;"></div>
							<!--<ul class="yrzqylx-text">
								<li>
									<p class="yrzqylx-text-title"><i class="bgS-slide-right-icon ltqy"></i><span class="qylx-ltqy"></span></p>
									<p class="slide-right-ny-percent"id="ltqy">0</p>
								</li>
								<li>
									<p class="yrzqylx-text-title"><i class="bgS-slide-right-icon gkjcy"></i><span class="qylx-kjlqy"></span></p>
									<p class="slide-right-ny-percent" id="kjlqy">0</p>
								</li>
								<li>
									<p class="yrzqylx-text-title"><i class="bgS-slide-right-icon qtlxqy"></i><span class="qylx-qtlxqy"></span></p>
									<p class="slide-right-ny-percent" id="qtlxqy">0</p>
								</li>
							</ul>-->
						</div>
					</div>
					<div class="col-xs-6 Art">
						<div class="bgS-m-t">
							<div class="bgS-china" id="china"></div>
						</div>
						<div class="bgS-m-b">
							<div class="bgS-m-b-cont">
								<p class="bgS-slide-smTitle">企业入驻趋势</p>
								<p class="bgS-slide-tip">注：默认显示最近12个月的统计数据</p>
								<div class="rzqs-line" id="rzqsLine"></div>
							</div>
						</div>
					</div>
					<div class="col-xs-3 Slide">
						<!--top-->
						<div class="bgS-slide-top right">
							<p class="bgS-slide-smTitle">申请入驻趋势</p>
							<p class="bgS-slide-tip">注：图标中默认显示最近30日的统计数据</p>
							<div class="bgS-slide-tj">
								<ul class="bgS-slide-tj-ul">
									<li>
										<span class="bgS-slide-tj-title">本月新增</span>
										<span class="bgS-slide-tj-ul-num applyMonData">0</span>
									</li>
									<li>
										<span class="bgS-slide-tj-title">比上个月</span>
										<!--<span class="bgS-slide-tj-ul-num">2458 <i class="iconfont icon-shangsheng color"></i></span>-->
										<span class="bgS-slide-tj-ul-num">8.4% <i class="iconfont icon-shangsheng color"></i></span>
									</li>
									<li>
										<span class="bgS-slide-tj-title">已申请（家）</span>
										<span class="bgS-slide-tj-ul-num applyCompData">0</span>
									</li>
								</ul>
							</div>
							<div class="sqrzqs-line" id="sqrzqs"></div>
						</div>

						<!--middle-->
						<div class="bgS-slide-middle right">
							<p class="bgS-slide-smTitle">已入驻企业来源地</p>
							<div class="bgS-slide-bar">
								<div id="lydBar" class="zyhyBar" style="width: 100%;"></div>
								<!--<div class="bgS-slide-bar-right">
									<ul>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon nyy"></i><span class="add1"></span></span>
											<span class="slide-right-ny-percent add1-num">0</span>
										</li>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon gkjcy"></i><span class="add2"></span></span>
											<span class="slide-right-ny-percent add2-num">0</span>
										</li>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon kjcy"></i><span class="add3"></span></span>
											<span class="slide-right-ny-percent add3-num">0</span>
										</li>
									</ul>
									<ul>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon ny"></i><span class="add4"></span></span>
											<span class="slide-right-ny-percent add4-num">0</span>
										</li>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon zbzzy"></i><span class="add5"></span></span>
											<span class="slide-right-ny-percent add5-num">0</span>
										</li>
										<li class="bgS-slide-right-ny">
											<span class="slide-right-ny-title"><i class="bgS-slide-right-icon lycy"></i><span class="add6"></span></span>
											<span class="slide-right-ny-percent add6-num">0</span>
										</li>
									</ul>
								</div>-->
							</div>
						</div>

						<!--bottom-->
						<div class="bgS-slide-bottom right">
							<p class="bgS-slide-smTitle" style="margin: 0;">代表性企业</p>
							<p class="bgS-slide-tip">注：默认显示部分代表性企业logo</p>
							<ul class="top-company" id="logoImg">
								<!--<li>
									<div class="shutter">
										<div class="shutter-img">
										  <a href="list.html" data-shutter-title="Iron Man"><img src="http://img02.iambuyer.com/imgup/upload/images/2018/08/13/1f6hcjjc2FoSUKkWL00FDMnDzXikNYNYvSQ0ySqF18CB42zQ5VVdTtiWyz8o2JQ9pxARen.jpeg" alt="list.html"></a>
										  <a href="list.html" data-shutter-title="Super Man"><img src="http://img04.iambuyer.com/imgup/upload/images/2018/08/13/MzmMhcjjc2B0A4NmKzLi2QpeJWOmIVG7HOl8qDHQWO0nhRhcjjc2F1bhp3maUWK1CUeO8O0dh1nA.png" alt="list.html"></a>
										</div>
										<ul class="shutter-btn">
										  <li class="prev"></li>
										  <li class="next"></li>
										</ul>
										<div class="shutter-desc">
										  <p>Iron Man</p>
										</div>
									</div>
								</li>
								<li>
									<div class="shutter">
										<div class="shutter-img">
										  <a href="list.html" data-shutter-title="Iron Man"><img src="img/11.jpg"></a>
										  <a href="list.html" data-shutter-title="Super Man"><img src="img/22.jpg" alt="list.html"></a>
										</div>
										<ul class="shutter-btn">
										  <li class="prev"></li>
										  <li class="next"></li>
										</ul>
										<div class="shutter-desc">
										  <p>Iron Man</p>
										</div>
									</div>
								</li>
								<li>
									<div class="shutter">
										<div class="shutter-img">
										  <a href="list.html" data-shutter-title="Iron Man"><img src="img/33.jpg" alt="list.html"></a>
										  <a href="list.html" data-shutter-title="Super Man"><img src="img/44.jpg" alt="list.html"></a>
										</div>
										<ul class="shutter-btn">
										  <li class="prev"></li>
										  <li class="next"></li>
										</ul>
										<div class="shutter-desc">
										  <p>Iron Man</p>
										</div>
									</div>
								</li>
								<li>
									<div class="shutter">
										<div class="shutter-img">
										  <a href="list.html" data-shutter-title="Iron Man"><img src="img/555.jpg" alt="list.html"></a>
										  <a href="list.html" data-shutter-title="Super Man"><img src="img/66.jpg" alt="list.html"></a>
										</div>
										<ul class="shutter-btn">
										  <li class="prev"></li>
										  <li class="next"></li>
										</ul>
										<div class="shutter-desc">
										  <p>Iron Man</p>
										</div>
									</div>
								</li>
								<li>
									<div class="shutter">
										<div class="shutter-img">
										  <a href="list.html" data-shutter-title="Iron Man"><img src="img/77.jpg" alt="list.html"></a>
										  <a href="list.html" data-shutter-title="Super Man"><img src="img/88.jpg" alt="list.html"></a>
										</div>
										<ul class="shutter-btn">
										  <li class="prev"></li>
										  <li class="next"></li>
										</ul>
										<div class="shutter-desc">
										  <p>Iron Man</p>
										</div>
									</div>
								</li>
								<li>
									<div class="shutter">
										<div class="shutter-img">
										  <a href="list.html" data-shutter-title="Iron Man"><img src="img/99.jpg" alt="list.html"></a>
										  <a href="list.html" data-shutter-title="Super Man"><img src="img/11.jpg" alt="#"></a>
										</div>
										<ul class="shutter-btn">
										  <li class="prev"></li>
										  <li class="next"></li>
										</ul>
										<div class="shutter-desc">
										  <p>Iron Man</p>
										</div>
									</div>
								</li>-->
							</ul>
						</div>
					</div>
					<!--foot-->
					<div class="col-xs-12 foot">
						<ul class="foot-cont">
							<li class="col-xs-2">
								<span class="bigF-foot-icon-cont"><i class="iconfont icon-company"></i></span>入驻
							</li>
							<li class="col-xs-2">
								<span class="bigF-foot-icon-cont"><i class="iconfont icon-wenjian"></i></span>加速
							</li>
							<li class="col-xs-2">
								<span class="bigF-foot-icon-cont"><i class="iconfont icon-dizhi3"></i></span>卖货
							</li>
							<li class="col-xs-2">
								<span class="bigF-foot-icon-cont"><i class="iconfont icon-gongsizhuxiao1"></i></span>分钱
							</li>
							<li class="col-xs-2">
								<span class="bigF-foot-icon-cont"><i class="iconfont icon-falvshengmingfalv"></i></span>资讯
							</li>
							<li class="col-xs-2">
								<span class="bigF-foot-icon-cont"><i class="iconfont icon-hangzhengshenpi"></i></span>慧聪指数
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery.min.js"></script>
	<script src="js/velocity.js"></script>
	<script src="js/shutter.js"></script>
	<script src="js/rem.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/echarts.min.js"></script>
	<script src="js/china.js"></script>
	<script src="js/echarts-tooltip-carousel.js"></script> <!--echart auto tooltip-->
	<script src="http://style.iambuyer.com/js/layer/layer.js"></script>
	<script src="js/config.js"></script>
	<script>
		// 知名企业logo
//		$(function () {
//		  $('.shutter').shutter({
//			shutterW: 1000, // 容器宽度
//			shutterH: 358, // 容器高度
//			isAutoPlay: true, // 是否自动播放
//			playInterval: 3000, // 自动播放时间
//			curDisplay: 1, // 当前显示页
//			fullPage: false // 是否全屏展示
//		  });
//		});
		// 设置当前日期和星期
		var dates = new Date();
		var dateNew = formatMsgTime(dates);
		$(".bgS-date").html(dateNew+"/"+weekday(dates))

		// 自动滚动
		setInterval('AutoScroll("#autoScroll")', 3000)
		sqrzqs()
		rzqsLine()
		//ajax
//		init("admin") //初始化
		let winUrl = window.location.href;
		if(winUrl.indexOf("?")<0){ //如果没有参数默认请求徐州数据
			isDivi("徐州")
			chinaF();
		}else{
			let urlParams = window.location.search;
			let cityname = decodeURI(urlParams.split("=")[1]);
			console.log(cityname);

			if(cityname=="天津"){
				isDivi(cityname);
				chinaFtj();
				$(".bgS-top-title").html("慧聪（天津）产业孵化与升级基地")
			} else if(cityname=="绵阳"){
				isDivi(cityname);
				chinaFmy();
				$(".bgS-top-title").html("慧聪（绵阳）产业孵化与升级基地")
			} else if(cityname=="桂林"){
				isDivi(cityname);
				chinaFgl();
				$(".bgS-top-title").html("慧聪（桂林）产业孵化与升级基地")
			} else if(cityname=="襄阳"){
				isDivi(cityname);
				chinaFxy();
				$(".bgS-top-title").html("慧聪（襄阳）产业孵化与升级基地")
			} else if(cityname=="沈阳"){
				isDivi(cityname);
				chinaFsy();
				$(".bgS-top-title").html("慧聪（沈阳）产业孵化与升级基地")
			} else if(cityname=="金华"){
				isDivi(cityname);
				chinaFjh();
				$(".bgS-top-title").html("慧聪（金华）产业孵化与升级基地")
			} else if(cityname=="徐州"){
				isDivi(cityname);
				chinaF();
				$(".bgS-top-title").html("慧聪（徐州）产业孵化与升级基地")
			}
		}
	</script>
</html>