@using WMS.BZWeb;
@{
    ViewBag.Title = "效率统计";
    Layout = "~/Views/Shared/_Index.cshtml";
}
@Html.AppendCssFile("/Areas/SXManager/Views/DeviceEffectives/QIndex.css")
<div class="lr-layout">
    <div class="lr-layout-center">
        <ul class="left nav nav-tabs lr-nav-tabs" role="tablist" id="lr_left_list">
            <li role="presentation" class="active" data-value="1"><a href="#tree_base" aria-controls="home" role="tab" data-toggle="tab">堆垛机</a></li>
            <li role="presentation" data-value="2"><a href="#tree_ajax" aria-controls="profile" role="tab" data-toggle="tab">机械手</a></li> 
        </ul>

        <div style="height:100%;">
            <div class="outer-container">
                <div class="tab-content lr-tab-content">
                    <div role="tabpanel" class="tab-pane active" id="tree_base">
                        <div class="col-xs-4 wrapItem " style="float:right;margin-top:-30px;">
                            <input id="beginTime" placeholder="请输入开始时间" readonly style="width:180px;border: 1px solid #ccc;    height: 28px;" class="datetime" type="text" onclick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})">
                            <input id="endTime" placeholder="请输入结束时间" readonly style="width:180px;border: 1px solid #ccc;    height: 28px;" class="datetime" type="text" onclick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})">
                            <a id="btn_Search" class="btn-primary btn-sm"><i class="fa fa-search"></i>&nbsp;<span class="lrlg">查询</span></a>
                            @*  <a id="lr_search" class="btn btn-default"><i class="fa fa-sign-out"></i>&nbsp;确定</a> *@
                        </div>
                        <div style="height:100%;">
                            <div class="center">

                                <div class="item">
                                    <div class="title">
                                        <img src="~/Content/images/DeviceMonitor/icon.png" class="" />
                                        <span>运行状态</span>
                                    </div>
                                    <div class="wrap">
                                        <div id="SRMSpan" class="choseBox" style="margin-left:90px;margin-top:-38px;margin-bottom:15px;">
                                            <span class="active" data-queryValue="1">一楼</span>
                                            <span data-queryValue="2">二楼</span>
                                            <span data-queryValue="3">三楼</span>
                                        </div>
                                        <div class="col-xs-3 wrapItem " style="height:196px;  display: flex;flex-direction: row; margin-top:15px;">
                                            <div class="InfoBlock" style="display:flex;flex-direction: column; vertical-align:middle;gap:10px; ">
                                                <div id="SRM01" style="width:368px;height:196px; margin-left:-80px;margin-top:-20px;">
                                                </div>
                                                <div style="position:relative;top:-20px; margin-left:13%;font-size:15px; "> </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-3 wrapItem " style="height:196px;  display: flex;flex-direction: row; margin-top:15px;">
                                            <div class="InfoBlock" style="display:flex;flex-direction: column; vertical-align:middle; ">
                                                <div id="SRM02" style="width:368px;height:196px; margin-left:-80px;margin-top:-20px;">
                                                </div>
                                                <div style="position:relative;top:-20px; margin-left:13%;font-size:15px;"> </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-3 wrapItem " style="height:196px;  display: flex;flex-direction: row; margin-top:15px;">
                                            <div class="InfoBlock" style="display:flex;flex-direction: column; vertical-align:middle; ">
                                                <div id="SRM03" style="width:368px;height:196px; margin-left:-80px;margin-top:-20px;">
                                                </div>
                                                <div style="position:relative;top:-20px; margin-left:13%;font-size:15px;">SRM103</div>
                                            </div>
                                        </div>
                                        <div class="col-xs-3 wrapItem " style="height:196px;  display: flex;flex-direction: row; margin-top:15px;">
                                            <div class="InfoBlock" style="display:flex;flex-direction: column; vertical-align:middle; ">
                                                <div id="SRM04" style="width:368px;height:196px; margin-left:-80px;margin-top:-20px;">
                                                </div>
                                                <div style="position:relative;top:-20px; margin-left:13%;font-size:15px;">SRM104</div>
                                            </div>
                                        </div>

                                        <div class="col-xs-3 wrapItem " style="height:196px;  display: flex;flex-direction: row; margin-top:15px;">
                                            <div class="InfoBlock" style="display:flex;flex-direction: column; vertical-align:middle; ">
                                                <div id="SRM05" style="width:368px;height:196px; margin-left:-80px;margin-top:-20px;">
                                                </div>
                                                <div style="position:relative;top:-20px; margin-left:13%;font-size:15px;">SRM105</div>
                                            </div>
                                        </div>
                                        <div class="col-xs-3 wrapItem " style="height:196px;  display: flex;flex-direction: row; margin-top:15px;">
                                            <div class="InfoBlock" style="display:flex;flex-direction: column; vertical-align:middle; ">
                                                <div id="SRM06" style="width:368px;height:196px; margin-left:-80px;margin-top:-20px;">
                                                </div>
                                                <div style="position:relative;top:-20px; margin-left:13%;font-size:15px;">SRM106</div>
                                            </div>
                                        </div>
                                        <div class="col-xs-3 wrapItem " style="height:196px;  display: flex;flex-direction: row; margin-top:15px;">
                                            <div class="InfoBlock" style="display:flex;flex-direction: column; vertical-align:middle; ">
                                                <div id="SRM07" style="width:368px;height:196px; margin-left:-80px;margin-top:-20px;">
                                                </div>
                                                <div style="position:relative;top:-20px; margin-left:13%;font-size:15px;">SRM107</div>
                                            </div>
                                        </div>
                                        <div class="col-xs-3 wrapItem " style="height:196px;  display: flex;flex-direction: row; margin-top:15px;">
                                            <div class="InfoBlock" style="display:flex;flex-direction: column; vertical-align:middle; ">
                                                <div id="SRM08" style="width:368px;height:196px; margin-left:-80px;margin-top:-20px;">
                                                </div>       
                                                <div style="position:relative;top:-20px; margin-left:13%;font-size:15px;">SRM108</div>
                                            </div>
                                        </div>

                                    </div>
                                </div>


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

                    <div role="tabpanel" class="tab-pane" id="tree_ajax">
                       
                 
                                <div class="col-xs-4 wrapItem " style="float:right;margin-top:-30px;">
                                    <input id="robotbeginTime" placeholder="请输入开始时间" readonly style="width:180px;border: 1px solid #ccc;    height: 28px;" class="datetime" type="text" onclick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})">
                                    <input id="robotendTime" placeholder="请输入结束时间" readonly style="width:180px;border: 1px solid #ccc;    height: 28px;" class="datetime" type="text" onclick="WdatePicker({el:this,dateFmt:'yyyy-MM-dd HH:mm:ss'})">
                                    <a id="btn_robotSearch" class="btn-primary btn-sm"><i class="fa fa-search"></i>&nbsp;<span class="lrlg">查询</span></a>
                                    @*  <a id="lr_search" class="btn btn-default"><i class="fa fa-sign-out"></i>&nbsp;确定</a> *@
                                </div>
                                <div style="height:100%;">
                                    <div class="center">

                                        <div class="item">
                                            <div class="title">
                                                <img src="~/Content/images/DeviceMonitor/icon.png" class="" />
                                                <span>运行状态</span>
                                            </div>
                                            <div class="wrap">

                                        <div class="col-xs-6 wrapItem " style="height:196px;  display: flex;flex-direction: row; margin-top:15px;">
                                            <div class="InfoBlock" style="display:flex;flex-direction: column; vertical-align:middle;gap:10px; ">
                                                <div id="Robot1" style="width:368px;height:196px; margin-left:-80px;margin-top:-20px;">
                                                </div>
                                                <div style="position:relative;top:-20px; margin-left:13%;font-size:15px; "> </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 wrapItem " style="height:196px;  display: flex;flex-direction: row; margin-top:15px;">
                                            <div class="InfoBlock" style="display:flex;flex-direction: column; vertical-align:middle; ">
                                                <div id="Robot2" style="width:368px;height:196px; margin-left:-80px;margin-top:-20px;">
                                                </div>
                                                <div style="position:relative;top:-20px; margin-left:13%;font-size:15px;"> </div>
                                            </div>
                                        </div>

                                            </div>
                                        </div>


                                    </div>
                                </div>
                             


                 

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="~/Content/echarts55/echarts.min.js"></script>
@* <script src="~/Content/echarts55/theme/shine.js"></script> *@
<script>
    var beginTime = '@ViewBag.BeginTime';
    var endTime = '@ViewBag.EndTime';
</script>
@Html.AppendJsFile("/Areas/SXManager/Views/DeviceEffectives/QIndex.js")