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

@using WMS.BZWeb;
@{
    ViewBag.Title = "分拣库监控";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<style>
    .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 .right .tipIcon {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                margin-left: 20px;
            }

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

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

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

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

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

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

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

                .center .left .item .num {
                    color: #09355e;
                    position: absolute;
                    left: 47px;
                    top: 3px;
                    font-family: DIN-Bold;
                }

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

                .center .left .item .ddj {
                    display: block;
                }

                .center .left .item .round {
                    position: absolute;
                    left: 0;
                    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;
                        }


    .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: 24px;
    }

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

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

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

    .status {
        margin-right: 10px;
    }


    .rectangle {
        width: 30px;
        height: 10px;
        background: #4da1f7
    }

    .station {
        position: absolute;
        left: 9%;
        top: 55%;
        transform: translateX(-50%);
    }

    .stationleft2 {
        position: absolute;
        left: 9%;
        top: 87%;
        transform: translateX(-50%);
    }

    .stationright {
        position: absolute;
        left: 89%;
        top: 55%;
        transform: translateX(-50%);
    }

    .stationright2 {
        position: absolute;
        left: 89%;
        top: 87%;
        transform: translateX(-50%);
    }

    .interactionpoint {
        position: absolute;
        left: 17px;
        top: 1%;
        z-index: 100;
    }

    .rotate {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Safari and Chrome */
        transform: rotate(90deg);
    }

    .rotate180 {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Safari and Chrome */
        transform: rotate(180deg);
    }

    .rotate270 {
        -ms-transform: rotate(270deg); /* IE 9 */
        -webkit-transform: rotate(270deg); /* Safari and Chrome */
        transform: rotate(270deg);
    }

    .parent {
        display: grid;
        grid-template-columns: repeat(34, 3fr) 4fr;
        /*
             grid-template-columns: repeat(35, 3fr);
             grid-template-columns:  repeat(34, 3fr) 4.5fr;*/
        grid-template-rows: repeat(6, 2fr) 0.5fr repeat(9, 2fr);
        grid-column-gap: 2px;
        grid-row-gap: 2px;
    }

    .div1 {
        grid-area: 7 / 3 / 8 / 20;
    }

    .div2 {
        grid-area: 3 / 5 / 7 / 6;
    }

    .div3 {
        grid-area: 8 / 5 / 8 / 15;
    }

    .div4 {
        grid-area: 7 / 22 /8 / 33;
    }

    .div5 {
        grid-area: 8 / 22 / 9 / 31;
    }

    .div7 {
        grid-area: 3 / 11 / 7 / 11;
    }

    .div8 {
        grid-area: 3 / 15 / 7 / 15;
    }

    .div9 {
        grid-area: 3 / 20 / 7 / 20;
    }

    .div10 {
        grid-area: 3 / 22 / 7 / 22;
    }

    .div12 {
        grid-area: 3/ 26 / 7/ 26;
    }

    .div11 {
        grid-area: 3 / 30 / 7 / 30;
    }

    .div6 {
        grid-area: 3 / 34 / 7 / 34;
    }

    .div13 {
        grid-area: 8 / 9 / 10 / 11;
    }

    .div14 {
        grid-area: 9 / 12 / 10 / 12;
    }

    .div15 {
        grid-area: 9 / 30 / 10 / 30;
    }

    .div16 {
        grid-area: 9 / 29 / 10/ 29;
    }

    .div17 {
        grid-area: 10 / 8 / 11 / 15;
    }

    .div18 {
        grid-area: 10 / 22/ 11 / 29;
    }

    .div19 {
        grid-area: 11 / 6 / 12 / 31;
    }

    .div20 {
        grid-area: 12 / 8 / 13 / 15;
        margin-top: -20px;
    }

    .div21 {
        grid-area: 12 / 22 / 13 / 29;
        margin-top: -20px;
    }

    .div22 {
        grid-area: 12 / 31 / 13/ 35;
        margin-top: -20px;
    }

    .div25 {
        grid-area: 12 /2 / 13 / 8;
    }

    .div26 {
        grid-area: 12 / 5 / 13 / 6;
    }

    .div28 {
        grid-area: 6 / 2 / 9 / 3;
    }

    .div29 {
        grid-area: 7 / 31 / 9 / 31;
    }

    .div30 {
        grid-area: 13 / 9 / 14 / 9;
        margin-top: -20px;
    }

    .div31 {
        grid-area: 13 / 11 / 14 / 12;
        margin-top: -20px;
    }

    .div32 {
        grid-area: 13 / 30 / 14 / 30;
        margin-top: -20px;
    }

    .div33 {
        grid-area: 13 / 30 / 14 / 30;
        margin-top: -20px;
    }

    .flex-container {
        display: flex;
        /*  justify-content: center;*/
        justify-content: flex-start;
        align-items: stretch;
        /* flex-flow: row; */
        flex-direction: row;
        width: 100%;
        height: 100%;
        /* padding: 15px;
        gap: 5px;*/
    }

        .flex-container > div {
            /* border-radius: 5px;
            padding: 8px;*/
        }

    .mainflexcontainer {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        /* flex-flow: column; */
        flex-direction: row;
        width: 100%;
        height: 100%;
        /*    padding: 15px;*/
        /*  gap: 5px;*/
    }

        .mainflexcontainer > div {
            /*  border-radius: 5px;
            padding: 8px;*/
        }

        .mainflexcontainer .mainflexcontainerleft {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 1px;
            align-items: center;
            height: 100%;
            padding: 15px;
            gap: 5px;
        }

        .mainflexcontainer .mainflexcontainerright {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            height: 100%;
            width: 1260px;
            padding: 25px;
            gap: 5px;
        }

    .mitem5 {
        margin-top: 15px;
    }

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

    .inner-container {
        position: absolute;
        left: 0;
        overflow-x: scroll;
        overflow-y: hidden;
    }
        /* for Chrome */
        .inner-container::-webkit-scrollbar {
            display: none;
        }
</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 style="position: relative">
            <div style="position: absolute; right: -20px; top: -45px;">
                <div class="head">
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/ddj.png" class="" />
                        <span>堆垛机</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/AGV.png" class="" />
                        <span>AGV</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/tsj.png" class="" />
                        <span>提升机</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/tp.png" class="" />
                        <span>盘条托盘</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/jhd.png" class="" />
                        <span>交互点</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/agvlx.png" class="" />
                        <span>AGV路线</span>
                    </div>
                    <div class="tipIcon">
                        <img src="~/Content/images/DeviceMonitor/agvgd.png" class="" />
                        <span>AGV轨道</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- Tab panes -->
        <div class="tab-content lr-tab-content">
            <div role="tabpanel" class="tab-pane active" id="tree_base">
                <div style="height:100%;">
                    <div class="center">
                        <div class="left">
                            <div class="parent">
                                <div class="div1">
                                    <div style="display:flex; ">

                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:50px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorlineTurn.png" style="width:15px;height:10px; "></img></div>
                                    </div>
                                </div>
                                <div class="div2">

                                    <div style="display: flex;flex-direction: column;position: relative;">
                                        <div style="position: absolute; margin-left: 15px; margin-top: -40px ">
                                            <div class="station"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationleft2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>

                                            <div class="interactionpoint"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img></div>

                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:58px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:118px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:158px;font-size: 1px; color: #42666e;">2344</span>

                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:5px"></img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:16px;margin-left:5px"> </img>
                                        </div>
                                    </div>
                                </div>
                                <div class="div3" style="margin-top:0px">
                                    <div style="display: flex; position: relative;">
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <span class="interactionpoint" style="  margin-left: -7px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 37px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 82px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 127px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 172px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 217px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 262px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 307px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 351px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 398px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                    </div>
                                </div>
                                <div class="div4">
                                    <div style="display:flex;">
                                        <div><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorlineTurn.png" style="width:13px;height:10px; "></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                        <div><img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:70px;height:10px; margin-top:5px"></img></div>

                                    </div>
                                </div>
                                <div class="div5" style="margin-top:0px">
                                    <div style="display:flex; position: relative;">

                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width:45px;height:30px;"></img>
                                        <span class="interactionpoint" style="  margin-left: -7px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 37px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 82px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 127px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 172px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 217px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 262px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 307px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 351px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>
                                        <span class="interactionpoint" style="  margin-left: 398px;margin-top:8px;font-size: 1px; color: #42666e;">2344</span>

                                    </div>
                                </div>
                                <div class="div6">
                                    <div style="display: flex;flex-direction: column;position: relative;">
                                        <div style="position: absolute; margin-top: -40px; margin-left: -10px">
                                            <div class="station" style="margin-left:-7px"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width: 80px; height: 10px; margin-top: 110px; margin-left: -37px"></img></div>
                                            <div class="stationleft2" style="margin-left:-7px"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width: 40px; height: 10px; margin-top: 169px; margin-left: -37px "></img></div>
                                            <div class="stationright" style="margin-left:-56px"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width: 80px; height: 10px; margin-top: 110px; margin-left: 145px "></img></div>
                                            <div class="stationright2" style="margin-left:-56px"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width: 40px; height: 10px; margin-top: 169px; margin-left: 145px "></img></div>
                                            <div class="interactionpoint"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width: 12px; height: 10px; margin-left: -32px; margin-top: 1px"></img></div>

                                            <span class="interactionpoint" style="  margin-left: -37px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -37px;margin-top:58px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -37px;margin-top:118px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -37px;margin-top:158px;font-size: 1px; color: #42666e;">2344</span>


                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="position: absolute; width: 50px; height: 30px; margin-top: 5px;margin-left:-30px"></img>

                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="position: absolute; width: 50px; height: 30px; margin-top: 56px; margin-left: -30px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="position: absolute; width: 50px; height: 30px; margin-top: 108px; margin-left: -30px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="position: absolute; width: 40px; height: 30px; margin-top: 156px; margin-left: -25px"> </img>

                                        </div>
                                    </div>
                                </div>
                                <div class="div7">


                                    <div style="display: flex;flex-direction: column;margin-left:-25px;position:relative">
                                        <div style="position: absolute; margin-top: -40px">
                                            <div class="station"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationleft2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="interactionpoint"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img></div>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:58px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:118px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:158px;font-size: 1px; color: #42666e;">2344</span>

                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:5px"></img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:16px;margin-left:5px"> </img>
                                        </div>
                                    </div>
                                </div>
                                <div class="div8">



                                    <div style="display: flex;flex-direction: column;margin-left:-5px;position: relative;">

                                        <div style="position: absolute; margin-top: -40px ">
                                            <div class="station"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationleft2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="interactionpoint"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img></div>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:58px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:118px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:158px;font-size: 1px; color: #42666e;">2344</span>

                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:5px"></img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:16px;margin-left:5px"> </img>
                                        </div>
                                    </div>
                                </div>
                                <div class="div9">

                                    <div style="display: flex;flex-direction: column;position: relative;">
                                        <div style="  margin-top: -40px; margin-left: -25px ">
                                            <div style="position: absolute; ">
                                                <div class="station"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                                <div class="stationleft2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                                <div class="stationright"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                                <div class="stationright2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                                <div class="interactionpoint"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img></div>
                                                <span class="interactionpoint" style="  margin-left: -7px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                                <span class="interactionpoint" style="  margin-left: -7px;margin-top:58px;font-size: 1px; color: #42666e;">2344</span>
                                                <span class="interactionpoint" style="  margin-left: -7px;margin-top:118px;font-size: 1px; color: #42666e;">2344</span>
                                                <span class="interactionpoint" style="  margin-left: -7px;margin-top:158px;font-size: 1px; color: #42666e;">2344</span>

                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:5px"></img>
                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:16px;margin-left:5px"> </img>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="div10">
                                    <div style="display: flex;flex-direction: column;position: relative;">
                                        <div style="position: absolute; margin-top: -40px ">
                                            <div class="station"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationleft2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="interactionpoint"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img></div>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:58px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:118px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:158px;font-size: 1px; color: #42666e;">2344</span>

                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:5px"></img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:16px;margin-left:5px"> </img>
                                        </div>
                                    </div>
                                </div>
                                <div class="div11">
                                    <div style="display: flex;flex-direction: column;position: relative;">
                                        <div style="position: absolute; margin-top: -40px; margin-left: 25px">
                                            <div class="station"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationleft2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="interactionpoint"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img></div>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:58px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:118px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:158px;font-size: 1px; color: #42666e;">2344</span>

                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:5px"></img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:16px;margin-left:5px"> </img>
                                        </div>
                                    </div>
                                </div>
                                <div class="div12">
                                    <div style="display: flex;flex-direction: column;position: relative;">
                                        <div style="position: absolute; margin-top: -40px; margin-left: 22px">
                                            <div class="station"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationleft2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:80px;height:10px; margin-top:5px"></img></div>
                                            <div class="stationright2"><img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:40px;height:10px; margin-top:5px"></img></div>
                                            <div class="interactionpoint"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img></div>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:58px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:118px;font-size: 1px; color: #42666e;">2344</span>
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:158px;font-size: 1px; color: #42666e;">2344</span>

                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:5px"></img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:50px;height:30px;margin-top:22px"> </img>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:16px;margin-left:5px"> </img>
                                        </div>
                                    </div>
                                </div>
                                <div class="div13">

                                    <div style="display: flex; flex-direction: column; position: relative;">
                                        <div style="position: absolute; margin-left: -5px; margin-top: 42px; margin-left: 16px">
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:60px;height:30px;"></img>
                                            <span class="interactionpoint" style="  margin-left: 0px;margin-top:1px;font-size: 1px; color: #42666e;">2344</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="div14">


                                    <div style="display: flex; flex-direction: column; position: relative;">
                                        <div style="position: absolute; margin-left: 21px; margin-top: 7px; margin-left: 16px ">
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:60px;height:30px;"></img>
                                            <span class="interactionpoint" style="  margin-left: 0px;margin-top:1px;font-size: 1px; color: #42666e;">2344</span>
                                        </div>
                                    </div>

                                </div>
                                <div class="div15">
                                    <div style="display: flex; margin-left: -86px; position: relative;">
                                        <div style="position:absolute;margin-left:21px; margin-top:7px">
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:60px;height:30px;"></img>
                                            <span class="interactionpoint" style="  margin-left: 0px;margin-top:1px;font-size: 1px; color: #42666e;">2344</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="div16">
                                    <div style="display: flex; margin-left: 40px; position: relative; ">
                                        <div style="position:absolute;margin-left:21px; margin-top:7px">
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:60px;height:30px;"></img>
                                            <span class="interactionpoint" style="  margin-left: 0px;margin-top:1px;font-size: 1px; color: #42666e;">2344</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="div17">

                                    <div style="display:flex;position: relative;margin-top:8px">
                                        <div style="position: absolute; margin-top: 6px;margin-left:40px; ">
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:5px;font-size: 12px; color: black;">A</span>
                                            <img src="~/Content/images/DeviceMonitor/fjgoodsshelves.png"></img>
                                        </div>
                                    </div>
                                </div>
                                <div class="div18">
                                    <div style="display: flex; position: relative; margin-top: 8px">
                                        <div style="position: absolute; margin-top:6px ">
                                            <img src="~/Content/images/DeviceMonitor/fjgoodsshelves.png"></img>
                                        </div>
                                    </div>
                                </div>
                                <div class="div19">

                                    <div style="display:flex;margin-left:-25px;  position: relative;">
                                        <div style="position: absolute; margin-top:15px ">
                                            <img src="~/Content/images/DeviceMonitor/fjTrack.png" style="width: 820px; height: 2px; margin-left: 50px; margin-top: -12px"></img>
                                            <div class="interactionpoint" style="margin-left: 72px; margin-top: -9px">
                                                <img src="~/Content/images/DeviceMonitor/fjddj.png" style="width:80px;height:22px"></img>
                                            </div>
                                            <div class="interactionpoint" style="margin-left: 732px; margin-top: -9px"><img src="~/Content/images/DeviceMonitor/fjddj.png" style="width:80px;height:22px"></img></div>
                                            <span class="interactionpoint" style="margin-left: 98px; margin-top: -15px; font-size: 24px; color: white;">1</span>
                                            <span class="interactionpoint" style="margin-left: 760px; margin-top: -15px; font-size: 24px; color: white;">2</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="div20">
                                    <div style="display: flex; position: relative; ">
                                        <div style="position: absolute; margin-top: 15px; margin-left: 40px">
                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:5px;font-size: 12px; color: black;">B</span>
                                            <img src="~/Content/images/DeviceMonitor/fjgoodsshelves.png"></img>

                                        </div>
                                    </div>

                                </div>
                                <div class="div21">
                                    <div style="display: flex; position: relative; ">
                                        <div style="position: absolute; margin-top:15px ">
                                            <img src="~/Content/images/DeviceMonitor/fjgoodsshelves.png"></img>
                                        </div>
                                    </div>
                                </div>
                                <div class="div22">


                                    <div style="display: flex; flex-direction: row; position: relative; ">
                                        <div style="position: absolute; display: flex; flex-direction: row;margin-top:15px;margin-left:41px ">
                                            <div class="interactionpoint" style="margin-left: 122px;margin-top:3px">
                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img>
                                                <span class="interactionpoint" style="margin-left:-22px;margin-top:0px;font-size: 1px; color: #42666e;">2344</span>
                                            </div>
                                            <div class="interactionpoint" style="margin-left: 92px;margin-top:3px">
                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img>
                                                <span class="interactionpoint" style="margin-left:-40px;margin-top:0px;font-size: 1px; color: #42666e;">2344</span>
                                            </div>
                                            <div class="interactionpoint" style="margin-left:22px;margin-top:3px">
                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjArrowsin.png" style="width:12px;height:20px; margin-top:2px"></img>
                                                <span class="interactionpoint" style="margin-left:-48px;margin-top:0px;font-size: 1px; color: #42666e;">2344</span>
                                            </div>

                                            <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width: 80px; height: 30px; margin-right: 1px; "></img>
                                            <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width: 50px; height: 30px;margin-right:1px;   "></img>
                                            <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width: 30px; height: 30px;     "></img>
                                        </div>
                                    </div>
                                    <!--<div style="display:flex;padding-left:45px;margin-top:-2px; position: relative;">

                                        <div class="interactionpoint" style="margin-left:142px;margin-top:2px"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img></div>
                                        <div class="interactionpoint" style="margin-left:182px;margin-top:2px"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img></div>
                                        <div class="interactionpoint" style="margin-left:82px;margin-top:2px"><img class="rotate270" src="~/Content/images/DeviceMonitor/fjArrowsin.png" style="width:17px;height:20px; margin-top:2px"></img></div>

                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width: 80px; height: 30px; margin-left: 21px; margin-right: 1px"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width: 50px; height: 30px; margin-right: 1px"></img>
                                        <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width: 30px; height: 30px; margin-right: 1px"></img>
                                    </div>-->
                                </div>

                                <div class="div25">

                                    <div style="display: flex; flex-direction: row; position: relative; ">
                                        <div style="position: absolute; display: flex; flex-direction: row;margin-top:-6px;margin-left:45px ">
                                            <div class="interactionpoint" style="margin-left:-12px;margin-top:2px">
                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img>
                                                <span class="interactionpoint" style="margin-left:-20px;margin-top:0px;font-size: 1px; color: #42666e;">2344</span>
                                            </div>
                                            <div class="interactionpoint" style="margin-left:22px;margin-top:2px">
                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:12px;height:10px; margin-top:1px"></img>
                                                <span class="interactionpoint" style="margin-left:-5px;margin-top:0px;font-size: 1px; color: #42666e;">2344</span>
                                            </div>
                                            <div class="interactionpoint" style="margin-left:92px;margin-top:2px">
                                                <img class="rotate270" src="~/Content/images/DeviceMonitor/fjArrowsin.png" style="width:12px;height:20px; margin-top:2px"></img>
                                                <span class="interactionpoint" style="margin-left: 4px;margin-top:0px;font-size: 1px; color: #42666e;">2344</span>
                                            </div>
                                            <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width: 30px; height: 30px; margin-right: 1px; "></img>
                                            <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width: 50px; height: 30px;margin-right:1px;   "></img>
                                            <img src="~/Content/images/DeviceMonitor/fjstation.png" style="width: 80px; height: 30px;     "></img>

                                        </div>
                                    </div>
                                </div>
                                <div class="div28">

                                    <!--<div style="display:flex;margin-top:120%;margin-right:5px">
                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjhoist.png"></img>
                                    </div>-->

                                    <div style="display: flex;position: relative;">
                                        <div style="position: absolute; margin-left: 3px; margin-top: 31px">
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjhoist.png"></img>
                                        </div>
                                    </div>

                                </div>
                                <div class="div29">
                                    <div style=" position: relative;">
                                        <div style=" margin-top:-7px; margin-left:116px">
                                            <div style="position:absolute;margin-left:100px; margin-top:3px">
                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjhoist.png"></img>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="div30">
                                    <div style=" position: relative;">
                                        <div style="position:absolute;margin-left:28px; margin-top:12px">
                                            <div class="interactionpoint" style="margin-left:-5px;margin-top:5px">
                                                <img class="rotate180" src="~/Content/images/DeviceMonitor/fjArrowsout.png" style="width:12px;height:20px; margin-top:1px"></img>
                                            </div>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;"></img>
                                            <span class="interactionpoint" style="margin-left:-10px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="div31">
                                    <div style=" position: relative;">
                                        <div style="position:absolute;margin-left:55px; margin-top:12px">
                                            <div class="interactionpoint" style="margin-left:-5px;margin-top:5px">
                                                <img class="rotate180" src="~/Content/images/DeviceMonitor/fjArrowsout.png" style="width:12px;height:20px; margin-top:1px"></img>
                                            </div>

                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;"></img>
                                            <span class="interactionpoint" style="margin-left:-10px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="div32">

                                    <div style=" position: relative;">
                                        <div style="position:absolute;margin-left:-52px; margin-top:12px">
                                            <div class="interactionpoint" style="margin-left:-5px;margin-top:5px">
                                                <img class="rotate180" src="~/Content/images/DeviceMonitor/fjArrowsout.png" style="width:12px;height:20px; margin-top:1px"></img>
                                            </div>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;"></img>
                                            <span class="interactionpoint" style="margin-left:-10px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="div33">

                                    <div style=" position: relative;">
                                        <div style="position:absolute;margin-left:35px; margin-top:12px">
                                            <div class="interactionpoint" style="margin-left:-5px;margin-top:5px">
                                                <img class="rotate180" src="~/Content/images/DeviceMonitor/fjArrowsout.png" style="width:12px;height:20px; margin-top:1px"></img>
                                            </div>
                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;"></img>
                                            <span class="interactionpoint" style="margin-left:-10px;margin-top:18px;font-size: 1px; color: #42666e;">2344</span>
                                        </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>5413</label>
                                    </div>
                                    <div class="item">
                                        <span>空货位</span>
                                        <label>1963</label>
                                    </div>
                                    <div class="item">
                                        <span>堆垛机</span>
                                        <label>5413</label>
                                    </div>
                                    <div class="item">
                                        <span>AGV</span>
                                        <label>4 / 1</label>
                                    </div>
                                    <div class="item">
                                        <span>当前任务</span>
                                        <label>14</label>
                                    </div>
                                </div>
                            </div>
                            <div class="rItem">
                                <div class="title">
                                    <img src="~/Content/images/DeviceMonitor/icon.png" class="" />
                                    <span>故障信息</span>
                                </div>
                                <div class="InfoItem">
                                    <span class="titleS">故障一</span>
                                    <div class="InfoBlock">
                                        <span>区域：</span>
                                        <label>入库C区</label>
                                    </div>
                                    <div class="InfoBlock">
                                        <span>交互点：</span>
                                        <label>5689</label>
                                    </div>
                                    <div class="InfoBlock">
                                        <span>故障原因：</span>
                                        <label>故障原因</label>
                                    </div>
                                </div>
                                <div class="InfoItem">
                                    <span class="titleS">故障二</span>
                                    <div class="InfoBlock">
                                        <span>交互点：</span>
                                        <label>5689</label>
                                    </div>
                                    <div class="InfoBlock">
                                        <span>故障原因：</span>
                                        <label>故障原因</label>
                                    </div>
                                </div>
                                <div class="InfoItem">
                                    <span class="titleS">故障三</span>
                                    <div class="InfoBlock">
                                        <span>区域：</span>
                                        <label>入库C区</label>
                                    </div>
                                    <div class="InfoBlock">
                                        <span>交互点：</span>
                                        <label>5689</label>
                                    </div>
                                    <div class="InfoBlock">
                                        <span>故障原因：</span>
                                        <label>故障原因</label>
                                    </div>
                                </div>




                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div role="tabpanel" class="tab-pane" id="tree_ajax">
                <div class="lr-tab-scroll-content">

                    <div style="height:100%; overflow-x: scroll;">

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

                                <div class="flex-container">

                                    <div class="item1">

                                        <div class="mainflexcontainer">
                                            <div class="mainflexcontainerleft">
                                                <div class="mitem1">

                                                </div>
                                                <div class="mitem2">
                                                    <div style="position: relative;">
                                                        <div style="display: flex;flex-direction: row;position:absolute;margin-left:22px; margin-top:-5px">
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <div style="display: flex;flex-direction: column;position: relative;">
                                                                <img class="rotate270" src="~/Content/images/DeviceMonitor/fjConveyorlineTurn.png" style="width:18px;height:15px; margin-top:7px;margin-left:-2px "></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:4px"></img>

                                                            </div>

                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:200px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:8px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:215px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:8px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:230px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:8px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                            </div>

                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:420px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:435px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:450px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>         <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:465px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:480px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:495px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:510px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:525px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:540px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                        </div>

                                                    </div>
                                                    <div style="display: flex;flex-direction: column;position: relative;">

                                                        <img class="rotate180" src="~/Content/images/DeviceMonitor/fjConveyorlineTurn.png" style="width:18px;height:15px;margin-left:5px "></img>

                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:20px;height:10px; margin-top:5px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:20px;height:10px; margin-top:10px"></img>
                                                        <div class="interactionpoint"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:7px;height:7px;margin-left:-10px; margin-top:42px"></img></div>


                                                    </div>


                                                </div>
                                                <div class="mitem3"></div>
                                                <div class="mitem4"></div>
                                                <div class="mitem5">
                                                    <div style="position:absolute;margin-left:125px;margin-top:-5px">
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjhoist.png" style="margin-top:75px;"></img>
                                                        <img src="~/Content/images/DeviceMonitor/CircularLibrary.png" style="width:130px;height:130px"></img>
                                                    </div>
                                                    <div style="position:absolute;margin-left:265px;margin-top:40px">
                                                        <img src="~/Content/images/DeviceMonitor/fjRobotarm.png" style="width:50px;height:50px;margin-left:-65px;"></img>
                                                    </div>

                                                    <div style="position:absolute;margin-left:255px;margin-top:25px">
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;margin-right:7px "></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                    </div>

                                                    <div style="position:absolute;margin-left:255px;margin-top:45px">
                                                        <img src="~/Content/images/DeviceMonitor/RGVfjTrack.png" style="width:360px;height:15px;"></img>
                                                        <img src="~/Content/images/DeviceMonitor/RGVred.png" style="width:20px;height:15px;margin-left:-260px"></img>
                                                    </div>

                                                    <div style="position:absolute;margin-left:255px;margin-top:65px">
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;margin-right:7px "></img>


                                                        <div style=" flex-direction: row;position: relative;margin-left:35px;margin-top:4px">

                                                            <div style="display: flex;flex-direction: column;margin-left:13px;position:relative;margin-top: -18px;">
                                                                <div class="interactionpoint" style="margin-left:-1px;margin-top:8px">
                                                                    <img src="~/Content/images/DeviceMonitor/fjArrowsout.png" style="width:8px;height:20px; margin-top:15px"></img>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:-3px;font-size: 1px; color: #42666e;">1234</span>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:45px;font-size: 1px; color: #42666e;">2344</span>


                                                                </div>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:9px"></img>
                                                            </div>

                                                            <div style="display: flex;flex-direction: column;margin-left:75px;position:relative; margin-top:-70px">
                                                                <div class="interactionpoint" style="margin-left:-1px;margin-top:8px">
                                                                    <img src="~/Content/images/DeviceMonitor/fjArrowsin.png" style="width:8px;height:20px; margin-top:15px"></img>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:-3px;font-size: 1px; color: #42666e;">1234</span>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:45px;font-size: 1px; color: #42666e;">2344</span>

                                                                </div>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:9px"></img>
                                                            </div>

                                                            <div style="display: flex;flex-direction: column;margin-left:135px; margin-top:-70px">
                                                                <div class="interactionpoint" style="margin-left:134px;margin-top:8px">
                                                                    <img src="~/Content/images/DeviceMonitor/fjArrowsout.png" style="width:8px;height:20px; margin-top:15px"></img>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:-3px;font-size: 1px; color: #42666e;">1234</span>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:45px;font-size: 1px; color: #42666e;">2344</span>

                                                                </div>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:9px"></img>
                                                            </div>


                                                            <div style=" flex-direction: row;position: relative;margin-left:179px;margin-top:-72px">
                                                                <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                                <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                                <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                                <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                            </div>
                                                        </div>

                                                        <img src="~/Content/images/DeviceMonitor/Aerialcrane.png" style="width:420px;height:120px;margin-left:155px; margin-top:-98px"></img>

                                                    </div>

                                                </div>
                                                <div class="mitem6">
                                                    <div style="position:absolute;margin-left:285px;margin-top: 130px">
                                                        <div style="display:flex;position: relative;">
                                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:5px;font-size: 12px; color: black;">A</span>
                                                            <img src="~/Content/images/DeviceMonitor/fjgoodsshelves.png"></img>

                                                        </div>
                                                        <div style="display:flex;margin-left:-65px; margin-top:16px; position: relative;">
                                                            <img src="~/Content/images/DeviceMonitor/fjTrack.png" style="width:820px;height:2px"></img>
                                                            <div class="interactionpoint" style="margin-left:22px;margin-top:-21px">
                                                                <img src="~/Content/images/DeviceMonitor/fjddj.png" style="width: 80px; height: 22px; margin-top: 12px;"></img>
                                                                <span style="display: block; margin-left: 28px; margin-top: -28px; font-size: 24px; color: white;">1</span>
                                                            </div>
                                                            <div class="interactionpoint" style="margin-left:682px;margin-top:-21px">
                                                                <img src="~/Content/images/DeviceMonitor/fjddj.png" style="width: 80px; height: 22px; margin-top: 12px;"></img>
                                                                <span style="display: block; margin-left: 28px; font-size: 24px; margin-top: -28px; color: white;">2</span>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="mitem7">
                                                    <div style="position:absolute;margin-left:285px;margin-top: 172px">
                                                        <div style="display:flex;position: relative;">
                                                            <span class="interactionpoint" style="  margin-left: -7px;margin-top:5px;font-size: 12px; color: black;">B</span>
                                                            <img src="~/Content/images/DeviceMonitor/fjgoodsshelves.png"></img>

                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="mitem8">

                                                </div>
                                                <div class="mitem9"></div>
                                                <div class="mitem10"></div>
                                            </div>

                                            <div class="mainflexcontainerright">
                                                <div class="mitem1">

                                                </div>
                                                <div class="mitem2" style="margin-top:5px">
                                                    <div style="position: relative;">
                                                        <div style="display: flex;flex-direction: row;position:absolute;margin-left:22px; margin-top:-5px">
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>
                                                            <img src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:15px;height:10px; margin-top:5px"></img>


                                                            <div style="display: flex;flex-direction: column;position: relative;">
                                                                <img class="rotate270" src="~/Content/images/DeviceMonitor/fjConveyorlineTurn.png" style="width:18px;height:15px;margin-top:7px;margin-left:-2px "></img>

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:20px;height:10px; margin-top:5px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:20px;height:10px; margin-top:10px"></img>
                                                                <div class="interactionpoint"><img class="rotate" src="~/Content/images/DeviceMonitor/fjjhdgreen.png" style="width:7px;height:7px;margin-left:-11px; margin-top:50px"></img></div>

                                                            </div>

                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:320px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:8px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:335px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:8px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:350px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:8px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:25px;height:10px; margin-top:15px;margin-left:3px"></img>
                                                            </div>

                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:15px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:30px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:45px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:60px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:75px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:90px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:105px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:120px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                            <div style="position:absolute;display: flex;flex-direction: column;margin-top:13px;margin-left:135px">

                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:12px;height:10px; margin-top:2px;margin-left:3px"></img>

                                                            </div>
                                                        </div>

                                                    </div>
                                                    <div style="display: flex;flex-direction: column;position: relative;">


                                                        <img class="rotate180" src="~/Content/images/DeviceMonitor/fjConveyorlineTurn.png" style="width:18px;height:15px; margin-left:5px "></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjConveyorline.png" style="width:11px;height:10px; margin-top:1px;margin-left:3px"></img>

                                                    </div>


                                                </div>
                                                <div class="mitem3"></div>
                                                <div class="mitem4"></div>
                                                <div class="mitem5" style="margin-top:30px">

                                                    <div style="position:absolute;margin-left:298px;margin-top:-60px">
                                                        <img class="rotate" src="~/Content/images/DeviceMonitor/fjhoist.png" style="position:absolute;margin-left:135px;margin-top:75px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/CircularLibrary2.png" style="width:130px;height:130px"></img>
                                                    </div>
                                                    <div style="position:absolute;margin-left:413px;margin-top:-20px">
                                                        <img class="rotate270" src="~/Content/images/DeviceMonitor/fjRobotarm.png" style="width:50px;height:50px;margin-left:-65px;"></img>
                                                    </div>

                                                    <div style="position:absolute;margin-left:-10px;margin-top:-35px">
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;margin-right:7px "></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                    </div>

                                                    <div style="position:absolute;margin-left:-10px;margin-top:-14px">
                                                        <img src="~/Content/images/DeviceMonitor/RGVfjTrack.png" style="width:360px;height:15px;"></img>
                                                        <img src="~/Content/images/DeviceMonitor/RGVred.png" style="width:20px;height:15px;margin-left:-260px"></img>
                                                    </div>

                                                    <div style="position:absolute;margin-left:-10px;margin-top:6px">

                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>
                                                        <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;;margin-right:7px"></img>




                                                        <div style=" flex-direction: row;position: relative;margin-left:130px;margin-top:-15px">

                                                            <div style="display: flex;flex-direction: column;margin-left:13px;position:relative; margin-top:-14px">
                                                                <div class="interactionpoint" style="margin-left:-1px;margin-top:8px">
                                                                    <img src="~/Content/images/DeviceMonitor/fjArrowsout.png" style="width:8px;height:20px; margin-top:15px"></img>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:-3px;font-size: 1px; color: #42666e;">1234</span>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:45px;font-size: 1px; color: #42666e;">2344</span>

                                                                </div>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:9px"></img>
                                                            </div>

                                                            <div style="display: flex;flex-direction: column;margin-left:75px;position:relative; margin-top:-70px">
                                                                <div class="interactionpoint" style="margin-left:-1px;margin-top:8px">
                                                                    <img src="~/Content/images/DeviceMonitor/fjArrowsin.png" style="width:8px;height:20px; margin-top:15px"></img>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:-3px;font-size: 1px; color: #42666e;">1234</span>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:45px;font-size: 1px; color: #42666e;">2344</span>

                                                                </div>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:9px"></img>
                                                            </div>

                                                            <div style="display: flex;flex-direction: column;margin-left:135px; margin-top:-68px">
                                                                <div class="interactionpoint" style="margin-left:134px;margin-top:8px">
                                                                    <img src="~/Content/images/DeviceMonitor/fjArrowsout.png" style="width:8px;height:20px; margin-top:15px"></img>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:-3px;font-size: 1px; color: #42666e;">1234</span>
                                                                    <span class="interactionpoint" style="  margin-left: -28px;margin-top:45px;font-size: 1px; color: #42666e;">2344</span>

                                                                </div>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;"></img>
                                                                <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:30px;margin-top:9px"></img>
                                                            </div>

                                                            <!--                <div class="interactionpoint" style="margin-left:73px;margin-top:2px" >
                                                                            <img    src="~/Content/images/DeviceMonitor/fjArrowsout.png"  style="width:8px;height:20px; margin-top:1px"></img></div>
                                                                            <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:20px;margin-left:30px"></img>


                                                                            <div class="interactionpoint" style="margin-left:143px;margin-top:2px" >
                                                                               <img    src="~/Content/images/DeviceMonitor/fjArrowsout.png"  style="width:8px;height:20px; margin-top:1px"></img></div>
                                                                               <img class="rotate" src="~/Content/images/DeviceMonitor/fjstation.png" style="width:40px;height:20px;;margin-left:25px"></img>

                                                            -->
                                                            <div style=" flex-direction: row;position: relative;margin-left:179px;margin-top:-74px">
                                                                <img src="~/Content/images/DeviceMonitor/fjStationPendingWarehousing.png" style="width:20px;height:20px;margin-right:7px "></img>
                                                            </div>
                                                        </div>


                                                    </div>

                                                </div>
                                                <div class="mitem6">
                                                    <div style="position:absolute;margin-left:5px;margin-top: 82px">
                                                        <img src="~/Content/images/DeviceMonitor/fjgoodsshelves.png"></img>
                                                    </div>
                                                </div>
                                                <div class="mitem7">
                                                    <div style="position:absolute;margin-left:5px;margin-top: 141px">
                                                        <img src="~/Content/images/DeviceMonitor/fjgoodsshelves.png"></img>
                                                    </div>
                                                </div>
                                                <div class="mitem8"></div>
                                                <div class="mitem9"></div>
                                                <div class="mitem10"></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>5413</label>
                                        </div>
                                        <div class="item">
                                            <span>空货位</span>
                                            <label>1963</label>
                                        </div>
                                        <div class="item">
                                            <span>堆垛机</span>
                                            <label>5413</label>
                                        </div>
                                        <div class="item">
                                            <span>AGV</span>
                                            <label>4 / 1</label>
                                        </div>
                                        <div class="item">
                                            <span>当前任务</span>
                                            <label>14</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="rItem">
                                    <div class="title">
                                        <img src="~/Content/images/DeviceMonitor/icon.png" class="" />
                                        <span>故障信息</span>
                                    </div>
                                    <div class="InfoItem">
                                        <span class="titleS">故障一</span>
                                        <div class="InfoBlock">
                                            <span>区域：</span>
                                            <label>入库C区</label>
                                        </div>
                                        <div class="InfoBlock">
                                            <span>交互点：</span>
                                            <label>5689</label>
                                        </div>
                                        <div class="InfoBlock">
                                            <span>故障原因：</span>
                                            <label>故障原因</label>
                                        </div>
                                    </div>
                                    <div class="InfoItem">
                                        <span class="titleS">故障二</span>
                                        <div class="InfoBlock">
                                            <span>交互点：</span>
                                            <label>5689</label>
                                        </div>
                                        <div class="InfoBlock">
                                            <span>故障原因：</span>
                                            <label>故障原因</label>
                                        </div>
                                    </div>
                                    <div class="InfoItem">
                                        <span class="titleS">故障三</span>
                                        <div class="InfoBlock">
                                            <span>区域：</span>
                                            <label>入库C区</label>
                                        </div>
                                        <div class="InfoBlock">
                                            <span>交互点：</span>
                                            <label>5689</label>
                                        </div>
                                        <div class="InfoBlock">
                                            <span>故障原因：</span>
                                            <label>故障原因</label>
                                        </div>
                                    </div>




                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>


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