0419

src/main/resources/static/assets/web/css/style.css

@@ -6,7 +6,7 @@
 .nav{width:1200px;margin:-50px auto 0;position:relative;padding:20px 0;background:#fff;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;border-radius:5px}
 .nav ul li{width:200px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #d2d2d2;cursor:pointer;overflow: hidden}
 .nav.child ul li{width: 240px;}
-.nav ul li .left{width: 100px;}
+.nav ul li .left{width: 100px;text-align: center;}
 .nav.child .left{width: 125px;}
 .nav.child ul li.active .left{width: 150px;}
 .nav ul li.active .left{text-align: center}
@@ -25,7 +25,7 @@
 .nav ul li.active .left span{color:#3d41b7;font-weight:700;line-height:60px;margin-top:0;position:relative;display: inline-block}
 .nav ul li.active .left span:after{content:'';display:block;width:100%;height:2px;background:#3d41b7;position:absolute;left:0;bottom:10px}
 .nav ul li.active .left p{display:none}
-.mid-link{background: #fff;width:1200px;margin:20px auto;padding-top: 10px;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;padding-bottom:30px}
+.mid-link{border-radius: 5px;background: #fff;width:1200px;margin:20px auto;padding-top: 10px;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;padding-bottom:30px}
 .mid-link .text{display:block;margin:0 0 15px 15px}
 .mid-link .link{padding:0 30px;overflow:hidden}
 .mid-link .link .link-box{float:left;width:23.25%;height:120px;margin-right:2%;cursor:pointer;display:block}
@@ -111,10 +111,12 @@
 .count-box span{font-size:26px;color:#fff;font-weight:700}
 .count-box p{font-size:16px;color:#fff}
 .assessment-main{width:1200px;margin:0 auto 30px;position: relative}
-.left-nav{float:left;background:#fff;width:260px;box-shadow:0 0 10px #eee;padding:15px;box-sizing:border-box;height:100%;border-radius:5px;position: absolute;}
+.shadow{position: absolute;top:0;right:0;bottom: 0;width: 10px;background: #fff;z-index: 1000}
+.left-nav{float:left;overflow: hidden;background:#fff;width:260px;box-shadow:0 0 10px #eee;padding:15px;box-sizing:border-box;height:100%;border-radius:5px;padding-right: 0;}
+.nav-container{max-height: 665px;overflow-y: scroll;position: relative;width: 280px;}
 .nav-title{padding-bottom:10px;border-bottom:1px solid #ddd}
 .nav-title span{display:inline-block;padding-left:10px;border-left:5px solid #3d41b7;font-size:16px;color:#333;font-weight:400}
-.nav-tab{border-bottom:1px dashed #ddd;padding:0 10px}
+.nav-tab{border-bottom:1px dashed #ddd;padding:0 10px;width: 228px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
 .nav-tab .tab-title.active{color:#3d41b7;}
 .nav-tab .tab-title.bordered{border-bottom:1px dashed #ddd}
 .tab-title{line-height:60px;font-weight:700;font-size:16px;color:#333;cursor:pointer}

src/main/resources/static/route/web/detail.html

@@ -27,7 +27,7 @@
                     </a>
                 </li>
                 <li>
-                    <a href="notice.html">
+                    <a href="route/web/notice.html">
                         <div class="left fl">
                             <span>相关通知</span>
                             <p>各部门通知公告</p>

src/main/resources/static/route/web/public.html

@@ -116,7 +116,8 @@
             <div class="nav-title">
                 <span>功能一览</span>
             </div>
-            <div class="nav-tab" v-for="(nav, idx) in navList" :id="'nav' + idx">
+            <div class="nav-container">
+                <div class="nav-tab" v-for="(nav, idx) in navList" :id="'nav' + idx">
                 <div class="tab-title" @click="openDetail(nav.id, nav.childrens, idx, 1)" :id="'item' + nav.id">{{nav.name}}</div>
                 <div class="hide-list" v-if="nav.childrens && nav.childrens.length > 0">
                     <ul>
@@ -154,6 +155,8 @@
                     </ul>
                 </div>
             </div>
+                <div class="shadow"></div>
+            </div>
         </div>
         <div class="right-main" :class="{fullWidth: navList && navList.length == 0}">
             <div class="assessment-search">
@@ -252,6 +255,7 @@
     </div>
 </div>
 <script src="assets/web/js/jquery-2.1.4.min.js"></script>
+<script src="assets/web/js/nicescroll.js"></script>
 <script src="assets/web/js/jquery.SuperSlide.2.1.1.js"></script>
 <script src="assets/web/js/vue.js"></script>
 <script src="assets/web/js/echarts.js"></script>