WEBUI/WMS.BZWeb/Areas/DeviceMonitorManager/Views/PTDeviceMonitor/InteractionPointIndex.cshtml

@using WMS.BZWeb;
@{
    ViewBag.Title = "盘条库监控";
    Layout = "~/Views/Shared/_Index.cshtml";
}
@Html.AppendCssFile("/Areas/DeviceMonitorManager/Views/PTDeviceMonitor/InteractionPointIndex.css")

<div class="lr-layout">
    <div class="lr-layout-center">

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

                <div class="col-xs-12">
                    <div class="portal-panel-title" style="width:98%;">
                        <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp;<span class="lefttitle">1F交互点</span>
                    </div>
                </div>
                <div class="col-xs-12">
                    <div class="flex-container">
                        <div class="g-container" style="margin-right:5px;">
                            <div class="item1" station="1001"> <img id="1001" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1001">  <span class="num">1001</span></div>
                            <div class="item3" station="1001">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">1</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                            <div class="srmdiv" srm="1"   style="position:absolute;">
                                <img class="srm" src="/Content/images/InteractionPoint/srm.png">
                                <span class="srmnum">1</span>
                                <img class="track" src="/Content/images/InteractionPoint/track.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:5px;">
                            <div class="item1" station="1002"> <img id="1002" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1002">  <span class="num">1002</span></div>
                            <div class="item3" station="1002">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">2</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:-8px;">
                            <div class="item1" station="1003"> <img id="1003" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1003">  <span class="num">1003</span></div>
                            <div class="item3" station="1003">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">3</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:15px;">
                            <div class="item1" station="1004"> <img id="1004" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1004">  <span class="num">1004</span></div>
                            <div class="item3" station="1004">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">4</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>


                        <div class="g-container" style="margin-left:-8px;margin-right:5px;">
                            <div class="item1" station="1005"> <img id="1005" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1005">  <span class="num">1005</span></div>
                            <div class="item3" station="1005">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">5</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>

                            <div class="srmdiv" srm="2"  style="position:absolute;">
                                <img class="srm" src="/Content/images/InteractionPoint/srm.png">
                                <span class="srmnum">2</span>
                                <img class="track" src="/Content/images/InteractionPoint/track.png">
                            </div>

                        </div>
                        <div class="g-container" style="margin-left:5px;">
                            <div class="item1" station="1006"> <img id="1006" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1006">  <span class="num">1006</span></div>
                            <div class="item3" station="1006">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">6</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:-8px;">
                            <div class="item1" station="1007"> <img id="1007" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1007">  <span class="num">1007</span></div>
                            <div class="item3" station="1007">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">7</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:15px;">
                            <div class="item1" station="1008"> <img id="1008" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1008">  <span class="num">1008</span></div>
                            <div class="item3" station="1008">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">8</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>

                        <div class="g-container" style="margin-left:10px;margin-right:5px;">
                            <div class="item1" station="1009"> <img id="1009" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1009">  <span class="num">1009</span></div>
                            <div class="item3" station="1009">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">9</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>

                            <div class="srmdiv" srm="3"  style="position:absolute;">
                                <img class="srm" src="/Content/images/InteractionPoint/srm.png">
                                <span class="srmnum">3</span>
                                <img class="track" src="/Content/images/InteractionPoint/track.png">
                            </div>

                        </div>
                        <div class="g-container" style="margin-left:5px;">
                            <div class="item1" station="1010"> <img id="1010" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1010">  <span class="num">1010</span></div>
                            <div class="item3" station="1010">
                                <span class="num" style="position:absolute;margin-left:10px;margin-top:3px;">10</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:-8px;">
                            <div class="item1" station="1011"> <img id="1011" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1011">  <span class="num">1011</span></div>
                            <div class="item3" station="1011">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">11</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:15px;">
                            <div class="item1" station="1012"> <img id="1012" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1012">  <span class="num">1012</span></div>
                            <div class="item3" station="1012">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">12</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>

                        <div class="g-container" style="margin-left:-8px;margin-right:5px;">
                            <div class="item1" station="1013"> <img id="1013" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1013">  <span class="num">1013</span></div>
                            <div class="item3" station="1013">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">13</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                            <div class="srmdiv" srm="4"  style="position:absolute;">
                                <img class="srm" src="/Content/images/InteractionPoint/srm.png">
                                <span class="srmnum">4</span>
                                <img class="track" src="/Content/images/InteractionPoint/track.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:5px;">
                            <div class="item1" station="1014"> <img id="1014" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1014">  <span class="num">1014</span></div>
                            <div class="item3" station="1014">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">14</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:-8px;">
                            <div class="item1" station="1015"> <img id="1015" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1015">  <span class="num">1015</span></div>
                            <div class="item3" station="1015">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">15</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:15px;">
                            <div class="item1" station="1016"> <img id="1016" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="1016">  <span class="num">1016</span></div>
                            <div class="item3" station="1016">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">16</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                    </div>

                </div>


                <div class="col-xs-12" style="margin-top:20px;">
                    <div class="portal-panel-title" style="width:98%;">
                        <img src="~/Content/images/DeviceMonitor/icon.png" class="" />&nbsp;&nbsp; <span class="lefttitle">2F交互点</span>
                    </div>
                </div>
                <div class="col-xs-12">
                    <div class="flex-container">
                        <div class="g-container" style="margin-right:5px;">
                            <div class="item1" station="station"> <img id="1001" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1001</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">1</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                            <div class="srmdiv" srm="1"  style="position:absolute;">
                                <img class="srm" src="/Content/images/InteractionPoint/srm.png">
                                <span class="srmnum">1</span>
                                <img class="track" src="/Content/images/InteractionPoint/track.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:5px;">
                            <div class="item1" station="station"> <img id="1002" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1002</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">2</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:-8px;">
                            <div class="item1" station="station"> <img id="1003" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1003</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">3</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:15px;">
                            <div class="item1" station="station"> <img id="1004" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1004</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">4</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>


                        <div class="g-container" style="margin-left:-8px;margin-right:5px;">
                            <div class="item1" station="station"> <img id="1005" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1005</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">5</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>

                            <div class="srmdiv" srm="2"  style="position:absolute;">
                                <img class="srm" src="/Content/images/InteractionPoint/srm.png">
                                <span class="srmnum">2</span>
                                <img class="track" src="/Content/images/InteractionPoint/track.png">
                            </div>

                        </div>
                        <div class="g-container" style="margin-left:5px;">
                            <div class="item1" station="station"> <img id="1006" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1006</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">6</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:-8px;">
                            <div class="item1" station="station"> <img id="1007" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1007</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">7</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:15px;">
                            <div class="item1" station="station"> <img id="1008" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1008</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">8</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>

                        <div class="g-container" style="margin-left:10px;margin-right:5px;">
                            <div class="item1" station="station"> <img id="1009" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1009</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:11px;margin-top:3px;">9</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>

                            <div class="srmdiv" srm="3"  style="position:absolute;">
                                <img class="srm" src="/Content/images/InteractionPoint/srm.png">
                                <span class="srmnum">3</span>
                                <img class="track" src="/Content/images/InteractionPoint/track.png">
                            </div>

                        </div>
                        <div class="g-container" style="margin-left:5px;">
                            <div class="item1" station="station"> <img id="1010" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1010</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:10px;margin-top:3px;">10</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:-8px;">
                            <div class="item1" station="station"> <img id="1011" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1011</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">11</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:15px;">
                            <div class="item1" station="station"> <img id="1012" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1012</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">12</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>

                        <div class="g-container" style="margin-left:-8px;margin-right:5px;">
                            <div class="item1" station="station"> <img id="1013" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1013</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">13</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                            <div class="srmdiv" srm="4"  style="position:absolute;">
                                <img class="srm" src="/Content/images/InteractionPoint/srm.png">
                                <span class="srmnum">4</span>
                                <img class="track" src="/Content/images/InteractionPoint/track.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:5px;">
                            <div class="item1" station="station"> <img id="1014" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1014</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">14</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:-8px;">
                            <div class="item1" station="station"> <img id="1015" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1015</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">15</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                        <div class="g-container" style="margin-left:15px;">
                            <div class="item1" station="station"> <img id="1016" src="/Content/images/InteractionPoint/interactionpoint.png"></div>
                            <div class="item2" station="station">  <span class="num">1016</span></div>
                            <div class="item3" station="station">
                                <span class="num" style="position:absolute;margin-left:9px;margin-top:3px;">16</span>
                                <img src="/Content/images/InteractionPoint/goodsshelves.png">
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="right">
                <div class="rItem">
                    <div class="title">
                        <img src="~/Content/images/DeviceMonitor/icon.png" class="" />
                        <span id="righttitlename">交互点</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>
        </div>

    </div>
</div>
@Html.AppendJsFile("/Areas/DeviceMonitorManager/Views/PTDeviceMonitor/InteractionPointIndex.js")