增加站内消息页
This commit is contained in:
Argo-Lenovo
parent
532e6656dc
commit
416086b350
|
|
@ -294,6 +294,7 @@
|
||||||
<Content Include="Views\Admin\Infos.cshtml" />
|
<Content Include="Views\Admin\Infos.cshtml" />
|
||||||
<Content Include="Views\Admin\Excep.cshtml" />
|
<Content Include="Views\Admin\Excep.cshtml" />
|
||||||
<Content Include="Views\Admin\Exceptions.cshtml" />
|
<Content Include="Views\Admin\Exceptions.cshtml" />
|
||||||
|
<Content Include="Views\Admin\Messages.cshtml" />
|
||||||
<None Include="Web.Debug.config">
|
<None Include="Web.Debug.config">
|
||||||
<DependentUpon>Web.config</DependentUpon>
|
<DependentUpon>Web.config</DependentUpon>
|
||||||
</None>
|
</None>
|
||||||
|
|
|
||||||
|
|
@ -226,3 +226,155 @@ ul.sidebar-menu {
|
||||||
input[type="datetime"] {
|
input[type="datetime"] {
|
||||||
min-width: 220px;
|
min-width: 220px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*Messages*/
|
||||||
|
.mail-box {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
display: table;
|
||||||
|
table-layout: fixed;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box aside {
|
||||||
|
display: table-cell;
|
||||||
|
float: none;
|
||||||
|
height: 100%;
|
||||||
|
padding: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side {
|
||||||
|
width: 25%;
|
||||||
|
background: #e5e8ef;
|
||||||
|
border-radius: 4px 0 0 4px;
|
||||||
|
-webkit-border-radius: 4px 0 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side .user-head {
|
||||||
|
background: #00a8b3;
|
||||||
|
border-radius: 4px 0px 0px 0;
|
||||||
|
-webkit-border-radius: 4px 0px 0px 0;
|
||||||
|
padding: 10px;
|
||||||
|
color: #fff;
|
||||||
|
min-height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side .user-head .inbox-avatar {
|
||||||
|
width: 65px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side .user-head .inbox-avatar img {
|
||||||
|
height: 65px;
|
||||||
|
border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
border: 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side .user-head .user-name {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 0 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side .user-head .user-name h5 {
|
||||||
|
font-size: 14px;
|
||||||
|
margin-top: 15px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side .user-head .user-name h5 a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side .inbox-body, .mail-box .lg-side .inbox-body {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side .inbox-body .btn-compose {
|
||||||
|
background: #ff6c60;
|
||||||
|
padding: 12px 0;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side .inbox-body .btn-compose:hover {
|
||||||
|
background: #f5675c;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side ul.inbox-nav {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side ul.inbox-nav li {
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 45px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side ul.inbox-nav li a {
|
||||||
|
color: #6a6a6a;
|
||||||
|
line-height: 45px;
|
||||||
|
width: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side ul.inbox-nav li a:hover, .mail-box .sm-side ul.inbox-nav li.active a, .mail-box .sm-side ul.inbox-nav li a:focus {
|
||||||
|
color: #6a6a6a;
|
||||||
|
background: #d5d7de;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side ul.inbox-nav li a span.label {
|
||||||
|
margin-top: 13px;
|
||||||
|
padding: 0.5em 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .sm-side ul.inbox-nav li a i {
|
||||||
|
width: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .lg-side {
|
||||||
|
width: 75%;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 0px 4px 4px 0;
|
||||||
|
-webkit-border-radius: 0px 4px 4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .lg-side .inbox-head {
|
||||||
|
padding: 12px;
|
||||||
|
background: #41cac0;
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 0 4px 0 0;
|
||||||
|
-webkit-border-radius: 0 4px 0 0;
|
||||||
|
min-height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .lg-side .table-inbox {
|
||||||
|
border: 1px solid #d3d3d3;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .lg-side .table-inbox tr.unread td {
|
||||||
|
font-weight: 600;
|
||||||
|
background: #f7f7f7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .lg-side .table-inbox tr td {
|
||||||
|
padding: 12px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .lg-side .table-inbox tr td .fa-star.inbox-started, .mail-box .lg-side .table-inbox tr td .fa-star:hover {
|
||||||
|
color: #f78a09;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mail-box .lg-side .table-inbox tr td:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -130,5 +130,14 @@ namespace Bootstrap.Admin.Controllers
|
||||||
var v = new NavigatorBarModel("~/Admin/Exceptions");
|
var v = new NavigatorBarModel("~/Admin/Exceptions");
|
||||||
return View(v);
|
return View(v);
|
||||||
}
|
}
|
||||||
|
/// <summary>
|
||||||
|
///
|
||||||
|
/// </summary>
|
||||||
|
/// <returns></returns>
|
||||||
|
public ActionResult Messages()
|
||||||
|
{
|
||||||
|
var v = new NavigatorBarModel("~/Admin/Messages");
|
||||||
|
return View(v);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,94 @@
|
||||||
|
@model NavigatorBarModel
|
||||||
|
@{
|
||||||
|
ViewBag.Title = "站内消息";
|
||||||
|
Layout = "~/Views/Shared/_Admin.cshtml";
|
||||||
|
}
|
||||||
|
@section header {
|
||||||
|
@Html.Partial("Header", Model)
|
||||||
|
}
|
||||||
|
@section navigator {
|
||||||
|
@Html.Partial("Navigator", Model)
|
||||||
|
}
|
||||||
|
<div class="mail-box">
|
||||||
|
<aside class="sm-side">
|
||||||
|
<div class="user-head">
|
||||||
|
<a href="javascript:;" class="inbox-avatar">
|
||||||
|
<img src="../../content/images/logo6.jpg" alt="">
|
||||||
|
</a>
|
||||||
|
<div class="user-name"><h5><a href="#">Argo Zhang</a></h5></div>
|
||||||
|
</div>
|
||||||
|
<div class="inbox-body">
|
||||||
|
<a class="btn btn-compose" data-toggle="modal" href="#myModal">
|
||||||
|
写消息
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<ul class="inbox-nav inbox-divider">
|
||||||
|
<li class="active">
|
||||||
|
<a href="#"><i class="fa fa-inbox"></i>收信箱<span class="label label-danger pull-right">2</span></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#"><i class="fa fa-envelope-o"></i>发信箱</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#"><i class="fa fa-bookmark-o"></i>标旗消息</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#"><i class=" fa fa-external-link"></i>草稿箱<span class="label label-info pull-right">30</span></a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#"><i class=" fa fa-trash-o"></i>垃圾箱</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<aside class="lg-side">
|
||||||
|
<div class="inbox-head">
|
||||||
|
<h3>消息列表</h3>
|
||||||
|
</div>
|
||||||
|
<div class="inbox-body">
|
||||||
|
<table class="table table-inbox table-hover">
|
||||||
|
<tbody>
|
||||||
|
<tr class="unread">
|
||||||
|
<td class="inbox-small-cells">
|
||||||
|
<input type="checkbox" class="mail-checkbox">
|
||||||
|
</td>
|
||||||
|
<td class="inbox-small-cells"><i class="fa fa-star"></i></td>
|
||||||
|
<td class="view-message dont-show">消息人</td>
|
||||||
|
<td class="view-message ">消息标题</td>
|
||||||
|
<td class="view-message inbox-small-cells"><i class="fa fa-paperclip"></i></td>
|
||||||
|
<td class="view-message text-right">09:27</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="unread">
|
||||||
|
<td class="inbox-small-cells">
|
||||||
|
<input type="checkbox" class="mail-checkbox">
|
||||||
|
</td>
|
||||||
|
<td class="inbox-small-cells"><i class="fa fa-star inbox-started"></i></td>
|
||||||
|
<td class="view-message dont-show">消息人<span class="label label-warning pull-right">紧急</span></td>
|
||||||
|
<td class="view-message">消息内容</td>
|
||||||
|
<td class="view-message inbox-small-cells"></td>
|
||||||
|
<td class="view-message text-right">12:23</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="">
|
||||||
|
<td class="inbox-small-cells">
|
||||||
|
<input type="checkbox" class="mail-checkbox">
|
||||||
|
</td>
|
||||||
|
<td class="inbox-small-cells"><i class="fa fa-star"></i></td>
|
||||||
|
<td class="view-message dont-show">消息人<span class="label label-success pull-right">处理</span></td>
|
||||||
|
<td class="view-message">消息内容</td>
|
||||||
|
<td class="view-message inbox-small-cells"></td>
|
||||||
|
<td class="view-message text-right">11:23</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="">
|
||||||
|
<td class="inbox-small-cells">
|
||||||
|
<input type="checkbox" class="mail-checkbox">
|
||||||
|
</td>
|
||||||
|
<td class="inbox-small-cells"><i class="fa fa-star inbox-started"></i></td>
|
||||||
|
<td class="view-message dont-show">消息人<span class="label label-danger pull-right">紧急</span></td>
|
||||||
|
<td class="view-message">消息内容</td>
|
||||||
|
<td class="view-message inbox-small-cells"><i class="fa fa-paperclip"></i></td>
|
||||||
|
<td class="view-message text-right">11:23</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
Loading…
Reference in New Issue