yuanMM
/
html


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
							<!DOCTYPE html >
<html lang="zh">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>工作月报</title>
    <link rel="shortcut icon" href="favicon.ico">
    <script src="js/flexible-inner.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/per-manage.css" />

</head>

<body style=" background-size: cover;background-color:#000;background-image:none">


    <div class="xcConfirm reportOut" style="display:none">
        <div class="popBox">
            <div class="ttBox">
                <a class="clsBtn"></a>
                <span class="tt">工作月报</span>

            </div>
            <form id="reportOutForm">
                <div class="txtBox " style="padding-right:0!important">

                    <div>
                        <span>开始日期：<i class="necessary">*</i>
                            </span>
                        <input type="text" id="startTime" name="startTime">
                    </div>

                    <div>
                        <span>结束日期：<i class="necessary">*</i>
                            </span>
                        <input type="text" id="endTime" name="endTime">
                    </div>
                    <div>
                        <span>建筑物名称：<i class="necessary">*</i>
                            </span>
                        <select id="getNameList" name="companyId">
                                <option value="">所有</option>
                            </select>
                    </div>
                </div>
                <div class="btnArea">
                    <div class="btnGroup">
                        <a id="nextStep" class="sgBtn ok"><img src="../../images/accept.png" alt=""> &nbsp;&nbsp;下一步
                        </a>
                        <a class="sgBtn cancel"><img src="../../images/cancel.png" alt="">关闭</a>
                    </div>
                </div>
            </form>
        </div>
    </div>


    <!-- 工作考评主页面start -->
    <div class="xcConfirm reportContentOut" style="display:none">
        <div class="popBox">
            <div class="ttBox">
                <span class="tt">工作月报</span>

                <a class="clsBtn"></a>
            </div>
            <div class="exportBox">

                <div class="exportContainer" id="printArea">

                    <h3 style="text-align:center">
                        <span id="companyName"></span>工作月报分析
                    </h3>

                    <h4 style="text-align:center;margin-top:10px;">2021-04月报表</h4>


                    <section class="section">
                        <h4 class="big-tit">1 设备类型统计信息</h4>

                        <div>
                            <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="typeList"></tbody>

                            </table>
                            <p class="table-sub" style="text-align:center">表1：设备类型统计信息表</p>
                        </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>

                            </tr>
                            <tbody id="companyData"></tbody>

                        </table>

                        <p class="table-sub" style="text-align:center">表2：单位信息统计表</p>
                    </section>
                    <!-- 告警处理start -->
                    <section class="alarm-handing">
                        <h4 class="big-tit">3 告警处理情况统计</h4>
                        <div>
                            <h4 class="big-tit">3.1 水系统告警处理统计</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="data_statistics"></tbody>
                                <tr>
                                    <td>100</td>
                                    <td>30</td>
                                    <td>70</td>
                                    <td>30%</td>
                                </tr>
                            </table>
                            <p class="table-sub" style="text-align:center">表3-1：水系统告警处理统计表</p>
                            <div id="waterChart1" class="innerChart"></div>
                            <br>
                            <img id="waterChart1_img" style="width:100%;display:none;">


                        </div>
                        <div>
                            <h4 class="big-tit">3.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="data_statistics"></tbody>
                                <tr>
                                    <td>100</td>
                                    <td>40</td>
                                    <td>60</td>
                                    <td>40%</td>
                                </tr>
                            </table>
                            <p class="table-sub" style="text-align:center">表3-2：水系统告警处理统计表</p>

                            <div id="fireChart1" class="innerChart"></div>
                            <br>
                            <img id="fireChart1_img" style="width:100%;display:none;">
                        </div>

                    </section>
                    <!-- 告警处理end -->


                    <!-- 设备离线情况统计start -->
                    <section class="device-only">
                        <h4 class="big-tit">4 设备离线情况统计</h4>
                        <div>
                            <h4 class="big-tit">4.1 水系统设备离线情况统计</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="data_statistics"></tbody>
                                <tr>
                                    <td>100</td>
                                    <td>10</td>
                                    <td>90</td>
                                    <td>10%</td>
                                </tr>
                            </table>
                            <p class="table-sub" style="text-align:center">表4-1：水系统设备离线情况统计表</p>
                            <div id="waterOnlyChart" class="innerChart"></div>
                            <br>
                            <img id="waterOnlyChart_img" style="width:100%;display:none;">


                        </div>
                        <div>
                            <h4 class="big-tit">4.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="data_statistics"></tbody>
                                <tr>
                                    <td>100</td>
                                    <td>20</td>
                                    <td>80</td>
                                    <td>20%</td>
                                </tr>
                            </table>
                            <p class="table-sub" style="text-align:center">表4-2：火系统设备离线情况统计表</p>

                            <div id="fireOnlyChart" class="innerChart"></div>
                            <br>
                            <img id="fireOnlyChart_img" style="width:100%;display:none;">
                        </div>

                        <div>
                            <h4 class="big-tit">4.3 烟感设备离线情况统计</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="data_statistics"></tbody>
                                <tr>
                                    <td>100</td>
                                    <td>30</td>
                                    <td>70</td>
                                    <td>30%</td>
                                </tr>
                            </table>
                            <p class="table-sub" style="text-align:center">表4-3：烟感设备离线情况统计表</p>

                            <div id="smokeOnlyChart" class="innerChart"></div>
                            <br>
                            <img id="smokeOnlyChart_img" style="width:100%;display:none;">
                        </div>

                    </section>
                    <!-- 设备离线情况统计end -->


                </div>
            </div>

            <div class="btnArea">
                <div class="btnGroup">
                    <a id="btnPrint" class="sgBtn ok"><img src="../../images/accept.png" alt="">导出</a>
                    <a class="sgBtn cancel"><img src="../../images/cancel.png" alt="">关闭</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 工作考评主页面end -->


    <script src="js/jquery.js"></script>
    <script src="api/request.js"></script>
    <script src="layui/layui.js"></script>
    <script src="js/echarts.min.js"></script>

    <script src="js/valid.js"></script>
    <script src="js/monthReport.js"></script>


    <script></script>


</body>

</html>