Tenlion/twoduty
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
fa9c22aead
twoduty/src/main/resources/static/route/web/street.html

233 lines
9.7 KiB
HTML
Raw Normal View History

0610
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">
</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">
0616
2021-06-16 10:40:10 +08:00
<p>{{streetInfo}}</p>
0610
2021-06-10 18:12:37 +08:00
</div>
</div>
<div class="street-notice">
<div class="street-notice-box">
<div class="notice-title">
0611
2021-06-11 10:58:53 +08:00
<div class="type-title">星级平台展示</div>
<a :href="'route/web/platform-show.html?departmentId=' + departmentId">MORE+</a>
0610
2021-06-10 18:12:37 +08:00
</div>
0611
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>
0610
2021-06-10 18:12:37 +08:00
</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>
0616
2021-06-16 10:40:10 +08:00
<a :href="'route/web/leader-detail.html?userId=' + leaderInfo.departmentMemberId">
0611
2021-06-11 10:58:53 +08:00
<div class="leader-avatar">
0616
2021-06-16 10:40:10 +08:00
<img :src="'route/file/download/false/' + leaderInfo.departmentMemberPhoto" alt="">
0611
2021-06-11 10:58:53 +08:00
</div>
<div class="leader-info">
0616
2021-06-16 10:40:10 +08:00
<h3>{{leaderInfo.departmentMemberName}}</h3>
<p>{{leaderInfo.departmentMemberPosition}}</p>
0611
2021-06-11 10:58:53 +08:00
</div>
</a>
0610
2021-06-10 18:12:37 +08:00
</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: '',
0616
2021-06-16 10:40:10 +08:00
streetInfo: '',
0611
2021-06-11 10:58:53 +08:00
leaderInfo: {},
newsList: []
0610
2021-06-10 18:12:37 +08:00
},
methods: {
getStreetInfo: function () {
var self = this
0616
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
0610
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
0616
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]
0610
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);
});
0611
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);
});
0610
2021-06-10 18:12:37 +08:00
}
},
mounted: function () {
this.departmentId = restAjax.params(window.location.href).departmentId
this.getStreetInfo()
this.getLeader()
0611
2021-06-11 10:58:53 +08:00
this.getNewsList()
$('.detail-box').niceScroll()
0610
2021-06-10 18:12:37 +08:00
}
})
</script>
</body>
</html>
Reference in New Issue Copy Permalink