2021-06-10 18:12:37 +08:00
|
|
|
<!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/style.css">
|
2021-09-01 17:03:43 +08:00
|
|
|
<link rel="stylesheet" href="assets/web/css/index.css">
|
2021-06-10 18:12:37 +08:00
|
|
|
</head>
|
|
|
|
|
<body style="background: #f4f4f4">
|
|
|
|
|
<div id="app">
|
2021-09-01 17:03:43 +08:00
|
|
|
<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>
|
2021-06-10 18:12:37 +08:00
|
|
|
</div>
|
2021-09-01 17:03:43 +08:00
|
|
|
<div class="logo-nav">
|
|
|
|
|
<div class="logo-nav-content">
|
|
|
|
|
<div class="logo">
|
2021-06-10 18:12:37 +08:00
|
|
|
<a href="indexweb">
|
2021-09-01 17:03:43 +08:00
|
|
|
<img src="assets/web/images/logo.png" alt="">
|
2021-06-10 18:12:37 +08:00
|
|
|
</a>
|
2021-09-01 17:03:43 +08:00
|
|
|
</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>
|
2021-06-10 18:12:37 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="street-container">
|
|
|
|
|
<div class="street-type">
|
|
|
|
|
<div class="type-title">信息类目</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li>
|
2021-06-17 10:32:45 +08:00
|
|
|
<a :href="'route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc&departmentId=' + departmentId">四个清单</a>
|
2021-06-10 18:12:37 +08:00
|
|
|
</li>
|
|
|
|
|
<li>
|
2021-06-17 10:32:45 +08:00
|
|
|
<a :href="'route/web/public.html?id=cdd5ffd5-ebd7-4901-afce-f2e98d506c97&departmentId=' + departmentId">五项流程</a>
|
2021-06-10 18:12:37 +08:00
|
|
|
</li>
|
|
|
|
|
<li>
|
2021-06-17 10:32:45 +08:00
|
|
|
<a :href="'route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b&departmentId=' + departmentId">六本台账</a>
|
2021-06-10 18:12:37 +08:00
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="org-detail">
|
|
|
|
|
<div class="type-title">机构概况</div>
|
2021-06-23 10:15:36 +08:00
|
|
|
<div class="detail-box" v-html="streetInfo">
|
|
|
|
|
<!--<p>{{streetInfo}}</p>-->
|
2021-06-10 18:12:37 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="street-notice">
|
|
|
|
|
<div class="street-notice-box">
|
|
|
|
|
<div class="notice-title">
|
2021-06-11 10:58:53 +08:00
|
|
|
<div class="type-title">星级平台展示</div>
|
|
|
|
|
<a :href="'route/web/platform-show.html?departmentId=' + departmentId">MORE+</a>
|
2021-06-10 18:12:37 +08:00
|
|
|
</div>
|
2021-06-11 10:58:53 +08:00
|
|
|
<div class="news-slide">
|
|
|
|
|
<div class="bd">
|
|
|
|
|
<ul v-cloak>
|
|
|
|
|
<li v-for="news in newsList">
|
|
|
|
|
<a :href="'route/web/detail.html?contentId=' + news.contentId" target="_blank" :title="news.title">
|
|
|
|
|
<img :src="'route/file/download/true/' + news.coverPhotos" alt="">
|
|
|
|
|
<p>{{news.title}}</p>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-06-10 18:12:37 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="street-leader">
|
|
|
|
|
<div class="notice-title">
|
2021-07-22 15:43:57 +08:00
|
|
|
<div class="type-title">纪检干部</div>
|
2021-06-10 18:12:37 +08:00
|
|
|
<a :href="'route/web/leader.html?departmentId=' + departmentId">MORE+</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="leader-box" v-cloak>
|
2021-06-16 10:40:10 +08:00
|
|
|
<a :href="'route/web/leader-detail.html?userId=' + leaderInfo.departmentMemberId">
|
2021-06-11 10:58:53 +08:00
|
|
|
<div class="leader-avatar">
|
2021-06-16 10:40:10 +08:00
|
|
|
<img :src="'route/file/download/false/' + leaderInfo.departmentMemberPhoto" alt="">
|
2021-06-11 10:58:53 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="leader-info">
|
2021-06-16 10:40:10 +08:00
|
|
|
<h3>{{leaderInfo.departmentMemberName}}</h3>
|
|
|
|
|
<p>{{leaderInfo.departmentMemberPosition}}</p>
|
2021-06-11 10:58:53 +08:00
|
|
|
</div>
|
|
|
|
|
</a>
|
2021-06-10 18:12:37 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="footer">
|
2021-08-10 16:52:17 +08:00
|
|
|
版权所有：沧州市运河区纪律检查委员会
|
2021-06-10 18:12:37 +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>
|
|
|
|
|
<script src="assets/js/restajax.js"></script>
|
|
|
|
|
<script src="assets/web/layer-v3.3.0/layer/layer.js"></script>
|
|
|
|
|
<script src="assets/web/js/nicescroll.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
var vue = new Vue({
|
|
|
|
|
el: '#app',
|
|
|
|
|
data: {
|
|
|
|
|
departmentId: '',
|
2021-06-16 10:40:10 +08:00
|
|
|
streetInfo: '',
|
2021-06-11 10:58:53 +08:00
|
|
|
leaderInfo: {},
|
2021-09-01 17:03:43 +08:00
|
|
|
newsList: [],
|
|
|
|
|
weatherInfo: {},
|
|
|
|
|
today: ''
|
2021-06-10 18:12:37 +08:00
|
|
|
},
|
|
|
|
|
methods: {
|
2021-09-01 17:03:43 +08:00
|
|
|
// 头部导航跳转四五六
|
|
|
|
|
goPublicPage: function (id) {
|
|
|
|
|
window.location.href = 'route/web/public.html?id=' + id
|
|
|
|
|
},
|
2021-06-10 18:12:37 +08:00
|
|
|
getStreetInfo: function () {
|
|
|
|
|
var self = this
|
2021-06-16 10:40:10 +08:00
|
|
|
top.restAjax.get(top.restAjax.path('api/departmentsynopsis/get-by-departmentid/{departmentId}', [self.departmentId]), {}, null, function(code, data) {
|
|
|
|
|
self.streetInfo = data.departmentSynopsisContent
|
2021-06-10 18:12:37 +08:00
|
|
|
}, function(code, data) {
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
}, function() {
|
|
|
|
|
// loadLayerIndex1 = layer.load(0, {shade: false});
|
|
|
|
|
}, function() {
|
|
|
|
|
// layer.close(loadLayerIndex1);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
getLeader: function () {
|
|
|
|
|
var self = this
|
2021-06-16 10:40:10 +08:00
|
|
|
top.restAjax.get(top.restAjax.path('api/departmentmember/list-page-departmentid', [self.departmentId]), {
|
|
|
|
|
page: 1,
|
|
|
|
|
rows: 1,
|
|
|
|
|
departmentId: self.departmentId
|
|
|
|
|
}, null, function(code, data) {
|
|
|
|
|
self.leaderInfo = data.rows[0]
|
2021-06-10 18:12:37 +08:00
|
|
|
}, function(code, data) {
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
}, function() {
|
|
|
|
|
// loadLayerIndex1 = layer.load(0, {shade: false});
|
|
|
|
|
}, function() {
|
|
|
|
|
// layer.close(loadLayerIndex1);
|
|
|
|
|
});
|
2021-06-11 10:58:53 +08:00
|
|
|
},
|
|
|
|
|
getNewsList: function () {
|
|
|
|
|
var self = this
|
|
|
|
|
var info = {
|
|
|
|
|
page: 1,
|
|
|
|
|
rows: 5,
|
|
|
|
|
departmentId: self.departmentId
|
|
|
|
|
}
|
|
|
|
|
top.restAjax.get(top.restAjax.path('api/contentdatabase/list-page-department', []), info, null, function(code, data) {
|
|
|
|
|
for (let i = 0; i < data.rows.length; i++) {
|
|
|
|
|
data.rows[i].coverPhotos = data.rows[i].coverPhotos.split(',')[0]
|
|
|
|
|
}
|
|
|
|
|
self.newsList = data.rows
|
|
|
|
|
self.$nextTick(function () {
|
|
|
|
|
jQuery(".news-slide").slide({mainCell:".bd ul",effect:"left",autoPlay:true});
|
|
|
|
|
})
|
|
|
|
|
}, function(code, data) {
|
|
|
|
|
layer.msg(data.msg);
|
|
|
|
|
}, function() {
|
|
|
|
|
// loadLayerIndex1 = layer.load(0, {shade: false});
|
|
|
|
|
}, function() {
|
|
|
|
|
// layer.close(loadLayerIndex1);
|
|
|
|
|
});
|
2021-09-01 17:03:43 +08:00
|
|
|
},
|
|
|
|
|
// 获取天气
|
|
|
|
|
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]
|
|
|
|
|
},
|
2021-06-10 18:12:37 +08:00
|
|
|
},
|
|
|
|
|
mounted: function () {
|
|
|
|
|
this.departmentId = restAjax.params(window.location.href).departmentId
|
|
|
|
|
this.getStreetInfo()
|
|
|
|
|
this.getLeader()
|
2021-06-11 10:58:53 +08:00
|
|
|
this.getNewsList()
|
2021-09-01 17:03:43 +08:00
|
|
|
this.getWeahther()
|
|
|
|
|
this.getDate()
|
2021-06-11 10:58:53 +08:00
|
|
|
$('.detail-box').niceScroll()
|
2021-06-10 18:12:37 +08:00
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
