调整版本

large/css/app.css

@@ -406,7 +406,7 @@ i{
 	background: url(../img/bg2.jpg) no-repeat;
 	background-size:100%;
 }
-.about-left{
+/* .about-left{
 	width: 370px;
 }
 .about-mid{
@@ -416,7 +416,7 @@ i{
 .about-mid .main-mid-top{
 	width: 950px;
 	height: 600px;
-}
+} */
 .about-mid .main-mid-top img{
 }
 .main-mid-top h2{
@@ -429,7 +429,7 @@ i{
 	width: 950px;
 	display: flex;
 	justify-content: space-between;
-	padding-top: 30px;
+	/* padding-top: 30px; */
 }
 .about-right{
 	width: 370px;

large/index.html

@@ -127,9 +127,39 @@
 		  	
 		    </div>
 		    <div class="main-mid about-mid">
-		  	  <div class="main-mid-top nobg">
-		  		  <h2>娄桥轻工产业园分布图</h2>
-		  		  <img src="img/map2.png" width="90%" alt="">
+		  	 <div class="main-mid-top map1">
+		  	 					<h2>娄桥轻工产业园分布图</h2>  
+		  	 					<div class="map-item map-item1" ><p>森马二期</p></div>
+		  	 					<div class="map-item map-item2"><p>森马二期</p></div>
+		  	 					<div class="map-item map-item3"><p>森马一期</p></div>
+		  	 					<div class="map-item map-item4"><p>森马集团</p></div>
+		  	 					<div class="map-item map-item5"><p>瑞新集团</p></div>
+		  	 					<div class="map-item map-item6"><p>创新住宅</p></div>
+		  	 					<div class="map-item map-item7"><p>城建集团</p></div>
+		  	 					<div class="map-item map-item8"><p>朗驰实业</p></div>
+		  	 					<div class="map-item map-item8-1 map-bgno"><p>钟铮锁业</p></div>
+		  	 					<div class="map-item map-item8-2 map-bgno"><p>龙丰橡胶</p></div>
+		  	 					<div class="map-item map-item8-3 map-bgno"><p>娄桥新丰</p></div>
+		  	 					<div class="map-item map-item8-4 map-bgno"><p>意达石化</p></div>
+		  	 					<div class="map-item map-item9"><p>温州鼎圣</p></div>
+		  	 					<div class="map-item map-item10"><p>温州恒驰</p></div>
+		  	 					<div class="map-item map-item10-1 map-bgno"><p>娄桥晓光</p></div>
+		  	 					<div class="map-item map-item10-2 map-bgno"><p>娄桥化建</p></div>
+		  	 					<div class="map-item map-item10-3 map-bgno"><p>联丰皮塑</p></div>
+		  	 					<div class="map-item map-item10-4 map-bgno"><p>民政橡胶</p></div>
+		  	 					<div class="map-item map-item10-5 map-bgno"><p>三虎动力</p></div>
+		  	 					<div class="map-item map-item11"><p>创新新材料</p></div>
+		  	 					<div class="map-item map-item12  map-bgno"><p>温州伊斯利</p></div>
+		  	 					<div class="map-item map-item12-1 map-bgno"><p>娄桥合作社</p></div>
+		  	 					<div class="map-item map-item12-2 map-bgno"><p>浙江蓝图</p></div>
+		  	 					<div class="map-item map-item12-3 map-bgno"><p>晓锋五金厂</p></div>
+		  	 					<div class="map-item map-item12-4 map-bgno"><p>蓝图二期</p></div>
+		  	 					<div class="map-item map-item13"><p>大东集团</p></div>
+		  	 					<div class="map-item map-item14"><p>康豪鞋材</p></div>
+		  	 					<div class="map-item map-item15"><p>瓯海眼镜</p></div>
+		  	 					<div class="map-item map-item16"><p>长虹眼镜</p></div>
+		  	 					<div class="map-item map-item17"><p>物产总公司</p></div>
+		  	 		 			<img src="img/map2.png"  width="90%"  alt="">
 		  	  </div>
 		  	  <div class="main-mid-bot">
 		  		 <div class="content">
@@ -165,7 +195,7 @@
 		  		 			<h1>2</h1>
 		  		 		</div>
 		  		 	</div>
-		  		 	<p>本统计结果来源于平台2020年12月31日截止数据</p>
+		  		 	<p></p>
 		  		 </div>
 		  		 <div class="content">
 		  		 	<div class="content-row">
@@ -443,125 +473,7 @@
 		 				<!--<div class="tab-more">查看更多</div>-->
 		 			</div>
 					
-					<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-					  <div class="modal-dialog" style="margin-top: 100px;width: 800px;" role="document">
-					    <div class="modal-content">
-					      <div class="modal-header">
-					        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">关闭</span></button>
-							<h4 class="modal-title" id="myModalLabelqqq"><span>所属工会：</span>温州市同源眼镜配件工会</h4>
-					      </div>
-					      <div class="modal-body" style="min-height: 400px;">
-								<table class="table table-bordered table-hover" style="height: 845px;">
-									<thead>
-										<tr>
-											<th width="50px">序号</th>
-											<th>检测项目</th>
-											<th width="50px">分值</th>
-											<th width="50px">权重</th>
-											<th>打分标准</th>
-											<th width="90px">得分</th>
-										</tr>
-									</thead>
-									<tbody id="new332">
-										<tr>
-											<td><b>1</b></td>
-											<td>职工入会率</td>
-											<td>10分</td>
-											<td>100%</td>
-											<td>90%入会率打9分 80%入会率打8分 以此类推 取整</td>
-											<td><b>10分</b></td>
-										</tr>
-										<tr>
-											<td><b>2</b></td>
-											<td>职工账户激活率</td>
-											<td>10分</td>
-											<td>100%</td>
-											<td>90%激活率打9分80%激活率打8分以此类推，取整。</td>
-											<td><b>10分</b></td>
-										</tr>
-										<tr>
-											<td><b>3</b></td>
-											<td>专兼职工会干部数</td>
-											<td>10分</td>
-											<td>100%</td>
-											<td>有专职有兼职的10分有专职干部的9分以上只有兼职的8分少于5人的1-5分</td>
-											<td><b>10分</b></td>
-										</tr>
-										<tr>
-											<td><b>4</b></td>
-											<td>经审、女工组织建制情况</td>
-											<td>10分</td>
-											<td>100%</td>
-											<td>两个都有10分、只有1个5分、没有的0分。</td>
-											<td><b>10分</b></td>
-										</tr>
-										<tr>
-											<td><b>5</b></td>
-											<td>劳动合同签订率</td>
-											<td>10分</td>
-											<td>100%</td>
-											<td>90%签订率打9分、80%签订率打8分、以此类推，取整</td>
-											<td><b>10分</b></td>
-										</tr>
-										<tr>
-											<td><b>6</b></td>
-											<td>集体合同签订情况</td>
-											<td>10分</td>
-											<td>100%</td>
-											<td>什么都没有即是0分，有签订集体合同得5分，有劳动安全卫生附件得1分，有女职工权益保护得2分，有单独签定工资专项集体合同得2分。</td>
-											<td><b>10分</b></td>
-										</tr>
-										<tr>
-											<td><b>7</b></td>
-											<td>职代会、厂务公开民主管理建制情况</td>
-											<td>10分</td>
-											<td>100%</td>
-											<td>每有一项得4分，当年度召开职代会得2分</td>
-											<td><b>10分</b></td>
-										</tr>
-										<tr>
-											<td><b>8</b></td>
-											<td>劳动保护监督检查委员会、劳动法律监督委员会建制情况</td>
-											<td>5分</td>
-											<td>100%</td>
-											<td>什么都没有即是0分，每项得2.5分</td>
-											<td><b>5分</b></td>
-										</tr>
-										<tr>
-											<td><b>9</b></td>
-											<td>开展岗位练兵劳动竞赛技能比武</td>
-											<td>10分</td>
-											<td>100%</td>
-											<td>开展岗位练兵3分，开展职业技能带头人选树3分，开展劳动竞赛4分</td>
-											<td><b>10分</b></td>
-										</tr>
-										<tr>
-											<td><b>10</b></td>
-											<td>开展职工技能培训素质教育</td>
-											<td>5分</td>
-											<td>100%</td>
-											<td>没有建设0分 有建设5分</td>
-											<td><b>5分</b></td>
-										</tr>
-										<tr>
-											<td><b>11</b></td>
-											<td>文体活动阵地建设情况</td>
-											<td>10分</td>
-											<td>100%</td>
-											<td>是否建立职工书屋得3分，是否建立职工活动阵地得7分</td>
-											<td><b>10分</b></td>
-										</tr>
-										<tr>
-											<td colspan="5"><b>汇总得分</b></td>
-											<td><b style="color: red" id="sumNum">100.0分</b></td>
-										</tr>
-										</tbody>
-									</table>
-								</div>
-							</div>
-						</div>
 					</div>
-		 		</div>
 		 		<div class="main-left-table">
 		 			<div class="title">
 		 				<h3>预警信息</h3><span class="red" id="errorListNum" >8</span>
@@ -657,7 +569,7 @@
 		       <div class="main-mid">
 		 		  <div class="main-mid-top map1">
 					<h2>娄桥轻工产业园分布图</h2>  
-					<div class="map-item map-item1" data-toggle="modal" data-target="#myModal5"><p>森马二期</p></div>
+					<div class="map-item map-item1"><p>森马二期</p></div>
 					<div class="map-item map-item2"><p>森马二期</p></div>
 					<div class="map-item map-item3"><p>森马一期</p></div>
 					<div class="map-item map-item4"><p>森马集团</p></div>
@@ -835,5 +747,124 @@
 	 }
  })
 </script>
+		<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+					  <div class="modal-dialog" style="margin-top: 100px;width: 800px;" role="document">
+					    <div class="modal-content">
+					      <div class="modal-header">
+					        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">关闭</span></button>
+							<h4 class="modal-title" id="myModalLabelqqq"><span>所属工会：</span>温州市同源眼镜配件工会</h4>
+					      </div>
+					      <div class="modal-body" style="min-height: 400px;">
+								<table class="table table-bordered table-hover" style="height: 845px;">
+									<thead>
+										<tr>
+											<th width="50px">序号</th>
+											<th>检测项目</th>
+											<th width="50px">分值</th>
+											<th width="50px">权重</th>
+											<th>打分标准</th>
+											<th width="90px">得分</th>
+										</tr>
+									</thead>
+									<tbody id="new332">
+										<tr>
+											<td><b>1</b></td>
+											<td>职工入会率</td>
+											<td>10分</td>
+											<td>100%</td>
+											<td>90%入会率打9分 80%入会率打8分 以此类推 取整</td>
+											<td><b>10分</b></td>
+										</tr>
+										<tr>
+											<td><b>2</b></td>
+											<td>职工账户激活率</td>
+											<td>10分</td>
+											<td>100%</td>
+											<td>90%激活率打9分80%激活率打8分以此类推，取整。</td>
+											<td><b>10分</b></td>
+										</tr>
+										<tr>
+											<td><b>3</b></td>
+											<td>专兼职工会干部数</td>
+											<td>10分</td>
+											<td>100%</td>
+											<td>有专职有兼职的10分有专职干部的9分以上只有兼职的8分少于5人的1-5分</td>
+											<td><b>10分</b></td>
+										</tr>
+										<tr>
+											<td><b>4</b></td>
+											<td>经审、女工组织建制情况</td>
+											<td>10分</td>
+											<td>100%</td>
+											<td>两个都有10分、只有1个5分、没有的0分。</td>
+											<td><b>10分</b></td>
+										</tr>
+										<tr>
+											<td><b>5</b></td>
+											<td>劳动合同签订率</td>
+											<td>10分</td>
+											<td>100%</td>
+											<td>90%签订率打9分、80%签订率打8分、以此类推，取整</td>
+											<td><b>10分</b></td>
+										</tr>
+										<tr>
+											<td><b>6</b></td>
+											<td>集体合同签订情况</td>
+											<td>10分</td>
+											<td>100%</td>
+											<td>什么都没有即是0分，有签订集体合同得5分，有劳动安全卫生附件得1分，有女职工权益保护得2分，有单独签定工资专项集体合同得2分。</td>
+											<td><b>10分</b></td>
+										</tr>
+										<tr>
+											<td><b>7</b></td>
+											<td>职代会、厂务公开民主管理建制情况</td>
+											<td>10分</td>
+											<td>100%</td>
+											<td>每有一项得4分，当年度召开职代会得2分</td>
+											<td><b>10分</b></td>
+										</tr>
+										<tr>
+											<td><b>8</b></td>
+											<td>劳动保护监督检查委员会、劳动法律监督委员会建制情况</td>
+											<td>5分</td>
+											<td>100%</td>
+											<td>什么都没有即是0分，每项得2.5分</td>
+											<td><b>5分</b></td>
+										</tr>
+										<tr>
+											<td><b>9</b></td>
+											<td>开展岗位练兵劳动竞赛技能比武</td>
+											<td>10分</td>
+											<td>100%</td>
+											<td>开展岗位练兵3分，开展职业技能带头人选树3分，开展劳动竞赛4分</td>
+											<td><b>10分</b></td>
+										</tr>
+										<tr>
+											<td><b>10</b></td>
+											<td>开展职工技能培训素质教育</td>
+											<td>5分</td>
+											<td>100%</td>
+											<td>没有建设0分 有建设5分</td>
+											<td><b>5分</b></td>
+										</tr>
+										<tr>
+											<td><b>11</b></td>
+											<td>文体活动阵地建设情况</td>
+											<td>10分</td>
+											<td>100%</td>
+											<td>是否建立职工书屋得3分，是否建立职工活动阵地得7分</td>
+											<td><b>10分</b></td>
+										</tr>
+										<tr>
+											<td colspan="5"><b>汇总得分</b></td>
+											<td><b style="color: red" id="sumNum">100.0分</b></td>
+										</tr>
+										</tbody>
+									</table>
+								</div>
+							</div>
+						</div>
+					</div>
+		 
   </body>
 </html>

large/js/large.js

@@ -693,6 +693,32 @@ $(function() { // 初始化内容
 			$("<tr num='"+i+"'> <td>" + obj.orgName + " </td> <td style='width: 100px;'>" + obj.score + " </td></tr>")
 		);
 	}
+	
+	$(".map-item").click(function(){
+		var ptext =$(this).find("p").html();
+		
+		
+		var obj = topList.find((item)=>{
+			if(ptext==item.h){
+				return true;
+			}else{
+				return false;
+			}
+		});
+		
+		for(var i in  obj.list){
+			var numm= obj.list[i]
+			var test =$("#new332 tr:eq("+i+")").find("td").eq(2).html()
+			
+			$("#new332 tr:eq("+i+")").find("td").eq(5).html(numm+"分"==test?
+			"<b style='color:#07bc2d'>"+numm+"分</b>":"<b style='color:red'>"+numm+"分</b>")
+		}
+		$("#myModalLabelqqq").html("<span>所属工会：</span>"+obj.orgName)
+		
+		$("#sumNum").html(obj.score+"分")
+		$("#myModal4").modal("show")
+	})
+	
 	$("#topListBody tr").click(function(){
 		var num =$(this).attr("num");
 		var obj = topList[num];
@@ -747,6 +773,19 @@ $(function() { // 初始化内容
 			return b.value-a.value
 		})
 		myChart.setOption({
+			label: {
+			       alignTo: 'edge',
+			       formatter: '{b}\n{d}%',
+			       minMargin: 5,
+			       edgeDistance: 10,
+			       lineHeight: 15,
+			       rich: {
+			         time: {
+			           fontSize: 10,
+			           color: '#999'
+			         }
+			       }
+			     },
 			darkMode:true,
 			textStyle:{
 					color:"#FFFFFF"
@@ -1268,6 +1307,19 @@ textStyle:{
 
 		var option = {
 			color: colors,
+			label: {
+			       alignTo: 'edge',
+			       formatter: '{b}\n{d}%',
+			       minMargin: 5,
+			       edgeDistance: 10,
+			       lineHeight: 15,
+			       rich: {
+			         time: {
+			           fontSize: 10,
+			           color: '#999'
+			         }
+			       }
+			     },
 			title: {
 				text: '',
 				subtext: '',