首页调整

large/index.html

@@ -24,7 +24,7 @@
           <span>瓯海区娄桥街道</span>
         </div>
         <div class="menu">
-          <div class="menu-item">
+          <div class="menu-item" id="gogogo">
             <span>园区概况</span>
           </div>
            <div class="menu-item active">
@@ -122,7 +122,8 @@
 	 
       <div class="main-mid">
 		  <div class="main-mid-top">
-			  <img src="img/map.png" alt="">
+			<img src="img/pic.png" style="  width: 90%;  height: 100%; " alt="">
+			
 		  </div>
 		  <div class="main-mid-bot">
 			  <div class="title">
@@ -178,7 +179,6 @@
     </div>
     <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
     <script src="js/jquery.min.js"></script>
-	<script src="js/jquery.marquee.js"></script>
 	
     <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
     <script src="js/bootstrap.min.js"></script>

large/index2.html

@@ -27,7 +27,7 @@
           <div class="menu-item active">
             <span>园区概况</span>
           </div>
-           <div class="menu-item ">
+           <div class="menu-item " >
             <span>智慧大屏</span>
           </div>
         </div>
@@ -101,7 +101,7 @@
 					</div>
 					<div class="content-item">
 						<h4>工匠</h4>
-						<h1>19</h1>
+						<h1>4</h1>
 					</div>
 				</div>
 				<div class="content-row">
@@ -111,7 +111,7 @@
 					</div>
 					<div class="content-item">
 						<h4>工人先锋号</h4>
-						<h1>2</h1>
+						<h1>1</h1>
 					</div>
 				</div>
 			</div>
@@ -121,27 +121,27 @@
       <div class="main-mid about-mid">
 		  <div class="main-mid-top nobg">
 			  <h2>娄桥轻工产业园分布图</h2>
-			  <img src="img/pic.png" alt="">
+			  <img src="img/pic.png" style="  width: 90%;  height: 100%; " alt="">
 		  </div>
 		  <div class="main-mid-bot">
 			 <div class="content">
 			 	<div class="content-row">
 			 		<div class="content-item">
-			 			<h4>工会组织数</h4>
-			 			<h1>28+1</h1>
+			 			<h4>职工数</h4>
+			 			<h1>5700</h1>
 			 		</div>
 			 		<div class="content-item">
-			 			<h4>会员数</h4>
-			 			<h1>5261</h1>
+			 			<h4>农民工数</h4>
+			 			<h1>3211</h1>
 			 		</div>
 			 	</div>
 			 	<div class="content-row">
 			 		<div class="content-item">
-			 			<h4>劳模 (含集体)</h4>
+			 			<h4>女职工数</h4>
 			 			<h1>28</h1>
 			 		</div>
 			 		<div class="content-item">
-			 			<h4>工匠</h4>
+			 			<h4>男职工数</h4>
 			 			<h1>19</h1>
 			 		</div>
 			 	</div>
@@ -149,12 +149,12 @@
 			 <div class="content no-bg">
 			 	<div class="content-row">
 			 		<div class="content-item">
-			 			<h4>工会组织数</h4>
-			 			<h1>28+1</h1>
+			 			<h4>职工阵地</h4>
+			 			<h1>25</h1>
 			 		</div>
 			 		<div class="content-item">
-			 			<h4>会员数</h4>
-			 			<h1>5261</h1>
+			 			<h4>聚能环</h4>
+			 			<h1>2</h1>
 			 		</div>
 			 	</div>
 			 	<p>本统计结果来源于平台2020年12月31日截止数据</p>
@@ -162,22 +162,22 @@
 			 <div class="content">
 			 	<div class="content-row">
 			 		<div class="content-item">
-			 			<h4>工会组织数</h4>
-			 			<h1>28+1</h1>
+			 			<h4>本月会员转入数</h4>
+			 			<h1>35</h1>
 			 		</div>
 			 		<div class="content-item">
-			 			<h4>会员数</h4>
-			 			<h1>5261</h1>
+			 			<h4>本月会员转出数</h4>
+			 			<h1>28</h1>
 			 		</div>
 			 	</div>
 			 	<div class="content-row">
 			 		<div class="content-item">
-			 			<h4>劳模 (含集体)</h4>
-			 			<h1>28</h1>
+			 			<h4>新增工会数</h4>
+			 			<h1>6</h1>
 			 		</div>
 			 		<div class="content-item">
-			 			<h4>工匠</h4>
-			 			<h1>19</h1>
+			 			<h4>工会换届次数</h4>
+			 			<h1>4</h1>
 			 		</div>
 			 	</div>
 			 </div>
@@ -196,62 +196,15 @@
 				  <thead>
 					<tr>
 					  <th>企业名称</th>
-					  <th>经营状态</th>
+					  <th style="width: 100px;">经营状态</th>
 					</tr>
 				  </thead>
-				  <tbody>
-					<tr data-toggle="modal" data-target="#myModal">
+				  <tbody id="companyList">
+					<!-- <tr data-toggle="modal" data-target="#myModal" style="">
 						<td>企业名称<i class="glyphicon glyphicon-picture"></i></td>
 						<td>经营状态</td>
-					</tr>
-					<tr>
-						<td>企业名称<i class="glyphicon glyphicon-picture"></i></td>
-						<td>经营状态</td>
-					</tr>
-					<tr>
-						<td>企业名称</td>
-						<td>经营状态</td>
-					</tr>
-					<tr>
-						<td>企业名称</td>
-						<td>经营状态</td>
-					</tr> 
-					<tr>
-						<td>企业名称</td>
-						<td>经营状态</td>
-					</tr> 
-					<tr>
-						<td>企业名称</td>
-						<td>经营状态</td>
-					</tr> 
-					<tr>
-						<td>企业名称</td>
-						<td>经营状态</td>
-					</tr> 
-					<tr>
-						<td>企业名称</td>
-						<td>经营状态</td>
-					</tr> 
-					<tr>
-						<td>企业名称</td>
-						<td>经营状态</td>
-					</tr> 
-					<tr>
-						<td>企业名称</td>
-						<td>经营状态</td>
-					</tr> 
-					<tr>
-						<td>企业名称</td>
-						<td>经营状态</td>
-					</tr>
-					 <tr>
-					 	<td>企业名称</td>
-					 	<td>经营状态</td>
-					 </tr> 
-					 <tr>
-					 	<td>企业名称</td>
-					 	<td>经营状态</td>
-					 </tr> 
+					</tr> -->
+					 
 				  </tbody>
 				</table>
 			</div>
@@ -264,7 +217,7 @@
 			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">关闭</span></button>
 			        <h4 class="modal-title" id="myModalLabel">浙江黄鹤老板有限公司</h4>
 			      </div>
-			      <div class="modal-body">
+			      <div class="modal-body" style="min-height: 400px;">
 						<div class="company-btn company-btn-l"><i class="glyphicon glyphicon-chevron-left"></i></div>
 						<div class="modal-company">
 							<div class="company-text">
@@ -273,7 +226,7 @@
 								公司简介公司简介公司简介公司简介公司简介公司简介公司简介</p>
 							</div>
 							<div class="company-img">
-								<img src="img/map.png" alt="">
+								<img src="img/map.png" class="company-img-p" alt="">
 							</div>
 						</div>
 						<div class="company-btn company-btn-r"><i class="glyphicon glyphicon-chevron-right"></i></div>
@@ -293,6 +246,7 @@
     <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
     <script src="js/bootstrap.min.js"></script>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
+   <script src="js/large2.js"></script>
    
 
 

large/js/large.js

@@ -3,7 +3,9 @@ var marquee2 = document.getElementById("marquee2");
 		  var marquee1 = document.getElementById("marquee1");
 		    marquee1.start();
 $(function() {// 初始化内容
-
+	$("#gogogo").click(function(){
+		window.location="index2.html"
+	})
     var url="/wzzgh-fwdt/healthScore/largeScreen?orgId="
 
   //  $.post(url,function(data,status){
@@ -1276,6 +1278,7 @@ $(function() {// 初始化内容
             legend: {
                 orient: 'vertical',
                 left: 'left',
+				 textStyle: {color: '#FFFFFF'},
             },
             series : [
                 {
@@ -1283,13 +1286,15 @@ $(function() {// 初始化内容
                     type: 'pie',
                     radius: '50%',
                     data:mydata,
-
+					
                     emphasis: {
 
                         itemStyle: {
                             shadowBlur: 10,
                             shadowOffsetX: 0,
-                            shadowColor: 'rgba(0, 0, 0, 0.5)',
+                           shadowColor: 'rgba(0, 0, 0, 0.5)',
+							 //shadowColor: 'rgba(53, 230, 0, 0.5)'
+							
 
                         }
                     }

large/js/large2.js

@@ -0,0 +1,243 @@
+
+$(function() {// 初始化内容
+$("#gogogo").click(function(){
+		window.location="index.html"
+	})
+    var url="/wzzgh-fwdt/healthScore/largeScreen?orgId="
+	createBar11()
+  //  $.post(url,function(data,status){
+        var data =[
+			{
+			name:"浙江钟铮锁业有限公司",img:true,txt:"浙江钟铮锁业有限公司(原温州海坦锁业有限公司、瓯海锦山锁厂)专业生产各种高、低压开关柜的配套部件和MS系列开关柜门锁,隶属于机械部、能源部、电力部、五金电器成员企业之一,有着近二十年的专业生产MS锁具的历史。产品销往美国、韩国、日本、俄罗斯、以及东南亚地区"
+		},
+		{
+			name:"温州朗驰实业有限公司",img:true,txt:"温州朗驰实业有限公司，2008年11月17日成立，经营范围包括一般经营项目：电器及配件的研发等。"
+		},
+		{
+			name:"温州市娄桥新丰润滑由加工厂",img:false,txt:"温州市娄桥新丰润滑油加工厂,1997年08月12日成立，经营范围包括零售润滑油"
+		},	{
+			name:"温州市龙丰橡胶工业有限公司",img:false,txt:"温州市龙丰橡胶工业有限公司,1996年10月08日成立，经营范围包括制造、加工、销售橡胶片、橡胶鞋底、橡胶零件。"
+		},	{
+			name:"温州市意达石化泵业有限公司",img:true,txt:"温州市意达石化泵业有限公司具有二十多年化工泵业专业制造历史,是一家集技、工、贸、开发、生产、销售为一体的高新技术企业,拥有先进的计算机辅助设计系统,产品智能检测，已成通过国家标准的大型全封闭水泵测试标准."
+		},	{
+			name:"温州鼎圣制鞋机械有限公司",img:true,txt:""
+		},	{
+			name:"瑞新集团有限公司",img:true,txt:"瑞新集团有限公司，1997年07月21日成立，经营范围包括一般经营项目：销售皮革、皮革制品、家具、锁、鞋、棉及化纤制品、化工原料(不含危险化学品)等。"
+		},	{
+			name:"温州创新住宅预制构件制造有限公司",img:false,txt:"温州创新住宅预制构件制造有限公司，2016年01月29日成立，属于温州电子材料、零部件、结构件公司行业。"
+		},	{
+			name:"温州市恒驰汽车配件有限公司",img:false,txt:"温州市恒驰汽车配件有限公司，2005年09月01日成立，经营范围：制造、加工、销售汽车配件、纸制品、包装箱等。"
+		},	{
+			name:"城建集团",img:true,txt:""
+		},	{
+			name:"创新新材料",img:true,txt:"温州创新新材料股份有限公司主要经营：水泥制品技术研发；生产、销售商品混凝土、干混砂浆、商砼。等产品。公司尊崇“踏实、拼搏、责任”的企业精神，并以诚信、共赢、开创经营理念，创造良好的企业环境，以全新的管理模式，完善的技术，周到的服务，卓越的品质为生存根本，我们始终坚持用户至上 用心服务于客户，坚持用自己的服务去打动客户。"
+		},	{
+			name:"温州三虎动力部件有限公司",img:false,txt:"温州三虎动力部件有限公司，2000年06月05日成立，经营范围：制造、销售汽车发动机配件、柴油机配件、标准件、塑料件、铝压铸件、机械配件等。"
+		},	{
+			name:"温州市娄桥晓光打火机配件厂",img:true,txt:"温州市娄桥晓光打火机配件厂,1997年04月22日成立，经营范围包括制造、加工、销售打火机配件。"
+		},	{
+			name:"温州市瓯海娄桥化建有限公司",img:true,txt:"温州市瓯海娄桥化建有限公司,1993年02月25日成立，经营范围包括销售建材、化工原料（不含危险化学品）。"
+		},	{
+			name:"温州联丰皮塑有限公司",img:true,txt:"温州联丰皮塑有限公司，1995年07月14日成立，经营范围包括生产销售注塑鞋、皮鞋、胶鞋、鞋帮半成品、鞋用配件和面料复合等。"
+		},	{
+			name:"温州伊斯利鞋业有限公司",img:true,txt:"温州伊斯利鞋业有限公司，1993年09月11日成立，经营范围包括生产销售注塑鞋、皮鞋、胶鞋等。"
+		},	{
+			name:"浙江蓝图包装有限公司",img:true,txt:"浙江蓝图包装有限公司创建于1992年，座落于温州瓯海娄桥工业园区，傍依温州动车站，地理位置优越。工厂占地面积18000平方米，集设计，研发，生产，营销于一体，现拥有450名员工，其中技师，工艺师，管理人员和技术员工100余人，操作员工300余人，品质检验员40余人，销售年产值超二千万美元，产品远销欧美及东南亚等地区。"
+		},	{
+			name:"温州市瓯海区娄桥街道娄桥村股份经济合作社",img:true,txt:""
+		},	{
+			name:"温州市瓯海娄桥晓锋五金厂",img:true,txt:""
+		},	{
+			name:"温州市瓯海长红眼镜有限公司",img:true,txt:""
+		},	{
+			name:"温州市瓯海区物产总公司",img:false,txt:""
+		},	{
+			name:"大东集团有限公司",img:true,txt:""
+		},	{
+			name:"温州市康豪鞋材有限公司",img:true,txt:""
+		},	{
+			name:"温州市瓯海眼镜有限公司",img:true,txt:""
+		},	
+		]
+		 
+		 
+
+        for(var i in data){
+            var obj=data[i];
+
+            $("#companyList").append(
+                $("<tr class='companyshow' num='"+i+"' > <td>"+obj.name+(obj.img?'<i class="glyphicon glyphicon-picture"></i>':'')+" </td> <td> 正常 </td></tr>")
+            );
+        }
+		var index=0;
+		
+		 $(".company-btn-l").click(function(){
+			 var i =parseInt(index)-1
+			 if(i<0){
+				 i=data.length-1
+			 }
+			 index=i;
+			 var obj=data[i];
+			 $("#myModalLabel").text(obj.name);
+			 $(".company-text").text(obj.txt);
+			 if(obj.img){
+			 	$(".company-img").show()
+			 	$(".company-img-p").attr("src","img/cn/"+obj.name+".jpg")
+			 }else{
+			 	$(".company-img").hide()
+			 }
+		 })
+		 $(".company-btn-r").click(function(){
+		 		var i =parseInt(index)+1	 
+				if(i>=data.length){
+					i=0
+				}
+				index=i;
+				var obj=data[i];
+				$("#myModalLabel").text(obj.name);
+				$(".company-text").text(obj.txt);
+				if(obj.img){
+					$(".company-img").show()
+					$(".company-img-p").attr("src","img/cn/"+obj.name+".jpg")
+				}else{
+					$(".company-img").hide()
+				}
+		 })
+   $(".companyshow").click(function(){
+	   var i =  $(this).attr("num");
+	   index=i;
+		var obj=data[i];
+		$("#myModalLabel").text(obj.name);
+		$(".company-text").text(obj.txt);
+		if(obj.img){
+			$(".company-img").show()
+			$(".company-img-p").attr("src","img/cn/"+obj.name+".jpg")
+		}else{
+			$(".company-img").hide()
+		}
+		$("#myModal").modal("show")
+		
+   })
+
+   function uniq(array){
+        var temp = [];
+        var index = [];
+        var l = array.length;
+        for(var i = 0; i < l; i++) {
+            for(var j = i + 1; j < l; j++){
+                if (array[i] === array[j]){
+                    i++;
+                    j = i;
+                }
+            }
+            temp.push(array[i]);
+            index.push(i);
+        }
+
+        return temp;
+    }
+    function createBar11(){
+        var x=0;
+        var map=new Map();
+        var dom = document.getElementById("container1");
+        var myChart = echarts.init(dom);
+
+
+        var mydata=[];
+        var mydata1=[];
+        var mydata2=[];
+        var innum=0;
+        var avgnum=0;
+        var colors=[]
+        if(true){
+            colors=['#37A2DA','#3BBF03','#FFCB01','#FF6200','#FF2525',
+			'#2f68dd','#70be00','#ff9040','#ff001e','#ff2ab9']
+ 
+			//娄桥街道
+            mydata=[
+				{value:113*20, name:'小学'},
+                {value:443*20, name:'初中'},
+                {value:9*20, name:'高中'},
+                {value:247*20, name:'中专'},
+                {value:2*20, name:'高职'},
+				
+				 {value:2*20, name:'本科'},
+				  {value:2, name:'硕士'},
+				   {value:0, name:'博士'},
+				   {value:0, name:'博士后'},
+				];
+				
+				//南白象
+				mydata=[
+					{value:103*20+7, name:'小学'},
+				    {value:246*20+6, name:'初中'},
+				    {value:16*20+2, name:'高中'},
+				    {value:72*20+8, name:'中专'},
+				    {value:2*20+2, name:'高职'},
+					
+					 {value:6*20+1, name:'本科'},
+					  {value:6, name:'硕士'},
+					   {value:4, name:'博士'},
+					
+					];
+
+        }
+
+
+      
+
+        
+
+        var option = {
+            color:colors,
+            title: {
+                text: '',
+                subtext: '',
+                left: 'center'
+            },
+            tooltip: {
+                trigger: 'item',
+                formatter: function(params){
+                    console.log(params)
+                    if(params.seriesIndex==0){
+                        return params.name + '<br />'+params.value+'人<br/>占比'+params.percent+ '%'
+                    }
+                    if(params.seriesIndex==1){
+                        return params.name + '<br />'+params.value+'人'
+                    }
+                }
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'left',
+				textStyle: {color: '#FFFFFF'},
+				
+            },
+            series : [
+                {
+                   // name: 'a',
+                    type: 'pie',
+                    radius: '50%',
+                    data:mydata,
+
+                    emphasis: {
+
+                        itemStyle: {
+                            shadowBlur: 10,
+                            shadowOffsetX: 0,
+                            shadowColor: 'rgba(0, 0, 0, 0.5)',
+
+                        }
+                    }
+                },
+
+            ]
+        }
+
+        myChart.setOption(option);
+
+        myChart.on('click', function (params) {
+            //console.log(params)
+        });
+        }
+});