WEBUI/WMS.BZWeb/Areas/FJManager/Views/QueryCell/Index.cshtml

@using WMS.BZWeb;
@{
    ViewBag.Title = "货位";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<style>
    .inventory {
        padding: 10px 0;
    }

        .inventory .status_box {
            overflow: hidden;
            padding: 0 160px;
        }

            .inventory .status_box .status_item {
                display: inline-block;
                margin-left: 20px;
            }

                .inventory .status_box .status_item span {
                    display: inline-block;
                    position: relative;
                    top: -8px;
                }

    .tags {
        display: inline-block;
        width: 25px;
        height: 25px;
        text-align: center;
        margin-right: 4px;
    }

    .tags0 {
        background: #e0e0e0;
    }

    .tags1 {
        background: #52c41a;
    }

    .tags2 {
        background: yellow;
        color: #000;
    }

    .tags3 {
        background: red;
    }
</style>
<div class="lr-layout ">
    <div class="lr-layout-center">
        <div class="lr-layout-wrap lr-layout-wrap-notitle " style="overflow-x: hidden;overflow-y: scroll">
            <div class="lr-layout-tool">
                <div class="lr-layout-tool-left">
                    <div class="col-xs-6 lr-form-item" style="margin-right:5px">
                        <div class="lr-form-item-title">堆垛机：</div>
                        <div id="SRMName"></div>
                        @* <div id="locWareHouse" isvalid="yes" checkexpession="NotNull"></div>*@
                        @*<select class="form-control" id="locWareHouse" style="width:100px;"></select>*@
                    </div>
                    <div class="lr-layout-tool-item">
                        <span class="tabName" style="margin-top: 0px"><i class="fa fa-th"></i>&nbsp;货位展示</span>
                    </div>
                </div>
                <div class="lr-layout-tool-right">
                    <div class=" btn-group btn-group-sm">
                        <a id="lr_refresh" class="btn btn-default"><i class="fa fa-refresh"></i>&nbsp;<span class="lrlg">刷新</span></a>
                    </div>
                </div>
            </div>

            <div class="inventory">
                <div class="status_box">
                    <a-button-group style="float: left; margin-right: 20px">
                        <a id="lr_left" class="btn btn-default active"><i class="fa "></i>&nbsp;<span class="lrlg">左货架 </span></a>
                        <a id="lr_right" class="btn btn-default"><i class="fa"></i>&nbsp;<span class="lrlg">右货架</span></a>

                    </a-button-group>
                    <div style="float: right">
                        <div class="status_item">
                            <i class="tags tags0"></i>
                            <span>无货</span>
                        </div>
                        <div class="status_item">
                            <i class="tags tags1"></i>
                            <span>有货</span>
                        </div>
                        <div class="status_item">
                            <i class="tags tags2"></i>
                            <span>锁定</span>
                        </div>
                        <div class="status_item">
                            <i class="tags tags3"></i>
                            <span>停用</span>
                        </div>
                    </div>
                </div>

            </div>

            @*  <div style="position:absolute;top:70px;right:150px;display:flex;">
            <div style="height:20px;width:20px;background-color:#ccc;margin-left:10px;margin-right:5px;"></div>停用
            <div style="height:20px;width:20px;background-color:#4EEE94;margin-left:10px;margin-right:5px;"></div>空货位
            <div style="height:20px;width:20px;background-color:#191970;margin-left:10px;margin-right:5px;"></div>已存储
            <div style="height:20px;width:20px;background-color:#CD69C9;margin-left:10px;margin-right:5px;"></div>入锁
            <div style="height:20px;width:20px;background-color:#CD0000;margin-left:10px;margin-right:5px;"></div>出锁
            </div>*@



            <div id="echart" style="width:100vw;height:900px;"></div>

        </div>
    </div>
</div>
<script src="~/Content/echarts/echarts.min.js"></script>
@Html.AppendJsFile("/Areas/FJManager/Views/QueryCell/Index.js")