|
@@ -1,251 +0,0 @@
|
|
-<!doctype html>
|
|
|
|
-<html lang="zh-CN">
|
|
|
|
- <head>
|
|
|
|
- <meta charset="utf-8">
|
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
- <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
|
|
|
|
- <title>温州市总工会健康指数监测点智慧大屏</title>
|
|
|
|
- <!-- Bootstrap -->
|
|
|
|
- <link rel="stylesheet" href="css/bootstrap.min.css">
|
|
|
|
- <link rel="stylesheet" href="css/app.css">
|
|
|
|
- <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询(media queries)功能 -->
|
|
|
|
- <!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 -->
|
|
|
|
- <!--[if lt IE 9]>
|
|
|
|
- <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
|
|
|
|
- <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
|
|
|
|
- <![endif]-->
|
|
|
|
- </head>
|
|
|
|
- <body class="bg2">
|
|
|
|
- <div class="head">
|
|
|
|
- <div class="head-left">
|
|
|
|
- <div class="address">
|
|
|
|
- <i class="glyphicon glyphicon-map-marker"></i>
|
|
|
|
- <span>瓯海区娄桥街道</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="menu">
|
|
|
|
- <div class="menu-item active">
|
|
|
|
- <span>园区概况</span>
|
|
|
|
- </div>
|
|
|
|
- <div class="menu-item " id="gogogo" >
|
|
|
|
- <span>智慧大屏</span>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="head-mid">
|
|
|
|
- <h2>温州市总工会健康指数监测点智慧大屏</h2>
|
|
|
|
- <h4>Health Index Monitoring Sites Smart DATA Visialization</h4>
|
|
|
|
- </div>
|
|
|
|
- <div class="head-right" id="tianqi">
|
|
|
|
- <iframe width="300" scrolling="no" height="30" frameborder="0" allowtransparency="true" src="https://i.tianqi.com?c=code&id=90&color=%23FFFFFF&icon=1&py=wenzhou&site=19"></iframe>
|
|
|
|
- <i class="glyphicon glyphicon-resize-small" style="color:#fff;"></i>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="main">
|
|
|
|
- <div class="main-left">
|
|
|
|
- <div class="about-left">
|
|
|
|
- <div class="title">
|
|
|
|
- <h3>园区介绍</h3>
|
|
|
|
- </div>
|
|
|
|
- <div class="content">
|
|
|
|
- <h4>成立时间</h4>
|
|
|
|
- <h1>2021年6月</h1>
|
|
|
|
- <p>“三服务”行动,为企业提供“家门口”服务的一次创新性尝试,产业类型以制造业、鞋革、眼镜等行业为主。</p>
|
|
|
|
- </div>
|
|
|
|
- <div class="content">
|
|
|
|
- <div class="content-row">
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>占地面积(亩)</h4>
|
|
|
|
- <h1>450</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>产业类型</h4>
|
|
|
|
- <h1>制造业</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-row">
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>企业数</h4>
|
|
|
|
- <h1>28/103</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>规上企业数</h4>
|
|
|
|
- <h1>19</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-row">
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>税收(万元)</h4>
|
|
|
|
- <h1>74873</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>总产值(亿)</h4>
|
|
|
|
- <h1>57.59</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="content">
|
|
|
|
- <div class="content-row">
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>工会组织数</h4>
|
|
|
|
- <h1>28+1</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>会员数</h4>
|
|
|
|
- <h1>5261</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-row">
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>劳模 (含集体)</h4>
|
|
|
|
- <h1>28</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>工匠</h4>
|
|
|
|
- <h1>4</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-row">
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>五一劳动奖章 (奖状)</h4>
|
|
|
|
- <h1>1</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>工人先锋号</h4>
|
|
|
|
- <h1>1</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
- </div>
|
|
|
|
- <div class="main-mid about-mid">
|
|
|
|
- <div class="main-mid-top nobg">
|
|
|
|
- <h2>娄桥轻工产业园分布图</h2>
|
|
|
|
- <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>5700</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>农民工数</h4>
|
|
|
|
- <h1>3211</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-row">
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>女职工数</h4>
|
|
|
|
- <h1>2276</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>男职工数</h4>
|
|
|
|
- <h1>3423</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="content no-bg">
|
|
|
|
- <div class="content-row">
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>职工阵地</h4>
|
|
|
|
- <h1>25</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>聚能环</h4>
|
|
|
|
- <h1>2</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <p>本统计结果来源于平台2020年12月31日截止数据</p>
|
|
|
|
- </div>
|
|
|
|
- <div class="content">
|
|
|
|
- <div class="content-row">
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>本月会员转入数</h4>
|
|
|
|
- <h1>35</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>本月会员转出数</h4>
|
|
|
|
- <h1>28</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-row">
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>新增工会数</h4>
|
|
|
|
- <h1>6</h1>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-item">
|
|
|
|
- <h4>工会换届次数</h4>
|
|
|
|
- <h1>4</h1>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="main-right about-right">
|
|
|
|
- <div class="about-left">
|
|
|
|
- <div class="title">
|
|
|
|
- <h3>园区概况</h3>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-chart">
|
|
|
|
- <div id="container5" style="height: 100%"></div>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-company">
|
|
|
|
- <table class="table table-bordered table-hover">
|
|
|
|
- <thead>
|
|
|
|
- <tr>
|
|
|
|
- <th>企业名称</th>
|
|
|
|
- <th style="width: 100px;">经营状态</th>
|
|
|
|
- </tr>
|
|
|
|
- </thead>
|
|
|
|
- <tbody id="companyList">
|
|
|
|
-
|
|
|
|
- </tbody>
|
|
|
|
- </table>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
- <!-- Modal -->
|
|
|
|
- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
|
- <div class="modal-dialog" 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="myModalLabel">浙江黄鹤老板有限公司</h4>
|
|
|
|
- </div>
|
|
|
|
- <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">
|
|
|
|
- <p>公司简介公司简介公司简介公司简介公司简介公司简介
|
|
|
|
- 公司简介公司简介公司简介公司简介公司简介公司简介公司简介
|
|
|
|
- 公司简介公司简介公司简介公司简介公司简介公司简介公司简介</p>
|
|
|
|
- </div>
|
|
|
|
- <div class="company-img">
|
|
|
|
- <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>
|
|
|
|
- </div>
|
|
|
|
- <!-- <div class="modal-footer">
|
|
|
|
- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
|
|
- <button type="button" class="btn btn-primary">Save changes</button>
|
|
|
|
- </div> -->
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
|
|
|
|
- <script src="js/jquery.min.js"></script>
|
|
|
|
- <!-- 加载 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>
|
|
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- </body>
|
|
|
|
-</html>
|
|
|