@*单位平台*@
@{
    ViewBag.Title = "智设电气设计系统";
    Layout = "~/Views/Shared/_AdminSystem.cshtml";
}
@Html.AppendCssFile("/Views/Home/AdminSystemManage/index.css")
@*弹窗样式设置*@
<style>
    .lr-im-alarm {
        position: absolute;
        /*right: 30px;*/
        right: 120px;
        bottom: 20px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        z-index: 9;
    }

    .lr-im-alarm-pr {
        position: relative;
    }

        .lr-im-alarm-pr i {
            font-size: 22px;
            cursor: pointer;
        }

            .lr-im-alarm-pr i:hover {
                opacity: 0.8;
            }

        .lr-im-alarm-pr span {
            position: absolute;
            right: -6px;
            top: -6px;
            width: 16px;
            height: 16px;
            font-size: 10px;
            background: red;
            line-height: 16px;
            text-align: center;
            color: #fff;
            border-radius: 50%;
            display: inline-block;
            vertical-align: middle;
        }

    .lr-im-alarm-model {
        position: absolute;
        right: 0px;
        bottom: -500px;
        z-index: 999;
        width: 360px;
    }

        .lr-im-alarm-model .box {
        }

            .lr-im-alarm-model .box .box-head {
                position: relative;
                padding: 0px 10px;
                border: 1px solid #a1d0f0;
                border-bottom: none;
                line-height: 36px;
                border-radius: 4px 4px 0 0;
                background: #0f6d8d;
            }

                .lr-im-alarm-model .box .box-head span {
                    color: #ffcc00;
                    font-size: 16px;
                    font-weight: 600;
                }

                .lr-im-alarm-model .box .box-head i {
                    color: white;
                    font-size: 14px;
                    float: right;
                    margin-top: 10px;
                    cursor: pointer;
                    font-weight: normal;
                }

                    .lr-im-alarm-model .box .box-head i:hover {
                        opacity: 0.8;
                    }

            .lr-im-alarm-model .box .box-body ul {
                border-left: 2px solid #0f6d8d;
                border-right: 2px solid #0f6d8d;
            }

                .lr-im-alarm-model .box .box-body ul li {
                    background-color: #ffffff;
                    border-bottom: 1px solid #999999;
                    height: 50px;
                    padding: 5px 15px;
                }

                    .lr-im-alarm-model .box .box-body ul li:hover {
                        cursor: pointer;
                        background-color: #a1d0f0;
                    }

            .lr-im-alarm-model .box .box-body .list-group {
                margin-bottom: 0px;
            }

            .lr-im-alarm-model .box .box-body ul li span {
                display: inline-block;
            }

    .warning-type, .warning-date {
        width: 49%;
        color: #333333;
    }

    .warning-type {
        padding-left: 3px;
        float: left;
        font-size: 14px;
    }

    .warning-date {
        float: right;
        padding-right: 3px;
        text-align: right;
        font-size: 12px;
    }

    .warning-content {
        width: 100%;
        float: left;
        padding-left: 3px;
        color: #999999;
        font-size: 12px;
    }

    .lr-im-alarm-model .box-foot {
        line-height: 36px;
        text-align: center;
        color: #258fd7;
        background-color: #ffffff;
        border-left: 2px solid #0f6d8d;
        border-right: 2px solid #0f6d8d;
        border-bottom: 2px solid #0f6d8d;
        cursor: pointer;
        margin-top: -2px;
    }

        .lr-im-alarm-model .box-foot span:hover {
            background-color: #a1d0f0;
            opacity: 0.8;
        }

    .lr-frame-menu {
        display: none;
    }

    .lr-frame-main {
        padding: 56px 0 0 0px;
    }
</style>
<input type="hidden" id="Hidden_UserId" value="@ViewBag.UserId" />
<div class="lr-frame-top">
    <div class="lr-logo-title">
        @*<img src="~/Content/images/accordion1.png" />*@
        <span>智设电气设计系统</span>
    </div>
</div>
<div class="lr-frame-menu-btn" id="lr_frame_menu_btn"></div>
<div class="lr-im-bell" title="消息中心">
    <span class="point" style="display:none;"></span>
    <i class="fa fa-bell"></i>
</div>

<div class="lr-im-body">
    <div class="lr-im-title">
        <div class="title-item active" data-value="lr_im_msglist">
            <i class="fa fa-commenting"></i>
        </div>
        <div class="title-item title-item-two" data-value="lr_im_userlist">
            <i class="fa fa-user"></i>
        </div>
    </div>
    <div id="lr_im_msglist" class="lr-im-content lr-im-msglist active">
        <div class="lr-im-msg-list" id="lr_immsg_userlist">
        </div>
    </div>
    <div id="lr_im_userlist" class="lr-im-content lr-im-userlist">
        <div class="lr-im-search">
            <i class="fa fa-search"></i>
            <input type="text" placeholder="搜索（Enter回车）">
        </div>
        <div class="lr-im-content-userlist" id="lr_im_content_userlist">

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

<div class="lr-im-black-overlay">
    <div class="lr-im-dialog">
        <div class="lr-im-header">
            <span class="im-title"></span>
            <div class="im-close">
                <i class="fa fa-close"></i>
            </div>
        </div>

        <div class="lr-im-msgcontent">
        </div>
        <div class="lr-im-msgcontent-tool"><span id="lr_im_look_msg_btn">查看消息记录</span></div>
        <div class="lr-im-input">
            <textarea id="lr_im_input" type="text" class="inp"></textarea>
        </div>
    </div>
</div>
<!-- 消息弹窗 -->
<div class="lr-im-alarm-model" id="lr-im-alarm-model" style="display:none">
    <div class="box">
        <div class="box-head">
            <span>消息提醒</span><i class="fa fa-close" id="box-head-close"></i>
        </div>
        <div class="box-body">
            <ul class="list-group" id="MsgContent">
                <li class="list-group-item">
                    <span class="warning-type">设备报警</span><span class="warning-date">2019-10-25 11:27</span>
                    <span class="warning-content">细格栅砂水分离机故障</span>
                </li>
            </ul>
        </div>
        <div style="display: flex;">
            <div style="flex: 1;" class="box-foot" id="SearchMore" onclick="toDo()"><span id="count">更多消息</span></div>
        </div>
    </div>
</div>
<!--待办事项-->
<div class="lr-im-alarm-model" id="process" style="display:none">
    <div class="box">
        <div class="box-head">
            <span>待办事项</span><i class="fa fa-close" id="processclose"></i>
        </div>
        <div class="box-body">
            <ul class="list-group" id="processContent">
                <li class="list-group-item">
                    <span class="warning-type">设备报警</span><span class="warning-date">2019-10-25 11:27</span>
                    <span class="warning-content">细格栅砂水分离机故障</span>
                </li>
            </ul>
        </div>
        <div style="display: flex;">
            <div style="flex: 1;" class="box-foot" id="processMore" onclick="processtoDo()"><span id="gengduo">更多待办</span></div>
        </div>
    </div>
</div>
@Html.AppendJsFile("/Views/Home/AdminSystemManage/index.js")
@Html.AppendJsFile("/Views/Home/AdminDesktopTemp/SignalR.js")
<script src="~/Scripts/jquery.signalR-2.4.1.min.js"></script>
<!--此js用于Signalr自动生成的-->
<script src="~/signalr/hubs"></script>