Browse Source

efAnalysisdataVisualization eleFireIndex.html 韩正义 commit at 2020-09-28

韩正义 4 years ago
parent
commit
a8bc8c5d6f
1 changed files with 195 additions and 0 deletions
  1. 195 0
      efAnalysisdataVisualization/frontImplementation/eleFireIndex.html

+ 195 - 0
efAnalysisdataVisualization/frontImplementation/eleFireIndex.html

@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>杨浦二期(电气火灾)</title>
+    <script src="js/flexible.js"></script>
+    <link rel="shortcut icon" href="images/favicon.ico">
+    <link rel="stylesheet" href="layui/css/layui.css">
+    <link rel="stylesheet" href="css/index.css" />
+
+</head>
+
+<body>
+
+    <div class="exportBox">
+        <div class="exportContainer" id="printArea">
+
+            <h3 style="text-align:center">电气火灾隐患分析报告</h3>
+
+            <section class="section">
+                <h4 class="big-tit">1 基本情况</h4>
+
+                <div>
+                    <h4 class="big-tit">1.1 项目情况</h4>
+                    <table width="100%" border=1 style="text-align: center;border-collapse: collapse;
+                    border-spacing: 0;" id="project_situation">
+                        <!-- <tr>
+                            <td>单位名称</td>
+                            <td colspan="5">中建广场</td>
+
+                        </tr>
+                        <tr>
+                            <td>进场日期</td>
+                            <td>2018-12-26 </td>
+                            <td>完工日期</td>
+                            <td>2019-01-22</td>
+                            <td>验收日期</td>
+                            <td>2019-01-25</td>
+                        </tr> -->
+                    </table>
+                    <p class="table-sub" style="text-align:center">表1:基本情况</p>
+                </div>
+
+                <div>
+                    <h4 class="big-tit">1.2 安装设备清单</h4>
+                    <table width="100%" border=1 style="text-align: center;border-collapse: collapse;
+                    border-spacing: 0;">
+                        <tr>
+                            <td>设备名称</td>
+                            <td>设备位置</td>
+                            <td>设备编号</td>
+                            <td>备注</td>
+                        </tr>
+                        <tbody id="equipment_list">
+                            <!-- <tr>
+                                <td>1-8层电气火灾</td>
+                                <td>1楼配电间内</td>
+                                <td>11902191670097</td>
+                                <td></td>
+                            </tr>
+                            <tr>
+                                <td>9-16层电气火灾</td>
+                                <td>1楼配电间内</td>
+                                <td>11902191670033</td>
+                                <td></td>
+                            </tr>
+                            <tr>
+                                <td>电梯(备用)电气火灾</td>
+                                <td>1楼配电间内</td>
+                                <td>11902191670058</td>
+                                <td></td>
+                            </tr>
+                            <tr>
+                                <td>公灯2电气火灾</td>
+                                <td>1楼配电间内</td>
+                                <td>11902191670069</td>
+                                <td></td>
+                            </tr> -->
+                        </tbody>
+
+                    </table>
+                    <p class="table-sub" style="text-align:center">表2:安装设备清单</p>
+                </div>
+
+
+                <div class="text-left">
+                    <h4 class="big-tit">1.3 统计时段</h4>
+                    <div id="statistical_period"></div>
+                    <!-- <div>统计起始日期:2020-12-01</div>
+                    <div>统计截止日期:2020-12-31</div>
+                    <div>统计时段时长:31</div> -->
+                </div>
+
+
+
+            </section>
+
+            <section class="">
+                <h4 class="big-tit">2 数据统计计算</h4>
+                <table width="100%" border=1 style="text-align: center;border-collapse: collapse;
+                border-spacing: 0;">
+                    <tr>
+                        <td>报警总数</td>
+                        <td>处理数</td>
+                        <td>未处理数</td>
+                        <td>处置率</td>
+                        <td>未处置率</td>
+                    </tr>
+                    <tbody id="data_statistics"></tbody>
+                    <!-- <tr>
+                        <td>1568</td>
+                        <td>1300</td>
+                        <td>268</td>
+                        <td>30%</td>
+                        <td>备注信息</td>
+                    </tr> -->
+                </table>
+
+                <p class="table-sub" style="text-align:center">表3:数据统计计算</p>
+            </section>
+
+            <section class="divergence">
+                <h4 class="big-tit">3 数据离散率挖掘</h4>
+                <h4 class="big-tit">3.1 三相电压</h4>
+                <div id="divergenceChart1" class="innerChart"></div>
+                <img id="divergenceChart1_img" style="width:100%;display:none;">
+
+                <h4 class="big-tit">3.2 三相电流</h4>
+                <div id="divergenceChart2" class=" innerChart"></div>
+                <img id="divergenceChart2_img" style="width:100%;display:none;">
+
+                <h4 class="big-tit">3.3 三相温度</h4>
+                <div id="divergenceChart3" class=" innerChart"></div>
+                <img id="divergenceChart3_img" style="width:100%;display:none;">
+
+                <h4 class="big-tit">3.4 漏电电流</h4>
+                <div id="divergenceChart4" class=" innerChart"></div>
+                <img id="divergenceChart4_img" style="width:100%;display:none;">
+
+                <div class="summary2 ">
+                    <div>
+                        <p>结论:</p>
+                    </div>
+                    <div class="summaryDetail">
+                        <!-- <div>1、请检查绝缘皮出现硬化、裂纹;接触电阻变大,现硬化、裂纹;</div>
+                        <div>2、请检查绝缘皮出现硬化、裂纹;接触电阻变大,现硬化、裂纹;</div>
+                        <div>3、请检查绝缘皮出现硬化、裂纹;接触电阻变大,现硬化、裂纹;</div>
+                        <div>4、请检查绝缘皮出现硬化、裂纹;接触电阻变大,现硬化、裂纹;</div> -->
+                    </div>
+                </div>
+
+            </section>
+
+
+            <section class="oldAnalysis">
+                <h4 class="big-tit">4 电老化分析</h4>
+
+                <h4 class="big-tit">4.1 异常设备监控电缆数据</h4>
+                <div id="oldAnalysisChart1" class="innerChart"></div>
+                <img id="oldAnalysisChart1_img" style="width:100%;display:none;">
+
+                <h4 class="big-tit">4.2 漏电告警数据</h4>
+                <div id="oldAnalysisChart2" class="innerChart"></div>
+                <img id="oldAnalysisChart2_img" style="width:100%;display:none;">
+
+                <div class="summary2">
+                    <div>
+                        <p>结论:</p>
+                    </div>
+                    <div class="summaryDetail">
+                        <!-- <div>1、请检查绝缘皮出现硬化、裂纹;接触电阻变大,现硬化、裂纹;</div> -->
+                    </div>
+                </div>
+
+            </section>
+
+            <section class="hotAnalysis">
+                <h4 class="big-tit">5 热老化分析</h4>
+
+                <div id="hotAnalysisChart1" class="innerChart"></div>
+                <img id="hotAnalysisChart1_img" style="width:100%;display:none;">
+
+
+                <div class="summary2">
+                    <div>
+                        <p>结论:</p>
+                    </div>
+                    <div class="summaryDetail">
+                        <!-- <div>1、请检查绝缘皮出现硬化、裂纹;接触电阻变大,现硬化、裂纹;1、请检查绝缘皮出现硬化、裂纹;接触电阻变大,现硬化、裂纹;1、请检查绝缘皮出现硬化、裂纹;接触电阻变大,现硬化、裂纹;1、请检查绝缘皮出现硬化、裂纹;接触电阻变大,现硬化、裂纹;</div> -->
+                    </div>
+                </div>
+
+            </section>