152 lines
6.2 KiB
HTML
152 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<base href="/twoduty/">
|
||
<title>众力监督平台-新闻详情</title>
|
||
<link rel="stylesheet" href="assets/web/css/reset.css">
|
||
<link rel="stylesheet" href="assets/web/css/style.css">
|
||
</head>
|
||
<body style="background: #f5f5f5">
|
||
<div id="app">
|
||
<div class="header">
|
||
<div class="banner">
|
||
<img src="assets/web/images/banner.png" alt="">
|
||
</div>
|
||
<div class="nav child">
|
||
<ul class="clearFloat" v-cloak>
|
||
<li>
|
||
<a href="indexweb">
|
||
<div class="left fl">
|
||
<span>首页</span>
|
||
<p>众力监督平台</p>
|
||
</div>
|
||
<div class="right fr">
|
||
<img src="assets/web/images/nav-icon1.png" alt="">
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="notice.html">
|
||
<div class="left fl">
|
||
<span>相关通知</span>
|
||
<p>各部门通知公告</p>
|
||
</div>
|
||
<div class="right fr">
|
||
<img src="assets/web/images/nav-icon2.png" alt="">
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li v-for="(nav, idx) in topNavList" @click="goNav(nav.id)">
|
||
<a href="javascript: void(0);">
|
||
<div class="left fl">
|
||
<span>{{nav.name}}</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">
|
||
</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>
|
||
<div class="detail" v-cloak>
|
||
<div class="news-title">
|
||
<h2>{{newsDetail.subTitle}}</h2>
|
||
<p>发布单位：{{newsDetail.author}} 发布时间：{{newsDetail.publishDate}}</p>
|
||
</div>
|
||
<div class="news-detail" v-html="newsDetail.content"></div>
|
||
</div>
|
||
<div class="bottom-nav">
|
||
<div class="nav-title">门户导航</div>
|
||
<div class="nav-list" v-cloak>
|
||
<a :href="nav.dataSummary" v-for="nav in bottomNavList" target="_blank">{{nav.dataName}}</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<!-- 版权所有：杭锦旗纪委监察局 备案号：蒙ICP备 14000612 技术支持：内蒙古成迈信息科技有限公司（0471-5316868）-->
|
||
</div>
|
||
</div>
|
||
<script src="assets/web/js/jquery-2.1.4.min.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/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: {
|
||
topNavList: [],
|
||
bottomNavList: [],
|
||
newsDetail: {}
|
||
},
|
||
methods: {
|
||
getNewsDetail: function (id) {
|
||
var self = this
|
||
top.restAjax.get(top.restAjax.path('api/content/get/{contentId}', [id]), {}, null, function(code, data) {
|
||
console.log(data)
|
||
self.newsDetail = data
|
||
}, function(code, data) {
|
||
layer.msg(data.msg);
|
||
}, function() {
|
||
}, function() {
|
||
});
|
||
},
|
||
// 获取顶部导航
|
||
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
|
||
},
|
||
// 获取门户导航
|
||
getGateNav: function () {
|
||
var self = this
|
||
top.restAjax.get(top.restAjax.path('api/data/listbyparentid/{dataParentId}', ['3a32e7d5-a2ee-4cdf-959d-70d0e50e4389']), {}, null, function(code, data) {
|
||
self.bottomNavList = data
|
||
}, function(code, data) {
|
||
layer.msg(data.msg);
|
||
}, function() {
|
||
// loadLayerIndex = layer.load(0, {shade: false});
|
||
}, function() {
|
||
// layer.close(loadLayerIndex);
|
||
});
|
||
},
|
||
},
|
||
mounted: function () {
|
||
var contentId = restAjax.params(window.location.href).contentId
|
||
this.getNewsDetail(contentId)
|
||
this.getTopNav()
|
||
this.getGateNav()
|
||
}
|
||
})
|
||
</script>
|
||
</body>
|
||
</html>
|