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

172 lines
7.2 KiB
HTML
Raw Normal View History

2021-04-13 15:54:11 +08:00
<!DOCTYPE html>
2021-04-15 17:49:18 +08:00
<html lang="en" xmlns:th="http://www.thymeleaf.org">
2021-04-13 15:54:11 +08:00
<head>
<meta charset="UTF-8">
2021-04-15 17:49:18 +08:00
<base href="/twoduty/">
2021-04-28 10:25:14 +08:00
<title>乡镇街道综合办公平台</title>
2021-04-13 15:54:11 +08:00
<link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/style.css">
</head>
2021-06-15 18:15:14 +08:00
<body style="background: #f5f5f5">
2021-04-13 15:54:11 +08:00
<div id="app">
2021-06-15 18:15:14 +08:00
<div class="header assessment-header">
2021-04-13 15:54:11 +08:00
<div class="banner">
2021-06-15 18:15:14 +08:00
<img src="assets/web/images/assessment-banner1.png" alt="">
2021-04-13 15:54:11 +08:00
</div>
2021-04-15 17:49:18 +08:00
<div class="nav child">
<ul class="clearFloat" v-cloak>
2021-04-13 15:54:11 +08:00
<li>
2021-04-15 17:49:18 +08:00
<a href="indexweb">
2021-04-13 15:54:11 +08:00
<div class="left fl">
<span>首页</span>
2021-04-28 10:25:14 +08:00
<p>乡镇街道综合办公平台</p>
2021-04-13 15:54:11 +08:00
</div>
<div class="right fr">
<img src="assets/web/images/nav-icon1.png" alt="">
</div>
</a>
</li>
2021-04-15 17:49:18 +08:00
<li>
2021-04-19 18:10:51 +08:00
<a href="route/web/notice.html">
2021-04-13 15:54:11 +08:00
<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>
2021-06-15 18:15:14 +08:00
<li :class="{active: pageId == '6f0ec363-49a9-4174-a48f-290b69495dfc'}">
2021-04-28 10:25:14 +08:00
<a href="route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc">
<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>
2021-06-15 18:15:14 +08:00
<li :class="{active: pageId == 'cdd5ffd5-ebd7-4901-afce-f2e98d506c97'}">
2021-04-28 10:25:14 +08:00
<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>
2021-06-15 18:15:14 +08:00
<li :class="{active: pageId == 'c912f0ff-d1e6-4346-a0cd-c955ea559a0b'}">
2021-04-28 10:25:14 +08:00
<a href="route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b">
2021-04-13 15:54:11 +08:00
<div class="left fl">
2021-04-28 10:25:14 +08:00
<span>六本台账</span>
<p>六本台账</p>
2021-04-13 15:54:11 +08:00
</div>
<div class="right fr">
2021-04-28 10:25:14 +08:00
<img src="assets/web/images/nav-icon3.png" alt="">
2021-04-13 15:54:11 +08:00
</div>
</a>
</li>
2021-04-15 17:49:18 +08:00
<!-- <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>-->
2021-04-13 15:54:11 +08:00
</ul>
</div>
</div>
2021-04-15 17:49:18 +08:00
<div class="detail" v-cloak>
2021-04-13 15:54:11 +08:00
<div class="news-title">
2021-04-19 11:05:33 +08:00
<h2>{{newsDetail.title}}</h2>
2021-04-15 17:49:18 +08:00
<p>发布单位:{{newsDetail.author}}  发布时间:{{newsDetail.publishDate}}</p>
2021-04-13 15:54:11 +08:00
</div>
2021-04-15 17:49:18 +08:00
<div class="news-detail" v-html="newsDetail.content"></div>
2021-04-13 15:54:11 +08:00
</div>
<div class="bottom-nav">
<div class="nav-title">门户导航</div>
2021-04-15 17:49:18 +08:00
<div class="nav-list" v-cloak>
<a :href="nav.dataSummary" v-for="nav in bottomNavList" target="_blank">{{nav.dataName}}</a>
2021-04-13 15:54:11 +08:00
</div>
</div>
<div class="footer">
2021-04-15 17:49:18 +08:00
<!-- 版权所有:杭锦旗纪委监察局 备案号蒙ICP备 14000612 技术支持内蒙古成迈信息科技有限公司0471-5316868-->
2021-04-13 15:54:11 +08:00
</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>
2021-04-15 17:49:18 +08:00
<script src="assets/js/restajax.js"></script>
<script src="assets/web/layer-v3.3.0/layer/layer.js"></script>
2021-04-13 15:54:11 +08:00
<script>
var vue = new Vue({
el: '#app',
2021-04-15 17:49:18 +08:00
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);
});
},
},
2021-04-13 15:54:11 +08:00
mounted: function () {
2021-04-15 17:49:18 +08:00
var contentId = restAjax.params(window.location.href).contentId
this.getNewsDetail(contentId)
2021-04-28 10:25:14 +08:00
// this.getTopNav()
2021-04-15 17:49:18 +08:00
this.getGateNav()
2021-04-13 15:54:11 +08:00
}
})
</script>
</body>
</html>