zizhong.wang лет назад: 3
Родитель
Сommit
9a0ebf3f1a
4 измененных файлов с 131 добавлено и 58 удалено
  1. 8 0
      assets/css/app.css
  2. 6 0
      assets/img/self/header-icon.svg
  3. 116 56
      index.html
  4. 1 2
      login.html

+ 8 - 0
assets/css/app.css

@@ -1967,4 +1967,12 @@ ul.tpl-dropdown-content li>a.tpl-dropdown-content-message:last-child {
     .tpl-content-wrapper {
         padding-left: 0;
     }
+}
+
+.diplay-flex-start {
+	display: flex;
+	align-items: center;
+}
+.margin-left-20 {
+	margin-left: 20px;
 }

+ 6 - 0
assets/img/self/header-icon.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="13px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -39 -21 )">
+    <path d="M 0.120997305836397 16  L 0.120997305836397 0.00534671052631674  L 12.9992107996324 6.40356447368421  L 12.9992107996324 16  L 0.120997305836397 16  Z " fill-rule="nonzero" fill="#386bf3" stroke="none" transform="matrix(1 0 0 1 39 21 )" />
+  </g>
+</svg>

+ 116 - 56
index.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <title>大气响应式CMS手机电脑后台管理系统网站模板全套下载_在线演示_响应式网站模板_前端模板_js代码</title>
+    <title>西咸新区-绿建能耗监测平台</title>
     <meta name="keywords" content="大气,响应式,CMS,手机电脑,后台管理,管理系统,网站模板,全套下载" />
     <meta name="description" content="大气响应式CMS手机电脑后台管理系统网站模板全套下载。" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -18,15 +18,23 @@
     <link rel="stylesheet" href="assets/css/app.css">
     <script src="assets/js/echarts.min.js"></script>
 </head>
-
+<style>
+   .header-title-class {
+	   color: #5a8dbb;
+	   font-weight: bold;
+	   font-size: 20px;
+   }
+
+</style>
 <body data-type="index">
 
 
     <header class="am-topbar am-topbar-inverse admin-header">
-        <div class="am-topbar-brand">
-            <a href="javascript:;" class="tpl-logo">
-                <img src="assets/img/logo.png" alt="">
+        <div class="am-topbar-brand diplay-flex-start">
+            <a href="javascript:;" class="tpl-logo" style="width: 35px;">
+                <img src="assets/img/self/header-icon.svg" alt="">
             </a>
+			<div class="margin-left-20"><span class="header-title-class">西咸新区</span>-绿建能耗监测平台</div>
         </div>
         <div class="am-icon-list tpl-header-nav-hover-ico am-fl am-margin-right">
 
@@ -145,105 +153,157 @@
         </div>
     </header>
 
-
-
-
-
-
-
     <div class="tpl-page-container tpl-page-header-fixed">
 
-
-        <div class="tpl-left-nav tpl-left-nav-hover">
+    <div class="tpl-left-nav tpl-left-nav-hover">
             <div class="tpl-left-nav-title">
-                Amaze UI 列表
+                Administrator 管理菜单
             </div>
             <div class="tpl-left-nav-list">
                 <ul class="tpl-left-nav-menu">
                     <li class="tpl-left-nav-item">
                         <a href="index.html" class="nav-link active">
                             <i class="am-icon-home"></i>
-                            <span>首页</span>
+                            <span>能耗总览</span>
                         </a>
                     </li>
                     <li class="tpl-left-nav-item">
-                        <a href="chart.html" class="nav-link tpl-left-nav-link-list">
+                        <a href="javascript:;" class="nav-link tpl-left-nav-link-list">
                             <i class="am-icon-bar-chart"></i>
-                            <span>数据表</span>
-                            <i class="tpl-left-nav-content tpl-badge-danger">
-               12
-             </i>
+                            <span>数据中心</span>
+							<i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
+                            <!-- <i class="tpl-left-nav-content tpl-badge-danger">12</i> -->
                         </a>
+						<ul class="tpl-left-nav-sub-menu">
+						    <li>
+						        <a href="table-font-list.html">
+						            <i class="am-icon-angle-right"></i>
+						            <span>数据综合分析</span>
+						            <i class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right"></i>
+						        </a>
+								<a href="form-news-list.html">
+									<i class="am-icon-angle-right"></i>
+									<span>项目单位能耗排名</span>
+								</a>
+								<a href="form-news-list.html">
+									<i class="am-icon-angle-right"></i>
+									<span>快捷报表</span>
+								</a>
+						    </li>
+						</ul>
                     </li>
-
                     <li class="tpl-left-nav-item">
                         <a href="javascript:;" class="nav-link tpl-left-nav-link-list">
                             <i class="am-icon-table"></i>
-                            <span>表格</span>
+                            <span>项目管理</span>
                             <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
                         </a>
                         <ul class="tpl-left-nav-sub-menu">
                             <li>
                                 <a href="table-font-list.html">
                                     <i class="am-icon-angle-right"></i>
-                                    <span>文字表格</span>
+                                    <span>项目地图</span>
                                     <i class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right"></i>
                                 </a>
-
-                                <a href="table-images-list.html">
-                                    <i class="am-icon-angle-right"></i>
-                                    <span>图片表格</span>
-                                    <i class="tpl-left-nav-content tpl-badge-success">
-               18
-             </i>
-
-                                    <a href="form-news.html">
-                                        <i class="am-icon-angle-right"></i>
-                                        <span>消息列表</span>
-                                        <i class="tpl-left-nav-content tpl-badge-primary">
-               5
-             </i>
-
-
-                                        <a href="form-news-list.html">
-                                            <i class="am-icon-angle-right"></i>
-                                            <span>文字列表</span>
-
-                                        </a>
+								<a href="form-news-list.html">
+									<i class="am-icon-angle-right"></i>
+									<span>项目列表</span>
+								</a>
                             </li>
                         </ul>
                     </li>
-
                     <li class="tpl-left-nav-item">
                         <a href="javascript:;" class="nav-link tpl-left-nav-link-list">
                             <i class="am-icon-wpforms"></i>
-                            <span>表单</span>
-                            <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i>
+                            <span>接入管理</span>
+                            <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
                         </a>
-                        <ul class="tpl-left-nav-sub-menu" style="display: block;">
+                        <ul class="tpl-left-nav-sub-menu">
                             <li>
                                 <a href="form-amazeui.html">
                                     <i class="am-icon-angle-right"></i>
-                                    <span>Amaze UI 表单</span>
+                                    <span>接入设备管理</span>
                                     <i class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right"></i>
                                 </a>
 
                                 <a href="form-line.html">
                                     <i class="am-icon-angle-right"></i>
-                                    <span>线条表单</span>
+                                    <span>接入系统管理</span>
                                 </a>
+								
+								<a href="form-line.html">
+								    <i class="am-icon-angle-right"></i>
+								    <span>新项目接入审核</span>
+								</a>
+								
+								<a href="form-line.html">
+								    <i class="am-icon-angle-right"></i>
+								    <span>接入证明</span>
+								</a>
                             </li>
                         </ul>
                     </li>
-
+					<li class="tpl-left-nav-item">
+					    <a href="javascript:;" class="nav-link tpl-left-nav-link-list">
+					        <i class="am-icon-wpforms"></i>
+					        <span>报警管理</span>
+					        <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
+					    </a>
+					    <ul class="tpl-left-nav-sub-menu">
+					        <li>
+					            <a href="form-amazeui.html">
+					                <i class="am-icon-angle-right"></i>
+					                <span>通讯数据异常报警</span>
+					                <i class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right"></i>
+					            </a>
+					
+					            <a href="form-line.html">
+					                <i class="am-icon-angle-right"></i>
+					                <span>超标项目报警</span>
+					            </a>
+								
+								<a href="form-line.html">
+								    <i class="am-icon-angle-right"></i>
+								    <span>定额审计</span>
+								</a>
+					        </li>
+					    </ul>
+					</li>
                     <li class="tpl-left-nav-item">
                         <a href="login.html" class="nav-link tpl-left-nav-link-list">
                             <i class="am-icon-key"></i>
-                            <span>登录</span>
-
+                            <span>碳排放</span>
                         </a>
                     </li>
-                </ul>
+                    <li class="tpl-left-nav-item">
+                        <a href="javascript:;" class="nav-link tpl-left-nav-link-list">
+                            <i class="am-icon-wpforms"></i>
+                            <span>系统设置</span>
+                            <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
+                        </a>
+                        <ul class="tpl-left-nav-sub-menu">
+                            <li>
+                                <a href="form-amazeui.html">
+                                    <i class="am-icon-angle-right"></i>
+                                    <span>数据字典维护</span>
+                                    <i class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right"></i>
+                                </a>
+                                <a href="form-line.html">
+                                    <i class="am-icon-angle-right"></i>
+                                    <span>系统日志</span>
+                                </a>
+                    			<a href="form-line.html">
+                    			    <i class="am-icon-angle-right"></i>
+                    			    <span>操作角色及权限</span>
+                    			</a>
+								<a href="form-line.html">
+								    <i class="am-icon-angle-right"></i>
+								    <span>操作员管理</span>
+								</a>
+                            </li>
+                        </ul>
+                    </li>
+				</ul>
             </div>
         </div>
 
@@ -252,9 +312,9 @@
 
 
         <div class="tpl-content-wrapper">
-            <div class="tpl-content-page-title">
+        <!--    <div class="tpl-content-page-title">
                 Amaze UI 首页组件
-            </div>
+            </div> -->
             <ol class="am-breadcrumb">
                 <li><a href="#" class="am-icon-home">首页</a></li>
                 <li><a href="#">分类</a></li>

+ 1 - 2
login.html

@@ -69,7 +69,7 @@
 						<i class="am-icon-lock input-icon-class"></i>
 						<input type="password" class="login-input-class" id="doc-ipt-pwd-1" placeholder="设置个密码吧">
 					</div>
-					<p class="margin-top10"><button class="am-btn am-btn-default" style="background-color: #1188ff;" id="loginBtn">立即登录</button></p>
+					<p class="margin-top10"><button type="button" class="am-btn am-btn-default" style="background-color: #1188ff;" id="loginBtn">立即登录</button></p>
 				</fieldset>
 			</form>
 		</div>
@@ -88,7 +88,6 @@
   <script>
      $('#loginBtn').click(function(){
 		 window.location.href = './index.html'
-		 alert('success')
 	 })
   </script>