WEBUI/WMS.BZWeb/Areas/DeviceMonitorManager/Views/HJDeviceMonitor/Index.cshtml

@using WMS.BZWeb;
@{
    ViewBag.Title = "合金库监控";
    Layout = "~/Views/Shared/_Index.cshtml";
}
@Html.AppendCssFile("/Areas/DeviceMonitorManager/Views/HJDeviceMonitor/Index.css")
<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>

        </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="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%;">

                                <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>
                                        <div srm="SRM1">
                                            <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>
                                    <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>
                                        <div srm="SRM2">
                                            <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>
                                    <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>
                                        <div srm="SRM3">
                                            <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>
                                    <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>

                        <div role="tabpanel" class="tab-pane" id="tree_ajax">
                            <div class="lr-tab-scroll-content">
                                <div style="height:100%;">
                                    <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>
                                            <div srm="SRM1">
                                                <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>
                                        <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>
                                            <div srm="SRM2">
                                                <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>
                                        <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>
                                            <div srm="SRM3">
                                                <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>
                                        <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>
                        </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>5164</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 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 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>入库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>入库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>
<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/HJDeviceMonitor/Index.js")
@Html.AppendJsFile("/Areas/DeviceMonitorManager/Views/HJDeviceMonitor/DeviceMonitorCommon.js")