大屏数据填充，联调

getJob.html

@@ -71,7 +71,7 @@
 		</div>
 		<div class="main-left-table">
 			<div class="title">
-				<h3>入驻企业数</h3><span>105</span>
+				<h3>入驻企业数</h3><span class="data-companyNum"></span>
 			</div>
 			<div class="content">
 				<table class="table table-bordered">
@@ -96,26 +96,26 @@
 				<img src="img/getJob.png" alt="">
 				<div class="getJob-item">
 					<p>入驻企业数</p>
-					<h3>105</h3>
+					<h3 class="data-companyNum" >105</h3>
 					<div class="data-float">
 						<i class="glyphicon glyphicon-triangle-top"></i>
-						<span>5.70%</span>
+						<!-- <span>5.70%</span> -->
 					</div>
 				</div>
 				<div class="getJob-item">
 					<p>招聘岗位数</p>
-					<h3>580</h3>
+					<h3 class="data-postNum"> </h3>
 					<div class="data-float">
 						<i class="glyphicon glyphicon-triangle-top"></i>
-						<span>5.70%</span>
+						<!-- <span>5.70%</span> -->
 					</div>
 				</div>
 				<div class="getJob-item">
 					<p>招聘人数</p>
-					<h3>1280</h3>
+					<h3 class="data-postPeopleNum"></h3>
 					<div class="data-float">
 						<i class="glyphicon glyphicon-triangle-top"></i>
-						<span>5.70%</span>
+						<!-- <span>5.70%</span> -->
 					</div>
 				</div>
 			</div>	
@@ -140,13 +140,13 @@
 						<div class="statistics-list">
 							<img src="img/statistics1.png" alt="">
 							<div class="statistics-text statistics-text-1">
-								<h4>用工紧缺企业数</h4><span> | </span><h4>56</h4>	
+								<h4>用工紧缺企业数</h4><span> | </span><h4 class="data-shortageCompanyNum">56</h4>	
 							</div>
 						</div>
 						<div class="statistics-list">
 							<img src="img/statistics2.png" alt="">
 							<div class="statistics-text statistics-text-2">
-								<h4>用工紧缺岗位数</h4><span> | </span><h4>156</h4>	
+								<h4>用工紧缺岗位数</h4><span> | </span><h4 class="data-shortageRecruitNum">156</h4>	
 							</div>
 						</div>
 					</div>
@@ -176,47 +176,8 @@
 					  <th>招聘人数</th>
 					</tr>
 				  </thead>
-				  <tbody>
-					<tr>
-					  <td>职位名称</td>
-					  <td>3000-5000</td>
-					  <td>20</td>
-					</tr>
-					<tr>
-					  <td>企业名称</td>
-					  <td>5</td>
-					  <td>20</td>
-					</tr>
-					<tr>
-					  <td>企业名称</td>
-					  <td>5</td>
-					  <td>20</td>
-					</tr>
-					<tr>
-					  <td>企业名称</td>
-					  <td>5</td>
-					  <td>20</td>
-					</tr>
-					<tr>
-					  <td>企业名称</td>
-					  <td>5</td>
-					  <td>20</td>
-					</tr>
-					<tr>
-					  <td>企业名称</td>
-					  <td>5</td>
-					  <td>20</td>
-					</tr>
-					<tr>
-					  <td>企业名称</td>
-					  <td>5</td>
-					  <td>20</td>
-					</tr>
-					<tr>
-					  <td>企业名称</td>
-					  <td>5</td>
-					  <td>20</td>
-					</tr>
+				  <tbody class="data-recruitmentData-list">
+					 
 				  </tbody>
 				</table>
 			</div>
@@ -599,6 +560,7 @@
 			margin-left: 20px;
 		}
 		.right-content-1{
+			overflow: auto;
 			height:340px;
 		}
 		.right-content-2{

index.html

@@ -44,7 +44,14 @@
 				<div class="main-about data-introduction">
 					
 				</div>
-			
+				<video width="500" height="300" 
+				
+				 autoplay loop muted
+				class="main-video"
+				
+				  >
+ 
+				</video>
 				
 				
 			</div>

linkjs/getJob.js

@@ -20,8 +20,39 @@ $(function() {
 			  		var obj=data.data.companyList[i];
 			  		$(".data-companyList").append("<tr> <td>"+obj.name+"</td> <td>"+obj.postNum+"</td> <td>"+obj.peopleNum+"</td></tr>")
 			  }
+			  for(var i in data.data){
+				if(typeof data.data[i] =="number"||typeof data.data[i] =="string"){
+					
+					  $(".data-"+i).text(data.data[i])
+				}
+			  }
+			  createBar1(data.data.manNum,data.data.womanNUm);
+			  recruitmentData(1)
+			
+			  
 		 })
 	}
+	
+	function recruitmentData(i){
+		
+		$.post(constant.serverUrl+"recruitmentData",{
+				pageIndex:i,
+				pageSize:50	
+		},function(data,status){
+				  console.log(data,status)
+				  for(var i in data.data.data){
+					  var obj=data.data.data[i];
+				$(".data-recruitmentData-list").append("<tr> <td>"+obj.positionName+"</td> <td>"+obj.wageTypeName+"</td> <td>"+obj.positionNumber+"</td></tr>")
+				}
+				var k=i+1;
+				if(data.data.totalPage>=k){
+					
+					setTimeout(function(){
+						recruitmentData(k)
+					},5000)	
+				}		  
+		})
+	}
 	function createBar2() {
 		
 		var chartDom = document.getElementById('main2');
@@ -62,20 +93,26 @@ $(function() {
 		var option;
 		
 		option = {
-		  title: {
-		    text: 'Referer of a Website',
-		    subtext: 'Fake Data',
-		    left: 'center'
-		  },
+		
 		  tooltip: {
 		    trigger: 'item'
 		  },
-		  legend: {
-		    orient: 'vertical',
-		    left: 'left'
-		  },
+		  
 		  series: [
 		    {
+				label: {
+				normal: {
+								  
+									  textStyle : {
+									 
+									  color: '#cccccc',
+									  
+									  fontSize : '12px'
+									  
+									  },
+								  },
+								
+								},
 		      name: 'Access From',
 		      type: 'pie',
 		      radius: '50%',
@@ -102,7 +139,7 @@ $(function() {
 	}
 	 
 	
-	function createBar1(title, data, clickEvent) {
+	function createBar1(num1,num2) {
 		
 		
 		var chartDom = document.getElementById('main1');
@@ -110,29 +147,40 @@ $(function() {
 		var option;
 		
 		option = {
-		  title: {
-		    text: 'Referer of a Website',
-		    subtext: 'Fake Data',
-		    left: 'center'
-		  },
+		  // title: {
+		  //   text: 'Referer of a Website',
+		  //   subtext: 'Fake Data',
+		  //   left: 'center'
+		  // },
 		  tooltip: {
 		    trigger: 'item'
 		  },
-		  legend: {
-		    orient: 'vertical',
-		    left: 'left'
-		  },
+		  // legend: {
+		  //   orient: 'vertical',
+		  //   left: 'left'
+		  // },
 		  series: [
 		    {
+				label: {
+				normal: {
+								  
+									  textStyle : {
+									 
+									  color: '#cccccc',
+									  
+									  fontSize : '12px'
+									  
+									  },
+								  },
+								
+								},
 		      name: 'Access From',
 		      type: 'pie',
 		      radius: '50%',
 		      data: [
-		        { value: 1048, name: 'Search Engine' },
-		        { value: 735, name: 'Direct' },
-		        { value: 580, name: 'Email' },
-		        { value: 484, name: 'Union Ads' },
-		        { value: 300, name: 'Video Ads' }
+		        { value: num1, name: '男性' },
+		        { value: num2, name: '女性' },
+		      
 		      ],
 		      emphasis: {
 		        itemStyle: {
@@ -150,7 +198,7 @@ $(function() {
 		
 	}
 	
-	createBar1();
+	
 	createBar2();
 	createBar3();
 

linkjs/index.js

@@ -32,7 +32,12 @@ $(function() {
 					$(".main-nav-tabs").children().first().addClass("active")
 				
 				}
-			
+				if(data.data.videoUrl){
+					$(".main-video").attr("src",data.data.videoUrl)
+					
+				}else{
+					$(".main-video").remove()
+				}
 				$("#tabpanel-temp").tmpl(data.data.recruitmentList).appendTo(".tab-content")
 				$(".tab-content").children().first().addClass("active")
 				

recruit.html

@@ -62,9 +62,9 @@
 					<h4 class="data-jobFair-name-start-end"></h4>
 					<p class="data-jobFair-introduce"></p>
 				</div>
-				<img  class="jobFair-img" style="display: none;"  src="https://cdn.modao.cc/Default_video.mp4" width="470px" height="250px"></img>
+				<img  class="jobFair-img" style="display: none;"   width="470px" height="250px"></img>
 				
-				<video class="jobFair-video" style="display: none;" src="https://cdn.modao.cc/Default_video.mp4" width="470px" height="250px"></video>
+				<video  	loop autoplay muted class="jobFair-video" style="display: none;"  width="470px" height="250px"></video>
 			</div>
 		</div>
 		<div class="main-left-table">