@{
    ViewData["TitleController"] = "CIM监控";
    ViewData["TitleAction"] = "";
    ViewData["TitleActionDescription"] = "监控CIM系统运行状态";
    ViewData["Title"] = "CIM监控";
}

@section header{
    <link rel="stylesheet" href="~/lib/zTree.v3/css/zTreeStyle/zTreeStyle.min.css">
}

<style>
    .ztree * {
        color: black;
        font-size: 14px;
    }
</style>

<div class="row">
    <div class="col-md-12">
        <div class="box box box-primary">
            <div class="box-header">
                <div class="row">
                    <div class="col-md-6">
                        <div class="checkbox" style="padding-left: 10px; color:#FCC439">
                            <label>
                                <input id="isShowError" type="checkbox"> 只显示异常状态
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                <span>页面自动更新周期为：1min</span>
                            </label>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <button class="btn btn-default" onclick="modal_issued_show()">数据下发</button>
                    </div>
                </div>
            </div>
            <div class="box-body">
                <div class="col-md-10">
                    <div id="cims"></div>
                </div>
                <div class="col-md-2">
                    <div class="cim-change-shift-div">
                        <label id="changeShiftLabel">未换班机台</label>
                        <div id="changeShift"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal_issued" tabindex="-1" role="dialog" aria-labelledby="modal_user_add_label" data-backdrop="static">
    <div class="modal-dialog" role="document" style="width:60%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">数据下发</h4>
            </div>
            <div class="modal-body">
                <div class="content container-fluid">
                    <div class="col-md-3">
                        <div style="width:100%; height:450px; overflow:auto;">
                            <ul id="productionLineTree" class="ztree"></ul>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="col-md-12">
                            <h3>EAP 远程配置</h3>
                            <div class="col-md-4">
                                <input id="eapIp" type="text" placeholder="EAP IP"
                                       class="form-control" value="" />
                            </div>
                            <div class="col-sm-4">
                                <input id="eapPort" type="text" placeholder="EAP Port"
                                       class="form-control" value="" />
                            </div>
                            <button type="button" class="btn btn-default" onclick="setEap()">设置</button>
                        </div>
                        <div class="col-md-12">
                            <h3>EAP 远程配置（只填写IP地址，Port使用之前上传的Port）</h3>
                            <div class="col-md-4">
                                <input id="eapIp1" type="text" placeholder="EAP IP"
                                       class="form-control" value="" />
                            </div>
                            <button type="button" class="btn btn-default" onclick="setEapIp()">设置</button>
                        </div>
                        <div class="col-md-12">
                            <h3> 远程升级</h3>
                            <button type="button" class="btn btn-default" onclick="setUpdateApp()">升级</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>

@section footer{
    <script src="~/js/cim/cim.js"></script>
    <script src="~/lib/zTree.v3/js/jquery.ztree.core.min.js"></script>
    <script src="~/lib/ztree.v3/js/jquery.ztree.excheck.min.js"></script>
}