WEBUI/WMS.BZWeb/Areas/DeviceMonitorManager/Views/PTDeviceMonitor/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: 700px; /*calc(100% - 10px);*/
        display: flex;
        box-sizing: border-box;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

        .center .left {
            position: relative;
            padding-left: 15px;
            margin-top: 2px;
            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: 1px;
                    display: block;
                }

                .center .left .item .round {
                    position: absolute;
                    bottom: -56px;
                }

        .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: 35px;
        z-index: 9999;
        top: 23px;
    }

    .position {
        position: absolute;
        left: 193px;
        top: 40px;
    }

    .firstRow {
        position: absolute;
        left: 177px;
        margin-top: 32px;
        color: #292c33;
        font-size: 12px;
    }

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

    .status {
        margin-right: 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
    }

    .outer-container {
        position: relative;
        overflow: hidden;
    }

    .inner-container {
        position: absolute;
        left: 0;
        overflow-x: hidden;
        overflow-y: scroll;
    }
        /* for Chrome */
        .inner-container::-webkit-scrollbar {
            display: none;
        }

    .pingkuContainer {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-content: flex-start;
        overflow: hidden;
        flex-direction: column;
        margin-left: 40px;
    }

    .pingkuContainer img{
        width:21px;
        height:16px;
    }
</style>
<div class="lr-layout">
    <div class="lr-layout-center">

        <ul class="left nav nav-tabs lr-nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#tree_base" aria-controls="home" role="tab" data-toggle="tab">1F</a></li>
            <li role="presentation"><a href="#tree_ajax" aria-controls="profile" role="tab" data-toggle="tab">2F</a></li>

        </ul>
        <div class="station">
            <div style="position: absolute; left: 80px; top: -55px;">
                <div class="head">
                    <a id="PlayerPlay">
                        <img id="imgPlayerPlay" src="~/Content/images/DeviceMonitor/PlayerPlay.png" style="width:20px;height:20px;margin-top:12px" class="" />
                    </a> <input type="range" id="slider" oninput="rangeoninput()" min="@ViewBag.Min" max="@ViewBag.Max" value="@ViewBag.Max" step="1" style="width:400px;margin-top:12px">
                    <a id="PlayerRealTime">
                        <img src="~/Content/images/DeviceMonitor/PlayerRealTime.png" style="width:20px;height:20px;margin-top:12px" class="" />
                    </a>
                    <label id="Frame" style="width:130px;height:20px;margin-top:20px;margin-left:5px;">@ViewBag.Frame</label>
                </div>
            </div>
        </div>
        <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>

        <div style="height:100%;">
            <div class="outer-container">
                <div class="center " >
                    <div class="left">
                        <!-- 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="outer-container">
                                        <div class="center" style="margin-top:-25px;">

                                            <div class="left inner-container">
                                                <div class="Colum">
                                                    <div class="onOne">
                                                        @*  <img src="~/Content/images/DeviceMonitor/onOne.png" /> *@
                                                        <section class='pingkuContainer'>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                        </section>
                                                        <span>A区</span>
                                                    </div>
                                                    <div class="onOne" style="margin-bottom:6px;">
                                                        <section class='pingkuContainer'>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                        </section>
                                                        <span>B区</span>
                                                    </div>
                                                    <div class="onOne">
                                                        <section class='pingkuContainer'>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                        </section>
                                                        <span>C区</span>
                                                    </div>
                                                    <div class="onOne">
                                                        <section class='pingkuContainer'>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                            <div> <img src="~/Content/images/DeviceMonitor/tp.png" /></div>
                                                        </section>
                                                        <span>D区</span>
                                                    </div>
                                                </div>

                                                <div class="LineBox">
                                                    <img src="~/Content/images/DeviceMonitor/ptLineBox2.png" class="LineBoximg" />
                                                    <img src="~/Content/images/DeviceMonitor/AGV.png" class="LineBoxstu" />
                                                    <img src="~/Content/images/DeviceMonitor/big.png" class="big" />
                                                </div>
                                                <span class="firstRow">第一行</span>
                                                <span class="firstLine">第一列</span>
                                                <img src="~/Content/images/DeviceMonitor/position.png" class="position" />
                                                <div class="itemBox" style="width:910px">
                                                    <div class="item" srm="SRM1">
                                                        <img id="1001" wcsstation="wcsstation" title="1001" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">1</span>
                                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM1" wcssrm="wcssrm" />
                                                        <span class="ddjnum">1</span>
                                                        <img src="~/Content/images/DeviceMonitor/ptround.png" class="round" />
                                                    </div>
                                                    <div class="item">
                                                        <img id="1002" wcsstation="wcsstation" title="1002" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">2</span>
                                                    </div>
                                                    <div class="item" style="margin-bottom: 17px;">
                                                        <img id="1003" title="1003" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">3</span>
                                                    </div>
                                                    <div class="item">
                                                        <img id="1004" title="1004" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">4</span>
                                                    </div>
                                                    <div class="item" srm="SRM2">
                                                        <img id="1005" title="1005" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">5</span>
                                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM2" wcssrm="wcssrm" />
                                                        <span class="ddjnum">2</span>
                                                        <img src="~/Content/images/DeviceMonitor/ptround.png" class="round" />
                                                    </div>
                                                    <div class="item">
                                                        <img id="1006" title="1006" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">6</span>
                                                    </div>
                                                    <div class="item" style="margin-bottom: 17px;">
                                                        <img id="1007" title="1007" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">7</span>
                                                    </div>
                                                    <div class="item" style="margin-bottom: 21px;">
                                                        <img id="1008" title="1008" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/off.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">8</span>
                                                    </div>
                                                    <div class="item" srm="SRM3">
                                                        <img id="1009" title="1009" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">9</span>
                                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM3" wcssrm="wcssrm" />
                                                        <span class="ddjnum">3</span>
                                                        <img src="~/Content/images/DeviceMonitor/ptround.png" class="round" />
                                                    </div>
                                                    <div class="item">
                                                        <img id="1010" title="1010" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">10</span>
                                                    </div>
                                                    <div class="item" style="margin-bottom: 16px;">
                                                        <img id="1011" title="1011" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">11</span>
                                                    </div>
                                                    <div class="item">
                                                        <img id="1012" title="1012" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">12</span>
                                                    </div>
                                                    <div class="item" srm="SRM4">
                                                        <img id="1013" title="1013" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">13</span>
                                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM4" wcssrm="wcssrm" />
                                                        <span class="ddjnum">4</span>
                                                        <img src="~/Content/images/DeviceMonitor/ptround.png" class="round" />
                                                    </div>
                                                    <div class="item">
                                                        <img id="1014" title="1014" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">14</span>
                                                    </div>
                                                    <div class="item" style="margin-bottom: 16px;">
                                                        <img id="1015" title="1015" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">15</span>
                                                    </div>
                                                    <div class="item">
                                                        <img id="1016" title="1016" wcsstation="wcsstation" src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">16</span>
                                                    </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" style="margin-top:5px">
                                                <img src="~/Content/images/DeviceMonitor/star.png" class="" style="margin-top: 2px; margin-right: 3px" />
                                                <div class="LineBox">
                                                    <img src="~/Content/images/DeviceMonitor/ptLineBox.png" class="LineBoximg" style="height:509px" />
                                                    <img src="~/Content/images/DeviceMonitor/AGV.png" class="LineBoxstu" />
                                                </div>
                                                <span class="firstRow" style="margin-left:20px">第一行</span>
                                                <span class="firstLine" style="margin-left:34px">第一列</span>
                                                <img src="~/Content/images/DeviceMonitor/position.png" class="position" style="margin-left:25px" />
                                                <div class="itemBox" style="width:883px">
                                                    <div class="item" srm="SRM1">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">1</span>
                                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM1" wcssrm="wcssrm" />
                                                        <span class="ddjnum">1</span>
                                                        <img src="~/Content/images/DeviceMonitor/ptround.png" class="round" />
                                                    </div>
                                                    <div class="item">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">2</span>
                                                    </div>
                                                    <div class="item" style="margin-bottom: 17px;">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">3</span>
                                                    </div>
                                                    <div class="item">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">4</span>
                                                    </div>
                                                    <div class="item" srm="SRM2">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">5</span>
                                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM2" wcssrm="wcssrm" />
                                                        <span class="ddjnum">2</span>
                                                        <img src="~/Content/images/DeviceMonitor/ptround.png" class="round" />
                                                    </div>
                                                    <div class="item">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">6</span>
                                                    </div>
                                                    <div class="item" style="margin-bottom: 17px;">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">7</span>
                                                    </div>
                                                    <div class="item" style="margin-bottom: 21px;">
                                                        <img src="~/Content/images/DeviceMonitor/off.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">8</span>
                                                    </div>
                                                    <div class="item" srm="SRM3">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num">9</span>
                                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM3" wcssrm="wcssrm" />
                                                        <span class="ddjnum">3</span>
                                                        <img src="~/Content/images/DeviceMonitor/ptround.png" class="round" />
                                                    </div>
                                                    <div class="item">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">10</span>
                                                    </div>
                                                    <div class="item" style="margin-bottom: 16px;">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">11</span>
                                                    </div>
                                                    <div class="item">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">12</span>
                                                    </div>
                                                    <div class="item" srm="SRM4">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">13</span>
                                                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="ddj" name="SRM4" wcssrm="wcssrm" />
                                                        <span class="ddjnum">4</span>
                                                        <img src="~/Content/images/DeviceMonitor/ptround.png" class="round" />
                                                    </div>
                                                    <div class="item">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">14</span>
                                                    </div>
                                                    <div class="item" style="margin-bottom: 16px;">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">15</span>
                                                    </div>
                                                    <div class="item">
                                                        <img src="~/Content/images/DeviceMonitor/pton.png" class="status" />
                                                        <img src="~/Content/images/DeviceMonitor/ptline.png" />
                                                        <span class="num nums">16</span>
                                                    </div>


                                                </div>


                                            </div>

                                        </div>


                                    </div>
                                </div>
                            </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>3472</label>
                                </div>
                                <div class="item">
                                    <span>空货位</span>
                                    <label id="emptywarecellnum">0</label>
                                </div>
                                <div class="item">
                                    <span>堆垛机</span>
                                    <label>3</label>
                                </div>
                                <div class="item">
                                    <span>AGV</span>
                                    <label id="agvtasknum">0</label>
                                </div>
                                <div class="item">
                                    <span>当前任务</span>
                                    <label id="tasknum">0</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>
                            </div>



                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var LastFrame = '@ViewBag.Frame';
    var LastFrameTicks = '@ViewBag.Max';
    var Frame = '@ViewBag.Frame';
    var FrameTicks = '@ViewBag.Max';
    var Len = '@ViewBag.Len';
</script>
@Html.AppendJsFile("/Areas/DeviceMonitorManager/Views/PTDeviceMonitor/Index.js")
@Html.AppendJsFile("/Areas/DeviceMonitorManager/Views/PTDeviceMonitor/DeviceMonitorCommon.js")