267 lines
7.7 KiB
Plaintext
267 lines
7.7 KiB
Plaintext
|
@*单位平台*@
|
|||
|
|
@{
|
|||
|
|
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>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|