WEBUI/WMS.BZWeb/Areas/DeviceMonitorManager/Views/HJDeviceMonitor/Index - 副本.cshtml

@using WMS.BZWeb;
@{
    ViewBag.Title = "合金库监控";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<style>
    .selected {
        color: red;
    }

    .highlight {
        background: yellow;
    }

    .main {
        position: relative;
        min-width: 1024px;
        max-width: 1920px;
        margin: 0 auto;
        height: 100%;
        padding: 0.5% 0.5%;
        box-box-sizing: border-box;
        display: flex;
        flex-direction: row;
    }

    .head {
        width: 100%;
        height: 60px;
        padding: 10px;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

        .head .left {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
        }

            .head .left span {
                display: block;
                width: 70px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                background: #d6d6d6;
                font-size: 16px;
                color: #333333;
                margin-right: 6px;
                border-radius: 5px;
                font-family: DIN-Bold;
                cursor: pointer;
            }

                .head .left span.active {
                    background: #1890ff;
                    color: #fff;
                }

        .head .right {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
        }

        .head .tipIcon {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            margin-left: 10px;
        }

            .head .tipIcon span {
                color: #525866;
                font-size: 14px;
                margin-left: 5px;
            }

    .center {
        height: calc(100% - 60px);
        display: flex;
        box-sizing: border-box;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

        .center .left {
            position: relative;
            padding-left: 177px;
            padding-top: 20px;
            display: flex;
            box-sizing: border-box;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
        }

            .center .left .LineBox {
                padding-top: 57px;
                position: relative;
            }

            .center .left .LineBoxstu {
                position: absolute;
                left: 8px;
                top: 48px;
            }

            .center .left .itemBox {
                display: flex;
                box-sizing: border-box;
                flex-direction: column;
                justify-content: flex-start;
                align-items: flex-start;
            }

            .center .left .item {
                position: relative;
                top: 49px;
                left: 4px;
                line-height: 1;
            }

                .center .left .item .num {
                    color: #09355e;
                    position: absolute;
                    left: 48px;
                    top: 5px;
                    font-size: 8px;
                    font-family: DIN-Bold;
                }

                    .center .left .item .num.nums {
                        left: 45px;
                    }

                .center .left .item .ddj {
                    margin-left: 31px;
                    display: block;
                }

                .center .left .item .round {
                    position: absolute;
                    width: 790px;
                    height: 2px;
                    left: -22px;
                    bottom: 8px;
                }

        .center .right {
            height: 100%;
            width: 302px;
            box-sizing: border-box;
            padding: 5px 0 0 5px;
            border-left: 1px solid #bdcadb;
        }

            .center .right .rItem {
                margin-bottom: 5px;
            }

                .center .right .rItem .title {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    margin-bottom: 6px;
                }

                    .center .right .rItem .title span {
                        font-size: 16px;
                        color: #2d2f33;
                        font-weight: bold;
                        margin-left: 6px;
                    }

                .center .right .rItem .tbale {
                    border: 1px solid #bdcadb;
                    width: 235px;
                    margin-left: 12px;
                }

                    .center .right .rItem .tbale .item {
                        overflow: hidden;
                        height: 32px;
                        border-bottom: 1px solid #bdcadb;
                    }

                        .center .right .rItem .tbale .item span {
                            display: block;
                            float: left;
                            width: 98px;
                            height: 32px;
                            line-height: 32px;
                            background: #f8f9fb;
                            font-size: 14px;
                            color: #525866;
                            text-align: center;
                            border-right: 1px solid #bdcadb;
                        }

                        .center .right .rItem .tbale .item label {
                            display: block;
                            float: left;
                            width: 135px;
                            height: 32px;
                            line-height: 32px;
                            font-size: 14px;
                            color: #525866;
                            text-align: center;
                            font-family: DIN-Bold;
                            border-right: 1px solid #bdcadb;
                        }

                .center .right .rItem .InfoItem {
                    margin-bottom: 3px;
                    margin-left: 12px;
                }

                    .center .right .rItem .InfoItem .titleS {
                        display: block;
                        width: 48px;
                        height: 20px;
                        text-align: center;
                        line-height: 20px;
                        background: #fe2c2c;
                        color: #fff;
                        font-size: 12px;
                        border-radius: 5px;
                        margin-bottom: 4px;
                    }

                    .center .right .rItem .InfoItem .InfoBlock {
                        display: flex;
                        flex-direction: row;
                        margin-bottom: 1px;
                    }

                        .center .right .rItem .InfoItem .InfoBlock span {
                            color: #525866;
                            font-size: 14px;
                            display: block;
                            min-width: 70px;
                        }

                        .center .right .rItem .InfoItem .InfoBlock label {
                            color: #525866;
                            font-size: 14px;
                            font-weight: bold;
                        }

    .Colum {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 38px;
    }

    .onOne {
        position: relative;
        border: 1px dashed #dbdbdb;
        background: #f9f9f9;
        margin-right: 4px;
        border-radius: 5px;
    }

        .onOne span {
            position: absolute;
            color: #09355e;
            font-size: 14px;
            left: 5px;
            top: 50%;
            transform: translateY(-50%);
        }

    .big {
        position: absolute;
        left: 4px;
        bottom: -112px;
    }

    .ddjnum {
        font-size: 18px;
        position: absolute;
        color: #fff;
        font-family: DIN-Bold;
        left: 65px;
        z-index: 9999;
        top: 24px;
    }

    .position {
        position: absolute;
        left: 216px;
        top: 60px;
    }

    .firstRow {
        position: absolute;
        left: 179px;
        top: 53px;
        color: #292c33;
        font-size: 12px;
    }

    .firstLine {
        position: absolute;
        left: 217px;
        top: 43px;
        color: #292c33;
        font-size: 12px;
    }

    .status {
        position: absolute;
        width: 32px;
        height: 22px;
        margin-left: 10px;
    }

    .ddjline {
        margin-left: 44px;
        width: 723px;
    }

    .station {
        position: relative;
    }

    .stationgoods {
        position: absolute;
        margin-left: -23px;
        margin-top: 1px;
        width: 32px;
        height: 20px;
    }

    .jhd {
        position: absolute;
        margin-left: 20px;
        margin-top: -7px;
        height: 12px;
        width: 12px
    }

    .container {
        height: 300px;
        overflow: hidden;
        position: relative;
    }

    .content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
</style>
<div class="lr-layout">
    <div class="lr-layout-center">

        <ul class="left nav nav-tabs lr-nav-tabs" role="tablist" id="lr_left_list">
            <li role="presentation" class="active" data-value="1"><a href="#tree_base" aria-controls="home" role="tab" data-toggle="tab">1F</a></li>
            <li role="presentation" data-value="2"><a href="#tree_ajax" aria-controls="profile" role="tab" data-toggle="tab">2F</a></li>
            <li> <input type="range" id="slider" min="0" max="1000000000000" value="50" step="1"></li>
        </ul>
        <div class="station">
            <div style="position: absolute; right: -20px; top: -45px;">
                <div class="head">
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="" />
                        <span>堆垛机</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/AGV.png" class="" />
                        <span>AGV</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/tsj.png" class="" />
                        <span>提升机</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/tp.png" class="" />
                        <span>盘条托盘</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/jhd.png" class="" />
                        <span>交互点</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/agvlx.png" class="" />
                        <span>AGV路线</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/agvgd.png" class="" />
                        <span>AGV轨道</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- Tab panes -->
        <div class="tab-content lr-tab-content">
            <div role="tabpanel" class="tab-pane active" id="tree_base">

                <div style="height:100%;">

                    <div class="center">
                        <div class="left">

                            <span class="firstRow">第一行</span>
                            <span class="firstLine">第一列</span>
                            <img src="~/Content/images/DeviceMonitor/position.png" class="position" />
                            <div class="itemBox">
                                <div class="item">

                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num">1</span>

                                </div>
                                <div class="item">
                                    <div class="station">
                                        <img  id="station1012"  src="~/Content/images/DeviceMonitor/station.png" class="stationgoods" />
                                        <img  id="bj1012"  src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" style="margin-left:-13px" />
                                        <span id="1012" wcsstation="wcsstation" title="1012" style="position: absolute; margin-left: -20px; margin-top: 6px; font-size: 1px; color: #42666e; ">1012</span>
                                    </div>
                                    <div class="station">
                                        <img  id="station1011"  src="~/Content/images/DeviceMonitor/on.png" class="status" />
                                        <img  id="bj1011"       src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" />
                                        <span id="1011" wcsstation="wcsstation" isweight="true" title="1011"  style="position: absolute; margin-left: 13px; margin-top: 6px; font-size: 1px; color: #42666e;">1011</span>
                                    </div>
                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num">2</span>

                                    <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM1" wcssrm="wcssrm" />
                                    <span class="ddjnum">1</span>
                                    <img src="~/Content/images/DeviceMonitor/ddjline.png" class="round" />

                                </div>
                                <div class="item" style="margin-top: 2px; margin-bottom: 0px;">

                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num">3</span>
                                </div>
                                <div class="item" style="margin-bottom: 2px;">

                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num">4</span>
                                </div>
                                <div class="item">

                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num">5</span>

                                </div>
                                <div class="item">
                                    <div class="station">
                                        <img  id="station1014" src="~/Content/images/DeviceMonitor/stationgoods.png" class="stationgoods" />
                                        <img  id="bj1014"      src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" style="margin-left:-13px" />
                                        <span id="1014" wcsstation="wcsstation" style="position: absolute; margin-left: -20px; margin-top: 6px; font-size: 1px; color: #42666e; ">1014</span>
                                    </div>
                                    <div class="station">
                                        <img  id="station1013" src="~/Content/images/DeviceMonitor/on.png" class="status" />
                                        <img  id="bj1013"      src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" />
                                        <span id="1013" wcsstation="wcsstation" isweight="true" style="position: absolute; margin-left: 13px; margin-top: 6px; font-size: 1px; color: #42666e;">1013</span>
                                    </div>
                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num">6</span>
                                    <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM2" wcssrm="wcssrm" />
                                    <span class="ddjnum">2</span>
                                    <img src="~/Content/images/DeviceMonitor/ddjline.png" class="round" />
                                </div>
                                <div class="item" style="margin-top: 3px; margin-bottom: 0px;">

                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num">7</span>
                                </div>
                                <div class="item" style="margin-bottom: 2px;">

                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num">8</span>
                                </div>
                                <div class="item">

                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num">9</span>

                                </div>
                                <div class="item">

                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num nums" style="left:45px;">10</span>
                                    <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM3" wcssrm="wcssrm" />
                                    <span class="ddjnum">3</span>
                                    <img src="~/Content/images/DeviceMonitor/ddjline.png" class="round" />
                                </div>
                                <div class="item" style="margin-top: 3px; margin-bottom: 0px;">
                                    <div class="station">
                                        <img  id="station1016" src="~/Content/images/DeviceMonitor/stationgoods.png" class="stationgoods" />
                                        <img  id="bj1016"      src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" style="margin-left:-13px" />
                                        <span id="1016" wcsstation="wcsstation" style="position: absolute; margin-left: -20px; margin-top: 6px; font-size: 1px; color: #42666e; ">1016</span>
                                    </div>
                                    <div class="station">
                                        <img  id="station1015" src="~/Content/images/DeviceMonitor/on.png" class="status" />
                                        <img  id="bj1015"      src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" />
                                        <span id="1015" wcsstation="wcsstation" isweight="true" style="position: absolute; margin-left: 13px; margin-top: 6px; font-size: 1px; color: #42666e;">1015</span>
                                    </div>
                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num nums">11</span>
                                </div>
                                <div class="item">

                                    <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                    <span class="num nums">12</span>
                                </div>


                            </div>


                        </div>
                        <div class="right">
                            <div class="rItem">
                                <div class="title">
                                    <img src="~/Content/images/DeviceMonitor/icon.png" class="" />
                                    <span>库位信息</span>
                                </div>
                                <div class="tbale">
                                    <div class="item">
                                        <span>总货位</span>
                                        <label>5614</label>
                                    </div>
                                    <div class="item">
                                        <span>空货位</span>
                                        <label>0</label>
                                    </div>
                                    <div class="item">
                                        <span>堆垛机</span>
                                        <label>3</label>
                                    </div>
                                    <div class="item">
                                        <span>AGV</span>
                                        <label>4 / 1</label>
                                    </div>
                                    <div class="item">
                                        <span>当前任务</span>
                                        <label>14</label>
                                    </div>
                                </div>
                            </div>
                            <div class="rItem">
                                <div class="title">
                                    <img src="~/Content/images/DeviceMonitor/icon.png" class="" />
                                    <span>故障信息</span>
                                </div>
                                <div class="container">
                                    <div class="content" id="equipmentStatus">
                                        <div class="InfoItem">
                                            <span class="titleS">故障一</span>
                                            <div class="InfoBlock">
                                                <span>区域：</span>
                                                <label>入库C区</label>
                                            </div>
                                            <div class="InfoBlock">
                                                <span>交互点：</span>
                                                <label>5689</label>
                                            </div>
                                            <div class="InfoBlock">
                                                <span>故障原因：</span>
                                                <label>故障原因</label>
                                            </div>
                                        </div>
                                        <div class="InfoItem">
                                            <span class="titleS">故障二</span>
                                            <div class="InfoBlock">
                                                <span>交互点：</span>
                                                <label>5689</label>
                                            </div>
                                            <div class="InfoBlock">
                                                <span>故障原因：</span>
                                                <label>故障原因</label>
                                            </div>
                                        </div>
                                        <div class="InfoItem">
                                            <span class="titleS">故障三</span>
                                            <div class="InfoBlock">
                                                <span>区域：</span>
                                                <label>入库C区</label>
                                            </div>
                                            <div class="InfoBlock">
                                                <span>交互点：</span>
                                                <label>5689</label>
                                            </div>
                                            <div class="InfoBlock">
                                                <span>故障原因：</span>
                                                <label>故障原因</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div role="tabpanel" class="tab-pane" id="tree_ajax">
                <div class="lr-tab-scroll-content">
                    <div style="height:100%;">


                        <div class="center">
                            <div class="left">

                                <span class="firstRow">第一行</span>
                                <span class="firstLine">第一列</span>
                                <img src="~/Content/images/DeviceMonitor/position.png" class="position" />
                                <div class="itemBox">
                                    <div class="item">

                                        <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                        <span class="num">1</span>

                                    </div>
                                    <div class="item">
                                        <div class="station">
                                            <img  id="station1022" src="~/Content/images/DeviceMonitor/station.png" class="stationgoods" />
                                            <img  id="bj1022"      src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" style="margin-left:-13px" />
                                            <span id="1022" wcsstation="wcsstation" style="position: absolute; margin-left: -20px; margin-top: 6px; font-size: 1px; color: #42666e; ">1022</span>
                                        </div>
                                        <div class="station">
                                            <img  id="station1021" src="~/Content/images/DeviceMonitor/on.png" class="status" />
                                            <img  id="bj1021"      src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" />
                                            <span id="1021" wcsstation="wcsstation" isweight="true" style="position: absolute; margin-left: 13px; margin-top: 6px; font-size: 1px; color: #42666e;">1021</span>
                                        </div>
                                        <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                        <span class="num">2</span>

                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM1" wcssrm="wcssrm" />
                                        <span class="ddjnum">1</span>
                                        <img src="~/Content/images/DeviceMonitor/ddjline.png" class="round" />

                                    </div>
                                    <div class="item" style="margin-top: 2px; margin-bottom: 0px;">

                                        <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                        <span class="num">3</span>
                                    </div>
                                    <div class="item" style="margin-bottom: 2px;">

                                        <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                        <span class="num">4</span>
                                    </div>
                                    <div class="item">

                                        <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                        <span class="num">5</span>

                                    </div>
                                    <div class="item">
                                        <div class="station">
                                            <img  id="station1024"  src="~/Content/images/DeviceMonitor/stationgoods.png" class="stationgoods" />
                                            <img  id="bj1024"      src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" style="margin-left:-13px" />
                                            <span id="1024" wcsstation="wcsstation" style="position: absolute; margin-left: -20px; margin-top: 6px; font-size: 1px; color: #42666e; ">1024</span>
                                        </div>
                                        <div class="station">
                                            <img  id="station1023" src="~/Content/images/DeviceMonitor/on.png" class="status" />
                                            <img  id="bj1023"      src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" />
                                            <span id="1023" wcsstation="wcsstation" isweight="true" style="position: absolute; margin-left: 13px; margin-top: 6px; font-size: 1px; color: #42666e;">1023</span>
                                        </div>
                                        <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                        <span class="num">6</span>
                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM2" wcssrm="wcssrm" />
                                        <span class="ddjnum">2</span>
                                        <img src="~/Content/images/DeviceMonitor/ddjline.png" class="round" />
                                    </div>
                                    <div class="item" style="margin-top: 3px; margin-bottom: 0px;">

                                        <img src="~/Content/images/DeviceMonitor/hjline2.png" class="ddjline" style="margin-left: 24px; width: 743px;   " />
                                        <span class="num">7</span>
                                    </div>
                                    <div class="item" style="margin-bottom: 2px;">

                                        <img src="~/Content/images/DeviceMonitor/hjline2.png" class="ddjline" style="margin-left: 24px; width: 743px;   " />
                                        <span class="num">8</span>
                                    </div>
                                    <div class="item">

                                        <img src="~/Content/images/DeviceMonitor/hjline2.png" class="ddjline" style="margin-left: 24px; width: 743px;   " />
                                        <span class="num">9</span>

                                    </div>
                                    <div class="item">

                                        <img src="~/Content/images/DeviceMonitor/hjline2.png" class="ddjline" style="margin-left: 24px; width: 743px;   " />
                                        <span class="num nums" style="left:43px;">10</span>
                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM3" wcssrm="wcssrm" />
                                        <span class="ddjnum">3</span>
                                        <img src="~/Content/images/DeviceMonitor/ddjline.png" class="round" />
                                    </div>
                                    <div class="item" style="margin-top: 3px; margin-bottom: 0px;">
                                        <div class="station">
                                            <img  id="station1026" src="~/Content/images/DeviceMonitor/stationgoods.png" class="stationgoods" />
                                            <img  id="bj1026"      src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" style="margin-left:-13px" />
                                            <span id="1026" wcsstation="wcsstation" style="position: absolute; margin-left: -20px; margin-top: 6px; font-size: 1px; color: #42666e; ">1026</span>
                                        </div>
                                        <div class="station">
                                            <img  id="station1025" src="~/Content/images/DeviceMonitor/on.png" class="status" />
                                            <img  id="bj1025"      src="~/Content/images/DeviceMonitor/jhd.png" class="jhd" />
                                            <span id="1025" wcsstation="wcsstation" isweight="true" style="position: absolute; margin-left: 13px; margin-top: 6px; font-size: 1px; color: #42666e;">1025</span>
                                        </div>
                                        <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                        <span class="num nums">11</span>
                                    </div>
                                    <div class="item">

                                        <img src="~/Content/images/DeviceMonitor/hjline.png" class="ddjline" />
                                        <span class="num nums">12</span>
                                    </div>


                                </div>


                            </div>
                            <div class="right">
                                <div class="rItem">
                                    <div class="title">
                                        <img src="~/Content/images/DeviceMonitor/icon.png" class="" />
                                        <span>库位信息</span>
                                    </div>
                                    <div class="tbale">
                                        <div class="item">
                                            <span>总货位</span>
                                            <label>5413</label>
                                        </div>
                                        <div class="item">
                                            <span>空货位</span>
                                            <label>1963</label>
                                        </div>
                                        <div class="item">
                                            <span>堆垛机</span>
                                            <label>5413</label>
                                        </div>
                                        <div class="item">
                                            <span>AGV</span>
                                            <label>4 / 1</label>
                                        </div>
                                        <div class="item">
                                            <span>当前任务</span>
                                            <label>14</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="rItem">
                                    <div class="title">
                                        <img src="~/Content/images/DeviceMonitor/icon.png" class="" />
                                        <span>故障信息</span>
                                    </div>
                                    <div class="container">
                                        <div class="content" id="equipmentStatus2">
                                            <div class="InfoItem">
                                                <span class="titleS">故障一</span>
                                                <div class="InfoBlock">
                                                    <span>区域：</span>
                                                    <label>入库C区</label>
                                                </div>
                                                <div class="InfoBlock">
                                                    <span>交互点：</span>
                                                    <label>5689</label>
                                                </div>
                                                <div class="InfoBlock">
                                                    <span>故障原因：</span>
                                                    <label>故障原因</label>
                                                </div>
                                            </div>
                                            <div class="InfoItem">
                                                <span class="titleS">故障二</span>
                                                <div class="InfoBlock">
                                                    <span>交互点：</span>
                                                    <label>5689</label>
                                                </div>
                                                <div class="InfoBlock">
                                                    <span>故障原因：</span>
                                                    <label>故障原因</label>
                                                </div>
                                            </div>
                                            <div class="InfoItem">
                                                <span class="titleS">故障三</span>
                                                <div class="InfoBlock">
                                                    <span>区域：</span>
                                                    <label>入库C区</label>
                                                </div>
                                                <div class="InfoBlock">
                                                    <span>交互点：</span>
                                                    <label>5689</label>
                                                </div>
                                                <div class="InfoBlock">
                                                    <span>故障原因：</span>
                                                    <label>故障原因</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>

</div>
@Html.AppendJsFile("/Areas/DeviceMonitorManager/Views/HJDeviceMonitor/Index.js")
@Html.AppendJsFile("/Areas/DeviceMonitorManager/Views/HJDeviceMonitor/DeviceMonitorCommon.js")