This commit is contained in:
dong_bo0602 2021-04-16 11:49:46 +08:00
parent e9253c37dd
commit 167bae215a
4 changed files with 106 additions and 38 deletions

View File

@ -5,11 +5,15 @@
.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.child .left{width: 125px;}
.nav.child ul li.active .left{width: 150px;}
.nav ul li.active .left{text-align: center}
.nav ul li.log-out{padding: 0 10px;}
.nav ul li.log-out .left{width: 85px;text-align: center;}
.nav ul li.log-out a{padding: 0;font-size:20px;color:#333;}
.nav ul li.log-out a, .nav ul li.log-out .left span{line-height: 30px;margin: 0;font-size: 16px}
.nav ul li.log-out .left span{border-bottom: 1px solid #DDD;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.nav ul li.log-out .left span{border-bottom: 1px solid #DDD;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nav ul li.log-out .left span.not-admin{border: none;line-height: 60px}
.nav ul li:last-child{border-right:none}
.nav ul li a{display:block;overflow:hidden;padding:0 10px}
@ -17,7 +21,7 @@
.nav ul li .left p{font-size:12px;color:#999}
.nav ul li .right a{display: block;line-height: 60px;font-size: 20px;width: 60px;height: 60px;background: url("../images/logout-bg.png") no-repeat center;background-size: 100% 100%;border-radius: 50%;text-align: center;color: #fff;font-weight: normal}
.nav ul li .right img{width:60px;height:60px}
.nav ul li.active .left span{color:#3d41b7;font-weight:700;line-height:60px;margin-top:0;position:relative}
.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{width:1200px;margin:20px auto;border-top:10px solid #ffd88b;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;padding-bottom:30px}

View File

@ -19,7 +19,7 @@
<a href="indexweb">
<div class="left fl">
<span>首页</span>
<p>众力监督平台</p>
<p>"四五六"众力监督平台</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon1.png" alt="">
@ -37,16 +37,36 @@
</div>
</a>
</li>
<li v-for="(nav, idx) in topNavList" @click="goNav(nav.id)">
<a href="javascript: void(0);">
<li :class="{active: pageId == '6f0ec363-49a9-4174-a48f-290b69495dfc'}">
<a href="route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc">
<div class="left fl">
<span>{{nav.name}}</span>
<!-- <p>主体/监督责任清单</p>-->
<span>四个清单</span>
<p>四个清单</p>
</div>
<div class="right fr">
<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">
<img src="assets/web/images/nav-icon3.png" alt="">
</div>
</a>
</li>
<li :class="{active: pageId == 'cdd5ffd5-ebd7-4901-afce-f2e98d506c97'}">
<a href="route/web/public.html?id=cdd5ffd5-ebd7-4901-afce-f2e98d506c97">
<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 :class="{active: pageId == 'c912f0ff-d1e6-4346-a0cd-c955ea559a0b'}">
<a href="route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b">
<div class="left fl">
<span>六本台账</span>
<p>六本台账</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon3.png" alt="">
</div>
</a>
</li>

View File

@ -19,7 +19,7 @@
<a href="indexweb">
<div class="left fl">
<span>首页</span>
<p>众力监督平台</p>
<p>"四五六"众力监督平台</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon1.png" alt="">
@ -37,30 +37,50 @@
</div>
</a>
</li>
<li v-for="(nav, idx) in topNavList" :class="{active: nav.id == pageId}" @click="goNav(nav.id)">
<a href="javascript: void(0);">
<li :class="{active: pageId == '6f0ec363-49a9-4174-a48f-290b69495dfc'}">
<a href="route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc">
<div class="left fl">
<span>{{nav.name}}</span>
<!-- <p>主体/监督责任清单</p>-->
<span>四个清单</span>
<p>四个清单</p>
</div>
<div class="right fr">
<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">
<img src="assets/web/images/nav-icon3.png" alt="">
</div>
</a>
</li>
<!-- <li>-->
<!-- <a href="route/web/assessment.html">-->
<!-- <div class="left fl">-->
<!-- <span>记实考核</span>-->
<!-- <p>各类记实考核</p>-->
<!-- </div>-->
<!-- <div class="right fr">-->
<!-- <img src="assets/web/images/nav-icon4.png" alt="">-->
<!-- </div>-->
<!-- </a>-->
<!-- </li>-->
<li :class="{active: pageId == 'cdd5ffd5-ebd7-4901-afce-f2e98d506c97'}">
<a href="route/web/public.html?id=cdd5ffd5-ebd7-4901-afce-f2e98d506c97">
<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 :class="{active: pageId == 'c912f0ff-d1e6-4346-a0cd-c955ea559a0b'}">
<a href="route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b">
<div class="left fl">
<span>六本台账</span>
<p>六本台账</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon3.png" alt="">
</div>
</a>
</li>
<!-- <li>-->
<!-- <a href="route/web/assessment.html">-->
<!-- <div class="left fl">-->
<!-- <span>记实考核</span>-->
<!-- <p>各类记实考核</p>-->
<!-- </div>-->
<!-- <div class="right fr">-->
<!-- <img src="assets/web/images/nav-icon4.png" alt="">-->
<!-- </div>-->
<!-- </a>-->
<!-- </li>-->
</ul>
</div>
</div>
@ -360,6 +380,11 @@
self.mainList = []
// var loadLayerIndex;
top.restAjax.get(top.restAjax.path('api/indexlib/listpageweb/{indexLibParentId}', [id]), self.page, null, function(code, data) {
for (let i = 0; i < data.rows.length; i++) {
if (!data.rows[i].indexLibRemark) {
data.rows[i].indexLibRemark = '暂无'
}
}
self.mainList = data.rows
self.page.page = data.page
self.page.totalPage = Math.ceil(data.total / self.page.rows)

View File

@ -37,15 +37,36 @@
</div>
</a>
</li>
<li v-for="(nav, idx) in topNavList" @click="goNav(nav.id)">
<a href="javascript: void(0);">
<li>
<a href="route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc">
<div class="left fl">
<span>{{nav.name}}</span>
<span>四个清单</span>
<p>四个清单</p>
</div>
<div class="right fr">
<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">
<img src="assets/web/images/nav-icon3.png" alt="">
</div>
</a>
</li>
<li>
<a href="route/web/public.html?id=cdd5ffd5-ebd7-4901-afce-f2e98d506c97">
<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="route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b">
<div class="left fl">
<span>六本台账</span>
<p>六本台账</p>
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon3.png" alt="">
</div>
</a>
</li>
@ -94,7 +115,6 @@
<div class="news-box">
<div class="box-title">
<span>一周新闻</span>
<a href="route/web/list.html?title=一周新闻&id=045d07ca-4300-4071-81ed-b3c549915820">更多+</a>
</div>
<div class="news-list">
<ul v-cloak>
@ -108,7 +128,6 @@
<div class="news-box">
<div class="box-title">
<span>最新动态</span>
<a href="route/web/list.html?title=最新动态&id=b6ca6135-d469-453b-93d5-8a3f47340f0a">更多+</a>
</div>
<div class="news-list">
<ul v-cloak>
@ -122,7 +141,6 @@
<div class="news-box">
<div class="box-title">
<span>通知公告</span>
<a href="route/web/list.html?title=通知公告&id=e1b31bdd-4537-4c97-ae59-d2a922a61cbd">更多+</a>
</div>
<div class="news-list">
<ul v-cloak>
@ -206,6 +224,7 @@
// var loadLayerIndex;
top.restAjax.get(top.restAjax.path('api/indexlib/listwebtags', []), {}, null, function(code, data) {
self.topNavList = data
console.log(data)
}, function(code, data) {
layer.msg(data.msg);
}, function() {