197 lines
8.7 KiB
HTML
197 lines
8.7 KiB
HTML
<!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" v-if="page.articleTypeId == '3c0d1478-f75a-42a6-9bb5-7fa30d854b9b'">通知公告</div>
|
||
<div class="page-right-title" v-if="page.articleTypeId == '256caf34-c00e-4524-8de6-3803c0a4dff7'">新闻资讯</div>
|
||
<div class="page-right-title" v-if="page.articleTypeId == 'ccb93228-d911-4384-ad7d-26fda5182105'">基层风采</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: ''
|
||
},
|
||
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>
|