2021-03-25 18:41:52 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<base href="/twoduty/">
|
2021-04-13 16:09:14 +08:00
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<title>众力监督平台-首页</title>
|
|
|
|
|
|
<link rel="stylesheet" href="assets/web/css/reset.css">
|
|
|
|
|
|
<link rel="stylesheet" href="assets/web/css/style.css">
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</head>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
<body>
|
|
|
|
|
|
<div id="app">
|
|
|
|
|
|
<div class="header">
|
|
|
|
|
|
<div class="banner">
|
|
|
|
|
|
<img src="assets/web/images/banner.png" alt="">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="nav">
|
2021-04-14 16:26:08 +08:00
|
|
|
|
<ul class="clearFloat" v-cloak>
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<li class="active">
|
|
|
|
|
|
<a href="javascript: void(0);">
|
2021-04-13 16:09:14 +08:00
|
|
|
|
<div class="left fl">
|
|
|
|
|
|
<span>首页</span>
|
|
|
|
|
|
<p>众力监督平台</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right fr">
|
|
|
|
|
|
<img src="assets/web/images/nav-icon1.png" alt="">
|
|
|
|
|
|
</div>
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
<li>
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<a href="route/web/notice.html">
|
2021-04-13 16:09:14 +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>
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
2021-04-14 16:26:08 +08:00
|
|
|
|
<li v-for="(nav, idx) in topNavList" @click="goNav(nav.id)">
|
2021-04-13 16:09:14 +08:00
|
|
|
|
<a href="javascript: void(0);">
|
|
|
|
|
|
<div class="left fl">
|
2021-04-14 16:26:08 +08:00
|
|
|
|
<span>{{nav.name}}</span>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right fr">
|
2021-04-14 16:26:08 +08:00
|
|
|
|
<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">
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</div>
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<li class="log-out">
|
|
|
|
|
|
<div class="left fl">
|
|
|
|
|
|
<span th:text="${userName}" th:if="${userUserName eq 'admin'}"></span>
|
2021-04-15 17:58:47 +08:00
|
|
|
|
<span th:text="${userName}" th:if="${userUserName ne 'admin'}" class="not-admin"></span>
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<a href="default-main" th:if="${userUserName eq 'admin'}">后台</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="right fr">
|
|
|
|
|
|
<a href="oauth/logout">退出</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</li>
|
2021-04-14 18:32:06 +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-03-25 18:41:52 +08:00
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="mid-link">
|
|
|
|
|
|
<img src="assets/web/images/text.png" alt="" class="text">
|
|
|
|
|
|
<div class="link">
|
|
|
|
|
|
<a href="javascript: void(0);" class="link-box">
|
|
|
|
|
|
<img src="assets/web/images/mid-img1.png" alt="">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="javascript: void(0);" class="link-box">
|
|
|
|
|
|
<img src="assets/web/images/mid-img2.png" alt="">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="javascript: void(0);" class="link-box">
|
|
|
|
|
|
<img src="assets/web/images/mid-img3.png" alt="">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
<a href="javascript: void(0);" class="link-box">
|
|
|
|
|
|
<img src="assets/web/images/mid-img4.png" alt="">
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="news clearFloat">
|
|
|
|
|
|
<div class="news-box">
|
|
|
|
|
|
<div class="box-title">
|
|
|
|
|
|
<span>一周新闻</span>
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<a href="route/web/list.html?title=一周新闻&id=045d07ca-4300-4071-81ed-b3c549915820">更多+</a>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="news-list">
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<ul v-cloak>
|
|
|
|
|
|
<li v-for="news in weekNews">
|
|
|
|
|
|
<a :href="'route/web/detail.html?contentId=' + news.contentId" :title="news.subTitle">{{news.subTitle}}</a>
|
|
|
|
|
|
<span>{{news.publishDate}}</span>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="news-box">
|
|
|
|
|
|
<div class="box-title">
|
|
|
|
|
|
<span>最新动态</span>
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<a href="route/web/list.html?title=最新动态&id=b6ca6135-d469-453b-93d5-8a3f47340f0a">更多+</a>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="news-list">
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<ul v-cloak>
|
|
|
|
|
|
<li v-for="news in dynamicList">
|
|
|
|
|
|
<a :href="'route/web/detail.html?contentId=' + news.contentId" :title="news.subTitle">{{news.subTitle}}</a>
|
|
|
|
|
|
<span>{{news.publishDate}}</span>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</div>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
<div class="news-box">
|
|
|
|
|
|
<div class="box-title">
|
|
|
|
|
|
<span>信息公开</span>
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<a href="route/web/list.html?title=信息公开&id=e1b31bdd-4537-4c97-ae59-d2a922a61cbd">更多+</a>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="news-list">
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<ul v-cloak>
|
|
|
|
|
|
<li v-for="news in infoPublic">
|
|
|
|
|
|
<a :href="'route/web/detail.html?contentId=' + news.contentId" :title="news.subTitle">{{news.subTitle}}</a>
|
|
|
|
|
|
<span>{{news.publishDate}}</span>
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="slide-news">
|
|
|
|
|
|
<div class="slide">
|
|
|
|
|
|
<div class="bd">
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a href="javascript: void(0);">
|
|
|
|
|
|
<img src="assets/web/images/slide.png" alt="">
|
|
|
|
|
|
<div class="slide-text">公安厅党委委员、副厅长（正厅级）赵云辉接受纪律审查和监察调查</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a href="javascript: void(0);">
|
|
|
|
|
|
<img src="assets/web/images/slide.png" alt="">
|
|
|
|
|
|
<div class="slide-text">公安厅党委委员、副厅长（正厅级）赵云辉接受纪律审查和监察调查</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a href="javascript: void(0);">
|
|
|
|
|
|
<img src="assets/web/images/slide.png" alt="">
|
|
|
|
|
|
<div class="slide-text">公安厅党委委员、副厅长（正厅级）赵云辉接受纪律审查和监察调查</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
<a href="javascript: void(0);" class="prev"></a>
|
|
|
|
|
|
<a href="javascript: void(0);" class="next"></a>
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</div>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
<div class="exposure-news">
|
|
|
|
|
|
<div class="exposure">
|
|
|
|
|
|
<div class="exposure-box">
|
|
|
|
|
|
<img src="assets/web/images/exposure.png" alt="">
|
|
|
|
|
|
</div>
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<div class="exposure-title" v-cloak>
|
|
|
|
|
|
<a :href="'route/web/detail.html?contentId=' + exposureFirst.contentId">{{exposureFirst.subTitle}}</a>
|
|
|
|
|
|
<p>{{exposureFirst.publishDate}}</p>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="exposure-news-list">
|
2021-04-15 17:49:18 +08:00
|
|
|
|
<ul v-cloak>
|
|
|
|
|
|
<li v-for="news in exposureList">
|
|
|
|
|
|
<a :href="'route/web/detail.html?contentId=' + news.contentId" :title="news.subTitle">{{news.subTitle}}</a>
|
|
|
|
|
|
<span>{{news.publishDate}}</span>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
<div class="bottom-nav">
|
|
|
|
|
|
<div class="nav-title">门户导航</div>
|
2021-04-14 18:32:06 +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 16:09:14 +08:00
|
|
|
|
</div>
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</div>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
<div class="footer">
|
2021-04-14 17:21:41 +08:00
|
|
|
|
<!-- 版权所有：杭锦旗纪委监察局 备案号：蒙ICP备 14000612 技术支持：内蒙古成迈信息科技有限公司（0471-5316868）-->
|
2021-04-13 16:09:14 +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-14 16:26:08 +08:00
|
|
|
|
<script src="assets/js/restajax.js"></script>
|
|
|
|
|
|
<script src="assets/web/layer-v3.3.0/layer/layer.js"></script>
|
2021-03-25 18:41:52 +08:00
|
|
|
|
<script>
|
2021-04-13 16:09:14 +08:00
|
|
|
|
var vue = new Vue({
|
|
|
|
|
|
el: '#app',
|
2021-04-14 16:26:08 +08:00
|
|
|
|
data: {
|
2021-04-14 16:27:32 +08:00
|
|
|
|
topNavList: [],
|
2021-04-15 17:49:18 +08:00
|
|
|
|
bottomNavList: [],
|
|
|
|
|
|
weekNews: [],
|
|
|
|
|
|
dynamicList: [],
|
|
|
|
|
|
infoPublic: [],
|
|
|
|
|
|
exposureList: [],
|
|
|
|
|
|
exposureFirst: {}
|
2021-04-14 16:26:08 +08:00
|
|
|
|
},
|
|
|
|
|
|
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
|
2021-04-14 18:32:06 +08:00
|
|
|
|
},
|
|
|
|
|
|
// 获取门户导航
|
|
|
|
|
|
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-15 17:49:18 +08:00
|
|
|
|
},
|
|
|
|
|
|
// 获取一周新闻列表
|
|
|
|
|
|
getWeekNews: function () {
|
|
|
|
|
|
var self = this
|
|
|
|
|
|
top.restAjax.get(top.restAjax.path('api/content/listpage', []), {
|
|
|
|
|
|
page: 1,
|
|
|
|
|
|
rows: 5,
|
|
|
|
|
|
categoryId: '045d07ca-4300-4071-81ed-b3c549915820'
|
|
|
|
|
|
}, null, function(code, data) {
|
|
|
|
|
|
self.weekNews = data.rows
|
|
|
|
|
|
}, function(code, data) {
|
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
// 获取最新动态
|
|
|
|
|
|
getLatestDynamic: function () {
|
|
|
|
|
|
var self = this
|
|
|
|
|
|
top.restAjax.get(top.restAjax.path('api/content/listpage', []), {
|
|
|
|
|
|
page: 1,
|
|
|
|
|
|
rows: 5,
|
|
|
|
|
|
categoryId: 'b6ca6135-d469-453b-93d5-8a3f47340f0a'
|
|
|
|
|
|
}, null, function(code, data) {
|
|
|
|
|
|
self.dynamicList = data.rows
|
|
|
|
|
|
}, function(code, data) {
|
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
// 获取信息公开
|
|
|
|
|
|
getInfoPublic: function () {
|
|
|
|
|
|
var self = this
|
|
|
|
|
|
top.restAjax.get(top.restAjax.path('api/content/listpage', []), {
|
|
|
|
|
|
page: 1,
|
|
|
|
|
|
rows: 5,
|
|
|
|
|
|
categoryId: 'e1b31bdd-4537-4c97-ae59-d2a922a61cbd'
|
|
|
|
|
|
}, null, function(code, data) {
|
|
|
|
|
|
self.infoPublic = data.rows
|
|
|
|
|
|
}, function(code, data) {
|
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
// 获取轮播图
|
|
|
|
|
|
getBanner: function () {
|
|
|
|
|
|
var self = this
|
|
|
|
|
|
top.restAjax.get(top.restAjax.path('api/content/listpage', []), {
|
|
|
|
|
|
page: 1,
|
|
|
|
|
|
rows: 5,
|
|
|
|
|
|
categoryId: '7a9b2dcb-8d24-4d05-8f57-2ebbd63a8d90'
|
|
|
|
|
|
}, null, function(code, data) {
|
|
|
|
|
|
self.infoPublic = data.rows
|
|
|
|
|
|
}, function(code, data) {
|
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
|
|
|
|
|
// 获取通报曝光
|
|
|
|
|
|
getExposure: function () {
|
|
|
|
|
|
var self = this
|
|
|
|
|
|
top.restAjax.get(top.restAjax.path('api/content/listpage', []), {
|
|
|
|
|
|
page: 1,
|
|
|
|
|
|
rows: 6,
|
|
|
|
|
|
categoryId: 'e50b0c87-2416-4995-8561-f7502c1e2cdd'
|
|
|
|
|
|
}, null, function(code, data) {
|
|
|
|
|
|
self.exposureFirst = data.rows[0]
|
|
|
|
|
|
data.rows.splice(0,1)
|
|
|
|
|
|
self.exposureList = data.rows
|
|
|
|
|
|
}, function(code, data) {
|
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
}, function() {
|
|
|
|
|
|
});
|
|
|
|
|
|
},
|
2021-04-14 16:26:08 +08:00
|
|
|
|
},
|
2021-04-13 16:09:14 +08:00
|
|
|
|
mounted: function () {
|
2021-04-14 16:26:08 +08:00
|
|
|
|
this.getTopNav()
|
2021-04-14 18:32:06 +08:00
|
|
|
|
this.getGateNav()
|
2021-04-15 17:49:18 +08:00
|
|
|
|
this.getWeekNews()
|
|
|
|
|
|
this.getLatestDynamic()
|
|
|
|
|
|
this.getInfoPublic()
|
|
|
|
|
|
this.getExposure()
|
2021-04-13 16:09:14 +08:00
|
|
|
|
jQuery(".slide").slide({mainCell:".bd ul",effect:"left",autoPlay:true,delayTime:700});
|
2021-03-25 18:41:52 +08:00
|
|
|
|
}
|
2021-04-13 16:09:14 +08:00
|
|
|
|
})
|
2021-03-25 18:41:52 +08:00
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
