Quellcode durchsuchen

信息通知相关

chente vor 3 Jahren
Ursprung
Commit
b789f91a42
4 geänderte Dateien mit 295 neuen und 67 gelöschten Zeilen
  1. 147 0
      news - temple.html
  2. 22 45
      news-add.html
  3. 115 0
      news-temple-edit.html
  4. 11 22
      news.html

+ 147 - 0
news - temple.html

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+  <title>建筑造价后台</title>
+  <meta name=description content=纵横变更令审批系统>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/bootstrap.min.css>
+	<link rel=stylesheet href=css/style.css>
+	<script src=js/jquery-1.9.1.min.js></script>
+	<script src=js/bootstrap.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="header">
+		<h1 class="logo"><a>建筑造价后台</a></h1>
+		<div class="header-box">
+			<div class="header-nav"></div>
+			<div class="header-user pull-right">
+				<div class="avatar btn-group">
+					<a class="dropdown-toggle" data-toggle="dropdown">
+						<span class="pic"><img src="img/avatar.png"></span>
+						<span>张三</span>
+						<span class="caret"></span>
+					</a>
+					<ul class="dropdown-menu dropdown-menu-right">
+					 <li><a href="#">账号设置(CLD)</a></li>
+					 <li><a href="#">退出登录</a></li>
+				 </ul>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="main">
+		<div class="main-nav">
+			<div class="nav-top">
+				<ul class="nav nav-pills nav-stacked bg-nav">
+					<li><a href="home.html"><i class="glyphicon glyphicon-home" aria-hidden="true"></i> 首页</a></li>
+					<li><a href="user-list.html"><i class="glyphicon glyphicon-user" aria-hidden="true"></i> 用户管理</a></li>
+					<li class="active"><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 信息通知</a></li>
+					<li><a href="version.html"><i class="glyphicon glyphicon-tag" aria-hidden="true"></i> 费用定额</a></li>
+					<li><a href="tools.html"><i class="glyphicon glyphicon-wrench" aria-hidden="true"></i> 工具</a></li>
+					<li><a href="system-setting.html"><i class="glyphicon glyphicon-pencil" aria-hidden="true"></i> 系统设置</a></li>
+					<li><a href="manage.html"><i class="glyphicon glyphicon-cog" aria-hidden="true"></i> 后台管理</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="main-panel">
+			<div class="panel-sidebar">
+				<div class="panel-title">
+					<div class="title-bar">
+						<h2>信息通知</h2>
+					</div>
+				</div>
+				<div class="scrollbar-auto">
+					<div class="nav-box">
+						<ul class="nav-list list-unstyled">
+							<li><a href="news.html"><span>用户通知</span><span class="badge">1</span></a></li>
+							<li class="active"><a href="news - temple.html"><span>系统模板</span></a></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="panel-content">
+				<div class="panel-title">
+					<div class="title-main">
+						<h2>系统模板</h2>
+					</div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-header">
+						<!---->
+						<div class="btn-group">
+						  <button type="button" class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+						    所有渠道 <span class="caret"></span>
+						  </button>
+						  <ul class="dropdown-menu">
+						    <li><a href="#">系统自动</a></li>
+						    <li><a href="#">与用户交互</a></li>
+						    <li><a href="#">企业版信息</a></li>
+						  </ul>
+						</div>
+						<!--搜索-->
+						<div class="btn-group pull-right">
+							<div class="input-group">
+					      <input type="text" class="form-control input-sm" placeholder="输入标题/内容搜索">
+					      <span class="input-group-btn">
+					        <button class="btn btn-default btn-sm" type="button"><i class="glyphicon glyphicon-search"></i></button>
+					      </span>
+					    </div>
+						</div>
+					</div>
+					<div class="c-body">
+						<!--系统模板-->
+						<table class="table">
+							<thead><tr><th>渠道</th><th>来源描述</th><th>标题</th><th width="100">操作</th></tr></thead>
+							<tbody>
+								<tr><td>系统自动</td><td>费用定额已到期</td><td><a href="javascript:void(0)" data-toggle="modal" data-target="#view">你好,%费用定额名称%已于%到期时间%到期。</a></td><td><a href="news-temple-edit.html" class="btn btn-xs">编辑</a></td></tr>
+								<tr><td>系统自动</td><td>费用定额即将到期</td><td><a href="javascript:void(0)" data-toggle="modal" data-target="#view">你好,%费用定额名称% 将于%到期时间%到期,请及时续费避免影响工作。</a></td><td><a href="news-temple-edit.html" class="btn btn-xs">编辑</a></td></tr>
+								<tr><td>与用户交互</td><td>用户分享</td><td><a href="javascript:void(0)" data-toggle="modal" data-target="#view">%来源用户名% 分享了 %项目名称% 给你。</a></td><td><a href="news-temple-edit.html" class="btn btn-xs">编辑</a></td></tr>
+								<tr><td>企业版信息</td><td>加入企业确认</td><td><a href="javascript:void(0)" data-toggle="modal" data-target="#view">%来源用户名% 邀请你加入 %企业版名称% </a></td><td><a href="news-temple-edit.html" class="btn btn-xs">编辑</a></td></tr>
+
+							</tbody>
+						</table>
+						<nav aria-label="Page navigation">
+						  <ul class="pagination pagination-sm">
+						    <li class="disabled">
+						      <a href="#" aria-label="Previous">
+						        <span aria-hidden="true">&laquo;</span>
+						      </a>
+						    </li>
+						    <li class="active"><a href="#">1</a></li>
+						    <li><a href="#">2</a></li>
+						    <li><a href="#">3</a></li>
+						    <li><a href="#">4</a></li>
+						    <li><a href="#">5</a></li>
+						    <li>
+						      <a href="#" aria-label="Next">
+						        <span aria-hidden="true">&raquo;</span>
+						      </a>
+						    </li>
+						  </ul>
+						</nav>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<!-- 通知预览 -->
+	<div class="modal fade" id="view" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+	  <div class="modal-dialog modal-lg" role="document">
+	    <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" id="myModalLabel">通知预览</h4>
+	      </div>
+	      <div class="modal-body">
+	        <h4>标题A chick me</h4>
+					<p>本次培训公司特邀重庆交通大学秦旻老师,针对相关知识进行了一天的课程培训。秦老师不仅课上细致的讲解了公路工程路基、路面、桥涵、防护等养护工程施工技术,课下还积极与学员探讨在实际中遇到的各种养护问题,学习氛围良好。</p>
+	      </div>
+	    </div>
+	  </div>
+	</div>
+</body>

+ 22 - 45
news-add.html

@@ -39,7 +39,7 @@
 				<ul class="nav nav-pills nav-stacked bg-nav">
 					<li><a href="home.html"><i class="glyphicon glyphicon-home" aria-hidden="true"></i> 首页</a></li>
 					<li><a href="user-list.html"><i class="glyphicon glyphicon-user" aria-hidden="true"></i> 用户管理</a></li>
-					<li class="active"><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 通知管理</a></li>
+					<li class="active"><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 信息通知</a></li>
 					<li><a href="version.html"><i class="glyphicon glyphicon-tag" aria-hidden="true"></i> 费用定额</a></li>
 					<li><a href="tools.html"><i class="glyphicon glyphicon-wrench" aria-hidden="true"></i> 工具</a></li>
 					<li><a href="system-setting.html"><i class="glyphicon glyphicon-pencil" aria-hidden="true"></i> 系统设置</a></li>
@@ -51,14 +51,14 @@
 			<div class="panel-sidebar">
 				<div class="panel-title">
 					<div class="title-bar">
-						<h2>通知管理</h2>
+						<h2>信息通知</h2>
 					</div>
 				</div>
 				<div class="scrollbar-auto">
 					<div class="nav-box">
 						<ul class="nav-list list-unstyled">
-							<li><a><span>用户通知</span><span class="badge">10</span></a></li>
-							<li><a><span>内部通知</span><span class="badge">10</span></a></li>
+							<li><a href="news.html"><span>用户通知</span><span class="badge" title="未发布">1</span></a></li>
+							<li><a href="news - temple.html"><span>系统模板</span></a></li>
 						</ul>
 					</div>
 				</div>
@@ -66,68 +66,45 @@
 			<div class="panel-content">
 				<div class="panel-title">
 					<div class="title-main">
-						<h2>新建通知
-						<!--新建通知-->
-						<a href="news.html" class="btn btn-primary btn-sm pull-right">保存并发布</a>
+						<h2>新建消息
+						<!--新建消息-->
+						<!-- <a href="news.html" class="btn btn-primary btn-sm pull-right">发布</a> -->
 						<a href="#" class="btn btn-default btn-sm pull-right">保存</a>
-						<!--编辑通知-->
-						<a href="news.html" class="btn btn-primary btn-sm pull-right">确定修改</a>
+						<!--编辑消息-->
+						<!-- <a href="news.html" class="btn btn-warning btn-sm pull-right">再次发布</a>
+						<a href="news.html" class="btn btn-primary btn-sm pull-right">确定修改</a> -->
 						<!--新建/编辑 共有-->
-						<a href="#" class="btn btn-default btn-sm pull-right"><span class="text-danger">删除</span></a>
-						<span class="pull-right"><h6 class="text-muted">最近保存 陈特<br>2017-01-01 15:30:30</h6></span></h2>
+						<!-- <a href="#" class="btn btn-default btn-sm pull-right"><span class="text-danger">删除</span></a>
+						<span class="pull-right"><h6 class="text-muted">保存成功 <br>03-21 15:30:30</h6></span></h2> -->
 					</div>
 				</div>
 				<div class="content-wrap">
 					<div class="c-body">
 						<form>
 						  <div class="form-group">
-						    <label for="title">通知类型</label>
+						    <label for="title">是否可删除</label>
 								  <div class="radio">
 								    <label>
-								      <input type="radio"> 用户通知
+								      <input type="radio"> 
 								    </label>&nbsp;
 								    <label>
-								      <input type="radio"> 内部通知(后台显示)
+								      <input type="radio"> 
 								    </label>
 								  </div>
 						  </div>
-						  <!--用户通知选项 显示方式-->
-						  <div class="form-group">
-						    <label for="title">显示方式</label>
-							  <div class="radio">
-							    <label>
-							      <input type="radio"> 用户关闭后不再显示
-							    </label>&nbsp;
-							    <label>
-							      <input type="radio"> 每日显示一次截至限期
-							    </label>
-							    <label>
-							    	<input type="date">
-							    </label>
-							  </div>
-						  </div>
 						  <!--用户通知选项 指定产品-->
 						  <div class="form-group">
-						    <label for="title">产品</label>
-								  <div class="checkbox">
-								    <label>
-								      <input type="checkbox"> 全部
-								    </label>&nbsp;
-								    <label>
-								      <input type="checkbox"> 重庆定额(2018)
-								    </label>&nbsp;
-								    <label>
-								      <input type="checkbox"> 重庆定额(2008)
-								    </label>&nbsp;
-								    <label>
-								      <input type="checkbox"> 广东定额(2008)
-								    </label>
-								  </div>
+						    <label for="title">可见</label>
+								<select class="form-control">
+									<option>全部</option>
+									<option>个人版</option>
+									<option>企业版</option>
+								</select>
 						  </div>
 						  <div class="form-group has-feedback">
 						    <label for="title">标题</label>
 						    <input type="email" class="form-control" id="title" placeholder="输入通知标题">
-								<span class="form-control-feedback" aria-hidden="true">0/20</span>
+								<span class="form-control-feedback" aria-hidden="true">0/50</span>
 						  </div>
 						  <div class="form-group">
 						    <label for="content">正文</label>

+ 115 - 0
news-temple-edit.html

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang=zh-cn>
+<head>
+	<meta charset=utf-8>
+  <title>建筑造价后台</title>
+  <meta name=description content=纵横变更令审批系统>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="renderer" content="webkit">
+	<meta name=copyright content=smartcost.com.cn>
+	<link rel=stylesheet href=css/bootstrap.min.css>
+	<link rel=stylesheet href=css/style.css>
+	<script src=js/jquery-1.9.1.min.js></script>
+	<script src=js/bootstrap.min.js></script>
+	<script src=js/global.js></script>
+</head>
+<body>
+	<div class="header">
+		<h1 class="logo"><a>建筑造价后台</a></h1>
+		<div class="header-box">
+			<div class="header-nav"></div>
+			<div class="header-user pull-right">
+				<div class="avatar btn-group">
+					<a class="dropdown-toggle" data-toggle="dropdown">
+						<span class="pic"><img src="img/avatar.png"></span>
+						<span>张三</span>
+						<span class="caret"></span>
+					</a>
+					<ul class="dropdown-menu dropdown-menu-right">
+					 <li><a href="#">账号设置(CLD)</a></li>
+					 <li><a href="#">退出登录</a></li>
+				 </ul>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="main">
+		<div class="main-nav">
+			<div class="nav-top">
+				<ul class="nav nav-pills nav-stacked bg-nav">
+					<li><a href="home.html"><i class="glyphicon glyphicon-home" aria-hidden="true"></i> 首页</a></li>
+					<li><a href="user-list.html"><i class="glyphicon glyphicon-user" aria-hidden="true"></i> 用户管理</a></li>
+					<li class="active"><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 信息通知</a></li>
+					<li><a href="version.html"><i class="glyphicon glyphicon-tag" aria-hidden="true"></i> 费用定额</a></li>
+					<li><a href="tools.html"><i class="glyphicon glyphicon-wrench" aria-hidden="true"></i> 工具</a></li>
+					<li><a href="system-setting.html"><i class="glyphicon glyphicon-pencil" aria-hidden="true"></i> 系统设置</a></li>
+					<li><a href="manage.html"><i class="glyphicon glyphicon-cog" aria-hidden="true"></i> 后台管理</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="main-panel">
+			<div class="panel-sidebar">
+				<div class="panel-title">
+					<div class="title-bar">
+						<h2>信息通知</h2>
+					</div>
+				</div>
+				<div class="scrollbar-auto">
+					<div class="nav-box">
+						<ul class="nav-list list-unstyled">
+							<li><a href="news.html"><span>用户通知</span><span class="badge" title="未发布">1</span></a></li>
+							<li><a href="news - temple.html"><span>系统模板</span></a></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="panel-content">
+				<div class="panel-title">
+					<div class="title-main">
+						<h2>编辑系统模板
+							<a href="news.html" class="btn btn-primary btn-sm pull-right">确定修改</a>
+							<!-- <span class="pull-right"><h6 class="text-muted">保存成功 <br>03-21 15:30:30</h6></span> -->
+						</h2>
+					</div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+						<form>
+						  <div class="form-group">
+						    <label for="title">变量</label>
+						  </div>
+						  <table class="table table-border">
+						  	<tr><th>变量描述</th><th>变量格式</th><th>示例</th></tr>
+						  	<tr><td>来源用户名</td><td>%来源用户名%</td><td>张三</td></tr>
+						  	<tr><td>建设项目名称</td><td>%项目名称%</td><td>XXX小区</td></tr>
+						  </table>
+						  <div class="form-group has-feedback">
+						    <label for="title">标题</label>
+						    <input type="email" class="form-control" id="title" placeholder="输入通知标题" value="%用户名% 分享了 %项目名称% 给你。">
+								<span class="form-control-feedback" aria-hidden="true">0/50</span>
+						  </div>
+						  <div class="form-group">
+						    <label for="content">正文</label>
+						    <textarea class="form-control" id="content" rows="8">%用户名% 分享了 %项目名称% 给你,你可以在「项目管理」左侧菜单「分享」中查看该项目。
+						    </textarea>
+						  </div>
+							<div class="panel  panel-info">
+							  <div class="panel-heading">默认参考</div>
+							  <div class="panel-body">
+								  <div class="form-group">
+								    <label for="title">标题</label>
+								    <div>%用户名% 分享了 %项目名称% 给你。</div>
+								  </div>
+								  <div class="form-group">
+								    <label for="title">正文</label>
+								    <div>%用户名% 分享了 %项目名称% 给你,你可以在「项目管理」左侧菜单「分享」中查看该项目。</div>
+								  </div>
+								</div>
+							</div>
+						</form>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>

+ 11 - 22
news.html

@@ -39,7 +39,7 @@
 				<ul class="nav nav-pills nav-stacked bg-nav">
 					<li><a href="home.html"><i class="glyphicon glyphicon-home" aria-hidden="true"></i> 首页</a></li>
 					<li><a href="user-list.html"><i class="glyphicon glyphicon-user" aria-hidden="true"></i> 用户管理</a></li>
-					<li class="active"><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 通知管理</a></li>
+					<li class="active"><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 信息通知</a></li>
 					<li><a href="version.html"><i class="glyphicon glyphicon-tag" aria-hidden="true"></i> 费用定额</a></li>
 					<li><a href="tools.html"><i class="glyphicon glyphicon-wrench" aria-hidden="true"></i> 工具</a></li>
 					<li><a href="system-setting.html"><i class="glyphicon glyphicon-pencil" aria-hidden="true"></i> 系统设置</a></li>
@@ -51,14 +51,14 @@
 			<div class="panel-sidebar">
 				<div class="panel-title">
 					<div class="title-bar">
-						<h2>通知管理</h2>
+						<h2>信息通知</h2>
 					</div>
 				</div>
 				<div class="scrollbar-auto">
 					<div class="nav-box">
 						<ul class="nav-list list-unstyled">
-							<li class="active"><a><span>用户通知</span><span class="badge">10</span></a></li>
-							<li><a><span>内部通知</span><span class="badge">10</span></a></li>
+							<li class="active"><a href="news.html"><span>用户通知</span><span class="badge">1</span></a></li>
+							<li><a href="news - temple.html"><span>系统模板</span></a></li>
 						</ul>
 					</div>
 				</div>
@@ -66,7 +66,7 @@
 			<div class="panel-content">
 				<div class="panel-title">
 					<div class="title-main">
-						<h2>用户通知
+						<h2>信息通知
 						<a href="news-add.html" class="btn btn-primary btn-sm pull-right">新建通知</a></h2>
 					</div>
 				</div>
@@ -125,23 +125,12 @@
 					<div class="c-body">
 						<!--用户通知-->
 						<table class="table">
-							<thead><tr><th>标题</th><th>创建人</th><th>显示方式</th><th>产品</th><th width="180">发布时间</th><th width="100">操作</th></tr></thead>
+							<thead><tr><th>标题</th><th>创建人</th><th>禁止删除</th><th>可见</th><th width="180">发布时间</th><th width="100">操作</th></tr></thead>
 							<tbody>
-								<tr><td><a href="javascript:void(0)" data-toggle="modal" data-target="#view">标题A chick me</a></td><td>陈特</td><td>用户关闭后不再显示</td><td>所有</td><td>2017-03-01 09:03:09</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
-								<tr class="warning"><td><a href="#">标题B</a></td><td>陈特</td><td>用户关闭后不再显示</td><td>所有</td><td>未发布</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
-								<tr><td><a href="#">标题C</a></td><td>陈特</td><td>每日显示一次截至限期 2020-06-25</td><td>重庆定额(2008)广东定额(2008)</td><td>2017-03-01 09:03:09</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
-								<tr><td><a href="#">标题D</a></td><td>陈特</td><td>每日显示一次截至限期 2020-06-25</td><td>重庆定额(2008)广东定额(2008)</td><td>2017-03-01 09:03:09</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
-
-							</tbody>
-						</table>
-						<!--内部通知-->
-						<table class="table">
-							<thead><tr><th>标题</th><th>创建人</th><th width="180">发布时间</th><th width="100">操作</th></tr></thead>
-							<tbody>
-								<tr><td><a href="javascript:void(0)" data-toggle="modal" data-target="#view">标题A chick me</a></td><td>陈特</td><td>2017-03-01 09:03:09</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
-								<tr class="warning"><td><a href="#">标题B</a></td><td>陈特</td><td>未发布</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
-								<tr><td><a href="#">标题C</a></td><td>陈特</td><td>2017-03-01 09:03:09</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
-								<tr><td><a href="#">标题D</a></td><td>陈特</td><td>2017-03-01 09:03:09</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
+								<tr><td><a href="javascript:void(0)" data-toggle="modal" data-target="#view">标题A chick me</a></td><td>陈特</td><td>是</td><td>所有</td><td>2017-03-01 09:03:09</td><td><a href="news-add.html" class="btn btn-xs">编辑</a></td></tr>
+								<tr class="warning"><td><a href="#">标题B</a></td><td>陈特</td><td></td><td>所有</td><td>草稿</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
+								<tr><td><a href="#">标题C</a></td><td>陈特</td><td>是</td><td>个人版</td><td>2017-03-01 09:03:09</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
+								<tr><td><a href="#">标题D</a></td><td>陈特</td><td></td><td>企业版</td><td>2017-03-01 09:03:09</td><td><a href="" class="btn btn-xs">编辑</a></td></tr>
 
 							</tbody>
 						</table>
@@ -176,7 +165,7 @@
 	    <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" id="myModalLabel">通知预览</h4>
+	        <h4 class="modal-title" id="myModalLabel">消息预览</h4>
 	      </div>
 	      <div class="modal-body">
 	        <h4>标题A chick me</h4>