#
luxiaotao1123
2022-02-23 c595601057f9920d93eaffd9fe13e6fe69e721cc
#
1个文件已修改
393 ■■■■ 已修改文件
src/main/webapp/views/home/console.html 393 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/main/webapp/views/home/console.html
@@ -149,218 +149,203 @@
</head>
<body>
<!-- 正文开始 -->
<div class="layui-fluid ew-console-wrapper">
    <!-- 卡片 -->
    <div class="layui-row layui-col-space15">
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    报文量<span class="layui-badge layui-badge-green pull-right">日</span>
                </div>
                <div class="layui-card-body">
                    <p class="lay-big-font" id="logQtyDay">0</p>
                    <p>总报文量<span class="pull-right"><span id="logQty">0</span></span></p>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    终端数量<span class="layui-badge layui-badge-blue pull-right">总</span>
                </div>
                <div class="layui-card-body">
                    <p class="lay-big-font"><span style="line-height: 1;" id="sensorQty">0</span></p>
                    <p>在线设备<span class="pull-right"><span id="sensorOnlineQty"></span> </span></p>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    指令下发量<span class="layui-badge layui-badge-red pull-right">月</span>
                </div>
                <div class="layui-card-body">
                    <p class="lay-big-font"><span id="commandQtyMonth">0</span></p>
                    <p>总下发量<span class="pull-right"><span id="commandQty">0</span></span></p>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">
                    系统用户
                    <span class="icon-text pull-right" lay-tips="系统运行中......" lay-direction="4" lay-offset="5px,5px">
                        <i class="layui-icon layui-icon-loading-1 layui-anim layui-anim-rotate layui-anim-loop"></i>
                    </span>
                </div>
                <div class="layui-card-body">
                    <p class="lay-big-font"><span id="usersQty">0</span> <span style="font-size: 24px;line-height: 1;">位</span></p>
                    <p>操作次数<span class="pull-right"><span id="optQty">0</span> 次</span></p>
                </div>
            </div>
        </div>
    </div>
    <!-- 快捷方式 -->
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm6" style="padding-bottom: 0;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs6 layui-col-sm3">
                    <a class="console-app-group" ew-href="sensor/sensor.html?resourceId=30529" lay-text="斑马线终端">
                        <i class="console-app-icon layui-icon layui-icon-align-center" style="color: #ff9c6e;"></i>
                        <div class="console-app-name">斑马线</div>
                    </a>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group" ew-href="sensor2/sensor2.html?resourceId=30553" lay-text="井盖终端">
                        <i class="console-app-icon layui-icon layui-icon-circle" style="color: #95de64;"></i>
                        <div class="console-app-name">井盖</div>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group" ew-href="sensor3/sensor3.html?resourceId=30556" lay-text="护栏终端">
                        <i class="console-app-icon layui-icon layui-icon-table" style="color: #5cdbd3;font-size: 30px;"></i>
                        <div class="console-app-name">护栏</div>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group" ew-href="sensor4/sensor4.html?resourceId=30559" lay-text="消防终端">
                        <i class="console-app-icon layui-icon layui-icon-fire" style="color: #b37feb;font-size: 30px;"></i>
                        <div class="console-app-name">消防</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-sm6" style="padding-bottom: 0;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group" ew-href="sensor5/sensor5.html?resourceId=30562" lay-text="气体检测终端">
                        <i class="console-app-icon layui-icon layui-icon-transfer" style="color: #ffd666;font-size: 34px;"></i>
                        <div class="console-app-name">气体</div>
                    </div>
                </div>
<!--                <div class="layui-col-xs6 layui-col-sm3">-->
<!--                    <div class="console-app-group" lay-href="allo/allo.html?resourceId=20402" lay-text="货位信息">-->
<!--                        <i class="console-app-icon layui-icon layui-icon-templeate-1" style="color: #5cdbd3;font-size: 36px;"></i>-->
<!--                        <div class="console-app-name">货位</div>-->
<!--                    </div>-->
<!--                </div>-->
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group" ew-href="alarmVal/alarmVal.html?resourceId=30644" lay-text="报警阈值">
                        <i class="console-app-icon layui-icon layui-icon-notice"
                           style="color: #ff85c0;font-size: 28px;"></i>
                        <div class="console-app-name">报警</div>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group" ew-href="user/user.html?resourceId=4" lay-text="系统用户">
                        <i class="console-app-icon layui-icon layui-icon-group" style="font-size: 26px;padding-top: 3px;margin-right: 6px;"></i>
                        <div class="console-app-name">用户</div>
                    </div>
                </div>
                <div class="layui-col-xs6 layui-col-sm3">
                    <div class="console-app-group" ew-href="detail.html?resourceId=8" lay-text="基本资料">
                        <i class="console-app-icon layui-icon layui-icon-slider" style="color: #ffc069;"></i>
                        <div class="console-app-name">设置</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="layui-row layui-col-space15">
        <!-- 图表 -->
<!--        <div class="layui-col-md8 layui-col-sm6">-->
<!--<div class="layui-fluid ew-console-wrapper">-->
<!--    &lt;!&ndash; 卡片 &ndash;&gt;-->
<!--    <div class="layui-row layui-col-space15">-->
<!--        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
<!--            <div class="layui-card">-->
<!--                <div class="layui-card-header">-->
<!--                    报文量<span class="layui-badge layui-badge-green pull-right">日</span>-->
<!--                </div>-->
<!--                <div class="layui-card-body">-->
<!--                    <div id="charts" style="width: 100%;height: 600px;"></div>-->
<!--                    <p class="lay-big-font" id="logQtyDay">0</p>-->
<!--                    <p>总报文量<span class="pull-right"><span id="logQty">0</span></span></p>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
        <!-- 地图 -->
        <div class="layui-col-md8 layui-col-sm6">
            <div class="layui-card">
<!--                <div class="layui-card-header">设备地图</div>-->
                <div class="layui-card-body" style="position: relative">
                    <!-- 导航 -->
                    <div class="dropdown-menu dropdown-hover" style="position: absolute;top: 22px;left: 30px;z-index: 999">
                        <button id="map-selector-btn" class="layui-btn icon-btn layui-btn-primary">
                            &nbsp;地图监控 <i class="layui-icon layui-icon-drop"></i></button>
                        <ul class="dropdown-menu-nav">
                            <div class="dropdown-anchor"></div>
                            <li ew-href="sensor/loca.html?resourceId=30601"><a><i class="layui-icon layui-icon-align-center"></i>斑马线地图</a></li>
                            <li ew-href="sensor/loca.html?resourceId=30603"><a><i class="layui-icon layui-icon-circle"></i>井盖地图</a></li>
                            <li ew-href="sensor/loca.html?resourceId=30605"><a><i class="layui-icon layui-icon-table"></i>护栏地图</a></li>
                            <li ew-href="sensor/loca.html?resourceId=30607"><a><i class="layui-icon layui-icon-fire"></i>消防地图</a></li>
                            <li ew-href="sensor/loca.html?resourceId=30609"><a><i class="layui-icon layui-icon-transfer"></i>气体地图</a></li>
                        </ul>
                    </div>
                    <!-- 重置地图 -->
                    <button id="map-reset" class="layui-btn layui-btn-primary" style="position: absolute;top: 22px;right: 30px;z-index: 999;">
                        <i class="layui-icon layui-icon-refresh-1" style="font-weight: bolder"></i>
                    </button>
                    <!-- 地图 -->
                    <div id="map" style="width: 100%;height: 600px;"></div>
                </div>
            </div>
        </div>
        <!-- 介绍 -->
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layui-card">
                <div class="layui-card-header">版本信息</div>
                <div class="layui-card-body">
                    <table class="layui-table layui-text">
                        <colgroup>
                            <col width="90">
                            <col>
                        </colgroup>
                        <tbody>
                        <tr>
                            <td>系统简称</td>
                            <td>中扬立库运维</td>
                        </tr>
                        <tr>
                            <td>版本号</td>
                            <td>Version 1.0.0</td>
                        </tr>
                        <tr>
                            <td>优点特色</td>
                            <td>易上手 / 操作效率高 / 数据及时 / 简约</td>
                        </tr>
<!--        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
<!--            <div class="layui-card">-->
<!--                <div class="layui-card-header">-->
<!--                    终端数量<span class="layui-badge layui-badge-blue pull-right">总</span>-->
<!--                </div>-->
<!--                <div class="layui-card-body">-->
<!--                    <p class="lay-big-font"><span style="line-height: 1;" id="sensorQty">0</span></p>-->
<!--                    <p>在线设备<span class="pull-right"><span id="sensorOnlineQty"></span> </span></p>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
<!--            <div class="layui-card">-->
<!--                <div class="layui-card-header">-->
<!--                    指令下发量<span class="layui-badge layui-badge-red pull-right">月</span>-->
<!--                </div>-->
<!--                <div class="layui-card-body">-->
<!--                    <p class="lay-big-font"><span id="commandQtyMonth">0</span></p>-->
<!--                    <p>总下发量<span class="pull-right"><span id="commandQty">0</span></span></p>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
<!--            <div class="layui-card">-->
<!--                <div class="layui-card-header">-->
<!--                    系统用户-->
<!--                    <span class="icon-text pull-right" lay-tips="系统运行中......" lay-direction="4" lay-offset="5px,5px">-->
<!--                        <i class="layui-icon layui-icon-loading-1 layui-anim layui-anim-rotate layui-anim-loop"></i>-->
<!--                    </span>-->
<!--                </div>-->
<!--                <div class="layui-card-body">-->
<!--                    <p class="lay-big-font"><span id="usersQty">0</span> <span style="font-size: 24px;line-height: 1;">位</span></p>-->
<!--                    <p>操作次数<span class="pull-right"><span id="optQty">0</span> 次</span></p>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    &lt;!&ndash; 快捷方式 &ndash;&gt;-->
<!--    <div class="layui-row layui-col-space15">-->
<!--        <div class="layui-col-sm6" style="padding-bottom: 0;">-->
<!--            <div class="layui-row layui-col-space15">-->
<!--                <div class="layui-col-xs6 layui-col-sm3">-->
<!--                    <a class="console-app-group" ew-href="sensor/sensor.html?resourceId=30529" lay-text="斑马线终端">-->
<!--                        <i class="console-app-icon layui-icon layui-icon-align-center" style="color: #ff9c6e;"></i>-->
<!--                        <div class="console-app-name">斑马线</div>-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="layui-col-xs6 layui-col-sm3">-->
<!--                    <div class="console-app-group" ew-href="sensor2/sensor2.html?resourceId=30553" lay-text="井盖终端">-->
<!--                        <i class="console-app-icon layui-icon layui-icon-circle" style="color: #95de64;"></i>-->
<!--                        <div class="console-app-name">井盖</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-col-xs6 layui-col-sm3">-->
<!--                    <div class="console-app-group" ew-href="sensor3/sensor3.html?resourceId=30556" lay-text="护栏终端">-->
<!--                        <i class="console-app-icon layui-icon layui-icon-table" style="color: #5cdbd3;font-size: 30px;"></i>-->
<!--                        <div class="console-app-name">护栏</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-col-xs6 layui-col-sm3">-->
<!--                    <div class="console-app-group" ew-href="sensor4/sensor4.html?resourceId=30559" lay-text="消防终端">-->
<!--                        <i class="console-app-icon layui-icon layui-icon-fire" style="color: #b37feb;font-size: 30px;"></i>-->
<!--                        <div class="console-app-name">消防</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="layui-col-sm6" style="padding-bottom: 0;">-->
<!--            <div class="layui-row layui-col-space15">-->
<!--                <div class="layui-col-xs6 layui-col-sm3">-->
<!--                    <div class="console-app-group" ew-href="sensor5/sensor5.html?resourceId=30562" lay-text="气体检测终端">-->
<!--                        <i class="console-app-icon layui-icon layui-icon-transfer" style="color: #ffd666;font-size: 34px;"></i>-->
<!--                        <div class="console-app-name">气体</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-col-xs6 layui-col-sm3">-->
<!--                    <div class="console-app-group" ew-href="alarmVal/alarmVal.html?resourceId=30644" lay-text="报警阈值">-->
<!--                        <i class="console-app-icon layui-icon layui-icon-notice"-->
<!--                           style="color: #ff85c0;font-size: 28px;"></i>-->
<!--                        <div class="console-app-name">报警</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-col-xs6 layui-col-sm3">-->
<!--                    <div class="console-app-group" ew-href="user/user.html?resourceId=4" lay-text="系统用户">-->
<!--                        <i class="console-app-icon layui-icon layui-icon-group" style="font-size: 26px;padding-top: 3px;margin-right: 6px;"></i>-->
<!--                        <div class="console-app-name">用户</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-col-xs6 layui-col-sm3">-->
<!--                    <div class="console-app-group" ew-href="detail.html?resourceId=8" lay-text="基本资料">-->
<!--                        <i class="console-app-icon layui-icon layui-icon-slider" style="color: #ffc069;"></i>-->
<!--                        <div class="console-app-name">设置</div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    &lt;!&ndash; 主体 &ndash;&gt;-->
<!--    <div class="layui-row layui-col-space15">-->
<!--        &lt;!&ndash; 地图 &ndash;&gt;-->
<!--        <div class="layui-col-md8 layui-col-sm6">-->
<!--            <div class="layui-card">-->
<!--&lt;!&ndash;                <div class="layui-card-body" style="position: relative">&ndash;&gt;-->
<!--&lt;!&ndash;                    &lt;!&ndash; 导航 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;                    <div class="dropdown-menu dropdown-hover" style="position: absolute;top: 22px;left: 30px;z-index: 999">&ndash;&gt;-->
<!--&lt;!&ndash;                        <button id="map-selector-btn" class="layui-btn icon-btn layui-btn-primary">&ndash;&gt;-->
<!--&lt;!&ndash;                            &nbsp;地图监控 <i class="layui-icon layui-icon-drop"></i></button>&ndash;&gt;-->
<!--&lt;!&ndash;                        <ul class="dropdown-menu-nav">&ndash;&gt;-->
<!--&lt;!&ndash;                            <div class="dropdown-anchor"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                            <li ew-href="sensor/loca.html?resourceId=30601"><a><i class="layui-icon layui-icon-align-center"></i>斑马线地图</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                            <li ew-href="sensor/loca.html?resourceId=30603"><a><i class="layui-icon layui-icon-circle"></i>井盖地图</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                            <li ew-href="sensor/loca.html?resourceId=30605"><a><i class="layui-icon layui-icon-table"></i>护栏地图</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                            <li ew-href="sensor/loca.html?resourceId=30607"><a><i class="layui-icon layui-icon-fire"></i>消防地图</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                            <li ew-href="sensor/loca.html?resourceId=30609"><a><i class="layui-icon layui-icon-transfer"></i>气体地图</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                        </ul>&ndash;&gt;-->
<!--&lt;!&ndash;                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                    &lt;!&ndash; 重置地图 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;                    <button id="map-reset" class="layui-btn layui-btn-primary" style="position: absolute;top: 22px;right: 30px;z-index: 999;">&ndash;&gt;-->
<!--&lt;!&ndash;                        <i class="layui-icon layui-icon-refresh-1" style="font-weight: bolder"></i>&ndash;&gt;-->
<!--&lt;!&ndash;                    </button>&ndash;&gt;-->
<!--&lt;!&ndash;                    &lt;!&ndash; 地图 &ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;                    <div id="map" style="width: 100%;height: 600px;"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                </div>&ndash;&gt;-->
<!--            </div>-->
<!--        </div>-->
<!--        &lt;!&ndash; 介绍 &ndash;&gt;-->
<!--        <div class="layui-col-md4 layui-col-sm6">-->
<!--            <div class="layui-card">-->
<!--                <div class="layui-card-header">版本信息</div>-->
<!--                <div class="layui-card-body">-->
<!--                    <table class="layui-table layui-text">-->
<!--                        <colgroup>-->
<!--                            <col width="90">-->
<!--                            <col>-->
<!--                        </colgroup>-->
<!--                        <tbody>-->
<!--                        <tr>-->
<!--                            <td>制作方</td>-->
<!--                            <td><a href="http://www.zoneyung.com" target="_blank">浙江中扬立库技术有限公司</a></td>-->
<!--                            <td>系统简称</td>-->
<!--                            <td>中扬立库运维</td>-->
<!--                        </tr>-->
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">友情链接</div>
                <div class="layui-card-body">
                    <div class="layui-carousel admin-carousel admin-news" id="workplaceNewsCarousel">
                        <div carousel-item>
                            <div>
                                <a id="toDataV" target="_blank"
                                   style="cursor: pointer; color:#fff;background-color: #009fde;background-image: linear-gradient(to right,#009fde,#00beff);">
                                    高德地图 - 坐标拾取系统</a>
                            </div>
                        </div>
<!--                        <tr>-->
<!--                            <td>版本号</td>-->
<!--                            <td>Version 1.0.0</td>-->
<!--                        </tr>-->
<!--                        <tr>-->
<!--                            <td>优点特色</td>-->
<!--                            <td>易上手 / 操作效率高 / 数据及时 / 简约</td>-->
<!--                        </tr>-->
<!--&lt;!&ndash;                        <tr>&ndash;&gt;-->
<!--&lt;!&ndash;                            <td>制作方</td>&ndash;&gt;-->
<!--&lt;!&ndash;                            <td><a href="http://www.zoneyung.com" target="_blank">浙江中扬立库技术有限公司</a></td>&ndash;&gt;-->
<!--&lt;!&ndash;                        </tr>&ndash;&gt;-->
<!--                        </tbody>-->
<!--                    </table>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-card">-->
<!--                <div class="layui-card-header">友情链接</div>-->
<!--                <div class="layui-card-body">-->
<!--                    <div class="layui-carousel admin-carousel admin-news" id="workplaceNewsCarousel">-->
<!--                        <div carousel-item>-->
<!--                            <div>-->
<!--                                <a id="toDataV" target="_blank"-->
<!--                                   style="cursor: pointer; color:#fff;background-color: #009fde;background-image: linear-gradient(to right,#009fde,#00beff);">-->
<!--                                    高德地图 - 坐标拾取系统</a>-->
<!--                            </div>-->
<!--                        </div>-->
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">
                    设备报警
                    <button ew-href="alarm/alarm.html?resourceId=30612" lay-text="报警记录" class="layui-btn layui-btn-primary layui-btn-xs" style="float: right; margin: 11px 5px 0 0">
                    报警记录</button>
                </div>
                <div class="layui-card-body" id="warnList">
                </div>
            </div>
        </div>
    </div>
</div>
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-card">-->
<!--&lt;!&ndash;                <div class="layui-card-header">&ndash;&gt;-->
<!--&lt;!&ndash;                    设备报警&ndash;&gt;-->
<!--&lt;!&ndash;                    <button ew-href="alarm/alarm.html?resourceId=30612" lay-text="报警记录" class="layui-btn layui-btn-primary layui-btn-xs" style="float: right; margin: 11px 5px 0 0">&ndash;&gt;-->
<!--&lt;!&ndash;                    报警记录</button>&ndash;&gt;-->
<!--&lt;!&ndash;                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                <div class="layui-card-body" id="warnList">&ndash;&gt;-->
<!--&lt;!&ndash;                </div>&ndash;&gt;-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!-- js部分 -->
<script src="https://webapi.amap.com/maps?v=2.0&key=24c671d7d8365d7eaff888498538452f&plugin=AMap.Scale,AMap.ToolBar"></script>
<script src="https://webapi.amap.com/loca?v=2.0.0&key=24c671d7d8365d7eaff888498538452f"></script>