后台管理初次提交

css/style.css

@@ -0,0 +1,296 @@
+@charset "utf-8";
+/*
+1.登录
+2.主体框架
+3.侧栏主菜单
+4.内容区
+*/
+/*1.登录*/
+body{
+  background:#ededed
+}
+.loginItem {
+  padding:5px 20px 25px;
+  margin-bottom:20px;
+  background: #fff;
+  border-radius: 3px;
+  box-shadow: 0 2px 6px 0 rgba(0,0,0,.15)
+}
+.wraplogin {
+  width:690px;
+  margin:5% auto 0px;
+}
+.wraplogin .loginItem{
+  padding:0;
+  width:400px;
+  position: relative;
+  z-index: 1
+}
+.wraplogin .loginTop {
+  text-align: center;
+  color:#428BCA;
+  padding:30px 0;
+}
+.wraplogin .loginTop a{
+  font-size:30px
+}
+.wraplogin .loginTop a:hover{
+  text-decoration: none;
+}
+.wraplogin .loginForm{
+  padding: 20px 20px 10px
+}
+.wraplogin .loginBottom{
+  padding: 10px 20px 25px;
+  color: #ccc
+}
+/*2.主体框架*/
+.header {
+  background:#f4f5f5;
+  position: fixed;
+  z-index: 10;
+  width: 100%;
+  height: 50px;
+  top: 0;
+  left: 0;
+  border-bottom: 1px solid #ddd
+}
+.main{
+  position: relative;
+  z-index: 4;
+}
+.main-nav {
+  position: fixed;
+  z-index: 99;
+  width:124px;
+  left: 0;
+  top: 0;
+  height: 100%;
+  background: #f4f5f5;
+  border-right:1px solid #ddd;
+  box-shadow: 3px 0 10px 2px #e3e3e3
+}
+.main-panel{
+  padding-left:124px;
+  box-sizing: border-box;
+}
+.panel-sidebar{
+  box-sizing: border-box;
+  background: #fbfcfd;
+  position: fixed;
+  height: 100%;
+  z-index: 4;
+  left:124px;
+  padding-top: 100px;
+  border-right: 1px solid #ddd;
+  width: 200px
+}
+.panel-content{
+  padding:115px 0 0;
+  position: relative;
+  z-index: 3;
+  box-sizing: border-box;
+  overflow-y: auto;
+  height: 100vh;
+}
+.panel-content .content-wrap{
+  margin:0 15px 15px;
+}
+.panel-sidebar+.panel-content{
+  padding: 115px 0 0 200px;
+}
+.panel-title, .panel-title>.title-bar {
+  height:50px;
+  line-height: 50px
+}
+.panel-title{
+  position: fixed;
+  top: 50px;
+  z-index: 98;
+  width: 100%;
+  box-sizing: border-box;
+  background: #fff;
+  box-shadow: 0 1px 3px rgba(0,0,0,.05)
+}
+.panel-sidebar .panel-title{
+  width:200px;
+  border-right: 1px solid #ddd;
+  box-shadow: 0 1px 3px rgba(0,0,0,.1);
+}
+.panel-content .panel-title{
+  left: 0;
+  padding-left: 324px;
+  padding-right: 20px;
+}
+.panel-content .panel-title.fluid{
+  padding-left:124px
+}
+.panel-title>.title-bar{
+  padding-left: 20px
+}
+.panel-title>.title-bar>h2,.panel-title>.title-main>h2{
+  font-size: 16px;
+  margin:0;
+  height: 50px;
+  line-height: 50px;
+  display:block
+}
+.panel-title>.title-bar>h2 .btn{
+  margin-right:15px
+}
+.panel-title>.title-main .btn {
+  margin:0 0 0 20px
+}
+.panel-title>.title-main .btn.pull-right {
+  margin:10px 0 0 10px
+}
+.panel-title>.title-main{
+  padding-left: 15px
+}
+/*滚动*/
+.scrollbar-auto {
+    overflow-y: auto;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    top: 0;
+    right: 0;
+}
+.panel-sidebar .scrollbar-auto{
+    padding-top: 20px;
+    box-sizing: border-box;
+}
+.panel-sidebar .scrollbar-auto {
+    height: 100%;
+    width: 100%;
+    overflow-y: auto;
+    position: static;
+}
+/*头部*/
+.header .logo {
+  float: left;
+  margin-right: 20px;
+  margin:0
+}
+.header .logo>a{
+  height:50px;
+  line-height: 50px;
+  display: inline-block;
+  color:#337ab7;
+  font-size:20px;
+  padding:0 10px;
+  text-align: center
+}
+.header .logo>a:hover{
+  text-decoration: none;
+}
+.header-user > div {
+  float:left
+}
+.avatar .pic {
+  height: 35px;
+  width: 35px;
+  border-radius: 100%;
+  display: inline-block;
+  float:left;
+  margin:7px 7px 0 0
+}
+.avatar .pic img{
+  display: block;
+  width: 100%;
+  height: 100%;
+  border-radius: 100%;
+}
+.avatar > a{
+  display: block;
+  height:50px;
+  line-height: 50px;
+  color:#666;
+  padding:0 15px;
+  cursor: pointer;
+}
+.avatar > a:hover{
+  text-decoration: none;
+  box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
+}
+.header .poj-name {
+  float:left;
+  height:50px;
+  line-height:50px;
+  padding:0 0 0 15px;
+  font-size:18px
+}
+.header .poj-name a{
+  color:#666
+}
+/*侧栏主菜单*/
+.nav-top{
+  padding-top: 50px
+}
+.bg-nav a{
+  color:#999;
+}
+.bg-nav > li.active > a{
+  border-radius: 0;
+  background: #666
+}
+.bg-nav > li > a:hover,.bg-nav > li.active > a:hover{
+  background: #999;
+  color:#f2f2f2;
+  border-radius: 0
+}
+.bg-nav > li + li {
+    margin-top:0;
+}
+.nav-box h3{
+  font-size: 14px;
+  font-weight: 700;
+  padding-bottom: 4px;
+  border-bottom: 1px solid #e2eaec;
+  padding-right: 15px;
+  margin-bottom: 10px;
+  margin-left: 20px
+}
+.nav-list li a{
+  color: #333;
+  display: block;
+  height: 35px;
+  line-height: 35px;
+  box-sizing: border-box;
+  padding-left: 17px;
+  padding-right: 45px;
+  text-overflow: ellipsis;
+  position: relative;
+}
+.nav-list li a:hover{
+  text-decoration: none;
+  background:#efefef;
+  cursor: pointer;
+}
+.nav-list li a .badge{
+  position: absolute;
+  right:17px;
+  top:9px
+}
+.nav-list li.active a{
+  background:#e1e1e1
+}
+.nav-list li.active .badge{
+  background:#207fd1
+}
+/*内容区*/
+.c-header {
+  padding:0 0 5px
+}
+.c-body{
+  padding:15px;
+  background:#fff;
+  box-shadow:0 1px 3px rgba(0,0,0,.05)
+}
+.form-group .necessary{
+  font-size:18px;
+  color:#f90000
+}
+.mb-30 {
+  margin-bottom:30px
+}

home.html

@@ -0,0 +1,73 @@
+<!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 class="active"><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><a href="news.html"><i class="glyphicon glyphicon-bell" 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="manage.html"><i class="glyphicon glyphicon-cog" aria-hidden="true"></i> 后台管理</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="main-panel">
+			<div class="panel-content">
+				<div class="panel-title fluid">
+					<div class="title-main"><h2>首页</h2></div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-header">
+						<h4>通知</h4>
+					</div>
+					<div class="c-body">
+						<table class="table">
+							<thead><tr><th>标题</th><th width="200">发布时间</th><th width="120">发布人</th></tr></thead>
+							<tbody>
+								<tr><td><a href="#">标题A</a></td><td>2017-02-01 09:30</td><td>陈特</td></tr>
+								<tr><td><a href="#">标题B</a></td><td>2017-02-01 09:30</td><td>陈特</td></tr>
+								<tr><td><a href="#">标题C</a></td><td>2017-02-01 09:30</td><td>陈特</td></tr>
+								<tr><td>【内部】<a href="#">标题D</a></td><td>2017-02-01 09:30</td><td>陈特</td></tr>
+								<tr><td><a href="#">标题E</a></td><td>2017-02-01 09:30</td><td>陈特</td></tr>
+							</tbody>
+						</table>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>

js/global.js

@@ -0,0 +1,27 @@
+/*自动高度*/
+function autoFlashHeight(){
+    $(".wrapContent").height($(window).height()-48 );
+    $(".mainContent").height($(window).height()-48 );
+    $(".scollContent").height($(window).height()-130 );
+    $(".slideContent").height($(window).height()-46 );
+};
+$(window).resize(autoFlashHeight);
+ $(function(){
+/*登录页*/
+function waveloop1(){
+  $("#wave_bg_1").css({"left":"-236px"}).animate({"left":"-1233px"},25000,'linear',waveloop1);
+}
+function waveloop2(){
+  $("#wave_bg_2").css({"left":"0px"}).animate({"left":"-1009px"},60000,'linear',waveloop2);
+}
+waveloop1();
+waveloop2();
+/*工具提示*/
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip()
+});
+$(function () {
+  $('[data-toggle="popover"]').popover()
+});
+
+});

login.html

@@ -0,0 +1,64 @@
+<!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 class="loginbody">
+  <div class="wraplogin">
+		<div class="loginTop">
+			<a title="返回首页" href="#">建筑造价后台</a>
+		</div>
+    <div class="loginItem  center-block">
+      <div class="loginForm">
+        <form role="form">
+          <div class="form-group">
+          	<div class="input-group">
+             <div class="input-group-addon"><i class="glyphicon glyphicon-user"></i></div>
+            	<input  class="form-control input-lg"  placeholder="输入账号">
+            </div>
+          </div>
+	          <div class="form-group has-error">
+	          	<div class="input-group">
+	             <div class="input-group-addon"><i class="glyphicon glyphicon-user"></i></div>
+	            	<input  class="form-control input-lg" value="陈特">
+	            </div>
+							<span class="help-block">您输入的账号不存在。</span>
+	          </div>
+          <div class="form-group">
+          	<div class="input-group">
+             <div class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></div>
+            	<input type="password" class="form-control input-lg"  placeholder="输入密码">
+            </div>
+          </div>
+				<div class="form-group has-error">
+					<div class="input-group">
+					 <div class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></div>
+						<input type="password" class="form-control input-lg"  placeholder="输入密码">
+					</div>
+					<span class="help-block">密码错误。</span>
+				</div>
+          <a class="btn btn-primary btn-lg btn-block" href="home.html">登录</a>
+        </form>
+      </div>
+      <div class="loginBottom">
+        <a href="getpasswd.html" target="_blank">忘记密码</a>
+      </div>
+    </div>
+  </div>
+	<div class="login_bottom">
+		<div class="login_wave">
+	  	<div id="wave_bg_1" style="left: -434.722px;"></div>
+	  	<div id="wave_bg_2" style="left: -336.283px;"></div>
+	  </div>
+	</div>
+</body>

manage - info.html

@@ -0,0 +1,149 @@
+<!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><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 通知管理</a></li>
+					<li><a href="tools.html"><i class="glyphicon glyphicon-wrench" aria-hidden="true"></i> 工具</a></li>
+					<li class="active"><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="manage.html"><span>帐号管理</span></a></li>
+							<li class="active"><a><span>超级管理员</span></a></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="panel-content">
+				<div class="panel-title">
+					<div class="title-main">
+						<h2>超级管理员<a href="" class="btn btn-primary btn-sm pull-right">确定修改</a></h2>
+					</div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+						<div class="row">
+							<div class="col-lg-4">
+								<div class="form-group">
+									<label>账号</label>
+									<input class="form-control" value="administrator" disabled="">
+								</div>
+								<div class="form-group">
+									<label>旧密码</label>
+									<input type="password" class="form-control">
+								</div>
+								<div class="form-group has-success has-feedback">
+								  <label class="control-label" for="inputSuccess2">旧密码</label>
+								  <input type="text" class="form-control" id="inputSuccess2" aria-describedby="inputSuccess2Status">
+								  <span class="glyphicon glyphicon-ok form-control-feedback" aria-hidden="true"></span>
+								</div>
+								<div class="form-group">
+									<label>新密码</label>
+									<input type="password" class="form-control">
+								</div>
+								<div class="form-group">
+									<label>确认新密码</label>
+									<input type="password" class="form-control">
+								</div>
+								<div class="form-group has-warning has-feedback">
+								  <label class="control-label" for="inputWarning2">确认新密码</label>
+								  <input type="text" class="form-control" id="inputWarning2" aria-describedby="inputWarning2Status">
+								  <span class="glyphicon glyphicon-warning-sign form-control-feedback" aria-hidden="true"></span>
+								  <span id="inputWarning2Status" class="help-block">密码不一致</span>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<!-- Modal -->
+	<div class="modal fade" id="edit-account" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+	  <div class="modal-dialog" 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">
+					<div class="form-group">
+						<label for="title">权限</label>
+							<div class="checkbox">
+								<label>
+									<input type="checkbox"> 用户管理
+								</label>&nbsp;
+								<label>
+									<input type="checkbox"> 通知管理
+								</label>&nbsp;
+								<label>
+									<input type="checkbox"> 工具
+								</label>&nbsp;
+								<label>
+									<input type="checkbox"> 后台管理
+								</label>
+							</div>
+					</div>
+					<div class="form-group">
+						<label for="title">禁止登录</label>
+							<div class="checkbox">
+								<label>
+									<input type="checkbox"> 是
+								</label>
+							</div>
+					</div>
+	      </div>
+	      <div class="modal-footer">
+	        <button type="button" class="btn btn-primary">确定</button>
+	      </div>
+	    </div>
+	  </div>
+	</div>
+</body>

manage.html

@@ -0,0 +1,157 @@
+<!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><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 通知管理</a></li>
+					<li><a href="tools.html"><i class="glyphicon glyphicon-wrench" aria-hidden="true"></i> 工具</a></li>
+					<li class="active"><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 class="active"><a><span>帐号管理</span></a></li>
+							<li><a href="manage - info.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>
+						  </ul>
+						</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>administrator</td><td></td><td>超级管理员</td><td></td></tr>
+								<tr><td>陈特</td><td>总部</td><td>用户管理,通知管理,工具,后台管理</td><td><a href="" class="btn btn-xs" data-toggle="modal" data-target="#edit-account">编辑</a></td></tr>
+								<tr class="danger"><td>张三</td><td>总部</td><td>用户管理,通知管理,工具</td><td><a href="" class="btn btn-xs" data-toggle="modal" data-target="#edit-account">编辑</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>
+	<!-- Modal -->
+	<div class="modal fade" id="edit-account" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+	  <div class="modal-dialog" 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">
+					<div class="form-group">
+						<label for="title">权限</label>
+							<div class="checkbox">
+								<label>
+									<input type="checkbox"> 用户管理
+								</label>&nbsp;
+								<label>
+									<input type="checkbox"> 通知管理
+								</label>&nbsp;
+								<label>
+									<input type="checkbox"> 工具
+								</label>&nbsp;
+								<label>
+									<input type="checkbox"> 后台管理
+								</label>
+							</div>
+					</div>
+					<div class="form-group">
+						<label for="title">禁止登录</label>
+							<div class="checkbox">
+								<label>
+									<input type="checkbox"> 是
+								</label>
+							</div>
+					</div>
+	      </div>
+	      <div class="modal-footer">
+	        <button type="button" class="btn btn-primary">确定</button>
+	      </div>
+	    </div>
+	  </div>
+	</div>
+</body>

news-add.html

@@ -0,0 +1,107 @@
+<!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="tools.html"><i class="glyphicon glyphicon-wrench" 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><span>用户通知</span><span class="badge">10</span></a></li>
+							<li><a><span>内部通知</span><span class="badge">10</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>
+						<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="#" 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>
+					</div>
+				</div>
+				<div class="content-wrap">
+					<div class="c-body">
+						<form>
+						  <div class="form-group">
+						    <label for="title">通知类型</label>
+								  <div class="radio">
+								    <label>
+								      <input type="radio"> 用户通知
+								    </label>&nbsp;
+								    <label>
+								      <input type="radio"> 内部通知
+								    </label>
+								  </div>
+						  </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>
+						  </div>
+						  <div class="form-group">
+						    <label for="content">正文</label>
+						    <textarea class="form-control" id="content" rows="8"></textarea>
+						  </div>
+						</form>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>

news.html

@@ -0,0 +1,165 @@
+<!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="tools.html"><i class="glyphicon glyphicon-wrench" 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 class="active"><a><span>用户通知</span><span class="badge">10</span></a></li>
+							<li><a><span>内部通知</span><span class="badge">10</span></a></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="panel-content">
+				<div class="panel-title">
+					<div class="title-main">
+						<h2>用户通知
+						<a href="news-add.html" class="btn btn-primary btn-sm pull-right">新建通知</a></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>
+						  </ul>
+						</div>
+						<!--变更类别-->
+						<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="#">2015</a></li>
+						    <li><a href="#">2016</a></li>
+						    <li><a href="#">2017</a></li>
+						  </ul>
+						</div>
+						<!--变更性质-->
+						<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="#">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="#">6</a></li>
+								<li><a href="#">7</a></li>
+								<li><a href="#">8</a></li>
+								<li><a href="#">9</a></li>
+								<li><a href="#">10</a></li>
+								<li><a href="#">11</a></li>
+						  </ul>
+						</div>
+					</div>
+					<div class="c-body">
+						<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>
+
+							</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>

tools.html

@@ -0,0 +1,80 @@
+<!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><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 通知管理</a></li>
+					<li class="active"><a href="tools.html"><i class="glyphicon glyphicon-wrench" 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-content">
+				<div class="panel-title fluid">
+					<div class="title-main">
+						<h2>工具</h2>
+					</div>
+				</div>
+				<div class="content-wrap">
+					<div class="row">
+						<div class="col-xs-6 mb-30 ">
+							<div class="c-body">
+								<h2>清单规则编辑器
+								<a href="#" class="btn btn-primary pull-right">进入</a></h2>
+							</div>
+						</div>
+						<div class="col-xs-6 mb-30 ">
+							<div class="c-body">
+								<h2>定额编辑器
+								<a href="#" class="btn btn-primary pull-right">进入</a></h2>
+							</div>
+						</div>
+						<div class="col-xs-6 mb-30 ">
+							<div class="c-body">
+								<h2>报表模板
+								<a href="#" class="btn btn-primary pull-right">进入</a></h2>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>

user-list.html

@@ -0,0 +1,161 @@
+<!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 class="active"><a href="user-list.html"><i class="glyphicon glyphicon-user" aria-hidden="true"></i> 用户管理</a></li>
+					<li><a href="news.html"><i class="glyphicon glyphicon-bell" 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="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 class="active"><a><span>最近注册</span></a></li>
+							<li><a><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">
+						    最新注册：最近24小时<span class="caret"></span>
+						  </button>
+						  <ul class="dropdown-menu">
+						    <li><a href="#">最近24小时</a></li>
+						    <li><a href="#">最近3天</a></li>
+						    <li><a href="#">最近7天</a></li>
+						    <li><a href="#">最近30天</a></li>
+						  </ul>
+						</div>
+						<!--版本-->
+						<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>
+						  </ul>
+						</div>
+						<!--结果-->
+						<div class="btn-group">
+						&nbsp;共 3 条结果
+						</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 width="350">注册手机/邮箱</th><th>姓名</th><th>企业名称</th><th>地区</th><th width="180">注册时间</th></tr></thead>
+							<tbody>
+								<tr>
+									<td>kaka_chen@sina.com / 12345678900</td><td>张三</td><td><a tabindex="0" role="button" data-toggle="popover" data-trigger="focus" title="更多信息" data-content="企业类型：设计，企业规模：20-50">珠海纵横创新软件有限公司</a></td><td>珠海</td><td>2017-03-03 14:29:03</td>
+								</tr>
+								<tr>
+									<td>无 / 12345678900</td><td>张三</td><td><a>珠海纵横创新软件有限公司</a></td><td>珠海</td><td>2017-03-03 14:29:03</td>
+								</tr>
+								<tr>
+									<td>232@qq.com  / 无</td><td>张三</td><td><a>珠海纵横创新软件有限公司</a></td><td>珠海</td><td>2017-03-03 14:29:03</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="company" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
+	  <div class="modal-dialog" 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">Modal title</h4>
+	      </div>
+	      <div class="modal-body">
+	        ...
+	      </div>
+	    </div>
+	  </div>
+	</div>
+</body>