233 lines
9.7 KiB
HTML
233 lines
9.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/style.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>
|
||
<div class="nav child">
|
||
<ul class="clearFloat" v-cloak>
|
||
<li>
|
||
<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>
|
||
</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>
|
||
|
||
<div class="street-container">
|
||
<div class="street-type">
|
||
<div class="type-title">信息类目</div>
|
||
<ul>
|
||
<li>
|
||
<a href="route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc">四个清单</a>
|
||
</li>
|
||
<li>
|
||
<a href="route/web/public.html?id=cdd5ffd5-ebd7-4901-afce-f2e98d506c97">五项流程</a>
|
||
</li>
|
||
<li>
|
||
<a href="route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b">六本台账</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="org-detail">
|
||
<div class="type-title">机构概况</div>
|
||
<div class="detail-box">
|
||
<p>{{streetInfo}}</p>
|
||
</div>
|
||
</div>
|
||
<div class="street-notice">
|
||
<div class="street-notice-box">
|
||
<div class="notice-title">
|
||
<div class="type-title">星级平台展示</div>
|
||
<a :href="'route/web/platform-show.html?departmentId=' + departmentId">MORE+</a>
|
||
</div>
|
||
<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>
|
||
|
||
</div>
|
||
<div class="street-leader">
|
||
<div class="notice-title">
|
||
<div class="type-title">领导班子</div>
|
||
<a :href="'route/web/leader.html?departmentId=' + departmentId">MORE+</a>
|
||
</div>
|
||
<div class="leader-box" v-cloak>
|
||
<a :href="'route/web/leader-detail.html?userId=' + leaderInfo.departmentMemberId">
|
||
<div class="leader-avatar">
|
||
<img :src="'route/file/download/false/' + leaderInfo.departmentMemberPhoto" alt="">
|
||
</div>
|
||
<div class="leader-info">
|
||
<h3>{{leaderInfo.departmentMemberName}}</h3>
|
||
<p>{{leaderInfo.departmentMemberPosition}}</p>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer">
|
||
<!-- 版权所有：杭锦旗纪委监察局 备案号：蒙ICP备 14000612 技术支持：内蒙古成迈信息科技有限公司（0471-5316868）-->
|
||
</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: '',
|
||
streetInfo: '',
|
||
leaderInfo: {},
|
||
newsList: []
|
||
},
|
||
methods: {
|
||
getStreetInfo: function () {
|
||
var self = this
|
||
top.restAjax.get(top.restAjax.path('api/departmentsynopsis/get-by-departmentid/{departmentId}', [self.departmentId]), {}, null, function(code, data) {
|
||
self.streetInfo = data.departmentSynopsisContent
|
||
}, function(code, data) {
|
||
layer.msg(data.msg);
|
||
}, function() {
|
||
// loadLayerIndex1 = layer.load(0, {shade: false});
|
||
}, function() {
|
||
// layer.close(loadLayerIndex1);
|
||
});
|
||
},
|
||
getLeader: function () {
|
||
var self = this
|
||
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]
|
||
}, function(code, data) {
|
||
layer.msg(data.msg);
|
||
}, function() {
|
||
// loadLayerIndex1 = layer.load(0, {shade: false});
|
||
}, function() {
|
||
// layer.close(loadLayerIndex1);
|
||
});
|
||
},
|
||
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);
|
||
});
|
||
}
|
||
},
|
||
mounted: function () {
|
||
this.departmentId = restAjax.params(window.location.href).departmentId
|
||
this.getStreetInfo()
|
||
this.getLeader()
|
||
this.getNewsList()
|
||
$('.detail-box').niceScroll()
|
||
}
|
||
})
|
||
</script>
|
||
</body>
|
||
</html>
|