首次提交

css/main.css

@@ -0,0 +1,443 @@
+/*building SAAS 0.1*/
+/*bootstrap 初始化*/
+html{
+  height:100%;
+  width:100%
+}
+/*自定义css*/
+
+body{
+    color: #505458 !important;
+    background-color: #ebeff2;
+    font-size: 14px;
+    width:100%;
+}
+body.login-body{
+  height: 100%
+}
+@-webkit-keyframes tada {
+    0% {
+        -webkit-transform: scale(1)
+    }
+    10%, 20% {
+        -webkit-transform: scale(0.9) rotate(-3deg)
+    }
+    30%, 50%, 70%, 90% {
+        -webkit-transform: scale(1.1) rotate(3deg)
+    }
+    40%, 60%, 80% {
+        -webkit-transform: scale(1.1) rotate(-3deg)
+    }
+    100% {
+        -webkit-transform: scale(1) rotate(0)
+    }
+}
+@-moz-keyframes tada {
+    0% {
+        -moz-transform: scale(1)
+    }
+    10%, 20% {
+        -moz-transform: scale(0.9) rotate(-3deg)
+    }
+    30%, 50%, 70%, 90% {
+        -moz-transform: scale(1.1) rotate(3deg)
+    }
+    40%, 60%, 80% {
+        -moz-transform: scale(1.1) rotate(-3deg)
+    }
+    100% {
+        -moz-transform: scale(1) rotate(0)
+    }
+}
+.has-danger {
+    -webkit-animation: shake 1s .2s ease both;
+    -moz-animation: shake 1s .2s ease both;
+    animation: shake 1s .2s ease both;
+}
+@-webkit-keyframes shake {
+    0%, 100% {
+        -webkit-transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        -webkit-transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        -webkit-transform: translateX(10px);
+    }
+}
+@-moz-keyframes shake {
+    0%, 100% {
+        -moz-transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        -moz-transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        -moz-transform: translateX(10px);
+    }
+}
+@keyframes shake {
+    0%, 100% {
+        transform: translateX(0);
+    }
+    10%, 30%, 50%, 70%, 90% {
+        transform: translateX(-10px);
+    }
+    20%, 40%, 60%, 80% {
+        transform: translateX(10px);
+    }
+}
+.login-bg {
+  width: 100%;
+  height: 100%;
+  background:#f0f0f0 url("../img/login-bg.jpg") bottom center no-repeat;
+  background-size: 100% auto;
+  display: inline-block;
+}
+.form-signin {
+  width: 420px;
+  margin: 0 auto;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 20%;
+}
+.wrapper{
+    position: relative;
+}
+.top-bar{
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 9;
+}
+.top-bar .logo{
+    height:60px;
+    width: 250px;
+    position: absolute;
+    text-align: center;
+    background: #ffffff;
+    border-top: 3px solid #007bff;
+}
+.top-bar .logo a{
+    line-height: 60px;
+}
+.top-bar .nav{
+    background-color: #ebeff2;
+}
+.top-bar .nav .title{
+    font-size: 16px;
+    font-weight: 600;
+    line-height:60px;
+    margin: 0;
+}
+.top-bar .nav{
+    margin-left: 250px;
+    border-top: 3px solid #007bff;
+    padding: 0 15px;
+}
+.top-bar .nav .action-area{
+    position: absolute;
+    right: 15px;
+    top: 0;
+}
+.aside{
+    background: #ffffff none repeat scroll 0 0;
+    bottom: 50px;
+    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
+    height: 100%;
+    margin-bottom: -70px;
+    margin-top: 0;
+    padding-bottom: 70px;
+    position: fixed;
+    top: 60px;
+    width: 250px;
+    z-index: 2;
+}
+.aside .user-info{
+    padding: 10px 0 20px;
+    text-align: center;
+}
+.aside .user-info .user-img{
+    height: 88px;
+    width: 88px;
+    overflow: hidden;
+    margin: 0 auto;
+}
+.aside .user-info .user-img img{
+    max-width: 100%;
+    border-radius: 50%;
+    padding: 4px;
+    border: 1px solid #ebeff2;
+}
+.aside .user-info h5{
+    color: #98a6ad;
+}
+.aside .min-menu{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+.aside .min-menu li{
+    display: inline;
+    margin-left: 4px;
+}
+.aside .min-menu li a{
+    color: #98a6ad;
+}
+.aside .min-menu li a:hover{
+    color: #007bff !important;
+}
+.aside .menu,
+.aside .sub-menu{
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+.aside .sub-menu{
+    display: none;
+}
+.aside .menu li{
+    position: relative;
+}
+.aside .menu > li.active > a{
+    border-left: 3px solid #007bff;
+}
+.aside .menu li.active > a{
+    color: #007bff !important;
+}
+.aside .menu li a:hover{
+    color: #007bff !important;
+}
+.aside .menu > li > a{
+    border-left: 3px solid transparent;
+    color: #435966;
+    display: block;
+    margin: 4px 0;
+    padding: 12px 20px;
+    text-decoration: none;
+    transition: all 0.3s ease-out 0s;
+}
+.aside .menu > li a i{
+    margin-left: 3px;
+    margin-right: 15px;
+}
+.aside .menu > li a .menu-arrow{
+    position: absolute;
+    right: 0;
+    top: 17px;
+}
+.aside .sub-menu > li > a{
+    color: #63747c;
+    display: block;
+    padding: 10px 20px 10px 58px;
+    transition: all 0.3s ease-out 0s;
+    text-decoration: none;
+}
+.wrapper .content-page{
+    margin-left: 250px;
+    margin-top:60px;
+    width: auto;
+}
+.grid-view{
+    clear: both;
+}
+.grid-view .summary{
+    text-align: right;
+}
+.grid-view .pagination{
+    float: right;
+    display: inline-block;
+}
+.card-box{
+    background-color: #ffffff;
+    padding: 20px;
+    border-radius: 5px;
+    position: relative;
+}
+.card-box > h5{
+    padding: 8px 15px;
+    margin-bottom: 20px;
+    margin-top: 0;
+}
+.card-box .dropdown.action{
+    position: absolute;
+    right: 20px;
+    top: 27px;
+}
+.card-box .data{
+    margin-top: 20px;
+}
+.card-box .dropdown.action > a{
+    color: #98a6ad;
+}
+.breadcrumb {
+    background: none
+}
+/* tree */
+.tree::before{
+    border-left: 1px solid #666;
+    bottom: 16px;
+    content: "";
+    display: block;
+    left: 0;
+    position: absolute;
+    top: -21px;
+    width: 1px;
+    z-index: 1;
+}
+.tree{
+    position: relative;
+    overflow: auto;
+    padding-left: 14px;
+}
+.tree .tree-folder::before,
+.tree .tree-item::before{
+    border-top: 1px solid #666;
+    content: "";
+    display: inline-block;
+    height: 0;
+    left: -13px;
+    position: absolute;
+    top: 14px;
+    width: 18px;
+    z-index: 1;
+}
+.tree .tree-item,
+.tree .tree-folder {
+    border: 1px solid #fff;
+    cursor: pointer !important;
+}
+.tree .tree-folder,
+.tree .tree-item {
+    position: relative;
+}
+.tree .tree-folder {
+    min-height: 20px;
+    width: auto;
+}
+.tree .tree-item{
+    cursor: default;
+}
+.tree .tree-item,
+.tree .tree-folder .tree-folder-header{
+    box-sizing: content-box;
+    color: #333;
+    margin: 0;
+    padding: 4px 5px 6px;
+}
+.tree .tree-folder .tree-folder-header{
+    position: relative;
+    line-height: 20px;
+}
+.tree .tree-folder .tree-folder-content::before{
+    border-left: 1px solid #666;
+    bottom: 16px;
+    content: "";
+    display: inline-block;
+    left: -12px;
+    position: absolute;
+    top: -9px;
+    width: 1px;
+    z-index: 1;
+}
+.tree .tree-folder .tree-folder-content{
+    margin-left: 23px;
+    position: relative;
+}
+.tree .tree-folder,
+.tree .tree-item{
+    position: relative;
+}
+.tree-folder .tree-folder-header:hover,
+.tree-item .tree-folder-header:hover{
+    background-color: rgba(113, 182, 249, 0.2);
+    border-radius: 4px;
+}
+.tree .tree-item-name{
+    margin-left: 2px;
+    display: inline-block;
+}
+.tree-folder-content .child{
+    display: none;
+}
+.tree-action{
+    position: absolute;
+    right: 4px;
+    top: 5px;
+    display: none;
+}
+.tree-action a{
+    color: #999;
+}
+.tree-action a:hover{
+    color: #666;
+}
+.tree-item{
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+}
+.form-control-plaintext{
+  width:100%
+}
+.ztree-warp {
+    border:1px solid #ddd;
+    overflow: auto;
+}
+/**帮助**/
+.help-content .sticky-top{
+    float:right;
+    top:80px;
+    right:80px;
+    border-left: 1px solid #ccc;
+    padding:10px 0 10px 20px;
+}
+.help-content .sticky-top li{
+    margin:5px 0;
+}
+.help-content .sticky-top a{
+    color:#333
+}
+.help-content .sticky-top a:hover{
+    color:#007bff;
+    text-decoration: none
+}
+.help-content legend{
+    border-bottom:1px solid #ccc;
+    padding-bottom:10px;
+    font-size: 2rem
+}
+.help-content h2,.help-content h3,.help-content h4{
+    font-weight:600px
+}
+.help-content h2 {
+    font-size:1.75rem;
+    margin:1rem 0;
+}
+.help-content h3 {
+    font-size:1.5rem;
+    padding-left:5px;
+    margin-left:2px;
+    border-left: 2px solid #007bff;
+    margin:1rem 0;
+}
+.help-content h4 {
+    font-size:1.25rem;
+    padding-left:6px;
+    margin-left:2px;
+    border-left: 1px solid #007bff;
+    margin:1rem 0;
+}
+.help-content p {
+    font-size:1rem;
+    margin-left:9px
+}
+.help-content pre[class*="language-"]{
+    margin-left:9px;
+}
+.help-content .badge-light{
+    font-size:0.9rem;
+    background-color: #dee2e6;
+    margin:0 1px;
+}

css/prism/prism.css

@@ -0,0 +1,142 @@
+/* PrismJS 1.18.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*="language-"],
+	pre[class*="language-"] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #f8f9fa;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.token.namespace {
+	opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #9a6e3a;
+	background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function,
+.token.class-name {
+	color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+

css/ztree/zTreeStyle.css

@@ -0,0 +1,97 @@
+/*-------------------------------------
+zTree Style
+
+version:	3.5.19
+author:		Hunter.z
+email:		hunter.z@263.net
+website:	http://code.google.com/p/jquerytree/
+
+-------------------------------------*/
+
+.ztree * {padding:0; margin:0; font-size:12px; font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif}
+.ztree {margin:0; padding:5px; color:#333}
+.ztree li{padding:0; margin:0; list-style:none; line-height:14px; text-align:left; white-space:nowrap; outline:0}
+.ztree li ul{ margin:0; padding:0 0 0 18px}
+.ztree li ul.line{ background:url(./img/line_conn.gif) 0 0 repeat-y;}
+
+.ztree li a {padding:1px 3px 0 0; margin:0; cursor:pointer; height:17px; color:#333; background-color: transparent;
+	text-decoration:none; vertical-align:top; display: inline-block}
+.ztree li a:hover {text-decoration:underline}
+.ztree li a.curSelectedNode {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.curSelectedNode_Edit {padding-top:0px; background-color:#FFE6B0; color:black; height:16px; border:1px #FFB951 solid; opacity:0.8;}
+.ztree li a.tmpTargetNode_inner {padding-top:0px; background-color:#316AC5; color:white; height:16px; border:1px #316AC5 solid;
+	opacity:0.8; filter:alpha(opacity=80)}
+.ztree li a.tmpTargetNode_prev {}
+.ztree li a.tmpTargetNode_next {}
+.ztree li a input.rename {height:14px; width:80px; padding:0; margin:0;
+	font-size:12px; border:1px #7EC4CC solid; *border:0px}
+.ztree li span {line-height:16px; margin-right:2px}
+.ztree li span.button {line-height:0; margin:0; width:16px; height:16px; display: inline-block; vertical-align:middle;
+	border:0 none; cursor: pointer;outline:none;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+.ztree li span.button.chk {width:13px; height:13px; margin:0 3px 0 0; cursor: auto}
+.ztree li span.button.chk.checkbox_false_full {background-position:0 0}
+.ztree li span.button.chk.checkbox_false_full_focus {background-position:0 -14px}
+.ztree li span.button.chk.checkbox_false_part {background-position:0 -28px}
+.ztree li span.button.chk.checkbox_false_part_focus {background-position:0 -42px}
+.ztree li span.button.chk.checkbox_false_disable {background-position:0 -56px}
+.ztree li span.button.chk.checkbox_true_full {background-position:-14px 0}
+.ztree li span.button.chk.checkbox_true_full_focus {background-position:-14px -14px}
+.ztree li span.button.chk.checkbox_true_part {background-position:-14px -28px}
+.ztree li span.button.chk.checkbox_true_part_focus {background-position:-14px -42px}
+.ztree li span.button.chk.checkbox_true_disable {background-position:-14px -56px}
+.ztree li span.button.chk.radio_false_full {background-position:-28px 0}
+.ztree li span.button.chk.radio_false_full_focus {background-position:-28px -14px}
+.ztree li span.button.chk.radio_false_part {background-position:-28px -28px}
+.ztree li span.button.chk.radio_false_part_focus {background-position:-28px -42px}
+.ztree li span.button.chk.radio_false_disable {background-position:-28px -56px}
+.ztree li span.button.chk.radio_true_full {background-position:-42px 0}
+.ztree li span.button.chk.radio_true_full_focus {background-position:-42px -14px}
+.ztree li span.button.chk.radio_true_part {background-position:-42px -28px}
+.ztree li span.button.chk.radio_true_part_focus {background-position:-42px -42px}
+.ztree li span.button.chk.radio_true_disable {background-position:-42px -56px}
+
+.ztree li span.button.switch {width:18px; height:18px}
+.ztree li span.button.root_open{background-position:-92px -54px}
+.ztree li span.button.root_close{background-position:-74px -54px}
+.ztree li span.button.roots_open{background-position:-92px 0}
+.ztree li span.button.roots_close{background-position:-74px 0}
+.ztree li span.button.center_open{background-position:-92px -18px}
+.ztree li span.button.center_close{background-position:-74px -18px}
+.ztree li span.button.bottom_open{background-position:-92px -36px}
+.ztree li span.button.bottom_close{background-position:-74px -36px}
+.ztree li span.button.noline_open{background-position:-92px -72px}
+.ztree li span.button.noline_close{background-position:-74px -72px}
+.ztree li span.button.root_docu{ background:none;}
+.ztree li span.button.roots_docu{background-position:-56px 0}
+.ztree li span.button.center_docu{background-position:-56px -18px}
+.ztree li span.button.bottom_docu{background-position:-56px -36px}
+.ztree li span.button.noline_docu{ background:none;}
+
+.ztree li span.button.ico_open{margin-right:2px; background-position:-110px -16px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_close{margin-right:2px; background-position:-110px 0; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.ico_docu{margin-right:2px; background-position:-110px -32px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.edit {margin-right:2px; background-position:-110px -48px; vertical-align:top; *vertical-align:middle}
+.ztree li span.button.remove {margin-right:2px; background-position:-110px -64px; vertical-align:top; *vertical-align:middle}
+
+.ztree li span.button.ico_loading{margin-right:2px; background:url(./img/loading.gif) no-repeat scroll 0 0 transparent; vertical-align:top; *vertical-align:middle}
+
+ul.tmpTargetzTree {background-color:#FFE6B0; opacity:0.8; filter:alpha(opacity=80)}
+
+span.tmpzTreeMove_arrow {width:16px; height:16px; display: inline-block; padding:0; margin:2px 0 0 1px; border:0 none; position:absolute;
+	background-color:transparent; background-repeat:no-repeat; background-attachment: scroll;
+	background-position:-110px -80px; background-image:url("./img/zTreeStandard.png"); *background-image:url("./img/zTreeStandard.gif")}
+
+ul.ztree.zTreeDragUL {margin:0; padding:0; position:absolute; width:auto; height:auto;overflow:hidden; background-color:#cfcfcf; border:1px #00B83F dotted; opacity:0.8; filter:alpha(opacity=80)}
+.zTreeMask {z-index:10000; background-color:#cfcfcf; opacity:0.0; filter:alpha(opacity=0); position:absolute}
+
+/* level style*/
+/*.ztree li span.button.level0 {
+	display:none;
+}
+.ztree li ul.level0 {
+	padding:0;
+	background:none;
+}*/

group-edit.html

@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-user"></i> 后台用户 / <a href="">权限组列表</a> / 添加用户组</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>用户组名称</label>
+                  <div class="col-lg-6">
+                      <input class="form-control" type="text" placeholder="输入用户组的名称" required>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 text-right"><b class="text-danger">*</b>权限设置</label>
+                  <div class="col-lg-8">
+                    <div class="col-lg-12">
+                      <div class=" form-check">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox"><i class="fa fa-users"></i> 客户管理
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-lg-11 ml-auto">
+                      <div class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox" > 企业版客户
+                        </label>
+                      </div>
+                      <div class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox" > 项目版客户
+                        </label>
+                      </div>
+                      <div class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox" > 演示版客户
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-lg-12">
+                      <div class=" form-check">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox"> <i class="fa fa-bell"></i> 通知管理
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-lg-12">
+                      <div class=" form-check">
+                        <label class="form-check-label">
+                          <i class="fa fa-wrench"></i> 工具
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-lg-11 ml-auto">
+                      <div class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox" > 项目节
+                        </label>
+                      </div>
+                      <div class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox" > 工程量清单
+                        </label>
+                      </div>
+                      <div class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox" > 标准清单
+                        </label>
+                      </div>
+                      <div class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox" > 报表定制
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-lg-12">
+                      <div class=" form-check">
+                        <label class="form-check-label">
+                          <i class="fa fa-cog"></i> 系统管理
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-lg-11 ml-auto">
+                      <div class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox"> 权限管理
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-lg-12">
+                      <div class=" form-check">
+                        <label class="form-check-label">
+                          <i class="fa fa-user"></i>后台用户
+                        </label>
+                      </div>
+                    </div>
+                    <div class="col-lg-11 ml-auto">
+                      <div class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox"> 用户列表
+                        </label>
+                      </div>
+                      <div class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <input class="form-check-input" type="checkbox"> 权限组
+                        </label>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">备注</label>
+                  <div class="col-lg-6">
+                      <input class="form-control" type="text" placeholder="" >
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-primary">确认添加</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                      <button type="submit" class="btn btn-primary">确认修改</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

group.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-user"></i> 后台用户 / 权限组列表</h4>
+          <div class="dropdown mt-3">
+            <button type="button" class="btn btn-primary btn-sm" data-toggle="dropdown">
+              <i class="fa fa-ellipsis-v"></i>
+            </button>
+            <div class="dropdown-menu dropdown-menu-right">
+              <a class="dropdown-item" href="group-edit.html">新增用户组</a>
+            </div>
+          </div>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <table class="table table-striped table-bordered table-sm">
+                <thead><th>Id</th><th>组名称</th><th>拥有权限</th><th>创建时间</th><th>备注</th><th>操作</th></thead>
+                <tbody>
+                  <tr><td>1</td><td>超级管理员</td><td></td><td>2017-09-30 17:40:05</td><td></td><td></td></tr>
+                  <tr><td>2</td><td>管理员2</td><td><i class="fa fa-cog"> 系统管理（权限管理），</td><td>2017-09-30 17:40:05</td><td>备注内容</td><td class="text-center"><a class="" href="group-edit.html"><i class="fa fa-pencil"></i></a>&nbsp;<a class="" href="#"><i class="fa fa-trash"></i></a></td></tr>
+                  <tr><td>2</td><td>销售</td><td><i class="fa fa-users"> 客户管理（项目版客户），<i class="fa fa-bell"> 通知管理</td><td>2017-09-30 17:40:05</td><td>备注内容</td><td class="text-center"><a class="" href="group-edit.html"><i class="fa fa-pencil"></i></a>&nbsp;<a class="" href="#"><i class="fa fa-trash"></i></a></td></tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

js/datepicker/datepicker.zh.js

@@ -0,0 +1,12 @@
+;(function (jQuery) { jQuery.fn.datepicker.language['zh'] = {
+    days: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
+    daysShort: ['日', '一', '二', '三', '四', '五', '六'],
+    daysMin: ['日', '一', '二', '三', '四', '五', '六'],
+    months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+    monthsShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+    today: '今天',
+    clear: '清除',
+    dateFormat: 'yyyy-mm-dd',
+    timeFormat: 'hh:ii',
+    firstDay: 0
+}; })(jQuery);

js/main.js

@@ -0,0 +1,33 @@
+// * @date 2017
+// * @author caiaolin
+// * @version
+        //自动高度
+function autoFlashHeight(){
+    $(".auto-height-1").height($(window).height()-115);
+    $(".auto-height-2").height($(window).height()-154);
+};
+$(window).resize(autoFlashHeight);
+$(document).ready(function() {
+
+    // menu
+    $("#menu > li > a").click(function() {
+        var self = $(this);
+        var subMenu = $(this).siblings('ul.sub-menu');
+        if(subMenu.length > 0) {
+            if(subMenu.is(":visible")) {
+                self.find('.menu-arrow').removeClass('glyphicon-menu-down').addClass('glyphicon-menu-right');
+                subMenu.slideUp('fast');
+                self.parent().removeClass('active');
+            }else{
+                self.parent().addClass('active');
+                self.find('.menu-arrow').removeClass('glyphicon-menu-right').addClass('glyphicon-menu-down');
+                subMenu.slideDown('fast');
+            }
+        }
+    });
+/*工具提示*/
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip()
+});
+
+});

js/ztree/jquery.ztree.excheck.js

@@ -0,0 +1,628 @@
+/*
+ * JQuery zTree excheck v3.5.28
+ * http://treejs.cn/
+ *
+ * Copyright (c) 2010 Hunter.z
+ *
+ * Licensed same as jquery - MIT License
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * email: hunter.z@263.net
+ * Date: 2017-01-20
+ */
+(function($){
+	//default consts of excheck
+	var _consts = {
+		event: {
+			CHECK: "ztree_check"
+		},
+		id: {
+			CHECK: "_check"
+		},
+		checkbox: {
+			STYLE: "checkbox",
+			DEFAULT: "chk",
+			DISABLED: "disable",
+			FALSE: "false",
+			TRUE: "true",
+			FULL: "full",
+			PART: "part",
+			FOCUS: "focus"
+		},
+		radio: {
+			STYLE: "radio",
+			TYPE_ALL: "all",
+			TYPE_LEVEL: "level"
+		}
+	},
+	//default setting of excheck
+	_setting = {
+		check: {
+			enable: false,
+			autoCheckTrigger: false,
+			chkStyle: _consts.checkbox.STYLE,
+			nocheckInherit: false,
+			chkDisabledInherit: false,
+			radioType: _consts.radio.TYPE_LEVEL,
+			chkboxType: {
+				"Y": "ps",
+				"N": "ps"
+			}
+		},
+		data: {
+			key: {
+				checked: "checked"
+			}
+		},
+		callback: {
+			beforeCheck:null,
+			onCheck:null
+		}
+	},
+	//default root of excheck
+	_initRoot = function (setting) {
+		var r = data.getRoot(setting);
+		r.radioCheckedList = [];
+	},
+	//default cache of excheck
+	_initCache = function(treeId) {},
+	//default bind event of excheck
+	_bindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.bind(c.CHECK, function (event, srcEvent, treeId, node) {
+			event.srcEvent = srcEvent;
+			tools.apply(setting.callback.onCheck, [event, treeId, node]);
+		});
+	},
+	_unbindEvent = function(setting) {
+		var o = setting.treeObj,
+		c = consts.event;
+		o.unbind(c.CHECK);
+	},
+	//default event proxy of excheck
+	_eventProxy = function(e) {
+		var target = e.target,
+		setting = data.getSetting(e.data.treeId),
+		tId = "", node = null,
+		nodeEventType = "", treeEventType = "",
+		nodeEventCallback = null, treeEventCallback = null;
+
+		if (tools.eqs(e.type, "mouseover")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoverCheck";
+			}
+		} else if (tools.eqs(e.type, "mouseout")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "mouseoutCheck";
+			}
+		} else if (tools.eqs(e.type, "click")) {
+			if (setting.check.enable && tools.eqs(target.tagName, "span") && target.getAttribute("treeNode"+ consts.id.CHECK) !== null) {
+				tId = tools.getNodeMainDom(target).id;
+				nodeEventType = "checkNode";
+			}
+		}
+		if (tId.length>0) {
+			node = data.getNodeCache(setting, tId);
+			switch (nodeEventType) {
+				case "checkNode" :
+					nodeEventCallback = _handler.onCheckNode;
+					break;
+				case "mouseoverCheck" :
+					nodeEventCallback = _handler.onMouseoverCheck;
+					break;
+				case "mouseoutCheck" :
+					nodeEventCallback = _handler.onMouseoutCheck;
+					break;
+			}
+		}
+		var proxyResult = {
+			stop: nodeEventType === "checkNode",
+			node: node,
+			nodeEventType: nodeEventType,
+			nodeEventCallback: nodeEventCallback,
+			treeEventType: treeEventType,
+			treeEventCallback: treeEventCallback
+		};
+		return proxyResult
+	},
+	//default init node of excheck
+	_initNode = function(setting, level, n, parentNode, isFirstNode, isLastNode, openFlag) {
+		if (!n) return;
+		var checkedKey = setting.data.key.checked;
+		if (typeof n[checkedKey] == "string") n[checkedKey] = tools.eqs(n[checkedKey], "true");
+		n[checkedKey] = !!n[checkedKey];
+		n.checkedOld = n[checkedKey];
+		if (typeof n.nocheck == "string") n.nocheck = tools.eqs(n.nocheck, "true");
+		n.nocheck = !!n.nocheck || (setting.check.nocheckInherit && parentNode && !!parentNode.nocheck);
+		if (typeof n.chkDisabled == "string") n.chkDisabled = tools.eqs(n.chkDisabled, "true");
+		n.chkDisabled = !!n.chkDisabled || (setting.check.chkDisabledInherit && parentNode && !!parentNode.chkDisabled);
+		if (typeof n.halfCheck == "string") n.halfCheck = tools.eqs(n.halfCheck, "true");
+		n.halfCheck = !!n.halfCheck;
+		n.check_Child_State = -1;
+		n.check_Focus = false;
+		n.getCheckStatus = function() {return data.getCheckStatus(setting, n);};
+
+		if (setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL && n[checkedKey] ) {
+			var r = data.getRoot(setting);
+			r.radioCheckedList.push(n);
+		}
+	},
+	//add dom for check
+	_beforeA = function(setting, node, html) {
+		var checkedKey = setting.data.key.checked;
+		if (setting.check.enable) {
+			data.makeChkFlag(setting, node);
+			html.push("<span ID='", node.tId, consts.id.CHECK, "' class='", view.makeChkClass(setting, node), "' treeNode", consts.id.CHECK, (node.nocheck === true?" style='display:none;'":""),"></span>");
+		}
+	},
+	//update zTreeObj, add method of check
+	_zTreeTools = function(setting, zTreeTools) {
+		zTreeTools.checkNode = function(node, checked, checkTypeFlag, callbackFlag) {
+			var checkedKey = this.setting.data.key.checked;
+			if (node.chkDisabled === true) return;
+			if (checked !== true && checked !== false) {
+				checked = !node[checkedKey];
+			}
+			callbackFlag = !!callbackFlag;
+
+			if (node[checkedKey] === checked && !checkTypeFlag) {
+				return;
+			} else if (callbackFlag && tools.apply(this.setting.callback.beforeCheck, [this.setting.treeId, node], true) == false) {
+				return;
+			}
+			if (tools.uCanDo(this.setting) && this.setting.check.enable && node.nocheck !== true) {
+				node[checkedKey] = checked;
+				var checkObj = $$(node, consts.id.CHECK, this.setting);
+				if (checkTypeFlag || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
+				view.setChkClass(this.setting, checkObj, node);
+				view.repairParentChkClassWithSelf(this.setting, node);
+				if (callbackFlag) {
+					this.setting.treeObj.trigger(consts.event.CHECK, [null, this.setting.treeId, node]);
+				}
+			}
+		}
+
+		zTreeTools.checkAllNodes = function(checked) {
+			view.repairAllChk(this.setting, !!checked);
+		}
+
+		zTreeTools.getCheckedNodes = function(checked) {
+			var childKey = this.setting.data.key.children;
+			checked = (checked !== false);
+			return data.getTreeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey], checked);
+		}
+
+		zTreeTools.getChangeCheckedNodes = function() {
+			var childKey = this.setting.data.key.children;
+			return data.getTreeChangeCheckedNodes(this.setting, data.getRoot(this.setting)[childKey]);
+		}
+
+		zTreeTools.setChkDisabled = function(node, disabled, inheritParent, inheritChildren) {
+			disabled = !!disabled;
+			inheritParent = !!inheritParent;
+			inheritChildren = !!inheritChildren;
+			view.repairSonChkDisabled(this.setting, node, disabled, inheritChildren);
+			view.repairParentChkDisabled(this.setting, node.getParentNode(), disabled, inheritParent);
+		}
+
+		var _updateNode = zTreeTools.updateNode;
+		zTreeTools.updateNode = function(node, checkTypeFlag) {
+			if (_updateNode) _updateNode.apply(zTreeTools, arguments);
+			if (!node || !this.setting.check.enable) return;
+			var nObj = $$(node, this.setting);
+			if (nObj.get(0) && tools.uCanDo(this.setting)) {
+				var checkObj = $$(node, consts.id.CHECK, this.setting);
+				if (checkTypeFlag == true || this.setting.check.chkStyle === consts.radio.STYLE) view.checkNodeRelation(this.setting, node);
+				view.setChkClass(this.setting, checkObj, node);
+				view.repairParentChkClassWithSelf(this.setting, node);
+			}
+		}
+	},
+	//method of operate data
+	_data = {
+		getRadioCheckedList: function(setting) {
+			var checkedList = data.getRoot(setting).radioCheckedList;
+			for (var i=0, j=checkedList.length; i<j; i++) {
+				if(!data.getNodeCache(setting, checkedList[i].tId)) {
+					checkedList.splice(i, 1);
+					i--; j--;
+				}
+			}
+			return checkedList;
+		},
+		getCheckStatus: function(setting, node) {
+			if (!setting.check.enable || node.nocheck || node.chkDisabled) return null;
+			var checkedKey = setting.data.key.checked,
+			r = {
+				checked: node[checkedKey],
+				half: node.halfCheck ? node.halfCheck : (setting.check.chkStyle == consts.radio.STYLE ? (node.check_Child_State === 2) : (node[checkedKey] ? (node.check_Child_State > -1 && node.check_Child_State < 2) : (node.check_Child_State > 0)))
+			};
+			return r;
+		},
+		getTreeCheckedNodes: function(setting, nodes, checked, results) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			onlyOne = (checked && setting.check.chkStyle == consts.radio.STYLE && setting.check.radioType == consts.radio.TYPE_ALL);
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] == checked) {
+					results.push(nodes[i]);
+					if(onlyOne) {
+						break;
+					}
+				}
+				data.getTreeCheckedNodes(setting, nodes[i][childKey], checked, results);
+				if(onlyOne && results.length > 0) {
+					break;
+				}
+			}
+			return results;
+		},
+		getTreeChangeCheckedNodes: function(setting, nodes, results) {
+			if (!nodes) return [];
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked;
+			results = !results ? [] : results;
+			for (var i = 0, l = nodes.length; i < l; i++) {
+				if (nodes[i].nocheck !== true && nodes[i].chkDisabled !== true && nodes[i][checkedKey] != nodes[i].checkedOld) {
+					results.push(nodes[i]);
+				}
+				data.getTreeChangeCheckedNodes(setting, nodes[i][childKey], results);
+			}
+			return results;
+		},
+		makeChkFlag: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			chkFlag = -1;
+			if (node[childKey]) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var cNode = node[childKey][i];
+					var tmp = -1;
+					if (setting.check.chkStyle == consts.radio.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 2;
+						} else if (cNode[checkedKey]) {
+							tmp = 2;
+						} else {
+							tmp = cNode.check_Child_State > 0 ? 2:0;
+						}
+						if (tmp == 2) {
+							chkFlag = 2; break;
+						} else if (tmp == 0){
+							chkFlag = 0;
+						}
+					} else if (setting.check.chkStyle == consts.checkbox.STYLE) {
+						if (cNode.nocheck === true || cNode.chkDisabled === true) {
+							tmp = cNode.check_Child_State;
+						} else if (cNode.halfCheck === true) {
+							tmp = 1;
+						} else if (cNode[checkedKey] ) {
+							tmp = (cNode.check_Child_State === -1 || cNode.check_Child_State === 2) ? 2 : 1;
+						} else {
+							tmp = (cNode.check_Child_State > 0) ? 1 : 0;
+						}
+						if (tmp === 1) {
+							chkFlag = 1; break;
+						} else if (tmp === 2 && chkFlag > -1 && i > 0 && tmp !== chkFlag) {
+							chkFlag = 1; break;
+						} else if (chkFlag === 2 && tmp > -1 && tmp < 2) {
+							chkFlag = 1; break;
+						} else if (tmp > -1) {
+							chkFlag = tmp;
+						}
+					}
+				}
+			}
+			node.check_Child_State = chkFlag;
+		}
+	},
+	//method of event proxy
+	_event = {
+
+	},
+	//method of event handler
+	_handler = {
+		onCheckNode: function (event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkedKey = setting.data.key.checked;
+			if (tools.apply(setting.callback.beforeCheck, [setting.treeId, node], true) == false) return true;
+			node[checkedKey] = !node[checkedKey];
+			view.checkNodeRelation(setting, node);
+			var checkObj = $$(node, consts.id.CHECK, setting);
+			view.setChkClass(setting, checkObj, node);
+			view.repairParentChkClassWithSelf(setting, node);
+			setting.treeObj.trigger(consts.event.CHECK, [event, setting.treeId, node]);
+			return true;
+		},
+		onMouseoverCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = true;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		},
+		onMouseoutCheck: function(event, node) {
+			if (node.chkDisabled === true) return false;
+			var setting = data.getSetting(event.data.treeId),
+			checkObj = $$(node, consts.id.CHECK, setting);
+			node.check_Focus = false;
+			view.setChkClass(setting, checkObj, node);
+			return true;
+		}
+	},
+	//method of tools for zTree
+	_tools = {
+
+	},
+	//method of operate ztree dom
+	_view = {
+		checkNodeRelation: function(setting, node) {
+			var pNode, i, l,
+			childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			r = consts.radio;
+			if (setting.check.chkStyle == r.STYLE) {
+				var checkedList = data.getRadioCheckedList(setting);
+				if (node[checkedKey]) {
+					if (setting.check.radioType == r.TYPE_ALL) {
+						for (i = checkedList.length-1; i >= 0; i--) {
+							pNode = checkedList[i];
+							if (pNode[checkedKey] && pNode != node) {
+								pNode[checkedKey] = false;
+								checkedList.splice(i, 1);
+
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+								if (pNode.parentTId != node.parentTId) {
+									view.repairParentChkClassWithSelf(setting, pNode);
+								}
+							}
+						}
+						checkedList.push(node);
+					} else {
+						var parentNode = (node.parentTId) ? node.getParentNode() : data.getRoot(setting);
+						for (i = 0, l = parentNode[childKey].length; i < l; i++) {
+							pNode = parentNode[childKey][i];
+							if (pNode[checkedKey] && pNode != node) {
+								pNode[checkedKey] = false;
+								view.setChkClass(setting, $$(pNode, consts.id.CHECK, setting), pNode);
+							}
+						}
+					}
+				} else if (setting.check.radioType == r.TYPE_ALL) {
+					for (i = 0, l = checkedList.length; i < l; i++) {
+						if (node == checkedList[i]) {
+							checkedList.splice(i, 1);
+							break;
+						}
+					}
+				}
+
+			} else {
+				if (node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.Y.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, true);
+				}
+				if (!node[checkedKey] && (!node[childKey] || node[childKey].length==0 || setting.check.chkboxType.N.indexOf("s") > -1)) {
+					view.setSonNodeCheckBox(setting, node, false);
+				}
+				if (node[checkedKey] && setting.check.chkboxType.Y.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, true);
+				}
+				if (!node[checkedKey] && setting.check.chkboxType.N.indexOf("p") > -1) {
+					view.setParentNodeCheckBox(setting, node, false);
+				}
+			}
+		},
+		makeChkClass: function(setting, node) {
+			var checkedKey = setting.data.key.checked,
+			c = consts.checkbox, r = consts.radio,
+			fullStyle = "";
+			if (node.chkDisabled === true) {
+				fullStyle = c.DISABLED;
+			} else if (node.halfCheck) {
+				fullStyle = c.PART;
+			} else if (setting.check.chkStyle == r.STYLE) {
+				fullStyle = (node.check_Child_State < 1)? c.FULL:c.PART;
+			} else {
+				fullStyle = node[checkedKey] ? ((node.check_Child_State === 2 || node.check_Child_State === -1) ? c.FULL:c.PART) : ((node.check_Child_State < 1)? c.FULL:c.PART);
+			}
+			var chkName = setting.check.chkStyle + "_" + (node[checkedKey] ? c.TRUE : c.FALSE) + "_" + fullStyle;
+			chkName = (node.check_Focus && node.chkDisabled !== true) ? chkName + "_" + c.FOCUS : chkName;
+			return consts.className.BUTTON + " " + c.DEFAULT + " " + chkName;
+		},
+		repairAllChk: function(setting, checked) {
+			if (setting.check.enable && setting.check.chkStyle === consts.checkbox.STYLE) {
+				var checkedKey = setting.data.key.checked,
+				childKey = setting.data.key.children,
+				root = data.getRoot(setting);
+				for (var i = 0, l = root[childKey].length; i<l ; i++) {
+					var node = root[childKey][i];
+					if (node.nocheck !== true && node.chkDisabled !== true) {
+						node[checkedKey] = checked;
+					}
+					view.setSonNodeCheckBox(setting, node, checked);
+				}
+			}
+		},
+		repairChkClass: function(setting, node) {
+			if (!node) return;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true) {
+				var checkObj = $$(node, consts.id.CHECK, setting);
+				view.setChkClass(setting, checkObj, node);
+			}
+		},
+		repairParentChkClass: function(setting, node) {
+			if (!node || !node.parentTId) return;
+			var pNode = node.getParentNode();
+			view.repairChkClass(setting, pNode);
+			view.repairParentChkClass(setting, pNode);
+		},
+		repairParentChkClassWithSelf: function(setting, node) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			if (node[childKey] && node[childKey].length > 0) {
+				view.repairParentChkClass(setting, node[childKey][0]);
+			} else {
+				view.repairParentChkClass(setting, node);
+			}
+		},
+		repairSonChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			var childKey = setting.data.key.children;
+			if (node.chkDisabled != chkDisabled) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			if (node[childKey] && inherit) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var sNode = node[childKey][i];
+					view.repairSonChkDisabled(setting, sNode, chkDisabled, inherit);
+				}
+			}
+		},
+		repairParentChkDisabled: function(setting, node, chkDisabled, inherit) {
+			if (!node) return;
+			if (node.chkDisabled != chkDisabled && inherit) {
+				node.chkDisabled = chkDisabled;
+			}
+			view.repairChkClass(setting, node);
+			view.repairParentChkDisabled(setting, node.getParentNode(), chkDisabled, inherit);
+		},
+		setChkClass: function(setting, obj, node) {
+			if (!obj) return;
+			if (node.nocheck === true) {
+				obj.hide();
+			} else {
+				obj.show();
+			}
+            obj.attr('class', view.makeChkClass(setting, node));
+		},
+		setParentNodeCheckBox: function(setting, node, value, srcNode) {
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+			data.makeChkFlag(setting, node);
+			if (node.nocheck !== true && node.chkDisabled !== true) {
+				node[checkedKey] = value;
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+			if (node.parentTId) {
+				var pSign = true;
+				if (!value) {
+					var pNodes = node.getParentNode()[childKey];
+					for (var i = 0, l = pNodes.length; i < l; i++) {
+						if ((pNodes[i].nocheck !== true && pNodes[i].chkDisabled !== true && pNodes[i][checkedKey])
+						|| ((pNodes[i].nocheck === true || pNodes[i].chkDisabled === true) && pNodes[i].check_Child_State > 0)) {
+							pSign = false;
+							break;
+						}
+					}
+				}
+				if (pSign) {
+					view.setParentNodeCheckBox(setting, node.getParentNode(), value, srcNode);
+				}
+			}
+		},
+		setSonNodeCheckBox: function(setting, node, value, srcNode) {
+			if (!node) return;
+			var childKey = setting.data.key.children,
+			checkedKey = setting.data.key.checked,
+			checkObj = $$(node, consts.id.CHECK, setting);
+			if (!srcNode) srcNode = node;
+
+			var hasDisable = false;
+			if (node[childKey]) {
+				for (var i = 0, l = node[childKey].length; i < l; i++) {
+					var sNode = node[childKey][i];
+					view.setSonNodeCheckBox(setting, sNode, value, srcNode);
+					if (sNode.chkDisabled === true) hasDisable = true;
+				}
+			}
+
+			if (node != data.getRoot(setting) && node.chkDisabled !== true) {
+				if (hasDisable && node.nocheck !== true) {
+					data.makeChkFlag(setting, node);
+				}
+				if (node.nocheck !== true && node.chkDisabled !== true) {
+					node[checkedKey] = value;
+					if (!hasDisable) node.check_Child_State = (node[childKey] && node[childKey].length > 0) ? (value ? 2 : 0) : -1;
+				} else {
+					node.check_Child_State = -1;
+				}
+				view.setChkClass(setting, checkObj, node);
+				if (setting.check.autoCheckTrigger && node != srcNode && node.nocheck !== true && node.chkDisabled !== true) {
+					setting.treeObj.trigger(consts.event.CHECK, [null, setting.treeId, node]);
+				}
+			}
+
+		}
+	},
+
+	_z = {
+		tools: _tools,
+		view: _view,
+		event: _event,
+		data: _data
+	};
+	$.extend(true, $.fn.zTree.consts, _consts);
+	$.extend(true, $.fn.zTree._z, _z);
+
+	var zt = $.fn.zTree,
+	tools = zt._z.tools,
+	consts = zt.consts,
+	view = zt._z.view,
+	data = zt._z.data,
+	event = zt._z.event,
+	$$ = tools.$;
+
+	data.exSetting(_setting);
+	data.addInitBind(_bindEvent);
+	data.addInitUnBind(_unbindEvent);
+	data.addInitCache(_initCache);
+	data.addInitNode(_initNode);
+	data.addInitProxy(_eventProxy, true);
+	data.addInitRoot(_initRoot);
+	data.addBeforeA(_beforeA);
+	data.addZTreeTools(_zTreeTools);
+
+	var _createNodes = view.createNodes;
+	view.createNodes = function(setting, level, nodes, parentNode, index) {
+		if (_createNodes) _createNodes.apply(view, arguments);
+		if (!nodes) return;
+		view.repairParentChkClassWithSelf(setting, parentNode);
+	}
+	var _removeNode = view.removeNode;
+	view.removeNode = function(setting, node) {
+		var parentNode = node.getParentNode();
+		if (_removeNode) _removeNode.apply(view, arguments);
+		if (!node || !parentNode) return;
+		view.repairChkClass(setting, parentNode);
+		view.repairParentChkClass(setting, parentNode);
+	}
+
+	var _appendNodes = view.appendNodes;
+	view.appendNodes = function(setting, level, nodes, parentNode, index, initFlag, openFlag) {
+		var html = "";
+		if (_appendNodes) {
+			html = _appendNodes.apply(view, arguments);
+		}
+		if (parentNode) {
+			data.makeChkFlag(setting, parentNode);
+		}
+		return html;
+	}
+})(jQuery);

login.html

@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>后台登录-信息化平台</title>
+    <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body class="login-body">
+  <div class="login-bg"> </div>
+      <div class="form-signin box-shadow">
+        <!-- <form>
+              <h3 class="d-flex justify-content-center">计量支付SAAS</h1>
+            <h5 class="d-flex justify-content-center mb-4">后台登录</h4>
+            <div class="form-group">
+                <input id="inputEmail" class="form-control " placeholder="CLD账号" required="" autofocus="">
+            </div>
+            <div class="form-group">
+                <input id="inputPassword" class="form-control " placeholder="输入密码" required="" type="password">
+            </div>
+            <div class="form-group">
+                <button class="btn btn-primary btn-block" data-toggle="modal" data-target="#ver">登录</button>
+            </div>
+            <div class="pt-1 d-flex justify-content-center">
+                <a href="" class="mr-3">忘记密码</a>
+            </div>
+        </form> -->
+        <form>
+            <h3 class="d-flex justify-content-center">信息化平台</h1>
+            <h5 class="d-flex justify-content-center mb-4">后台登录</h4>
+            <div class="form-group has-danger">
+                <input class="form-control gform-control-danger" value="陈特" placeholder="CLD账号" required="" autofocus="">
+            </div>
+            <div class="form-group has-danger">
+                <input class="form-control gform-control-danger" value="12313" placeholder="输入密码" required="" type="password">
+            </div>
+            <div class="form-group">
+              <div class="alert alert-danger" role="alert">
+                <strong>登录失败</strong> CLD账号 或 密码错误
+              </div>
+            </div>
+            <div class="form-group">
+                <button class="btn btn-primary btn-block">登录</button>
+            </div>
+            <div class="pt-1 d-flex justify-content-center">
+                <a href="#forgetpw" data-toggle="modal" class="mr-3">忘记密码</a>
+            </div>
+        </form>
+      </div>
+
+    <!--弹出 忘记密码1 -->
+    <div class="modal fade" id="forgetpw">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">找回密码</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                      <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                  <div class="form-group">
+                    <input type="phone" class="form-control"  placeholder="输入CLD账号">
+                  </div>
+                  <div class="form-group">
+                    <input type="phone" class="form-control"  placeholder="输入手机号码">
+                  </div>
+                  <div class="form-group row">
+                    <div class="col-8">
+                      <input type="phone" class="form-control"  placeholder="输入验证码">
+                    </div>
+                    <div class="col-4">
+                      <button type="button" class="btn btn-outline-primary">获取验证码</button>
+                    </div>
+                  </div>
+                  <div class="form-group row">
+                    <div class="col-8">
+                      <input type="phone" class="form-control"  placeholder="输入验证码">
+                    </div>
+                    <div class="col-4">
+                      <button type="button" class="btn btn-outline-primary" disabled>59秒</button>
+                    </div>
+                  </div>
+                  <div class="form-group">
+                    <div class="alert alert-danger" role="alert">
+                      CLD账号 或 手机不正确
+                    </div>
+                  </div>
+                  <div class="form-group">
+                    <div class="alert alert-danger" role="alert">
+                      验证码错误
+                    </div>
+                  </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!--弹出 忘记密码2 -->
+    <div class="modal fade" id="forgetpw2">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">设置新密码</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                      <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                  <div class="form-group">
+                    <input type="phone" class="form-control"  placeholder="输入新密码">
+                  </div>
+                  <div class="form-group">
+                    <input type="phone" class="form-control"  placeholder="确认新密码">
+                  </div>
+                  <div class="form-group">
+                    <div class="alert alert-danger" role="alert">
+                      两次密码不一致
+                    </div>
+                  </div>
+                </div>
+                <div class="modal-footer">
+                  <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+                  <button type="button" class="btn btn-primary">确认</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- JS. -->
+    <script src="js/jquery/jquery-3.2.1.min.js"></script>
+    <script src="js/popper/popper.min.js" type="text/javascript"></script>
+    <script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+    <script src="js/global.js"></script>
+</body>
+
+</html>

maintain.html

@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>系统维护-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+  <link href="css/datepicker/datepicker.min.css" rel="stylesheet" type="text/css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-bell"></i> 升级说明 / 添加版本</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li class="active">
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+            <!--正在维护信息-->
+              <div class="col-lg-6 offset-lg-3">
+                <div class="card text-white bg-success mb-5">
+                  <div class="card-body">
+                    <h5 class="card-title">系统将于 2019年3月10日 14:09 开始停机维护，持续30分钟。造成不便敬请谅解。</h5>
+                    <p class="card-text">维护内容</p>
+                    <a href="#" class="btn btn-danger">结束</a>
+                  </div>
+                </div>
+              </div>
+            <!--准备维护信息-->
+              <div class="col-lg-6 offset-lg-3">
+                <div class="card border-warning mb-5">
+                  <div class="card-body">
+                    <h5 class="card-title">系统将于 2019年3月10日 14:09 开始停机维护，持续30分钟。造成不便敬请谅解。</h5>
+                    <p class="card-text">维护内容</p>
+                    <a href="#" class="btn btn-danger">撤销</a>
+                  </div>
+                </div>
+              </div>
+            <!--编辑维护信息-->
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">维护时间</label>
+                  <div class="col-lg-4">
+                     <input class="form-control datepicker-here" type="text" required data-timepicker="true" data-language="zh"> 
+                  </div>
+                  <!--维护时间必须大于或等于当天-->
+                  <div class="col-lg-4">
+                     <input class="form-control datepicker-here is-invalid" type="text" required data-timepicker="true" data-language="zh"> 
+                     <div class="invalid-feedback">
+                      维护日期必须大于或等于1月23日<!--维护时间16:40已经过了-->
+                      </div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">维护时长</label>
+                  <div class="col-lg-4">
+                     <select class="form-control">
+                      <option>15分钟</option>
+                      <option>30分钟</option>
+                      <option>1小时</option>
+                      <option>2小时</option>
+                      <option>永久</option>
+                     </select>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">维护信息</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="选填" required>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">信息显示</label>
+                  <div class="col-lg-4">
+                     <p class="mt-1">待办事项：维护前24小时开始，菜单栏：维护前1小时开始。</p>
+                     
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-4">
+                      <button type="submit" class="btn btn-primary">确认</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+  <script src="js/datepicker/datepicker.min.js"></script>
+  <script src="js/datepicker/datepicker.zh.js"></script>
+</html>

manager.html

@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-user"></i> 后台用户 / 用户列表</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box ">
+            <div class="panel-body mt-3">
+              <form class="form-inline mb-2 d-flex justify-content-end">
+                <div class="mr-2">
+                  <select id="type" class="form-control form-control-sm" name="type">
+                    <option value="">按办事处筛选</option>
+                    <option value="1">总部</option>
+                    <option value="2">广东办</option>
+                    <option value="3">重庆办</option></select>
+                </div>
+                <div class="input-group">
+                  <input class="form-control form-control-sm" placeholder="搜索用户" type="text">
+                  <span class="input-group-btn">
+                    <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
+                  </span>
+                </div>
+              </form>
+              <div>
+                <table class="table table-striped table-bordered table-sm">
+                  <thead>
+                    <tr>
+                      <th>Id</th>
+                      <th>用户名（CLD）</th>
+                      <th>办事处</th>
+                      <th>最后登录时间 <a href="#" data-sort="last_login"><i class="fa fa-sort-amount-desc"></i></a></th>
+                      <th>最近登录IP</th>
+                      <th>用户组</th>
+                      <th class="text-center">操作</th></tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td>1</td>
+                      <td>admin</td>
+                      <td>-</td>
+                      <td>2017-10-17 15:20:00</td>
+                      <td>127.0.0.1</td>
+                      <td>超级管理员</td>
+                      <td class="text-center"></td>
+                    </tr>
+                    <tr>
+                      <td>8</td>
+                      <td>陈特</td>
+                      <td>总部</td>
+                      <td>2017-10-12 15:22:32</td>
+                      <td>127.0.0.1</td>
+                      <td>管理员改</td>
+                      <td class="text-center">
+                        <a class="" href="user-profile.html"><i class="fa fa-pencil"></i></a>
+                      </td>
+                    </tr>
+                    <tr class="table-danger">
+                      <td>9</td>
+                      <td>陈特2</td>
+                      <td>总部</td>
+                      <td>2017-10-12 15:22:32</td>
+                      <td>127.0.0.1</td>
+                      <td>管理员改</td>
+                      <td class="text-center">
+                        <a class="" href="user-profile.html"><i class="fa fa-pencil"></i></a>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>10</td>
+                      <td>陈特3</td>
+                      <td>总部</td>
+                      <td>2017-10-12 15:22:32</td>
+                      <td>127.0.0.1</td>
+                      <td>管理员改</td>
+                      <td class="text-center">
+                        <a class="" href="user-profile.html"><i class="fa fa-pencil"></i></a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+                <nav aria-label="Page navigation example">
+                  <ul class="pagination justify-content-center">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">上一页</a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">下一页</a>
+                    </li>
+                  </ul>
+                </nav>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

news-add.html

@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>添加消息-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-bell"></i> 消息通知 / 添加消息</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">状态</label>
+                  <div class="col-lg-4">
+                      <div class="form-check form-check-inline">
+                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked="">
+                        <label class="form-check-label text-danger" for="inlineRadio1">未发布</label>
+                      </div>
+                      <div class="form-check form-check-inline">
+                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
+                        <label class="form-check-label text-success" for="inlineRadio2">已发布</label>
+                      </div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>标题</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="输入标题" required>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">内容</label>
+                  <div class="col-lg-8">
+                      <textarea class="form-control" rows="10" required></textarea>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-4">
+                      <button type="submit" class="btn btn-primary">确认添加</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

news.html

@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>消息通知-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-bell"></i> 消息通知</h4>
+          <div class="dropdown mt-3">
+            <a class="btn btn-primary btn-sm" href="news-add.html">
+              添加新消息
+            </a>
+          </div>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+              <table class="table table-striped table-bordered table-sm">
+                <tr><th>标题</th><th>发布日期</th><th>状态</th><th width="120">操作</th></tr>
+                <tr><td><a href="#version" data-toggle="modal" data-target="#version">新功能推送通知</a></td><td>2020-01-10</td><td class="text-success">已发布</td><td><a href="#del" data-toggle="modal" class="text-danger">删除</a> <a href="#">编辑</a></td></tr>
+                <tr><td><a href="#version" data-toggle="modal" data-target="#version">新功能推送通知2</a></td><td>2020-01-10</td><td class="text-danger">未发布</td><td><a href="#del" data-toggle="modal" class="text-danger">删除</a> <a href="#">编辑</a></td></tr>
+              </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+<!--预览升级说明-->
+  <div class="modal fade" id="version" data-backdrop="static">
+    <div class="modal-dialog modal-lg" role="document">
+      <div class="modal-content">
+          <div class="modal-header">
+              <h5 class="modal-title">消息预览</h5>
+          </div>
+          <div class="modal-body">
+            <h3>新功能推送通知</h3>
+            <p>内容</p>
+          </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--删除确认-->
+  <div class="modal fade" id="del" data-backdrop="static">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+          <div class="modal-header">
+              <h5 class="modal-title">确认删除</h5>
+          </div>
+          <div class="modal-body">
+            <p>删除消息 新功能推送通知</p>
+          </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
+          <button type="button" class="btn btn-sm btn-danger" >确认删除</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

permission-edit.html

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>计量支付SAAS后台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-cog"></i> 系统管理 / <a href="#">权限列表</a> / 添加权限</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">父级名称</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" type="text" value="权限管理" rea1donly>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">父级控制器</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" type="text" value="permission" rea1donly>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">父级Action</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" type="text" value=" " rea1donly>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>权限类型</label>
+                  <div class="col-lg-6">
+                    <div class="form-check form-check-inline">
+                      <label class="form-check-label">
+                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 菜单 <i class="fa fa-bars"></i>
+                      </label>
+                    </div>
+                    <div class="form-check form-check-inline">
+                      <label class="form-check-label">
+                        <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 功能 <i class="fa fa-paint-brush"></i>
+                      </label>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>权限名称</label>
+                  <div class="col-lg-6">
+                      <input class="form-control" type="text" placeholder="输入用户组的名称" required>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">控制器名称</label>
+                  <div class="col-lg-6">
+                      <input class="form-control" type="text" placeholder="输入页面控制器的名称" required>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">Action名称</label>
+                  <div class="col-lg-6">
+                      <input class="form-control" type="text" placeholder="输入权限页面Action的名称" required>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">图表类名</label>
+                  <div class="col-lg-6">
+                    <!--默认给个值fa-puzzle-piece-->
+                      <input class="form-control" type="text" value="fa-puzzle-piece" placeholder="输入Font Awesome字体图标的类名" required>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-primary">确认添加</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                      <button type="submit" class="btn btn-primary">确认修改</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

permission.html

@@ -0,0 +1,322 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-cog"></i> 系统管理 / 权限管理</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="tree">
+              <div class="tree-folder">
+                  <div class="tree-folder-header">
+                      <div class="tree-item-name">
+                          顶级<i class="fa fa-bars"></i>
+                          <div class="tree-action" style="display: none;">
+                              <a href="/permission/add/0"><span class="fa fa-plus"></span></a>&nbsp;
+                          </div>
+                      </div>
+                  </div>
+                  <div class="tree-folder-content">
+                      <div class="tree-folder">
+                          <div class="tree-folder-header">
+                              <div class="tree-item-name">
+                                  <i class="fa fa-plus icon-only" data-slide="0"></i>
+                                  系统管理（<i class="fa fa-bars"></i>）
+                                  <div class="tree-action" style="display: block;">
+                                      <a href="permission-edit.html"><span class="fa fa-plus"></span></a>&nbsp;
+                                      <a href="permission-edit.html"><span class="fa fa-pencil"></span></a>&nbsp;
+                                  </div>
+                              </div>
+                          </div>
+                          <div class="tree-folder-content child">
+                              <div class="tree-item" style="display: block;">
+                                  <div class="tree-folder-header">
+                                      <div class="tree-item-name">
+                                          <i class="fa fa-plus icon-only" data-slide="0"></i>
+                                          权限管理（<i class="fa fa-bars"></i>）
+                                          <div class="tree-action">
+                                              <a href="/permission/add/12"><span class="fa fa-plus"></span></a>&nbsp;
+                                              <a href="/permission/modify/12"><span class="fa fa-pencil"></span></a>&nbsp;
+                                          </div>
+                                      </div>
+                                  </div>
+                                  <div class="tree-folder-content child">
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  权限列表（<i class="fa fa-bars"></i>）
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/13"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/13"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  新增权限（<i class="fa fa-paint-brush"></i>）
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/14"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/14"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  修改权限（<i class="fa fa-paint-brush"></i>）
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/15"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/15"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  删除权限（<i class="fa fa-paint-brush"></i>）
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/16"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/16"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+                              <div class="tree-item" style="display: block;">
+                                  <div class="tree-folder-header">
+                                      <div class="tree-item-name">
+                                          sql执行（<i class="fa fa-bars"></i>）
+                                          <div class="tree-action">
+                                              <a href="/permission/add/24"><span class="fa fa-plus"></span></a>&nbsp;
+                                              <a href="/permission/modify/24"><span class="fa fa-pencil"></span></a>&nbsp;
+                                              <a href="/permission/delete/24"><span class="fa fa-trash"></span></a>&nbsp;
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+                              <div class="tree-item" style="display: block;">
+                                  <div class="tree-folder-header">
+                                      <div class="tree-item-name">
+                                          <i class="fa fa-plus icon-only" data-slide="0"></i>
+                                          白名单管理（<i class="fa fa-bars"></i>）
+                                          <div class="tree-action">
+                                              <a href="/permission/add/25"><span class="fa fa-plus"></span></a>&nbsp;
+                                              <a href="/permission/modify/25"><span class="fa fa-pencil"></span></a>&nbsp;
+                                          </div>
+                                      </div>
+                                  </div>
+                                  <div class="tree-folder-content child">
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  白名单列表（<i class="fa fa-bars"></i>）
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/26"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/26"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  新增白名单（<i class="fa fa-paint-brush"></i>）
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/27"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/27"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  修改白名单（<i class="fa fa-paint-brush"></i>）
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/28"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/28"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  删除白名单（<i class="fa fa-paint-brush"></i>）
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/29"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/29"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="tree-folder">
+                          <div class="tree-folder-header">
+                              <div class="tree-item-name">
+                                  <i class="fa fa-plus icon-only" data-slide="0"></i>
+                                  用户管理 （<i class="fa fa-bars"></i>）
+                                  <div class="tree-action" style="display: none;">
+                                      <a href="/permission/add/17"><span class="fa fa-plus"></span></a>&nbsp;
+                                      <a href="/permission/modify/17"><span class="fa fa-pencil"></span></a>&nbsp;
+                                  </div>
+                              </div>
+                          </div>
+                          <div class="tree-folder-content child">
+                              <div class="tree-item" style="display: block;">
+                                  <div class="tree-folder-header">
+                                      <div class="tree-item-name">
+                                          管理员列表（<i class="fa fa-bars"></i>）
+                                          <div class="tree-action">
+                                              <a href="/permission/add/19"><span class="fa fa-plus"></span></a>&nbsp;
+                                              <a href="/permission/modify/19"><span class="fa fa-pencil"></span></a>&nbsp;
+                                              <a href="/permission/delete/19"><span class="fa fa-trash"></span></a>&nbsp;
+                                          </div>
+                                      </div>
+                                  </div>
+                              </div>
+                              <div class="tree-item" style="display: block;">
+                                  <div class="tree-folder-header">
+                                      <div class="tree-item-name">
+                                          <i class="fa fa-plus icon-only" data-slide="0"></i>
+                                          用户组管理
+                                          <div class="tree-action">
+                                              <a href="/permission/add/20"><span class="fa fa-plus"></span></a>&nbsp;
+                                              <a href="/permission/modify/20"><span class="fa fa-pencil"></span></a>&nbsp;
+
+                                          </div>
+                                      </div>
+                                  </div>
+
+                                  <div class="tree-folder-content child">
+
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  用户组列表
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/21"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/21"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  新增用户组
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/22"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/22"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+
+                                      <div class="tree-item" style="display: block;">
+                                          <div class="tree-folder-header">
+                                              <div class="tree-item-name">
+                                                  修改用户组
+                                                  <div class="tree-action">
+                                                      <a href="/permission/modify/23"><span class="fa fa-pencil"></span></a>&nbsp;
+                                                      <a href="/permission/delete/23"><span class="fa fa-trash"></span></a>&nbsp;
+                                                  </div>
+                                              </div>
+                                          </div>
+                                      </div>
+
+                                  </div>
+
+                              </div>
+
+                          </div>
+
+                      </div>
+
+                  </div>
+
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

poj-list-add-user.html

@@ -0,0 +1,172 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+        <h4 class="title"><i class="fa fa-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> / 添加账号</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li class="active">
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>登录账号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="输入登录账号，支持中英文">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>登录账号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control is-invalid" type="text" placeholder="输入登录账号，支持中英文">
+                      <div class="invalid-feedback">
+                        该账号已存在。
+                      </div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>登录密码</label>
+                  <div class="col-lg-4">
+                    <div class="input-group">
+                      <input type="text" class="form-control is-invalid" placeholder="密码支持英文数字及符号">
+                      <div class="input-group-append">
+                        <button class="btn btn-outline-secondary" type="button">随机密码</button>
+                      </div>
+                      <div class="invalid-feedback">
+                        修改了登录账号，需要同时为该账号设置新密码。
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>姓名</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="请输入姓名">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>单位名称</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">角色/职位</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">手机</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="11位手机号码">
+                  </div>
+                </div>
+                <!--账号绑定第三方平台无法修改 -->
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">手机</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" value="15865454454" disabled="">
+                      <small class="form-text text-muted">已绑定云计量，无法修改</small>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">电话</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="如000-000000">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">特殊账号</label>
+                  <div class="col-6">
+                    <div class="mt-2 text-danger">
+                      已于云计量绑定，无法创建管理员
+                    </div>
+                    <div class="mt-2 ml-3">
+                      <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                      <label class="form-check-label" for="exampleCheck1">设为 <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="管理员"><i class="fa fa-user-circle-o"></i></span> 管理员</label>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-primary">确认添加</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

poj-list-add.html

@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+        <h4 class="title"><i class="fa fa-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> / 添加项目</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li class="active">
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>项目编号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" value="">
+                      <div class="text-danger pl-3"><i class="fa fa-exclamation-triangle "></i>与云计量对接，请填写云计量对应的项目编号。</div>
+                      <div class="text-danger pl-3">项目编号不存在</div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>项目名称</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="输入项目名称" required>
+                      <div class="text-danger pl-3">项目名称无需与云计量一致。</div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 text-right"><b class="text-danger">*</b>销售负责人</label>
+                  <div class="col-lg-6 row">
+                    <div class=" col-lg-4">
+                      <select class="form-control"><option>请选择办事处</option></select>
+                    </div>
+                      <div class=" col-lg-4">
+                      <select class="form-control"><option>张三</option></select>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">备注</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="">
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-4">
+                      <button type="submit" class="btn btn-primary">确认添加</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--弹出删除-->
+  <div class="modal" tabindex="-1" role="dialog" id="add-unpass">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">无法添加账号</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body">
+        <p>账号已超过最大账号数，无法添加新账号。</p>
+        <p>当前限制账号总数：<b>36</b></p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

poj-list-detail.html

@@ -0,0 +1,302 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> / XXX公路</h4>
+          
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li class="active">
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box ">
+            <div class="panel-body ">
+              <h4 class="mb-3"><span class="badge badge-success">正常</span> XXX公路</h4>
+              <nav class="nav nav-tabs mb-3" role="tablist">
+                <a class="nav-item nav-link active" data-toggle="tab" href="#info" role="tab">项目信息</a>
+                <a class="nav-item nav-link" data-toggle="tab" href="#account" role="tab">项目账号</a>
+                <a class="nav-item nav-link" data-toggle="tab" href="#biaoduan" role="tab">项目标段</a>
+                <a class="nav-item nav-link" data-toggle="tab" href="#share" role="tab">办事处共享</a>
+                <a class="nav-item nav-link" data-toggle="tab" href="#page" role="tab">功能设置</a>
+              </nav>
+              <div class="tab-content">
+                <!--项目信息-->
+                <div class="tab-pane active" id="info" role="tabpanel">
+                  <form>
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right">状态 <a href="#"><i class="fa fa-question-circle"></i></a></label>
+                      <div class="col-lg-6">
+                          <div class="form-check form-check-inline">
+                            <label class="form-check-label">
+                              <input class="form-check-input" type="radio" name="inlineRadioOptions"> <span class="badge  badge-success">正常</span>
+                            </label>
+                          </div>
+                          <div class="form-check form-check-inline">
+                            <label class="form-check-label">
+                              <input class="form-check-input" type="radio" name="inlineRadioOptions"> <span class="badge  badge-danger">停用</span>
+                            </label>
+                          </div>
+                      </div>
+                    </div>
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right">创建者</label>
+                      <div class="col-lg-6">
+                          <input class="form-control" type="text" value="总部-陈特" readonly>
+                      </div>
+                    </div>
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right">项目编号</label>
+                      <div class="col-lg-6">
+                          <input class="form-control" type="text" value="170002" readonly>
+                      </div>
+                    </div>
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>项目名称</label>
+                      <div class="col-lg-6">
+                          <input class="form-control" type="text" value="XXX公路" required>
+                      </div>
+                    </div>
+                    <div class="form-group row">
+                      <label class="col-sm-2 text-right"><b class="text-danger">*</b>所在办事处</label>
+                      <div class="col-lg-6 row">
+                        <div class=" col-lg-6">
+                          <select class="form-control"><option>请选择办事处</option></select>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="form-group row">
+                      <label class="col-sm-2 text-right"><b class="text-danger">*</b>销售负责人</label>
+                      <div class="col-lg-6 row">
+                        <div class=" col-lg-6">
+                          <select class="form-control"><option>请选择办事处</option></select>
+                        </div>
+                        <div class=" col-lg-6">
+                          <select class="form-control"><option>张三</option></select>
+                        </div>
+                        <div class="form-text text-muted pl-3">「项目信息」下会显示该负责人联系方式</div>
+                      </div>
+                    </div>
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right">备注</label>
+                      <div class="col-lg-6">
+                          <input class="form-control" type="text" placeholder="">
+                      </div>
+                    </div>
+                    <div class="form-group row" >
+                      <label class="col-sm-2 col-form-label"></label>
+                      <div class="col-lg-6">
+                          <button type="submit" class="btn btn-primary">确认修改</button>
+                          <button type="submit" class="btn btn-secondary">返回</button>
+                      </div>
+                    </div>
+                  </form>
+                </div>
+                <!--项目账号-->
+                <div class="tab-pane" id="account" role="tabpanel">
+                  <div class="form-inline mb-2 d-flex justify-content-end">
+                    <div class="input-group ml-2">
+                      <input class="form-control form-control-sm" placeholder="姓名" type="text">
+                      <span class="input-group-btn">
+                        <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
+                      </span>
+                    </div>
+                    <div class="ml-2">
+                      <a class="btn btn-primary btn-sm" href="poj-list-add-user.html">添加账号</a>
+                    </div>
+                  </div>
+                  <table class="table table-striped table-bordered table-sm">
+                    <thead>
+                      <tr>
+                        <th>账号</th>
+                        <th>姓名</th>
+                        <th>单位</th>
+                        <th>角色/职位</th>
+                        <th>最后登录时间</th>
+                        <th width="300">手机</th>
+                        <th>电话</th>
+                        <th>认证手机</th>
+                        <th class="text-center">操作</th></tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td><span data-toggle="tooltip" data-placement="bottom" title="管理员"><i class="fa fa-user-circle-o"></i></span> chente </td>
+                        <td>陈特</td>
+                        <td>珠海纵横创新软件有限公司</td>
+                        <td>产品经理</td>
+                        <td>2017-05-03 11:10:02</td>
+                        <td>15812644016（已绑定云计量）</td>
+                        <td>0765-3850891</td>
+                        <td></td>
+                        <td><a href="poj-list-edit-user.html" class="btn btn-outline-primary btn-sm">编辑</a>
+                          <a href="#" class="btn btn-outline-danger btn-sm">停用</a></td>
+                      </tr>
+                      <tr class="text-danger">
+                        <td>buer2</td>
+                        <td>开发员</td>
+                        <td>珠海纵横创新软件有限公司</td>
+                        <td>产品经理</td>
+                        <td>2017-05-03 11:10:02</td>
+                        <td>15812644016</td>
+                        <td>0765-3850891</td>
+                        <td></td>
+                        <td><a href="poj-list-edit-user.html" class="btn btn-outline-primary btn-sm">编辑</a>
+                          <a href="#" class="btn btn-outline-success btn-sm">启用</a></td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <!--项目标段-->
+                <div class="tab-pane" id="biaoduan" role="tabpanel">
+                  <table class="table table-striped table-bordered table-sm">
+                    <thead><tr><th>标段名称</th><th>创建时间</th><th>创建人</th></tr></thead>
+                    <tr><td>WWUJ-1</td><td>2017-12-1</td><td>张三</td></tr>
+                    <tr><td>WWUJ-2</td><td>2017-12-1</td><td>王五</td></tr>
+                    <tr><td>WWUJ-3</td><td>2017-12-1</td><td>张三</td></tr>
+                  </table>
+                </div>
+                <!--办事处共享-->
+                <div class="tab-pane" id="share" role="tabpanel">
+                  <div class="col-12">
+                   <p class="alert alert-danger">共享后，该办事处所有同事按照对应权限可管理项目</p>
+                  </div>
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right">添加办事处</label>
+                      <div class="col-lg-4">
+                          <!--总部固定-->
+                          <div class="form-check form-check-inline mt-2">
+                            <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked="" disabled>
+                            <label class="form-check-label" for="inlineCheckbox1">总部</label>
+                          </div>
+                          <!--销售负责人办事处 固定-->
+                          <div class="form-check form-check-inline mt-2">
+                            <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1" checked="" disabled>
+                            <label class="form-check-label" for="inlineCheckbox1">广东办</label>
+                          </div>
+                          <div class="form-check form-check-inline">
+                            <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
+                            <label class="form-check-label" for="inlineCheckbox2">广西办</label>
+                          </div>
+                          <div class="form-check form-check-inline">
+                            <input class="form-check-input" type="checkbox" id="inlineCheckbox3" value="option3">
+                            <label class="form-check-label" for="inlineCheckbox3">。。。。</label>
+                          </div>
+                      </div>
+                    </div>
+                    <div class="form-group row" >
+                      <label class="col-sm-2 col-form-label"></label>
+                      <div class="col-lg-6">
+                          <button type="submit" class="btn btn-primary">确认修改</button>
+                      </div>
+                    </div>
+                </div>
+                <!--页面显示-->
+                <div class="tab-pane" id="page" role="tabpanel">
+                  <!--部位台帐-->
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right"></label>
+                      <div class="col-lg-5">
+                          <div class="form-check form-check-inline">
+                            <input class="form-check-input" type="checkbox" id="inlineCheckbo5" value="option2">
+                            <label class="form-check-label" for="inlineCheckbo5">开启「合同管理」</label>
+                          </div>
+                      </div>
+                    </div>
+                  <!--导出-->
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right"></label>
+                      <div class="col-lg-5">
+                          <div class="form-check form-check-inline">
+                            <input class="form-check-input" type="checkbox" id="inlineCheckbo6" value="option2">
+                            <label class="form-check-label" for="inlineCheckbo6">开启「质量巡检F」</label>
+                          </div>
+                      </div>
+                    </div>
+                    <div class="form-group row">
+                      <label class="col-sm-2 col-form-label text-right"></label>
+                      <div class="col-lg-5">
+                          <div class="form-check form-check-inline">
+                            <input class="form-check-input" type="checkbox" id="inlineCheckbo7" value="option2">
+                            <label class="form-check-label" for="inlineCheckbo7">开启「安全巡检」</label>
+                          </div>
+                      </div>
+                    </div>
+                    <div class="form-group row" >
+                      <label class="col-sm-2 col-form-label"></label>
+                      <div class="col-lg-6">
+                          <button type="submit" class="btn btn-primary">确认修改</button>
+                      </div>
+                    </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

poj-list-edit-user-account.html

@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+        <h4 class="title"><i class="fa fa-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> /编辑账号</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li class="active">
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="alert alert-warning"> 修改登录账号，需要同时为该账号设置新密码。</div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">登录账号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" value="张三">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>登录密码</label>
+                  <div class="col-lg-4">
+                    <div class="input-group">
+                      <input type="text" class="form-control" placeholder="密码支持英文数字及符号">
+                      <div class="input-group-append">
+                        <button class="btn btn-outline-secondary" type="button">随机密码</button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-primary">确认修改</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+
+              <div class="alert alert-success">修改成功</div>
+              <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">登录账号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control form-control-plaintext" type="text" value="张三" readonly="">
+                  </div>
+              </div>
+              <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">登录密码</label>
+                  <div class="col-lg-4">
+                      <input class="form-control form-control-plaintext" type="text" value="password123" readonly="">
+                  </div>
+              </div>
+              <div class="form-group row" >
+                <label class="col-sm-2 col-form-label"></label>
+                <div class="col-lg-6">
+                    <button type="submit" class="btn btn-secondary">返回</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

poj-list-edit-user-password.html

@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+        <h4 class="title"><i class="fa fa-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> /编辑账号</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li class="active">
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">登录账号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" value="张三" readonly="">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>登录密码</label>
+                  <div class="col-lg-4">
+                    <div class="input-group">
+                      <input type="text" class="form-control" placeholder="密码支持英文数字及符号">
+                      <div class="input-group-append">
+                        <button class="btn btn-outline-secondary" type="button">随机密码</button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-primary">确认修改</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+
+              <div class="alert alert-success">修改成功</div>
+              <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">登录账号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control form-control-plaintext" type="text" value="张三" readonly="">
+                  </div>
+              </div>
+              <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">登录密码</label>
+                  <div class="col-lg-4">
+                      <input class="form-control form-control-plaintext" type="text" value="password123" readonly="">
+                  </div>
+              </div>
+              <div class="form-group row" >
+                <label class="col-sm-2 col-form-label"></label>
+                <div class="col-lg-6">
+                    <button type="submit" class="btn btn-secondary">返回</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

poj-list-edit-user-password2.html

@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+        <h4 class="title"><i class="fa fa-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> /编辑账号</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li class="active">
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">登录账号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" value="张三" readonly="">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>副密码</label>
+                  <div class="col-lg-4">
+                    <div class="input-group">
+                      <input type="text" class="form-control is-invalid" placeholder="英语数字组合至少6位">
+                      <div class="input-group-append">
+                        <button class="btn btn-outline-secondary" type="button">随机密码</button>
+                      </div>
+                      <div class="invalid-feedback">
+                        副密码必须由英文和数字组合，至少6位
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-primary">确认修改</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+
+              <div class="alert alert-success">修改成功</div>
+              <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">登录账号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control form-control-plaintext" type="text" value="张三" readonly="">
+                  </div>
+              </div>
+              <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">副密码</label>
+                  <div class="col-lg-4">
+                      <input class="form-control form-control-plaintext" type="text" value="password123" readonly="">
+                  </div>
+              </div>
+              <div class="form-group row" >
+                <label class="col-sm-2 col-form-label"></label>
+                <div class="col-lg-6">
+                    <button type="submit" class="btn btn-secondary">返回</button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

poj-list-edit-user.html

@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+        <h4 class="title"><i class="fa fa-users"></i> 客户管理 / <a href="poj-list.html">项目版客户</a> /编辑账号</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li class="active">
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>账号组</label>
+                  <div class="col-lg-4">
+                      <select class="form-control">
+                        <option>建设单位</option>
+                        <option>监理单位</option>
+                        <option>施工单位</option>
+                        <option>设计单位</option>
+                      </select>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">登录账号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" value="张三" readonly="">
+                      <p class="m-0 mt-1"><a class="btn btn-sm btn-outline-primary" href="poj-list-edit-user-account.html">修改账号</a><a class="btn btn-sm btn-outline-primary ml-2" href="poj-list-edit-user-password.html">重置密码</a><a class="btn btn-sm btn-outline-primary ml-2" href="poj-list-edit-user-password2.html">副密码</a></p>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>姓名</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="请输入姓名" value="张三">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>单位名称</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="" value="XXXX公司">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">角色/职位</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">手机</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="11位手机号码">
+                  </div>
+                </div>
+                <!--账号绑定第三方平台无法修改 -->
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">手机</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" value="15865454454" disabled="">
+                      <small class="form-text text-muted">已绑定第三方平台，无法修改</small>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">电话</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="如000-000000">
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">特殊账号</label>
+                  <div class="col-6">
+                    <div class="mt-2 text-danger">
+                      一个项目下，只有1位管理员和1位巡查员，他们不能为同一个账号。
+                    </div>
+                    <div class="mt-2 ml-3">
+                      <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                      <label class="form-check-label" for="exampleCheck1">设为 <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="管理员"><i class="fa fa-user-circle-o"></i></span> 管理员</label>
+                    </div>
+                    <div class="mt-2 ml-3">
+                      <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                      <label class="form-check-label" for="exampleCheck1">设为 <span data-toggle="tooltip" data-placement="bottom" title="" data-original-title="巡查员"><i class="fa fa-user-secret"></i></span> 巡查员</label>
+                      <small id="emailHelp" class="form-text text-muted">巡查员不会出现在项目后台账号列表，仅有「查看所有标段权限」</small>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-primary">确认修改</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

poj-list.html

@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>项目-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化后台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-users"></i> 客户管理 / 项目</h4>
+          <div class="dropdown mt-3">
+            <a class="btn btn-primary btn-sm" href="poj-list-add.html">
+              新增项目
+            </a>
+          </div>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li class="active">
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box ">
+            <div class="panel-body mt-3">
+              <form class="form-inline mb-2 d-flex justify-content-end">
+                <div class="mr-2">
+                  <select id="type" class="form-control form-control-sm" name="type">
+                    <option value="">按办事处筛选</option>
+                    <option value="1">总部</option>
+                    <option value="2">广东办</option>
+                    <option value="3">重庆办</option></select>
+                </div>
+                <div class="input-group">
+                  <input class="form-control form-control-sm" placeholder="项目名称/项目编号" type="text">
+                  <span class="input-group-btn">
+                    <button class="btn btn-secondary btn-sm" type="button"><i class="fa fa-search" aria-hidden="true"></i></button>
+                  </span>
+                </div>
+              </form>
+              <div>
+                <table class="table table-striped table-bordered table-sm">
+                  <thead>
+                    <tr>
+                      <th width="100">项目编号</th>
+                      <th>项目名称</th>
+                      <th width="100">办事处</th>
+                      <th width="100">负责人</th>
+                      <th width="200">创建时间 <a href="#" data-sort="last_login"><i class="fa fa-sort-amount-desc"></i></a></th>
+                      <th>状态</th>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td>170001</td>
+                      <td><a href="poj-list-detail.html">XXX公路（点我）</a></td>
+                      <td>广东办</td>
+                      <td>张三</td>
+                      <td>2017-10-17 15:20:00</td>
+                      <th class="text-success" width="100">正常</th>
+                    </tr>
+                    <tr>
+                      <td>170002</td>
+                      <td><a href="#">YYY公路</a></td>
+                      <td>广东办</td>
+                      <td>张三</td>
+                      <td>2017-10-17 15:20:00</td>
+                      <th class="text-warning" width="100">试用</th>
+                    </tr>
+                    <tr>
+                      <td>170003</td>
+                      <td><a href="#">ZZZ公路</a></td>
+                      <td>广东办</td>
+                      <td>张三</td>
+                      <td>2017-10-17 15:20:00</td>
+                      <th class="text-danger" width="100">停用</th>
+                    </tr>
+                  </tbody>
+                </table>
+                <nav aria-label="Page navigation example">
+                  <ul class="pagination justify-content-center">
+                    <li class="page-item disabled">
+                      <a class="page-link" href="#" tabindex="-1">上一页</a>
+                    </li>
+                    <li class="page-item"><a class="page-link" href="#">1</a></li>
+                    <li class="page-item"><a class="page-link" href="#">2</a></li>
+                    <li class="page-item"><a class="page-link" href="#">3</a></li>
+                    <li class="page-item">
+                      <a class="page-link" href="#">下一页</a>
+                    </li>
+                  </ul>
+                </nav>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

system-option.html

@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-cog"></i> 系统管理 / 系统设置</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="form-group row">
+              <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>系统名称</label>
+              <div class="col-lg-6">
+                  <input class="form-control" type="text" value="纵横云计量" required="">
+              </div>
+            </div>
+            <div class="form-group row">
+              <label class="col-sm-2 col-form-label text-right">系统副标题</label>
+              <div class="col-lg-6">
+                  <input class="form-control" type="text" value="这是副标题" required="">
+              </div>
+            </div>
+            <div class="form-group row">
+              <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>系统LOGO</label>
+              <div class="col-lg-6">
+                  <input class="form-control" type="file" >
+              </div>
+            </div>
+            <div class="form-group row">
+              <label class="col-sm-2 col-form-label text-right"></label>
+              <div class="col-lg-6">
+                  <img src="img/logo.png">
+              </div>
+            </div>
+            <div class="form-group row">
+              <label class="col-sm-2 col-form-label"></label>
+              <div class="col-lg-6">
+                  <button type="submit" class="btn btn-primary">确认修改</button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

user-profile.html

@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-user"></i> 后台用户 / <a href="#">用户列表</a> / 用户信息</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <!--管理员信息-->
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">用户名</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" value="超级管理员" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">旧密码</label>
+                  <div class="col-lg-6">
+                      <input class="form-control" placeholder="输入旧密码" type="password">
+                      <div class="invalid-feedback"></div>
+                  </div>
+                </div>
+                <!--旧密码输入错误-->
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">旧密码</label>
+                  <div class="col-lg-6">
+                      <input class="form-control is-invalid" placeholder="输入旧密码" type="password">
+                      <div class="invalid-feedback">密码错误</div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">新密码</label>
+                  <div class="col-lg-6">
+                      <input class="form-control" placeholder="输入新密码" type="password">
+                      <div class="invalid-feedback"></div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">确认新密码</label>
+                  <div class="col-lg-6">
+                      <input class="form-control is-invalid" placeholder="再次输入新密码" type="password">
+                      <div class="invalid-feedback">两次密码不一致</div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-primary">确认修改</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+                <!--管理员查看用户信息-->
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">用户名（CLD）</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" value="陈特" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">手机</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" value="15812644017" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">电话</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" value="0756-3850891" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">邮箱</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" value="914630468@qq.com" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">QQ</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" value="914630468" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">办事处</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" value="总部" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">职位</label>
+                  <div class="col-lg-6">
+                      <input class="form-control-plaintext" value="产品经理" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">登录使用</label>
+                  <div class="col-lg-6">
+                    <div class="btn-group">
+    									<button class="btn btn-success btn-sm  disabled" disabled="disabled">已开启</button>
+    									<button class="btn btn-outline-danger btn-sm" title="关闭登录使用">禁止</button>
+    								</div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">登录使用</label>
+                  <div class="col-lg-6">
+                    <div class="btn-group" role="group" aria-label="Basic example">
+                      <button class="btn btn-outline-success btn-sm" title="开启登录使用">开启</button>
+    									<button class="btn btn-danger btn-sm disabled" disabled="disabled">已禁止</button>
+                    </div>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+                <!--用户登录查看自己信息-->
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">用户名（CLD）</label>
+                  <div class="col-lg-6">
+                      <input id="name" class="form-control-plaintext" value="陈特" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">手机</label>
+                  <div class="col-lg-6">
+                      <input id="name" class="form-control-plaintext" value="15812644017" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">电话</label>
+                  <div class="col-lg-6">
+                      <input id="name" class="form-control-plaintext" value="0756-3850891" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">邮箱</label>
+                  <div class="col-lg-6">
+                      <input id="name" class="form-control-plaintext" value="914630468@qq.com" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">QQ</label>
+                  <div class="col-lg-6">
+                      <input id="name" class="form-control-plaintext" value="914630468" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">办事处</label>
+                  <div class="col-lg-6">
+                      <input id="name" class="form-control-plaintext" value="总部" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label text-right">职位</label>
+                  <div class="col-lg-6">
+                      <input id="name" class="form-control-plaintext" value="产品经理" type="text" readonly>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-6">
+                      <a href="" class="btn btn-primary">修改密码（CLD）</a>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

version-add.html

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>后台登录-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-bell"></i> 升级说明 / 添加版本</h4>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+            <div class="panel-body mt-3">
+              <form>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right"><b class="text-danger">*</b>版本号</label>
+                  <div class="col-lg-4">
+                      <input class="form-control" type="text" placeholder="输入版本号" required>
+                  </div>
+                </div>
+                <div class="form-group row">
+                  <label class="col-sm-2 col-form-label text-right">内容</label>
+                  <div class="col-lg-8">
+                      <textarea class="form-control" rows="10" required></textarea>
+                  </div>
+                </div>
+                <div class="form-group row" >
+                  <label class="col-sm-2 col-form-label"></label>
+                  <div class="col-lg-4">
+                      <button type="submit" class="btn btn-primary">确认添加</button>
+                      <button type="submit" class="btn btn-secondary">返回</button>
+                  </div>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>

version-update.html

@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>升级说明-信息化平台</title>
+  <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="css/main.css">
+  <link rel="stylesheet" href="css/font-awesome/font-awesome.min.css">
+</head>
+<body>
+  <div class="wrapper">
+    <div class="top-bar">
+      <div class="logo">
+          <a>信息化平台</a>
+      </div>
+      <div class="nav d-flex justify-content-between">
+          <h4 class="title"><i class="fa fa-bell"></i> 升级说明</h4>
+          <div class="dropdown mt-3">
+            <a class="btn btn-primary btn-sm" href="version-add.html">
+              添加新版本
+            </a>
+          </div>
+      </div>
+    </div>
+    <div class="aside">
+      <div class="user-info">
+        <div class="user-img"><img src="img/avatar-1.jpg"></div>
+        <h5>admin</h5>
+        <ul class="min-menu">
+          <li><a href="user-profile.html"><i class="fa fa-cog"></i></a></li>
+          <li><a href="login.html"><i class="fa fa-power-off"></i></a></li>
+        </ul>
+      </div>
+      <div class="menu" id="menu">
+        <li>
+          <a href="poj-list.html">
+            <i class="fa fa-users"></i>项目</i>
+          </a>
+        </li>
+        <li class="active">
+          <a href="javascript:void(0);">
+            <i class="fa fa-bell"></i>通知管理<i class="fa fa-angle-down menu-arrow"></i></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="version-update.html">升级说明</a></li>
+          </ul>
+          <ul class="sub-menu">
+            <li><a href="news.html">消息通知</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-cog"></i>系统管理<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="permission.html">权限管理</a></li>
+            <li><a href="system-option.html">系统设置</a></li>
+          </ul>
+        </li>
+        <li>
+          <a href="javascript:void(0);">
+            <i class="fa fa-user"></i>后台用户<i class="fa fa-angle-down menu-arrow"></i>
+          </a>
+          <ul class="sub-menu">
+            <li><a href="manager.html">用户列表</a></li>
+            <li><a href="group.html">权限组</a></li>
+          </ul>
+        </li>
+      </div>
+    </div>
+    <div class="content-page container-fluid">
+      <div class="row">
+        <div class="col-lg-12">
+          <div class="card-box">
+              <table class="table table-striped table-bordered table-sm">
+                <tr><th>版本号</th><th>发布日期</th><th width="120">操作</th></tr>
+                <tr><td><a href="#version" data-toggle="modal" data-target="#version">v1.2.0</a></td><td>2020-01-10</td><td><a href="#del" data-toggle="modal" class="text-danger">删除</a> <a href="#">编辑</a></td></tr>
+              </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+<!--预览升级说明-->
+  <div class="modal fade" id="version" data-backdrop="static">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+          <div class="modal-header">
+              <h5 class="modal-title">v1.2.0</h5>
+          </div>
+          <div class="modal-body">
+            <p>2020-01-02</p>
+            <p>版本内容</p>
+          </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--删除确认-->
+  <div class="modal fade" id="del" data-backdrop="static">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+          <div class="modal-header">
+              <h5 class="modal-title">确认删除</h5>
+          </div>
+          <div class="modal-body">
+            <p>删除版本v2.2.0</p>
+          </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
+          <button type="button" class="btn btn-sm btn-danger" >确认删除</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+<script src="js/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
+<script src="js/popper/popper.min.js" type="text/javascript"></script>
+<script src="js/bootstrap/bootstrap.min.js" type="text/javascript"></script>
+<script src="js/main.js" type="text/javascript"></script>
+</html>