diff --git a/src/main/resources/static/route/web/public.html b/src/main/resources/static/route/web/public.html
index 7bab6e9..d7e3dff 100644
--- a/src/main/resources/static/route/web/public.html
+++ b/src/main/resources/static/route/web/public.html
@@ -16,7 +16,7 @@
         <div class="nav">
             <ul class="clearFloat" v-cloak>
                 <li>
-                    <a href="index.html">
+                    <a href="indexweb">
                         <div class="left fl">
                             <span>首页</span>
                             <p>众力监督平台</p>
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 76c8ce8..4a6bf6d 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -14,9 +14,9 @@
             <img src="assets/web/images/banner.png" alt="">
         </div>
         <div class="nav">
-            <ul class="clearFloat">
-                <li class="active">
-                    <a href="javascript: void(0);">
+            <ul class="clearFloat" v-cloak>
+                <li>
+                    <a href="index.html">
                         <div class="left fl">
                             <span>首页</span>
                             <p>众力监督平台</p>
@@ -37,19 +37,21 @@
                         </div>
                     </a>
                 </li>
-                <li>
+                <li v-for="(nav, idx) in topNavList" @click="goNav(nav.id)">
                     <a href="javascript: void(0);">
                         <div class="left fl">
-                            <span>责任清单</span>
-                            <p>主体/监督责任清单</p>
+                            <span>{{nav.name}}</span>
+                            <!--                            <p>主体/监督责任清单</p>-->
                         </div>
                         <div class="right fr">
-                            <img src="assets/web/images/nav-icon3.png" alt="">
+                            <img src="assets/web/images/nav-icon3.png" alt="" v-if="idx == 0">
+                            <img src="assets/web/images/nav-icon5.png" alt="" v-if="idx == 1">
+                            <img src="assets/web/images/nav-icon6.png" alt="" v-if="idx == 2">
                         </div>
                     </a>
                 </li>
                 <li>
-                    <a href="route/web/assessment.html">
+                    <a href="javascript: void(0);">
                         <div class="left fl">
                             <span>记实考核</span>
                             <p>各类记实考核</p>
@@ -59,28 +61,6 @@
                         </div>
                     </a>
                 </li>
-                <li>
-                    <a href="javascript: void(0);">
-                        <div class="left fl">
-                            <span>成绩查看</span>
-                            <p>成绩得分排名</p>
-                        </div>
-                        <div class="right fr">
-                            <img src="assets/web/images/nav-icon5.png" alt="">
-                        </div>
-                    </a>
-                </li>
-                <li>
-                    <a href="javascript: void(0);">
-                        <div class="left fl">
-                            <span>综合管理</span>
-                            <p>各类信息综合管理</p>
-                        </div>
-                        <div class="right fr">
-                            <img src="assets/web/images/nav-icon6.png" alt="">
-                        </div>
-                    </a>
-                </li>
             </ul>
         </div>
     </div>
@@ -272,12 +252,36 @@
 <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/ajax.js"></script>
+<script src="assets/js/restajax.js"></script>
+<script src="assets/web/layer-v3.3.0/layer/layer.js"></script>
 <script>
     var vue = new Vue({
         el: '#app',
-        data: {},
-        methods: {},
+        data: {
+            topNavList: [],1
+        },
+        methods: {
+            // 获取顶部导航
+            getTopNav: function () {
+                var self = this
+                // var loadLayerIndex;
+                top.restAjax.get(top.restAjax.path('api/indexlib/listwebtags', []), {}, null, function(code, data) {
+                    self.topNavList = data
+                }, function(code, data) {
+                    layer.msg(data.msg);
+                }, function() {
+                    // loadLayerIndex = layer.load(0, {shade: false});
+                }, function() {
+                    // layer.close(loadLayerIndex);
+                });
+            },
+            // 顶部导航跳转页面
+            goNav: function (id) {
+                window.location.href = 'route/web/public.html?id=' + id
+            }
+        },
         mounted: function () {
+            this.getTopNav()
             jQuery(".slide").slide({mainCell:".bd ul",effect:"left",autoPlay:true,delayTime:700});
         }
     })