|
|
@@ -0,0 +1,270 @@
|
|
|
+<!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>Bootstrap 101 Template</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 ">
|
|
|
+ <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>
|
|
|
+ </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>19</h1>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content-row">
|
|
|
+ <div class="content-item">
|
|
|
+ <h4>五一劳动奖章 (奖状)</h4>
|
|
|
+ <h1>1</h1>
|
|
|
+ </div>
|
|
|
+ <div class="content-item">
|
|
|
+ <h4>工人先锋号</h4>
|
|
|
+ <h1>2</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" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="main-mid-bot">
|
|
|
+ <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>19</h1>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content no-bg">
|
|
|
+ <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>
|
|
|
+ <p>本统计结果来源于平台2020年12月31日截止数据</p>
|
|
|
+ </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>19</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="container1" style="height: 100%"></div>
|
|
|
+ </div>
|
|
|
+ <div class="content-company">
|
|
|
+ <table class="table table-bordered">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>企业名称</th>
|
|
|
+ <th>经营状态</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <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>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </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/large.js"></script>
|
|
|
+
|
|
|
+
|
|
|
+ </body>
|
|
|
+</html>
|
