efAnalysisdataVisualization eleFireIndex.html 韩正义 commit at 2021-04-08

efAnalysisdataVisualization/frontImplementation/eleFireIndex.html

@@ -197,3 +197,108 @@
 
 
 
+        </div>
+    </div>
+
+
+    <div class="page-container">
+        <header>
+            <h1>分析报告及数据可视化</h1>
+            <div class="filterSec">
+                <span>建筑</span>
+                <select name="" id="building">
+                    <option value="10246">建筑一</option>
+                    <option value="10062">建筑二</option>
+                </select>
+                <span>时间</span>
+                <div class="layui-inline"><input type="text" id="chooseTime" class="layui-input test-item"></div>
+
+                <a class="button">
+                    <img src="images/export-icon.svg" alt="">
+                    <text id="btnPrint">导出</text>
+                </a>
+            </div>
+
+        </header>
+
+        <section class="mainbox eleFire">
+
+            <div class="topSection">
+                <div class="column">
+                    <div class="panel bar-3d">
+                        <h2>
+                            <img src="images/title-bg.png" alt="">
+                            <span>数据统计计算</span>
+                            <img src="images/title-bg2.png" alt="">
+                            <div class="line"></div>
+                        </h2>
+                        <ul>
+                            <li>
+                                <p class="num total"></p>
+                                <p>报警总数</p>
+                            </li>
+                            <li>
+                                <p class="num solved"></p>
+                                <p>处理数</p>
+                            </li>
+                            <li>
+                                <p class="num unsolve"></p>
+                                <p>未处理数</p>
+                            </li>
+                        </ul>
+                        <div class="chart">
+                        </div>
+                        <div class="panel-footer"></div>
+                    </div>
+                </div>
+                <div class="column">
+                    <div class="panel line divergence">
+                        <h2>
+                            <img src="images/title-bg.png" alt="">
+                            <span>数据离散率挖掘</span>
+                            <img src="images/title-bg2.png" alt="">
+                            <div class="line"></div>
+                        </h2>
+
+                        <div class="tab-line">
+                            <a href="javascript:;" class="active">三相电压</a>
+                            <a href="javascript:;">三相电流</a>
+                            <a href="javascript:;">三相温度</a>
+                            <a href="javascript:;">漏电电流</a>
+                        </div>
+
+                        <div class="chart"></div>
+
+                        <div class="summary">
+                            <div>
+                                <p>结论：</p>
+                            </div>
+                            <div class="summaryDetail">
+                                <p>1、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；</p>
+                                <p>2、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；</p>
+                                <p>3、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；</p>
+                                <p>4、请检查绝缘皮出现硬化、裂纹；接触电阻变大，现硬化、裂纹；</p>
+                            </div>
+                        </div>
+                        <div class="panel-footer"></div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="bottomSection">
+                <div class="column">
+                    <div class="panel line oldAnalysis">
+                        <h2>
+                            <img src="images/title-bg.png" alt="">
+                            <span>电老化分析</span>
+                            <img src="images/title-bg2.png" alt="">
+                            <div class="line"></div>
+                        </h2>
+                        <div class="tab-line">
+                            <a href="javascript:;" class="active" id="active">异常设备监控电缆数据</a>
+                            <a href="javascript:;">漏电告警数据</a>
+                        </div>
+
+                        <div class="chart"></div>
+
+                        <div class="summary">