From 416086b35083329f9a31d6a7330b9793e85e5fea Mon Sep 17 00:00:00 2001
From: Argo-Lenovo <Argo@163.com>
Date: Sat, 12 Nov 2016 23:00:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E7=AB=99=E5=86=85=E6=B6=88?=
=?UTF-8?q?=E6=81=AF=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
Bootstrap.Admin/Bootstrap.Admin.csproj | 1 +
Bootstrap.Admin/Content/css/admin.css | 152 ++++++++++++++++++
.../Controllers/AdminController.cs | 9 ++
Bootstrap.Admin/Views/Admin/Messages.cshtml | 94 +++++++++++
4 files changed, 256 insertions(+)
create mode 100644 Bootstrap.Admin/Views/Admin/Messages.cshtml
diff --git a/Bootstrap.Admin/Bootstrap.Admin.csproj b/Bootstrap.Admin/Bootstrap.Admin.csproj
index e0bca834..33fdce17 100644
--- a/Bootstrap.Admin/Bootstrap.Admin.csproj
+++ b/Bootstrap.Admin/Bootstrap.Admin.csproj
@@ -294,6 +294,7 @@
<Content Include="Views\Admin\Infos.cshtml" />
<Content Include="Views\Admin\Excep.cshtml" />
<Content Include="Views\Admin\Exceptions.cshtml" />
+ <Content Include="Views\Admin\Messages.cshtml" />
<None Include="Web.Debug.config">
<DependentUpon>Web.config</DependentUpon>
</None>
diff --git a/Bootstrap.Admin/Content/css/admin.css b/Bootstrap.Admin/Content/css/admin.css
index c1012385..c9cb4534 100644
--- a/Bootstrap.Admin/Content/css/admin.css
+++ b/Bootstrap.Admin/Content/css/admin.css
@@ -226,3 +226,155 @@ ul.sidebar-menu {
input[type="datetime"] {
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;
+ }
diff --git a/Bootstrap.Admin/Controllers/AdminController.cs b/Bootstrap.Admin/Controllers/AdminController.cs
index 4831a9e3..bcb1d69f 100644
--- a/Bootstrap.Admin/Controllers/AdminController.cs
+++ b/Bootstrap.Admin/Controllers/AdminController.cs
@@ -130,5 +130,14 @@ namespace Bootstrap.Admin.Controllers
var v = new NavigatorBarModel("~/Admin/Exceptions");
return View(v);
}
+ /// <summary>
+ ///
+ /// </summary>
+ /// <returns></returns>
+ public ActionResult Messages()
+ {
+ var v = new NavigatorBarModel("~/Admin/Messages");
+ return View(v);
+ }
}
}
diff --git a/Bootstrap.Admin/Views/Admin/Messages.cshtml b/Bootstrap.Admin/Views/Admin/Messages.cshtml
new file mode 100644
index 00000000..eadcbb4d
--- /dev/null
+++ b/Bootstrap.Admin/Views/Admin/Messages.cshtml
@@ -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>
\ No newline at end of file