|
|
@@ -15,336 +15,574 @@
|
|
|
<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>
|
|
|
- <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
- <div class="modal-dialog" style="width:1064px;" 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"><span>基础数据分析</span></h4>
|
|
|
- </div>
|
|
|
- <div class="modal-body" style="min-height: 400px;overflow: hidden;">
|
|
|
- <div class="modal-body-left">
|
|
|
- <table class="table table-bordered table-hover">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>排名</th>
|
|
|
- <th>监测项目</th>
|
|
|
- <th>分值</th>
|
|
|
- <th>得分</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td>1sT</td>
|
|
|
- <td>职工入会率</td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>2nd</td>
|
|
|
- <td>职工账户激活率</td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>3rd</td>
|
|
|
- <td>专兼职工会干部数</td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>4th</td>
|
|
|
- <td>专兼职工会干部数</td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>5th</td>
|
|
|
- <td>专兼职工会干部数</td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>6th</td>
|
|
|
- <td>专兼职工会干部数</td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>7th</td>
|
|
|
- <td>专兼职工会干部数</td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>8th</td>
|
|
|
- <td>专兼职工会干部数</td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>9th</td>
|
|
|
- <td>专兼职工会干部数</td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>10th</td>
|
|
|
- <td>专兼职工会干部数</td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>总分</td>
|
|
|
- <td> </td>
|
|
|
- <td>10分</td>
|
|
|
- <td>9.80分</td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- <div class="modal-body-right">
|
|
|
- <h4>基层工会指标得分明细</h4>
|
|
|
- <div id="container6" style="height: 100%"></div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </head>
|
|
|
+
|
|
|
+ <body >
|
|
|
+ <div class="tabbbbb2" style="display: none;">
|
|
|
+
|
|
|
+ <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>
|
|
|
+ </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:230px ; width:370px;"></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>
|
|
|
</div>
|
|
|
- <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" id="gogogo">
|
|
|
- <span>园区概况</span>
|
|
|
- </div>
|
|
|
- <div class="menu-item active">
|
|
|
- <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="main-left-data">
|
|
|
- <div class="main-left-data-item" data-toggle="modal" data-target="#myModal2">
|
|
|
- <h4>基础型</h4>
|
|
|
- <h2 id="num1">98.50</h2>
|
|
|
- <div class="data-item-foot">
|
|
|
- <p>同比增长</p>
|
|
|
- <span class="red">2%</span>
|
|
|
- <img src="img/md-trending_up@2x.png" alt="">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="main-left-data-item" style="display: none;">
|
|
|
- <h4>中位数</h4>
|
|
|
- <h2 id="num2">88.36</h2>
|
|
|
- <div class="data-item-foot">
|
|
|
- <p>同比增长</p>
|
|
|
- <span class="red">0%</span>
|
|
|
- <img src="img/md-trending_up@2x.png" alt="">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="main-left-data-chart">
|
|
|
- <div id="container4" style="height: 100%"></div>
|
|
|
- </div>
|
|
|
- <div class="main-left-data-chart">
|
|
|
- <div id="container" style="height: 100%"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="main-left-table">
|
|
|
- <div class="title">
|
|
|
- <h3>企业健康指数</h3><span id="topListNum">28</span>
|
|
|
- </div>
|
|
|
- <div class="content" id="topListContent">
|
|
|
-
|
|
|
- <table class="table table-bordered">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>工会名称</th>
|
|
|
- <th style="width: 100px;">基础型</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- </table>
|
|
|
- <!-- <marquee onMouseOut="this.start()" id="marquee1"
|
|
|
- behavior="scroll" scrollamount="3"
|
|
|
- direction="up" onMouseOver="this.stop()">
|
|
|
- </marquee> -->
|
|
|
- <table class="table table-bordered">
|
|
|
- <tbody id="topListBody">
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- <!--<div class="tab-more">查看更多</div>-->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="main-left-table">
|
|
|
- <div class="title">
|
|
|
- <h3>预警信息</h3><span class="red" id="errorListNum" >8</span>
|
|
|
- </div>
|
|
|
- <div class="content" >
|
|
|
- <table class="table table-bordered" >
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>触发工会</th>
|
|
|
- <th style='width: 100px;'>预警级别</th>
|
|
|
- <th style='width: 80px;'>类型</th>
|
|
|
- <th style='width: 120px;'>日期</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- </table>
|
|
|
- <!-- <marquee onMouseOut="this.start()" id="marquee2" scrollamount="3"
|
|
|
- behavior="scroll"
|
|
|
- direction="up" onMouseOver="this.stop()">
|
|
|
- </marquee> -->
|
|
|
- <table class="table table-bordered" >
|
|
|
- <tbody id="errorListBody" data-toggle="modal" data-target="#myModal">
|
|
|
-
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
- <div class="modal-dialog" style="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="myModalLabel"><span>所属工会：</span>温州市同源眼镜配件工会</h4>
|
|
|
- </div>
|
|
|
- <div class="modal-body" style="min-height: 400px;">
|
|
|
- <table class="table table-bordered">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>触发时间</th>
|
|
|
- <th>监测项目</th>
|
|
|
- <th>触发类型</th>
|
|
|
- <th>预警级别</th>
|
|
|
- <th>当前状态</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td>2020-12-10 15:53:44</td>
|
|
|
- <td>基础型</td>
|
|
|
- <td>分数低于70分</td>
|
|
|
- <td>红色预警</td>
|
|
|
- <td>已关闭</td>
|
|
|
- </tr>
|
|
|
-
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- <div class="table-timeAxis">
|
|
|
- <div class="timeAxis-item active">
|
|
|
- <h4>【瓯江区总工会】关闭了预警</h4>
|
|
|
- <p>2016-07-12 12:40</p>
|
|
|
- </div>
|
|
|
- <div class="timeAxis-item">
|
|
|
- <h4>【瓯江区总工会】关闭了预警</h4>
|
|
|
- <p>2016-07-12 12:40</p>
|
|
|
- </div>
|
|
|
- <div class="timeAxis-item">
|
|
|
- <h4>【瓯江区总工会】关闭了预警</h4>
|
|
|
- <p>2016-07-12 12:40</p>
|
|
|
- </div>
|
|
|
- <div class="timeAxis-item">
|
|
|
- <h4>【瓯江区总工会】关闭了预警</h4>
|
|
|
- <p>2016-07-12 12:40</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <table class="table table-bordered">
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td>2020-12-10 15:53:44</td>
|
|
|
- <td>基础型</td>
|
|
|
- <td>分数低于70分</td>
|
|
|
- <td>红色预警</td>
|
|
|
- <td>已关闭</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>2020-12-10 15:53:44</td>
|
|
|
- <td>基础型</td>
|
|
|
- <td>分数低于70分</td>
|
|
|
- <td>红色预警</td>
|
|
|
- <td>已关闭</td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
+ <div class="tabbbbb1">
|
|
|
+ <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
+ <div class="modal-dialog" style="width:1064px;" 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"><span>基础数据分析</span></h4>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body" style="min-height: 400px;overflow: hidden;">
|
|
|
+ <div class="modal-body-left">
|
|
|
+ <table class="table table-bordered table-hover" style="
|
|
|
+ height: 845px;
|
|
|
+ ">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>排名</th>
|
|
|
+ <th>监测项目</th>
|
|
|
+ <th style="width: 60px;">分值</th>
|
|
|
+ <th style="width: 80px;">得分</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <style>
|
|
|
+ .bgindex{
|
|
|
+ background-color: #0078D6;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <tbody id="myModalLabelTable">
|
|
|
+ <tr num="3" class="bgindex">
|
|
|
+ <td>1st</td>
|
|
|
+ <td>经审、女工组织建制情况</td>
|
|
|
+ <td >10分</td>
|
|
|
+ <td>10.00分</td>
|
|
|
+ </tr>
|
|
|
+ <tr num="4" >
|
|
|
+ <td>2nd</td>
|
|
|
+ <td>劳动合同签订率</td>
|
|
|
+ <td>10分</td>
|
|
|
+ <td>10.00分</td>
|
|
|
+ </tr>
|
|
|
+ <tr num="7">
|
|
|
+ <td>3rd</td>
|
|
|
+ <td>劳动保护监督检查委员会、劳动法律监督委员会建制情况</td>
|
|
|
+ <td>5分</td>
|
|
|
+ <td>5分</td>
|
|
|
+ </tr>
|
|
|
+ <tr num="9">
|
|
|
+ <td>4th</td>
|
|
|
+ <td>开展职工技能培训素质教育</td>
|
|
|
+ <td>5分</td>
|
|
|
+ <td>5分</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr num="0">
|
|
|
+ <td>5th</td>
|
|
|
+ <td>职工入会率</td>
|
|
|
+ <td>10分</td>
|
|
|
+ <td>9.57分</td>
|
|
|
+ </tr>
|
|
|
+ <tr num="5">
|
|
|
+ <td>6th</td>
|
|
|
+ <td>集体合同签订情况</td>
|
|
|
+ <td>10分</td>
|
|
|
+ <td>8.21分</td>
|
|
|
+ </tr>
|
|
|
+ <tr num="6">
|
|
|
+ <td>7th</td>
|
|
|
+ <td>职代会、厂务公开民主管理建制情况</td>
|
|
|
+ <td>10分</td>
|
|
|
+ <td>8.21分</td>
|
|
|
+ </tr>
|
|
|
+ <tr num="1">
|
|
|
+ <td>8th</td>
|
|
|
+ <td>职工账户激活率</td>
|
|
|
+ <td>10分</td>
|
|
|
+ <td>8.10分</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <tr num="8">
|
|
|
+ <td>9th</td>
|
|
|
+ <td>开展岗位练兵劳动竞赛技能比武</td>
|
|
|
+ <td>10分</td>
|
|
|
+ <td>7.85分</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr num="10">
|
|
|
+ <td>10th</td>
|
|
|
+ <td>文体活动阵地建设情况</td>
|
|
|
+ <td>10分</td>
|
|
|
+ <td>7.50分</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr num="2">
|
|
|
+ <td>11th</td>
|
|
|
+ <td>专兼职工会干部数</td>
|
|
|
+ <td>10分</td>
|
|
|
+ <td>1.14分</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr >
|
|
|
+ <td>总分</td>
|
|
|
+ <td> </td>
|
|
|
+ <td>100分</td>
|
|
|
+ <td>80.60分</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body-right" style="height: 845px;" >
|
|
|
+ <h4>基层工会指标得分明细</h4>
|
|
|
+ <div id="container6" style="height: 845px;width: 560px;"></div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <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" id="gogogo2">
|
|
|
+ <span>园区概况</span>
|
|
|
+ </div>
|
|
|
+ <div class="menu-item active">
|
|
|
+ <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="main-left-data">
|
|
|
+ <div class="main-left-data-item" id="myModal2Btn" >
|
|
|
+ <h4>基础型</h4>
|
|
|
+ <h2 id="num1">80.61</h2>
|
|
|
+ <div class="data-item-foot">
|
|
|
+ <p>同比增长</p>
|
|
|
+ <span class="red">2%</span>
|
|
|
+ <img src="img/md-trending_up@2x.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="main-left-data-item" style="display: none;">
|
|
|
+ <h4>中位数</h4>
|
|
|
+ <h2 id="num2">88.36</h2>
|
|
|
+ <div class="data-item-foot">
|
|
|
+ <p>同比增长</p>
|
|
|
+ <span class="red">0%</span>
|
|
|
+ <img src="img/md-trending_up@2x.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="main-left-data-chart">
|
|
|
+ <div id="container4" style="height: 100%"></div>
|
|
|
+ </div>
|
|
|
+ <div class="main-left-data-chart">
|
|
|
+ <div id="container" style="height: 100%"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="main-left-table">
|
|
|
+ <div class="title">
|
|
|
+ <h3>企业健康指数</h3><span id="topListNum">28</span>
|
|
|
+ </div>
|
|
|
+ <div class="content" id="topListContent">
|
|
|
+
|
|
|
+ <table class="table table-bordered">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>工会名称</th>
|
|
|
+ <th style="width: 100px;">基础型</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ </table>
|
|
|
+ <!-- <marquee onMouseOut="this.start()" id="marquee1"
|
|
|
+ behavior="scroll" scrollamount="3"
|
|
|
+ direction="up" onMouseOver="this.stop()">
|
|
|
+ </marquee> -->
|
|
|
+ <table class="table table-bordered">
|
|
|
+ <tbody id="topListBody">
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ <!--<div class="tab-more">查看更多</div>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="main-left-table">
|
|
|
+ <div class="title">
|
|
|
+ <h3>预警信息</h3><span class="red" id="errorListNum" >8</span>
|
|
|
+ </div>
|
|
|
+ <div class="content" id="errorListContent">
|
|
|
+ <table class="table table-bordered" >
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>触发工会</th>
|
|
|
+ <th style='width: 100px;'>预警级别</th>
|
|
|
+ <th style='width: 80px;'>类型</th>
|
|
|
+ <th style='width: 120px;'>日期</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ </table>
|
|
|
+ <!-- <marquee onMouseOut="this.start()" id="marquee2" scrollamount="3"
|
|
|
+ behavior="scroll"
|
|
|
+ direction="up" onMouseOver="this.stop()">
|
|
|
+ </marquee> -->
|
|
|
+ <table class="table table-bordered" >
|
|
|
+ <tbody id="errorListBody" >
|
|
|
+
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
|
+ <div class="modal-dialog" style="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="myModalLabelwwww"><span>所属工会：</span>温州市同源眼镜配件工会</h4>
|
|
|
+ </div>
|
|
|
+ <div class="modal-body" style="min-height: 400px;">
|
|
|
+ <table class="table table-bordered">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th>触发时间</th>
|
|
|
+ <th>监测项目</th>
|
|
|
+ <th>触发类型</th>
|
|
|
+ <th>预警级别</th>
|
|
|
+ <th>当前状态</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="ob3">2020-12-10 15:53:44</td>
|
|
|
+ <td>基础型</td>
|
|
|
+ <td class="ob1">分数低于70分</td>
|
|
|
+ <td class="ob2">红色预警</td>
|
|
|
+ <td>处置中</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ <div class="table-timeAxis" style="height: 300px;">
|
|
|
+
|
|
|
+ <div class="timeAxis-item warning3">
|
|
|
+ <h4>【瓯海区娄桥街道总工会】上传了处置结果</h4>
|
|
|
+ <p id="closeTime">2016-07-12 12:40</p>
|
|
|
+ </div>
|
|
|
+ <div class="timeAxis-item warning2 warning3">
|
|
|
+ <h4>【瓯海区娄桥街道总工会】开启了处置预警</h4>
|
|
|
+ <p id="openTime">2016-07-12 12:40</p>
|
|
|
+ </div>
|
|
|
+ <div class="timeAxis-item warning1 warning2 warning3 ">
|
|
|
+ <h4>【系统】自动触发了【红色预警】</h4>
|
|
|
+ <p id="createTime">2016-07-12 12:40</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <table class="table table-bordered">
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>处置指导建议:</td>
|
|
|
+ <td>由县、乡两级工会入企调查，指导企业整改，整改情况报市总工会备案</td>
|
|
|
+
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="main-mid">
|
|
|
+ <div class="main-mid-top">
|
|
|
+ <img src="img/pic.png" style=" width: 90%; height: 100%; " alt="">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="main-mid-bot">
|
|
|
+ <div class="title">
|
|
|
+ <h3>预警处置情况</h3>
|
|
|
+ <div class="chart-tab" style="display: none">
|
|
|
+ <ul class="nav nav-tabs" role="tablist">
|
|
|
+ <li role="presentation" class="active"><a href="#all" aria-controls="all" role="tab" data-toggle="tab">全部</a></li>
|
|
|
+ <li role="presentation"><a href="#jcx" aria-controls="jcx" role="tab" data-toggle="tab">基础型</a></li>
|
|
|
+ <li role="presentation"><a href="#tsx" aria-controls="tsx" role="tab" data-toggle="tab">提升型</a></li>
|
|
|
+ <li role="presentation"><a href="#jzjgx" aria-controls="jzjgx" role="tab" data-toggle="tab">即知即改型</a></li>
|
|
|
+ <li role="presentation"><a href="#qysc" aria-controls="qysc" role="tab" data-toggle="tab">企业生产</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="tab-content">
|
|
|
+ <div role="tabpanel" class="tab-pane active" id="all">
|
|
|
+ <div id="container3" style="height: 100%"></div>
|
|
|
+ </div>
|
|
|
+ <div role="tabpanel" class="tab-pane" id="jcx">2</div>
|
|
|
+ <div role="tabpanel" class="tab-pane" id="tsx">3</div>
|
|
|
+ <div role="tabpanel" class="tab-pane" id="jzjgx">4</div>
|
|
|
+ <div role="tabpanel" class="tab-pane" id="qysc">5</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="main-right">
|
|
|
+ <div class="main-right-chart">
|
|
|
+ <div class="title">
|
|
|
+ <h3>基础型得分统计</h3>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div id="container1" style="height: 100%"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="main-right-chart" style="display: none">
|
|
|
+ <div class="title">
|
|
|
+ <h3>提升型得分统计</h3>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="main-right-chart">
|
|
|
+ <div class="title">
|
|
|
+ <h3>按处置进度统计</h3>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div id="container2" style="height: 100%"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="main-mid">
|
|
|
- <div class="main-mid-top">
|
|
|
- <img src="img/pic.png" style=" width: 90%; height: 100%; " alt="">
|
|
|
-
|
|
|
- </div>
|
|
|
- <div class="main-mid-bot">
|
|
|
- <div class="title">
|
|
|
- <h3>预警处置情况</h3>
|
|
|
- <div class="chart-tab" style="display: none">
|
|
|
- <ul class="nav nav-tabs" role="tablist">
|
|
|
- <li role="presentation" class="active"><a href="#all" aria-controls="all" role="tab" data-toggle="tab">全部</a></li>
|
|
|
- <li role="presentation"><a href="#jcx" aria-controls="jcx" role="tab" data-toggle="tab">基础型</a></li>
|
|
|
- <li role="presentation"><a href="#tsx" aria-controls="tsx" role="tab" data-toggle="tab">提升型</a></li>
|
|
|
- <li role="presentation"><a href="#jzjgx" aria-controls="jzjgx" role="tab" data-toggle="tab">即知即改型</a></li>
|
|
|
- <li role="presentation"><a href="#qysc" aria-controls="qysc" role="tab" data-toggle="tab">企业生产</a></li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="content">
|
|
|
- <div class="tab-content">
|
|
|
- <div role="tabpanel" class="tab-pane active" id="all">
|
|
|
- <div id="container3" style="height: 100%"></div>
|
|
|
- </div>
|
|
|
- <div role="tabpanel" class="tab-pane" id="jcx">2</div>
|
|
|
- <div role="tabpanel" class="tab-pane" id="tsx">3</div>
|
|
|
- <div role="tabpanel" class="tab-pane" id="jzjgx">4</div>
|
|
|
- <div role="tabpanel" class="tab-pane" id="qysc">5</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="main-right">
|
|
|
- <div class="main-right-chart">
|
|
|
- <div class="title">
|
|
|
- <h3>基础型得分统计</h3>
|
|
|
- </div>
|
|
|
- <div class="content">
|
|
|
- <div id="container1" style="height: 100%"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="main-right-chart" style="display: none">
|
|
|
- <div class="title">
|
|
|
- <h3>提升型得分统计</h3>
|
|
|
- </div>
|
|
|
- <div class="content">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="main-right-chart">
|
|
|
- <div class="title">
|
|
|
- <h3>按处置进度统计</h3>
|
|
|
- </div>
|
|
|
- <div class="content">
|
|
|
- <div id="container2" style="height: 100%"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
|
|
|
<script src="js/jquery.min.js"></script>
|
|
|
|
|
|
@@ -352,7 +590,7 @@
|
|
|
<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>
|
|
|
-
|
|
|
+ <script src="js/large2.js"></script>
|
|
|
|
|
|
</body>
|
|
|
</html>
|
zhengkaixin