twoduty/src/main/resources/templates/index.html

403 lines
17 KiB
HTML
Raw Normal View History

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">
2021-04-28 10:25:14 +08:00
<title>乡镇街道综合办公平台</title>
2021-04-13 16:09:14 +08:00
<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-25 15:26:41 +08:00
<body>
2021-04-13 16:09:14 +08:00
<div id="app">
2021-04-16 15:01:57 +08:00
<div class="header">
2021-04-13 16:09:14 +08:00
<div class="banner">
2021-06-15 09:54:37 +08:00
<img src="assets/web/images/banner3.png" alt="">
2021-04-13 16:09:14 +08:00
</div>
2021-04-16 15:01:57 +08:00
<div class="nav">
2021-04-14 16:26:08 +08:00
<ul class="clearFloat" v-cloak>
2021-04-16 15:01:57 +08:00
<li class="active">
<a href="javascript: void(0);">
2021-04-13 16:09:14 +08:00
<div class="left fl">
<span>首页</span>
2021-04-28 16:24:17 +08:00
<p>${systemTitle}</p>
2021-04-13 16:09:14 +08:00
</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-16 15:01:57 +08:00
<li>
2021-04-16 11:49:46 +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-04-16 15:01:57 +08:00
<li>
2021-04-16 11:49:46 +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-04-16 15:01:57 +08:00
<li>
2021-04-16 11:49:46 +08:00
<a href="route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b">
2021-04-13 16:09:14 +08:00
<div class="left fl">
2021-04-16 11:49:46 +08:00
<span>六本台账</span>
<p>六本台账</p>
2021-04-13 16:09:14 +08:00
</div>
<div class="right fr">
2021-04-16 11:49:46 +08:00
<img src="assets/web/images/nav-icon3.png" alt="">
2021-04-13 16:09:14 +08:00
</div>
2021-03-25 18:41:52 +08:00
</a>
</li>
2021-04-16 15:01:57 +08:00
<li class="log-out">
<div class="left fl">
2021-06-15 10:45:06 +08:00
<!-- <span th:text="${userName}" th:if="${userUserName eq 'admin'}"></span>-->
<span th:text="${userName}"></span>
<!-- <span th:text="${userName}" th:if="${userUserName ne 'admin'}" class="not-admin"></span>-->
<!-- <a href="default-main" th:if="${userUserName eq 'admin'}">后台</a>-->
2021-06-15 11:01:51 +08:00
<a href="default-main">后台</a>
2021-04-16 15:01:57 +08:00
</div>
<div class="right fr">
<a href="oauth/logout">退出</a>
</div>
</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>-->
2021-06-15 17:13:41 +08:00
2021-03-25 18:41:52 +08:00
</ul>
</div>
2021-04-13 16:09:14 +08:00
</div>
2021-06-10 18:12:37 +08:00
<!-- <div class="mid-link">-->
<!-- <img src="assets/web/images/text.png" alt="" class="text">-->
<!-- <div class="link">-->
<!-- <a href="route/web/list.html?title=最新动态&id=045d07ca-4300-4071-81ed-b3c549915820" class="link-box">-->
<!-- <img src="assets/web/images/mid-img1.png" alt="">-->
<!-- </a>-->
<!-- <a href="route/web/list.html?title=党纪法规&id=b6ca6135-d469-453b-93d5-8a3f47340f0a" class="link-box">-->
<!-- <img src="assets/web/images/mid-img2.png" alt="">-->
<!-- </a>-->
<!-- <a href="route/web/list.html?title=通知公告&id=e1b31bdd-4537-4c97-ae59-d2a922a61cbd" class="link-box">-->
<!-- <img src="assets/web/images/mid-img3.png" alt="">-->
<!-- </a>-->
<!-- <a href="route/web/list.html?title=通报曝光&id=e50b0c87-2416-4995-8561-f7502c1e2cdd" class="link-box">-->
<!-- <img src="assets/web/images/mid-img4.png" alt="">-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<div class="slide-news clearFloat">
<div class="slide">
<div class="bd">
<ul v-cloak>
<li v-for="banner in bannerList">
<a :href="'route/web/detail.html?contentId=' + banner.contentId">
<img :src="'route/file/download/true/' + banner.coverPhotos" alt="" v-if="banner.coverPhotos">
<img src="assets/web/images/slide.png" alt="" v-else>
<div class="slide-text">{{banner.title}}</div>
</a>
</li>
</ul>
</div>
<a href="javascript: void(0);" class="prev"></a>
<a href="javascript: void(0);" class="next"></a>
</div>
<div class="street">
<div class="street-box" v-cloak>
<a :href="'route/web/street.html?departmentId=' + item.departmentId" v-for="item in streetList" :title="item.departmentName">
<img src="assets/web/images/street-icon.png" alt="">
{{ item.departmentName }}
</a>
</div>
</div>
2021-04-13 16:09:14 +08:00
</div>
<div class="news clearFloat">
<div class="news-box">
<div class="box-title">
2021-06-10 18:12:37 +08:00
<span>四个清单</span>
<a href="route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc">更多></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>
2021-06-10 18:12:37 +08:00
<li v-for="(news,idx) in fourList">
<a :href="'route/web/public.html?id=' + news.pId + '&contentId=' + news.id +'&idx=' + idx" :title="news.name">{{news.name}}</a>
2021-04-13 16:09:14 +08:00
</li>
</ul>
</div>
</div>
<div class="news-box">
<div class="box-title">
2021-06-10 18:12:37 +08:00
<span>五项流程</span>
<a href="route/web/public.html?id=cdd5ffd5-ebd7-4901-afce-f2e98d506c97">更多></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>
2021-06-10 18:12:37 +08:00
<li v-for="(news,idx) in fiveStep">
<a :href="'route/web/public.html?id=' + news.pId + '&contentId=' + news.id +'&idx=' + idx" :title="news.name">{{news.name}}</a>
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">
2021-06-10 18:12:37 +08:00
<span>六本台账</span>
<a href="route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b">更多></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>
2021-06-10 18:12:37 +08:00
<li v-for="(news,idx) in sixBook">
<a :href="'route/web/public.html?id=' + news.pId + '&contentId=' + news.id +'&idx=' + idx" :title="news.name">{{news.name}}</a>
2021-03-25 18:41:52 +08:00
</li>
</ul>
</div>
2021-04-13 16:09:14 +08:00
</div>
</div>
2021-06-10 18:12:37 +08:00
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-06-10 18:12:37 +08:00
<script src="assets/web/js/nicescroll.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: [],
2021-04-15 18:24:17 +08:00
exposureFirst: {},
2021-06-10 18:12:37 +08:00
bannerList: [],
streetList: [],
fourList: [],
fiveStep: [],
sixBook: []
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) {
2021-04-15 18:24:17 +08:00
for (let i = 0; i < data.rows.length; i++) {
data.rows[i].coverPhotos = data.rows[i].coverPhotos.split(',')[0]
}
self.bannerList = data.rows
self.$nextTick(function () {
jQuery(".slide").slide({mainCell:".bd ul",effect:"left",autoPlay:true,delayTime:500});
})
2021-04-15 17:49:18 +08:00
}, 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-06-10 18:12:37 +08:00
// 获取街道
getStreet: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/departmentBase/list-jur', []), {}, null, function(code, data) {
self.streetList = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
}, function() {
});
},
// 获取四个清单
getFourList: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/indexlib/listztreeweb/{indexLibParentId}', ['6f0ec363-49a9-4174-a48f-290b69495dfc']), {}, null, function(code, data) {
self.fourList = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex1 = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex1);
});
},
// 获取五项流程
getFiveStep: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/indexlib/listztreeweb/{indexLibParentId}', ['cdd5ffd5-ebd7-4901-afce-f2e98d506c97']), {}, null, function(code, data) {
self.fiveStep = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex1 = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex1);
});
},
// 获取六本台账
getSixBook: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/indexlib/listztreeweb/{indexLibParentId}', ['c912f0ff-d1e6-4346-a0cd-c955ea559a0b']), {}, null, function(code, data) {
self.sixBook = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex1 = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex1);
});
}
2021-04-14 16:26:08 +08:00
},
2021-04-13 16:09:14 +08:00
mounted: function () {
2021-04-16 14:41:28 +08:00
// this.getTopNav()
2021-04-14 18:32:06 +08:00
this.getGateNav()
2021-06-16 10:40:10 +08:00
// this.getWeekNews()
// this.getLatestDynamic()
// this.getInfoPublic()
2021-04-28 10:25:14 +08:00
// this.getExposure()
2021-06-10 18:12:37 +08:00
this.getBanner()
this.getStreet()
this.getFourList()
this.getFiveStep()
this.getSixBook()
$('.street-box').niceScroll()
$('.news-list ul').niceScroll()
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>