Tenlion/twoduty
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0901

Browse Source
This commit is contained in:
dong_bo0602 2021-09-01 17:03:43 +08:00
parent ae3046e090
commit 946dc504ee
10 changed files with 1186 additions and 558 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

173
src/main/resources/static/assets/web/css/index.css
View File

@ -1,6 +1,9 @@
.header{width:100%;height:550px;min-width:1200px;position:relative;background:url(../images/header-bg.png) no-repeat center;background-size:100% 100%}
.date{width:1200px;margin:0 auto;height:40px;line-height:40px;font-size:12px;color:#333}
.date{overflow:hidden;width:1200px;margin:0 auto;height:40px;line-height:40px;font-size:12px;color:#333}
.date span{color:#b09158}
.day{float:left;}
.weather{float:right;}
.weather img{margin-left: 10px;width: 20px;height: 20px;vertical-align: middle;margin-top:-3px}
.logo-nav{padding:10px 0;background:rgba(255,255,255,.6)}
.logo-nav-content{width:1200px;margin:0 auto}
.logo-nav-content:after,.nav ul:after{content:'';display:block;clear:both}
@ -9,14 +12,14 @@
.nav ul{margin-top:10px}
.nav ul li{float:left;border-right:1px solid #bb1511;position:relative}
.nav ul li:last-child{border-right:none}
.nav ul li>a{display:block;padding:0 15px;color:#bb1511;position:relative}
.nav ul li>a,.nav ul li>span{display:block;padding:0 15px;color:#bb1511;position:relative;cursor: pointer}
.child{display:none;position:absolute;left:0;top:100%;width:100%;padding:10px;background:rgba(255,255,255,.6);box-sizing:border-box}
.nav ul li:hover .child{display:block}
.child span{display:block;text-align:center;color:#000;font-size:16px;line-height:25px;cursor:pointer;font-weight:400}
.child span, .child a{display:block;text-align:center;color:#000;font-size:16px;line-height:25px;cursor:pointer;font-weight:400}
.child span:hover,.nav ul li>a:hover{color:#bb1511;font-weight:700}
.news{width:1200px;margin:50px auto 0}
.head-news{text-align:center}
.head-news h3{font-size:40px;color:#ce0c0d;height:47px;line-height:47px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px}
.head-news a{display:block;font-weight:bold;font-size:40px;color:#ce0c0d;height:47px;line-height:47px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px}
.head-news h3 img{width:105px;height:47px}
.head-news p{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-box{margin-top:20px}
@ -28,6 +31,7 @@
.news-left{width:515px;float:left}
.news-left ul li{padding:15px 0 15px;border-bottom:1px dashed #dcdcdc}
.news-left ul li a{display:block;padding-left:15px;position:relative;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-left ul li a:hover{color:#b50100;}
.news-left ul li a:after{content:'';display:block;width:4px;height:4px;background:#333;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(0,-50%)}
.news-left ul li p{font-size:14px;color:#333;line-height:25px}
.news-left ul li:first-child a{font-size:20px;color:#333;font-weight:700;border-left:4px solid #b09158;padding-left:10px}
@ -46,7 +50,8 @@
.three-box-title span{display:block;float:left;width:110px;height:28px;text-align:center;line-height:28px;color:#fff;background:#015ab8;font-weight:700;font-size:18px;position:relative;border-radius:4px}
.three-box-title span:after{content:'';display:block;width:200px;height:1px;border-top:1px dashed red;box-sizing:border-box;position:absolute;top:50%;left:120px}
.three-box-title a{line-height:28px;float:right;color:#999}
.three-box-list{margin-top:15px}
.three-box-list{margin-top:15px;overflow: hidden}
.three-box-list ul{height:140px;overflow-y: scroll;width:110%;}
.three-box-list ul li a{display:block;line-height:35px;font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-left:20px}
.three-box-list ul li a:after{content:'';display:block;width:8px;height:8px;background:#d60000;border-radius:50%;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.three-box-list ul li a:hover{color:#d60000}
@ -63,7 +68,7 @@
.street-img-name p{position:absolute;left:0;right:0;bottom:0;text-align:center;line-height:30px;color:#fff;font-size:14px;background:rgba(0,0,0,.6)}
.base{padding:50px 0;background:url(../images/base-bg.png) no-repeat center;background-size:100% 100%}
.base-content{width:1200px;margin:0 auto}
.base-title{background:url(../images/news-line-r.png) no-repeat 220px center;background-size:75% 10px}
.base-title{background:url(../images/news-line-r.png) no-repeat 220px center;background-size:82% 10px}
.base-title a{float:right;font-size:14px;color:#b50100;line-height:40px}
.base-news{margin-top:30px;overflow:hidden}
.base-news-left{width:49.5%;float:left;border:5px solid #a90403;box-sizing:border-box}
@ -81,3 +86,159 @@
.bottom-nav-list a{display:inline-block;margin-right:10px;color:#333;font-size:16px}
.bottom-nav-list a:hover{color:#de0606}
.footer{padding:30px 0;text-align:center;min-width:1200px;background:#dcdcdc;color:#999;font-size:14px}
/*-------二级页面--------*/
.child-header{
background: url("../images/child-header.jpg") no-repeat center;
background-size: 100% 100%;
}
.child-header .date{
color: #fff;
}
.page-container{
width: 1200px;
margin: 30px auto;
box-shadow: 0 0 10px #ddd;
padding: 15px;
box-sizing: border-box;
}
.page-container:after{
content: '';
display: block;
clear: both;
}
.page-left{
width: 220px;
padding-right: 25px;
box-sizing: border-box;
float:left;
}
.page-left-title{
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
font-size: 18px;
color: #585858;
}
.page-left-tab{
padding: 0 15px;
margin-top: 10px;
}
.page-left-tab li{
line-height: 30px;
padding-left: 20px;
position: relative;
font-size: 16px;
color: #333;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.page-left-tab li.active{
color: #bb1511;
}
.page-left-tab li:after{
content: '';
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #333;
position: absolute;
top: 50%;
left: 0;
margin-top: -3px;
}
.page-left-tab li.active:after{
background: #bb1511;
}
.page-right{
float:right;
width: 950px;
padding-left: 20px;
border-left: 1px solid #ddd;
box-sizing: border-box;
}
.page-right-title{
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
font-size: 18px;
color: #bb1511;
}
.page-list>ul{
min-height: 500px;
}
.page-list>ul>li{
height: 45px;
line-height: 45px;
font-size: 16px;
}
.page-list>ul>li a{
display: inline-block;
max-width: 75%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #333;
}
.page-list>ul>li a:hover{
color: #bb1511;
}
.page-list>ul>li span{
float:right;
color: #666;
}
.pager{
width: 100%;
margin: 20px auto;
text-align: center;
font-size: 0;
}
.pager span{
display: inline-block;
padding: 0 15px;
line-height: 25px;
color: #676767;
border: 1px solid #d2d2d2;
font-size: 14px;
margin: 0 5px;
vertical-align: middle;
cursor: pointer;
}
.pager ul{
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
.pager>ul>li{
width: 45px;
line-height: 25px;
float: left;
margin-right: 10px;
border: 1px solid #d2d2d2;
cursor: pointer;
text-align: center;
font-size: 14px;
color: #676767;
}
.pager>ul>li.active{
background: #bb1511;
color: #fff;
border: 1px solid #bb1511;
}
.loading{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(255,255,255,0.6);
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 17px #DEDEDE;
}
.page-right-full{
width: 100%;
border: none;
}

44
src/main/resources/static/assets/web/css/style.css
View File

@ -3,28 +3,28 @@
.fr{float:right}
.banner{position:relative;width:100%;height:456px;min-width:1200px}
.banner img{width:100%}
.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;text-align:center}
.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 .left span,.nav ul li.log-out a{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.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}
.nav ul li .left span{font-size:18px;color:#333;display:block;margin-top:8px}
.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:400}
.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;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}
/*.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;text-align:center}*/
/*.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 .left span,.nav ul li.log-out a{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.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}*/
/*.nav ul li .left span{font-size:18px;color:#333;display:block;margin-top:8px}*/
/*.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:400}*/
/*.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;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{position:relative;z-index:100;border-radius:5px;background:#fff;width:1200px;margin:20px auto;padding-top:10px;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;padding-bottom:30px}
.mid-link .text{display:block;margin:0 0 15px 15px}
.mid-link .link{padding:0 30px;overflow:hidden}

BIN
src/main/resources/static/assets/web/images/child-header.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 369 KiB

165
src/main/resources/static/route/web/detail.html
View File

@ -6,90 +6,73 @@
<title>乡镇街道综合办公平台</title>
<link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/style.css">
<link rel="stylesheet" href="assets/web/css/index.css">
</head>
<body style="background: #f5f5f5">
<div id="app">
<div class="header assessment-header">
<div class="banner">
<img src="assets/web/images/assessment-banner1.png" alt="">
<div class="header child-header">
<div class="date">
<div class="day" v-cloak>
<span>今天是：</span>{{today}}
</div>
<div class="weather" v-cloak>
今天：{{weatherInfo.city}}
<img :src="weatherInfo.image" alt="">
{{weatherInfo.text}}{{weatherInfo.temperature}}℃
</div>
</div>
<div class="nav child">
<ul class="clearFloat" v-cloak>
<li>
<div class="logo-nav">
<div class="logo-nav-content">
<div class="logo">
<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>
<img src="assets/web/images/logo.png" alt="">
</a>
</li>
<li>
<a href="route/web/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 :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>四个清单</span>
<p>四个清单</p>
</div>
<div class="right fr">
<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>
<!-- <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 class="nav">
<ul>
<li>
<a href="indexweb">首页</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=04988903-8948-4645-9024-6c97f770c8d7">党纪法规</a>
</li>
<li>
<a href="javascript: void(0);">
办公平台
<div class="child">
<span @click="goPublicPage('6f0ec363-49a9-4174-a48f-290b69495dfc')">四个清单</span>
<span @click="goPublicPage('cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">五项流程</span>
<span @click="goPublicPage('c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">六本台账</span>
</div>
</a>
</li>
<li>
<a href="route/web/news-list.html?pageId=3c0d1478-f75a-42a6-9bb5-7fa30d854b9b">通知公告</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=68167be6-3dbd-49d3-a956-d07e3e4384e5">警示教育</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=79da7965-1bff-4471-babe-7874474cb418">学习园地</a>
</li>
<li>
<!-- <span th:text="${userParams.userName}"></span>-->
<!-- <div class="child">-->
<!-- <a href="default-main">后台</a>-->
<!-- <a href="oauth/logout">退出</a>-->
<!-- </div>-->
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="detail" v-cloak>
<div class="news-title">
<h2>{{newsDetail.title}}</h2>
<p>发布单位：{{newsDetail.author}}　　发布时间：{{newsDetail.publishDate}}</p>
<h2>{{newsDetail.articleContentTitle}}</h2>
<p>发布单位：{{newsDetail.articleContentAuthor}}　　发布时间：{{newsDetail.articleContentPublishTime}}</p>
</div>
<div class="news-detail" v-html="newsDetail.content"></div>
<div class="news-detail" v-html="newsDetail.articleContentContent"></div>
</div>
<div class="bottom-nav">
<div class="nav-title">门户导航</div>
@ -113,13 +96,28 @@
data: {
topNavList: [],
bottomNavList: [],
newsDetail: {}
newsDetail: {},
weatherInfo: {},
today: ''
},
methods: {
// 头部导航跳转四五六
goPublicPage: function (id) {
window.location.href = 'route/web/public.html?id=' + id
},
// 获取日期
getDate: function () {
var myDate = new Date;
var year = myDate.getFullYear(); //获取当前年
var mon = myDate.getMonth() + 1; //获取当前月
var date = myDate.getDate(); //获取当前日
var week = myDate.getDay();
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
this.today = year + "年" + mon + "月" + date + "日 " + weeks[week]
},
getNewsDetail: function (id) {
var self = this
top.restAjax.get(top.restAjax.path('api/content/get/{contentId}', [id]), {}, null, function(code, data) {
console.log(data)
top.restAjax.get(top.restAjax.path('api/articlecontent/get/{articleContentId}', [id]), {}, null, function(code, data) {
self.newsDetail = data
}, function(code, data) {
layer.msg(data.msg);
@ -158,12 +156,27 @@
// layer.close(loadLayerIndex);
});
},
// 获取天气
getWeahther: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/weather/get-weather-now', []), {}, null, function(code, data) {
self.weatherInfo = 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()
this.getWeahther()
this.getDate()
}
})
</script>

150
src/main/resources/static/route/web/leader-detail.html
View File

@ -6,82 +6,61 @@
<title>乡镇街道综合办公平台</title>
<link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/style.css">
<link rel="stylesheet" href="assets/web/css/index.css">
</head>
<body style="background: #f4f4f4">
<div id="app">
<div class="header assessment-header">
<div class="banner">
<img src="assets/web/images/assessment-banner1.png" alt="">
<div class="header child-header">
<div class="date">
<div class="day" v-cloak>
<span>今天是：</span>{{today}}
</div>
<div class="weather" v-cloak>
今天：{{weatherInfo.city}}
<img :src="weatherInfo.image" alt="">
{{weatherInfo.text}}{{weatherInfo.temperature}}℃
</div>
</div>
<div class="nav child">
<ul class="clearFloat" v-cloak>
<li>
<div class="logo-nav">
<div class="logo-nav-content">
<div class="logo">
<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>
<img src="assets/web/images/logo.png" alt="">
</a>
</li>
<li>
<a href="route/web/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>
<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>
<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>
<!-- <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 class="nav">
<ul>
<li>
<a href="indexweb">首页</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=04988903-8948-4645-9024-6c97f770c8d7">党纪法规</a>
</li>
<li>
<a href="javascript: void(0);">
办公平台
<div class="child">
<span @click="goPublicPage('6f0ec363-49a9-4174-a48f-290b69495dfc')">四个清单</span>
<span @click="goPublicPage('cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">五项流程</span>
<span @click="goPublicPage('c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">六本台账</span>
</div>
</a>
</li>
<li>
<a href="javascript: void(0);">通知公告</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=68167be6-3dbd-49d3-a956-d07e3e4384e5">警示教育</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=79da7965-1bff-4471-babe-7874474cb418">学习园地</a>
</li>
<li>
<!-- <a href="javascript: void(0);">管理员账户</a>-->
</li>
</ul>
</div>
</div>
</div>
</div>
@ -115,7 +94,9 @@
el: '#app',
data: {
userId: '',
leaderInfo: {}
leaderInfo: {},
today: '',
weatherInfo: {}
},
methods: {
getLeaderInfo: function () {
@ -129,11 +110,36 @@
}, function() {
// layer.close(loadLayerIndex1);
});
}
},
// 获取天气
getWeahther: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/weather/get-weather-now', []), {}, null, function(code, data) {
self.weatherInfo = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取日期
getDate: function () {
var myDate = new Date;
var year = myDate.getFullYear(); //获取当前年
var mon = myDate.getMonth() + 1; //获取当前月
var date = myDate.getDate(); //获取当前日
var week = myDate.getDay();
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
this.today = year + "年" + mon + "月" + date + "日 " + weeks[week]
},
},
mounted: function () {
this.userId = restAjax.params(window.location.href).userId
this.getLeaderInfo()
this.getDate()
this.getWeahther()
}
})
</script>

225
src/main/resources/static/route/web/news-list-column.html Normal file
View File

@ -0,0 +1,225 @@
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<base href="/twoduty/">
<meta charset="UTF-8">
<title>乡镇街道综合办公平台</title>
<link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/index.css">
</head>
<body>
<div id="app">
<div class="header child-header">
<div class="date">
<div class="day" v-cloak>
<span>今天是：</span>{{today}}
</div>
<div class="weather" v-cloak>
今天：{{weatherInfo.city}}
<img :src="weatherInfo.image" alt="">
{{weatherInfo.text}}{{weatherInfo.temperature}}℃
</div>
</div>
<div class="logo-nav">
<div class="logo-nav-content">
<div class="logo">
<a href="indexweb">
<img src="assets/web/images/logo.png" alt="">
</a>
</div>
<div class="nav">
<ul>
<li>
<a href="indexweb">首页</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=04988903-8948-4645-9024-6c97f770c8d7">党纪法规</a>
</li>
<li>
<a href="javascript: void(0);">
办公平台
<div class="child">
<span @click="goPublicPage('6f0ec363-49a9-4174-a48f-290b69495dfc')">四个清单</span>
<span @click="goPublicPage('cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">五项流程</span>
<span @click="goPublicPage('c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">六本台账</span>
</div>
</a>
</li>
<li>
<a href="route/web/news-list.html?pageId=3c0d1478-f75a-42a6-9bb5-7fa30d854b9b">通知公告</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=68167be6-3dbd-49d3-a956-d07e3e4384e5">警示教育</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=79da7965-1bff-4471-babe-7874474cb418">学习园地</a>
</li>
<li>
<!-- <span th:text="${userParams.userName}"></span>-->
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="page-container">
<div class="page-left">
<div class="page-left-title">栏目</div>
<div class="page-left-tab">
<ul v-cloak>
<li v-for="tab in tabList" :class="{active: page.articleClassifyId == tab.dataId}" @click="changeTab(tab.dataId)">{{tab.dataName}}</li>
</ul>
</div>
</div>
<div class="page-right" v-cloak>
<div class="page-right-title" v-if="page.articleTypeId == '04988903-8948-4645-9024-6c97f770c8d7'">党纪法规</div>
<div class="page-right-title" v-if="page.articleTypeId == '68167be6-3dbd-49d3-a956-d07e3e4384e5'">警示教育</div>
<div class="page-right-title" v-if="page.articleTypeId == '79da7965-1bff-4471-babe-7874474cb418'">学习园地</div>
<div class="page-list" v-cloak>
<ul v-cloak>
<li v-for="news in newsList">
<a :href="'route/web/detail.html?contentId=' + news.articleContentId" :title="news.articleContentTitle">{{news.articleContentTitle}}</a>
<span>{{news.articleContentPublishTime}}</span>
</li>
</ul>
<div class="pager" v-if="page.totalPage > 1">
<span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
<ul v-if="page.totalPage > 0 && page.totalPage <= 5">
<li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
{{cpage}}
</li>
</ul>
<ul v-if="page.totalPage > 5">
<li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
{{cpage}}
</li>
<li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(cpage)">
{{page.totalPage - 5 + cpage}}
</li>
<li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(cpage)">
{{page.page - (3 - cpage)}}
</li>
</ul>
<span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
</div>
</div>
</div>
</div>
<div class="footer">
版权所有：沧州纪委监察局 备案号：冀ICP备 14000612 技术支持：山西腾狮科技有限公司
</div>
<div class="loading" v-if="isLoading">
<img src="assets/web/images/loading.gif" alt="">
</div>
</div>
<script src="assets/web/js/jquery-2.1.4.min.js"></script>
<script src="assets/web/js/nicescroll.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/echarts.js"></script>
<script src="assets/js/restajax.js"></script>
<script src="assets/js/dialog.js"></script>
<script src="assets/js/datamessage.js"></script>
<script src="assets/web/layer-v3.3.0/layer/layer.js"></script>
<script>
var vue = new Vue({
el: '#app',
data: {
page: {
rows: 10,
page: 1,
totalPage: 1,
articleTypeId: '',
articleClassifyId: ''
},
curTab: '',
tabList: [],
newsList: [],
isLoading: false,
weatherInfo: {},
today: ''
},
methods: {
// 头部导航跳转四五六
goPublicPage: function (id) {
window.location.href = 'route/web/public.html?id=' + id
},
paging: function (page) {
if (this.page.page != page && !this.isLoading) {
this.page.page = page
this.getList()
}
},
getTab: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/articletype/getTypeClassIfDetails/{articleTypeId}', [self.page.articleTypeId]), {}, null, function(code, data) {
self.tabList = data
self.page.articleClassifyId = data[0].dataId
self.getList()
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
getList: function () {
var self = this
self.isLoading = true
top.restAjax.get(top.restAjax.path('api/articlecontent/listpage-publish', []), self.page, null, function(code, data) {
console.log(data)
self.newsList = data.rows
self.page.page = data.page
self.page.totalPage = Math.ceil(data.total / self.page.rows)
self.isLoading = false
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
changeTab: function (id) {
this.page.articleClassifyId = id
this.page.page = 1
this.getList()
},
// 获取天气
getWeahther: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/weather/get-weather-now', []), {}, null, function(code, data) {
self.weatherInfo = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取日期
getDate: function () {
var myDate = new Date;
var year = myDate.getFullYear(); //获取当前年
var mon = myDate.getMonth() + 1; //获取当前月
var date = myDate.getDate(); //获取当前日
var week = myDate.getDay();
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
this.today = year + "年" + mon + "月" + date + "日 " + weeks[week]
},
},
mounted: function () {
this.page.articleTypeId = restAjax.params(window.location.href).pageId
this.getTab()
this.getWeahther()
this.getDate()
}
})
</script>
</body>
</html>

194
src/main/resources/static/route/web/news-list.html Normal file
View File

@ -0,0 +1,194 @@
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<base href="/twoduty/">
<meta charset="UTF-8">
<title>乡镇街道综合办公平台</title>
<link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/index.css">
</head>
<body>
<div id="app">
<div class="header child-header">
<div class="date">
<div class="day" v-cloak>
<span>今天是：</span>{{today}}
</div>
<div class="weather" v-cloak>
今天：{{weatherInfo.city}}
<img :src="weatherInfo.image" alt="">
{{weatherInfo.text}}{{weatherInfo.temperature}}℃
</div>
</div>
<div class="logo-nav">
<div class="logo-nav-content">
<div class="logo">
<a href="indexweb">
<img src="assets/web/images/logo.png" alt="">
</a>
</div>
<div class="nav">
<ul>
<li>
<a href="indexweb">首页</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=04988903-8948-4645-9024-6c97f770c8d7">党纪法规</a>
</li>
<li>
<a href="javascript: void(0);">
办公平台
<div class="child">
<span @click="goPublicPage('6f0ec363-49a9-4174-a48f-290b69495dfc')">四个清单</span>
<span @click="goPublicPage('cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">五项流程</span>
<span @click="goPublicPage('c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">六本台账</span>
</div>
</a>
</li>
<li>
<a href="javascript: void(0);">通知公告</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=68167be6-3dbd-49d3-a956-d07e3e4384e5">警示教育</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=79da7965-1bff-4471-babe-7874474cb418">学习园地</a>
</li>
<li>
<!-- <a href="javascript: void(0);">管理员账户</a>-->
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="page-container">
<div class="page-right page-right-full" v-cloak>
<div class="page-right-title">通知公告</div>
<div class="page-list" v-cloak>
<ul v-cloak>
<li v-for="news in newsList">
<a :href="'route/web/detail.html?contentId=' + news.articleContentId" :title="news.articleContentTitle">{{news.articleContentTitle}}</a>
<span>{{news.articleContentPublishTime}}</span>
</li>
</ul>
<div class="pager" v-if="page.totalPage > 1">
<span @click="paging(page.page - 1)" v-if="page.page > 1">上一页</span>
<ul v-if="page.totalPage > 0 && page.totalPage <= 5">
<li v-for="cpage in page.totalPage" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
{{cpage}}
</li>
</ul>
<ul v-if="page.totalPage > 5">
<li v-if="page.page < 3" v-for="cpage in 5" :class="{'active': page.page == cpage}" :key="cpage" @click="paging(cpage)">
{{cpage}}
</li>
<li v-if="page.page > page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.totalPage - 5 + cpage)}" :key="cpage" @click="paging(cpage)">
{{page.totalPage - 5 + cpage}}
</li>
<li v-if="page.page >= 3 && page.page <= page.totalPage - 2" v-for="cpage in 5" :class="{'active': page.page == (page.page - (3 - cpage))}" :key="cpage" @click="paging(cpage)">
{{page.page - (3 - cpage)}}
</li>
</ul>
<span @click="paging(page.page + 1)" v-if="page.page < page.totalPage">下一页</span>
</div>
</div>
</div>
</div>
<div class="footer">
版权所有：沧州纪委监察局 备案号：冀ICP备 14000612 技术支持：山西腾狮科技有限公司
</div>
<div class="loading" v-if="isLoading">
<img src="assets/web/images/loading.gif" alt="">
</div>
</div>
<script src="assets/web/js/jquery-2.1.4.min.js"></script>
<script src="assets/web/js/nicescroll.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/echarts.js"></script>
<script src="assets/js/restajax.js"></script>
<script src="assets/js/dialog.js"></script>
<script src="assets/js/datamessage.js"></script>
<script src="assets/web/layer-v3.3.0/layer/layer.js"></script>
<script>
var vue = new Vue({
el: '#app',
data: {
page: {
rows: 1,
page: 1,
totalPage: 1,
articleTypeId: '',
articleClassifyId: ''
},
newsList: [],
isLoading: false,
today: '',
weatherInfo: {}
},
methods: {
// 头部导航跳转四五六
goPublicPage: function (id) {
window.location.href = 'route/web/public.html?id=' + id
},
paging: function (page) {
if (this.page.page != page && !this.isLoading) {
this.page.page = page
this.getList()
}
},
getList: function () {
var self = this
self.isLoading = true
top.restAjax.get(top.restAjax.path('api/articlecontent/listpage-publish', []), self.page, null, function(code, data) {
console.log(data)
self.newsList = data.rows
self.page.page = data.page
self.page.totalPage = Math.ceil(data.total / self.page.rows)
self.isLoading = false
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取天气
getWeahther: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/weather/get-weather-now', []), {}, null, function(code, data) {
self.weatherInfo = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取日期
getDate: function () {
var myDate = new Date;
var year = myDate.getFullYear(); //获取当前年
var mon = myDate.getMonth() + 1; //获取当前月
var date = myDate.getDate(); //获取当前日
var week = myDate.getDay();
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
this.today = year + "年" + mon + "月" + date + "日 " + weeks[week]
},
},
mounted: function () {
this.page.articleTypeId = restAjax.params(window.location.href).pageId
this.getList()
this.getDate()
this.getWeahther()
}
})
</script>
</body>
</html>

155
src/main/resources/static/route/web/public.html
View File

@ -6,82 +6,61 @@
<title>乡镇街道综合办公平台</title>
<link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/style.css">
<link rel="stylesheet" href="assets/web/css/index.css">
</head>
<body style="background: #f5f5f5;">
<div id="app">
<div class="header assessment-header">
<div class="banner">
<img src="assets/web/images/assessment-banner1.png" alt="">
<div class="header child-header">
<div class="date">
<div class="day" v-cloak>
<span>今天是：</span>{{today}}
</div>
<div class="weather" v-cloak>
今天：{{weatherInfo.city}}
<img :src="weatherInfo.image" alt="">
{{weatherInfo.text}}{{weatherInfo.temperature}}℃
</div>
</div>
<div class="nav child">
<ul class="clearFloat" v-cloak>
<li>
<div class="logo-nav">
<div class="logo-nav-content">
<div class="logo">
<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>
<img src="assets/web/images/logo.png" alt="">
</a>
</li>
<li>
<a href="route/web/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 :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>四个清单</span>
<p>四个清单</p>
</div>
<div class="right fr">
<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>
<!-- <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 class="nav">
<ul>
<li>
<a href="indexweb">首页</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=04988903-8948-4645-9024-6c97f770c8d7">党纪法规</a>
</li>
<li>
<a href="javascript: void(0);">
办公平台
<div class="child">
<span @click="goPublicPage('6f0ec363-49a9-4174-a48f-290b69495dfc')">四个清单</span>
<span @click="goPublicPage('cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">五项流程</span>
<span @click="goPublicPage('c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">六本台账</span>
</div>
</a>
</li>
<li>
<a href="route/web/news-list.html?pageId=3c0d1478-f75a-42a6-9bb5-7fa30d854b9b">通知公告</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=68167be6-3dbd-49d3-a956-d07e3e4384e5">警示教育</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=79da7965-1bff-4471-babe-7874474cb418">学习园地</a>
</li>
<li>
<!-- <a href="javascript: void(0);">管理员账户</a>-->
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="count clearFloat">
@ -280,14 +259,19 @@
pageId: '',
topNavList: [],
loadLayerIndex: '',
pageId: '',
bottomNavList: [],
countInfo: {},
initLeft: '',
curContentId: '',
departmentId: ''
departmentId: '',
weatherInfo: {},
today: ''
},
methods: {
// 头部导航跳转四五六
goPublicPage: function (id) {
window.location.href = 'route/web/public.html?id=' + id
},
// 饼图
initChart: function () {
var self = this;
@ -539,7 +523,30 @@
location.reload();
}
});
}
},
// 获取天气
getWeahther: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/weather/get-weather-now', []), {}, null, function(code, data) {
self.weatherInfo = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取日期
getDate: function () {
var myDate = new Date;
var year = myDate.getFullYear(); //获取当前年
var mon = myDate.getMonth() + 1; //获取当前月
var date = myDate.getDate(); //获取当前日
var week = myDate.getDay();
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
this.today = year + "年" + mon + "月" + date + "日 " + weeks[week]
},
},
mounted: function () {
var id = restAjax.params(window.location.href).id
@ -558,6 +565,8 @@
// this.getTopNav()
this.getGateNav()
this.getCount()
this.getWeahther()
this.getDate()
}
})
</script>

154
src/main/resources/static/route/web/street.html
View File

@ -6,82 +6,61 @@
<title>乡镇街道综合办公平台</title>
<link rel="stylesheet" href="assets/web/css/reset.css">
<link rel="stylesheet" href="assets/web/css/style.css">
<link rel="stylesheet" href="assets/web/css/index.css">
</head>
<body style="background: #f4f4f4">
<div id="app">
<div class="header assessment-header">
<div class="banner">
<img src="assets/web/images/assessment-banner1.png" alt="">
<div class="header child-header">
<div class="date">
<div class="day" v-cloak>
<span>今天是：</span>{{today}}
</div>
<div class="weather" v-cloak>
今天：{{weatherInfo.city}}
<img :src="weatherInfo.image" alt="">
{{weatherInfo.text}}{{weatherInfo.temperature}}℃
</div>
</div>
<div class="nav child">
<ul class="clearFloat" v-cloak>
<li>
<div class="logo-nav">
<div class="logo-nav-content">
<div class="logo">
<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>
<img src="assets/web/images/logo.png" alt="">
</a>
</li>
<li>
<a href="route/web/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>
<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>
<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>
<!-- <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 class="nav">
<ul>
<li>
<a href="indexweb">首页</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=04988903-8948-4645-9024-6c97f770c8d7">党纪法规</a>
</li>
<li>
<a href="javascript: void(0);">
办公平台
<div class="child">
<span @click="goPublicPage('6f0ec363-49a9-4174-a48f-290b69495dfc')">四个清单</span>
<span @click="goPublicPage('cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">五项流程</span>
<span @click="goPublicPage('c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">六本台账</span>
</div>
</a>
</li>
<li>
<a href="javascript: void(0);">通知公告</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=68167be6-3dbd-49d3-a956-d07e3e4384e5">警示教育</a>
</li>
<li>
<a href="route/web/news-list-column.html?pageId=79da7965-1bff-4471-babe-7874474cb418">学习园地</a>
</li>
<li>
<!-- <a href="javascript: void(0);">管理员账户</a>-->
</li>
</ul>
</div>
</div>
</div>
</div>
@ -164,9 +143,15 @@
departmentId: '',
streetInfo: '',
leaderInfo: {},
newsList: []
newsList: [],
weatherInfo: {},
today: ''
},
methods: {
// 头部导航跳转四五六
goPublicPage: function (id) {
window.location.href = 'route/web/public.html?id=' + id
},
getStreetInfo: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/departmentsynopsis/get-by-departmentid/{departmentId}', [self.departmentId]), {}, null, function(code, data) {
@ -217,13 +202,38 @@
}, function() {
// layer.close(loadLayerIndex1);
});
}
},
// 获取天气
getWeahther: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/weather/get-weather-now', []), {}, null, function(code, data) {
self.weatherInfo = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取日期
getDate: function () {
var myDate = new Date;
var year = myDate.getFullYear(); //获取当前年
var mon = myDate.getMonth() + 1; //获取当前月
var date = myDate.getDate(); //获取当前日
var week = myDate.getDay();
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
this.today = year + "年" + mon + "月" + date + "日 " + weeks[week]
},
},
mounted: function () {
this.departmentId = restAjax.params(window.location.href).departmentId
this.getStreetInfo()
this.getLeader()
this.getNewsList()
this.getWeahther()
this.getDate()
$('.detail-box').niceScroll()
}
})

484
src/main/resources/templates/index.html
View File

@ -11,7 +11,14 @@
<div id="app">
<div class="header">
<div class="date">
<span>今天是：</span>2021年6月12日 星期二
<div class="day" v-cloak>
<span>今天是：</span>{{today}}
</div>
<div class="weather" v-cloak>
今天：{{weatherInfo.city}}
<img :src="weatherInfo.image" alt="">
{{weatherInfo.text}}{{weatherInfo.temperature}}℃
</div>
</div>
<div class="logo-nav">
<div class="logo-nav-content">
@ -24,29 +31,33 @@
<a href="javascript: void(0);">首页</a>
</li>
<li>
<a href="javascript: void(0);">党纪法规</a>
<a href="route/web/news-list-column.html?pageId=04988903-8948-4645-9024-6c97f770c8d7">党纪法规</a>
</li>
<li>
<a href="javascript: void(0);">
办公平台
<div class="child">
<span>四个清单</span>
<span>五项流程</span>
<span>六本台账</span>
<span @click="goPublicPage('6f0ec363-49a9-4174-a48f-290b69495dfc')">四个清单</span>
<span @click="goPublicPage('cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">五项流程</span>
<span @click="goPublicPage('c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">六本台账</span>
</div>
</a>
</li>
<li>
<a href="javascript: void(0);">通知公告</a>
<a href="route/web/news-list.html?pageId=3c0d1478-f75a-42a6-9bb5-7fa30d854b9b">通知公告</a>
</li>
<li>
<a href="javascript: void(0);">警示教育</a>
<a href="route/web/news-list-column.html?pageId=68167be6-3dbd-49d3-a956-d07e3e4384e5">警示教育</a>
</li>
<li>
<a href="javascript: void(0);">学习园地</a>
<a href="route/web/news-list-column.html?pageId=79da7965-1bff-4471-babe-7874474cb418">学习园地</a>
</li>
<li>
<a href="javascript: void(0);">管理员账户</a>
<span th:text="${userParams.userName}"></span>
<div class="child">
<a href="default-main">后台</a>
<a href="oauth/logout">退出</a>
</div>
</li>
</ul>
</div>
@ -54,12 +65,12 @@
</div>
</div>
<div class="news">
<div class="head-news">
<h3>
<div class="head-news" v-cloak>
<a :href="'route/web/detail.html?contentId=' + headNews.articleContentId" :title="headNews.articleContentTitle">
<img src="assets/web/images/head-news.png" alt="">
坚定不移走中国特色解决民族问题的正确道路
</h3>
<p>论学习贯彻习近平总书记中央民族工作会议重要讲话</p>
{{headNews.articleContentTitle}}
</a>
<p>{{headNews.articleContentSubTitle}}</p>
</div>
<div class="news-box">
<div class="news-box-title">
@ -71,63 +82,29 @@
</div>
<div class="news-slide">
<div class="news-left">
<ul>
<li>
<a href="javascript:void(0);">
落实监察官法 忠诚履职尽责 | 政治过硬 本领高强
</a>
<p>党的十八大以来，以习近平同志为核心的党中央高度重视纪检监察干部队伍建设要求纪检监察干部加强思想淬炼、政治历练、实践锻炼...</p>
</li>
<li>
<a href="javascript:void(0);">
落实监察官法 忠诚履职尽责 | 政治过硬 本领高强
</a>
</li>
<li>
<a href="javascript:void(0);">
落实监察官法 忠诚履职尽责 | 政治过硬 本领高强
</a>
</li>
<li>
<a href="javascript:void(0);">
落实监察官法 忠诚履职尽责 | 政治过硬 本领高强
</a>
</li>
<li>
<a href="javascript:void(0);">
落实监察官法 忠诚履职尽责 | 政治过硬 本领高强
<ul v-cloak>
<li v-for="(news,idx) in newsList">
<a :href="'route/web/detail.html?contentId=' + news.articleContentId" :title="news.articleContentTitle">
{{news.articleContentTitle}}
</a>
<p v-if="idx == 0">{{news.articleContentSubTitle}}</p>
</li>
</ul>
</div>
<div class="news-right">
<div class="bd">
<ul>
<li>
<ul v-cloak>
<li v-for="banner in newsBanner">
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<p>落实监察官法 忠诚履职尽责 | 政治过硬 本领高强</p>
</a>
</li>
<li>
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<p>落实监察官法 忠诚履职尽责 | 政治过硬 本领高强</p>
</a>
</li>
<li>
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<p>落实监察官法 忠诚履职尽责 | 政治过硬 本领高强</p>
<img :src="'route/file/download/true/' + banner.articleContentCoverPhotos" alt="" v-if="banner.articleContentCoverPhotos">
<p>{{banner.articleContentTitle}}</p>
</a>
</li>
</ul>
</div>
<div class="hd">
<ul>
<li></li>
<li></li>
<li></li>
<li v-for="banner in newsBanner"></li>
</ul>
</div>
</div>
@ -137,24 +114,12 @@
<div class="three-box">
<div class="three-box-title">
<span>四个清单</span>
<a href="javascript:void(0);">更多+</a>
<a href="route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc">更多+</a>
</div>
<div class="three-box-list">
<ul>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
<ul v-cloak>
<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>
</li>
</ul>
</div>
@ -162,24 +127,12 @@
<div class="three-box">
<div class="three-box-title">
<span>五项流程</span>
<a href="javascript:void(0);">更多+</a>
<a href="route/web/public.html?id=cdd5ffd5-ebd7-4901-afce-f2e98d506c97">更多+</a>
</div>
<div class="three-box-list">
<ul>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
<ul v-cloak>
<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>
</li>
</ul>
</div>
@ -187,24 +140,12 @@
<div class="three-box">
<div class="three-box-title">
<span>六本台账</span>
<a href="javascript:void(0);">更多+</a>
<a href="route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b">更多+</a>
</div>
<div class="three-box-list">
<ul>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
</li>
<li>
<a href="javascript:void(0);">党委班子主体责任清单</a>
<ul v-cloak>
<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>
</li>
</ul>
</div>
@ -217,76 +158,13 @@
<img src="assets/web/images/street-logo.png" alt="">
</div>
<div class="street-list">
<ul>
<li>
<span>01/</span>
<ul v-cloak>
<li v-for="(item,idx) in streetList" :title="item.departmentName">
<span>0{{idx+1}}/</span>
<div class="street-img-name">
<a href="javascript:void(0);">
<a :href="'route/web/street.html?departmentId=' + item.departmentId">
<img src="assets/web/images/header-bg.png" alt="">
<p>南陈屯乡</p>
</a>
</div>
</li>
<li>
<span>02/</span>
<div class="street-img-name">
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<p>南陈屯乡</p>
</a>
</div>
</li>
<li>
<span>03/</span>
<div class="street-img-name">
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<p>南陈屯乡</p>
</a>
</div>
</li>
<li>
<span>04/</span>
<div class="street-img-name">
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<p>南陈屯乡</p>
</a>
</div>
</li>
<li>
<span>05/</span>
<div class="street-img-name">
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<p>南陈屯乡</p>
</a>
</div>
</li>
<li>
<span>06/</span>
<div class="street-img-name">
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<p>南陈屯乡</p>
</a>
</div>
</li>
<li>
<span>07/</span>
<div class="street-img-name">
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<p>南陈屯乡</p>
</a>
</div>
</li>
<li>
<span>08/</span>
<div class="street-img-name">
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<p>南陈屯乡</p>
<p>{{item.departmentName}}</p>
</a>
</div>
</li>
@ -298,25 +176,15 @@
<div class="base-content">
<div class="base-title">
<img src="assets/web/images/base-logo.png" alt="">
<a href="javascript:void(0);">更多+</a>
<!-- <a href="javascript:void(0);">更多+</a>-->
</div>
<div class="base-news">
<div class="base-news-left">
<div class="bd">
<ul>
<li>
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
</a>
</li>
<li>
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
</a>
</li>
<li>
<a href="javascript:void(0);">
<img src="assets/web/images/header-bg.png" alt="">
<li v-for="(news,idx) in baseList">
<a :href="'route/web/detail.html?contentId=' + news.articleContentId">
<img :src="'route/file/download/true/' + news.articleContentCoverPhotos" alt="">
</a>
</li>
</ul>
@ -324,47 +192,10 @@
</div>
<div class="base-news-right">
<ul>
<li>
<a href="javascript:void(0);">
<span>最新</span>
"党员培训弘扬井冈山精神 传承红色基因 "
</a>
</li>
<li>
<a href="javascript:void(0);">
<span>最新</span>
"党员培训弘扬井冈山精神 传承红色基因 "
</a>
</li>
<li>
<a href="javascript:void(0);">
<span>最新</span>
"党员培训弘扬井冈山精神 传承红色基因 "
</a>
</li>
<li>
<a href="javascript:void(0);">
"党员培训弘扬井冈山精神 传承红色基因 "
</a>
</li>
<li>
<a href="javascript:void(0);">
"党员培训弘扬井冈山精神 传承红色基因 "
</a>
</li>
<li>
<a href="javascript:void(0);">
"党员培训弘扬井冈山精神 传承红色基因 "
</a>
</li>
<li>
<a href="javascript:void(0);">
"党员培训弘扬井冈山精神 传承红色基因 "
</a>
</li>
<li>
<a href="javascript:void(0);">
"党员培训弘扬井冈山精神 传承红色基因 "
<li v-for="(news,idx) in baseList">
<a :href="'route/web/detail.html?contentId=' + news.articleContentId" :title="news.articleContentTitle">
<span v-if="idx <= 2">最新</span>
{{news.articleContentTitle}}
</a>
</li>
</ul>
@ -374,10 +205,8 @@
<div class="bottom-nav-title">
门户导航
</div>
<div class="bottom-nav-list">
<a href="javascript:void(0);">中央纪委监察部</a>
<a href="javascript:void(0);">河北省纪委监察厅</a>
<a href="javascript:void(0);">沧州市纪委监察局</a>
<div class="bottom-nav-list" v-cloak>
<a :href="nav.dataSummary" v-for="nav in bottomNavList" target="_blank">{{nav.dataName}}</a>
</div>
</div>
</div>
@ -397,11 +226,192 @@
<script>
var vue = new Vue({
el: '#app',
data: {},
methods: {},
data: {
fourList: [],
fiveStep: [],
sixBook: [],
streetList: [],
bottomNavList: [],
headNews: {},
newsList: [],
newsBanner: [],
baseList: [],
weatherInfo: {},
today: ''
},
methods: {
// 头部导航跳转四五六
goPublicPage: function (id) {
window.location.href = 'route/web/public.html?id=' + id
},
// 获取四个清单
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);
});
},
// 获取街道
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() {
});
},
// 获取门户导航
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);
});
},
// 获取新闻资讯
getNews: function () {
var self = this
var info = {
page: 1,
rows: 6,
articleTypeId: '256caf34-c00e-4524-8de6-3803c0a4dff7'
}
top.restAjax.get(top.restAjax.path('api/articlecontent/listpage-publish', []), info, null, function(code, data) {
var result = []
for (let i = 0; i < data.rows.length; i++) {
if (i == 0) {
self.headNews = data.rows[i]
} else {
result.push(data.rows[i])
}
}
self.newsList = result
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取新闻轮播
getNewsBanner: function () {
var self = this
var info = {
page: 1,
rows: 3,
articleTypeId: 'ed2fae3a-c89d-4a2d-9c4c-defc250f1436'
}
top.restAjax.get(top.restAjax.path('api/articlecontent/listpage-publish', []), info, null, function(code, data) {
console.log(data)
self.newsBanner = data.rows
self.$nextTick(function () {
jQuery(".news-right").slide({mainCell:".bd ul",effect:"left",autoPlay:true,trigger:"click"});
})
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取基层风采
getBaseNews: function () {
var self = this
var info = {
page: 1,
rows: 8,
articleTypeId: 'ccb93228-d911-4384-ad7d-26fda5182105'
}
top.restAjax.get(top.restAjax.path('api/articlecontent/listpage-publish', []), info, null, function(code, data) {
self.baseList = data.rows
self.$nextTick(function () {
jQuery(".base-news-left").slide({mainCell:".bd ul",effect:"left",autoPlay:true,trigger:"click"});
})
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取天气
getWeahther: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/weather/get-weather-now', []), {}, null, function(code, data) {
self.weatherInfo = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex);
});
},
// 获取日期
getDate: function () {
var myDate = new Date;
var year = myDate.getFullYear(); //获取当前年
var mon = myDate.getMonth() + 1; //获取当前月
var date = myDate.getDate(); //获取当前日
var week = myDate.getDay();
var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
this.today = year + "年" + mon + "月" + date + "日 " + weeks[week]
}
},
mounted: function () {
jQuery(".news-right").slide({mainCell:".bd ul",effect:"left",autoPlay:true,trigger:"click"});
jQuery(".base-news-left").slide({mainCell:".bd ul",effect:"left",autoPlay:true,trigger:"click"});
this.getFourList()
this.getFiveStep()
this.getSixBook()
this.getStreet()
this.getGateNav()
this.getNews()
this.getNewsBanner()
this.getBaseNews()
this.getWeahther()
this.getDate()
}
})
</script>