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

0610

Browse Source
This commit is contained in:
dong_bo0602 2021-06-10 18:12:37 +08:00
parent 5359c81835
commit 4735514efb
10 changed files with 882 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -38,13 +38,13 @@
.news .news-box .box-title span{font-size:18px}
.news .news-box .box-title a{font-size:16px;float:right;color:#fff}
.news .news-box .news-list{padding:0 10px}
.news .news-box .news-list ul{height:304px}
.news .news-box .news-list ul{height:243px}
.news .news-box .news-list ul li{border-bottom:1px dashed #dcdcdc;height:60px;line-height:60px;font-size:16px;color:#333;background: #fff}
.news .news-box .news-list ul li:last-child{border:none}
.news .news-box .news-list ul li:hover,.news .news-box .news-list ul li:hover a{color:#064ec0}
.news .news-box .news-list ul li a{color:#333;display:inline-block;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news .news-box .news-list ul li a{color:#333;display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news .news-box .news-list ul li span{float:right}
.slide-news{position: relative;z-index: 100;width:1200px;margin:0 auto 30px;overflow:hidden}
.slide-news{position: relative;z-index: 100;width:1200px;margin:30px auto;}
.slide-news .slide{width:66%;height:420px;float:left}
.slide .bd a{display:block;position:relative}
.dynamic-news,.slide{position:relative}
@ -53,7 +53,7 @@
.dynamic-news>a.prev:hover,.slide>a.prev:hover{background:url(../images/prev-on.png) no-repeat center}
.dynamic-news>a.next,.slide>a.next{right:10px;background:url(../images/next.png) no-repeat center;background-size:100% 100%}
.dynamic-news>a.next:hover,.slide>a.next:hover{background:url(../images/next-on.png) no-repeat center}
.slide .bd a img{width:100%;height:380px}
.slide .bd a img{width:100%;height:420px}
.slide-text{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;font-size:14px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:40px;line-height:40px;padding:0 10px;box-sizing:border-box}
.slide-news .exposure-news{width:32%;float:right}
.exposure-box{float:left;width:96px}
@ -163,6 +163,12 @@
.news-container .news-list ul li a{display: inline-block;max-width: 65%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color: #333;}
.news-container .news-list ul li a:hover{color: #064ec0}
.news-container .news-list ul li span{float: right;font-size: 18px;color: #333}
.street{width: 32%;background: #fff;padding: 15px;box-sizing: border-box;box-shadow: 0 0 10px #eee;float:right;overflow:hidden;height: 420px;}
.street-box{width: 100%;height: 100%;}
.street a{display: block;padding: 0 5px;box-sizing:border-box;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;float:left;margin-bottom: 10px;width:49%;background: #064ec0;color: #fff;text-align: center;line-height: 35px;border-radius: 5px;}
.street a:hover{background: rgba(6,78,192,0.8)}
.street a:nth-child(even){float:right}
.street a img{display: block;margin: 5px auto 0;}
@media (min-width: 1420px){
.banner{
height: 450px
@ -183,3 +189,217 @@
min-width: 1200px;
}
}
.street-container{
width: 1200px;
margin: 20px auto;
overflow: hidden;
}
.street-type{
float: left;
width: 350px;
min-height: 550px;
background: #fff;
}
.type-title{
padding: 0 20px;
height: 40px;
line-height: 40px;
background: #064ec0;
color: #fff;
}
.street-type ul{
padding: 15px;
font-size: 14px;
}
.street-type ul li{
margin-bottom: 12px;
padding-left: 28px;
background: url("../images/type-icon.png") no-repeat left center;
}
.street-type ul li a{
display: block;
font-size: 14px;
color: #333;
}
.org-detail{
float: left;
width: 500px;
margin: 0 20px 0;
background: #fff;
}
.detail-box{
padding: 10px 15px;
min-height: 510px;
box-sizing: border-box;
}
.street-notice{
float: left;
width: 310px;
}
.street-notice-box{
background: #fff;
margin-bottom: 20px;
}
.notice-title{
overflow: hidden;
border-bottom: 1px solid #064ec0;
}
.notice-title .type-title{
display: inline-block;
padding: 0 15px;
}
.notice-title a{
float: right;
line-height: 40px;
margin-right: 10px;
}
.street-notice ul{
padding: 0 15px;
}
.street-notice ul li{
height: 50px;
line-height: 50px;
border-bottom: 1px dashed #ddd;
}
.street-notice ul li:last-child{
border: none;
}
.street-notice ul li a{
display: inline-block;
max-width: 65%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
color: #333;
}
.street-notice ul li span{
font-size: 14px;
color: #333;
float: right;
}
.street-leader{
background: #fff;
}
.leader-box{
padding: 37px 15px;
overflow: hidden;
}
.leader-avatar{
float: left;
width: 100px;
height: 120px;
}
.leader-avatar img{
width: 100%;
height: 100%;
}
.leader-info{
width: 170px;
float:right;
}
.leader-info h3{
font-size: 18px;
color: #000;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.leader-info p{
font-size: 14px;
color: #333;
}
.leader{
width: 1200px;
margin: 20px auto;
background: #fff;
}
.leader-title{
border-bottom: 1px solid #064ec0;
}
.leader-list{
min-height: 550px;
}
.leader-title span{
display: inline-block;
padding: 0 15px;
background: #064ec0;
color: #fff;
line-height: 40px;
}
.leader-list ul{
padding-bottom: 18px;
}
.leader-list ul li{
float:left;
width: 140px;
margin: 18px 49px 0 49px;
}
.leader-list ul li:nth-child(5n){
margin-right: 0;
}
.leader-list ul li a{
display: block;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.avatar-leader{
width: 100%;
height: 180px;
overflow: hidden;
position: relative;
}
.avatar-leader img.avatar{
width: 100%;
height: 100%;
transition: all .5s;
}
.avatar-leader img.default-avatar{
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.leader-list ul li:hover img.avatar{
transform: scale(1.05);
}
.leader-list ul li a span{
color: #00a1f4;
font-size: 16px;
line-height: 30px;
}
.leader-list ul li a p{
color: #888;
font-size: 16px;
}
.leader-content{
width: 1200px;
margin: 20px auto 40px;
background: #fff;
}
.leader-info-top{
text-align: center;
padding: 50px 0;
}
.leader-info-top img{
width: 180px;
height: 228px;
margin-bottom: 20px;
}
.leader-info-top p{
font-size: 16px;
margin-bottom: 5px;
}
.info-bottom-title{
padding: 0 35px;
background: #e6ecf3;
line-height: 50px;
}
.leader-intro{
padding: 20px 35px;
}

BIN
src/main/resources/static/assets/web/images/default-avatar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1019 B

BIN
src/main/resources/static/assets/web/images/street-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 889 B

BIN
src/main/resources/static/assets/web/images/type-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

34
src/main/resources/static/route/web/index.html
View File

@ -83,23 +83,23 @@
</ul>
</div>
</div>
<div class="mid-link">
<img src="assets/web/images/text.png" alt="" class="text">
<div class="link">
<a href="javascript: void(0);" class="link-box">
<img src="assets/web/images/mid-img1.png" alt="">
</a>
<a href="javascript: void(0);" class="link-box">
<img src="assets/web/images/mid-img2.png" alt="">
</a>
<a href="javascript: void(0);" class="link-box">
<img src="assets/web/images/mid-img3.png" alt="">
</a>
<a href="javascript: void(0);" class="link-box">
<img src="assets/web/images/mid-img4.png" alt="">
</a>
</div>
</div>
<!-- <div class="mid-link">-->
<!-- <img src="assets/web/images/text.png" alt="" class="text">-->
<!-- <div class="link">-->
<!-- <a href="javascript: void(0);" class="link-box">-->
<!-- <img src="assets/web/images/mid-img1.png" alt="">-->
<!-- </a>-->
<!-- <a href="javascript: void(0);" class="link-box">-->
<!-- <img src="assets/web/images/mid-img2.png" alt="">-->
<!-- </a>-->
<!-- <a href="javascript: void(0);" class="link-box">-->
<!-- <img src="assets/web/images/mid-img3.png" alt="">-->
<!-- </a>-->
<!-- <a href="javascript: void(0);" class="link-box">-->
<!-- <img src="assets/web/images/mid-img4.png" alt="">-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<div class="news clearFloat">
<div class="news-box">
<div class="box-title">

142
src/main/resources/static/route/web/leader-detail.html Normal file
View File

@ -0,0 +1,142 @@
<!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="leader-content" v-cloak>
<div class="leader-info-top">
<img :src="'route/file/download/true/' + leaderInfo.userAvatar" alt="" v-if="leaderInfo.userAvatar">
<img src="assets/web/images/default-avatar.png" alt="" v-else>
<p>{{leaderInfo.userName}}</p>
<p>{{leaderInfo.positionNames}}</p>
</div>
<div class="leader-info-bottom">
<div class="info-bottom-title">领导简介</div>
<div class="leader-intro">
{{leaderInfo.userExpand}}
</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>
var vue = new Vue({
el: '#app',
data: {
userId: '',
leaderInfo: {}
},
methods: {
getLeaderInfo: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/departmentBase/get-by-user-id/{userId} ', [self.userId]), {}, null, function(code, data) {
console.log(data)
self.leaderInfo = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex1 = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex1);
});
}
},
mounted: function () {
this.userId = restAjax.params(window.location.href).userId
this.getLeaderInfo()
}
})
</script>
</body>
</html>

148
src/main/resources/static/route/web/leader.html Normal file
View File

@ -0,0 +1,148 @@
<!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 :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>
<div class="leader">
<div class="leader-title">
<span>领导班子</span>
</div>
<div class="leader-list">
<ul class="clearFloat" v-cloak>
<li v-for="leader in leaderList">
<a :href="'route/web/leader-detail.html?userId=' + leader.userId">
<div class="avatar-leader">
<img :src="'route/file/download/true/' + leader.userAvatar" alt="" v-if="leader.userAvatar" class="avatar">
<img src="assets/web/images/default-avatar.png" alt="" v-else class="default-avatar">
</div>
<span>{{leader.userName}}</span>
<p>{{leader.positionNames}}</p>
</a>
</li>
</ul>
</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>
var vue = new Vue({
el: '#app',
data: {
departmentId: '',
leaderList: []
},
methods: {
getLeader: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/departmentBase/list-user/{departmentId}', [self.departmentId]), {}, null, function(code, data) {
console.log(data)
self.leaderList = data
}, 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.getLeader()
}
})
</script>
</body>
</html>

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

@ -280,7 +280,9 @@
loadLayerIndex: '',
pageId: '',
bottomNavList: [],
countInfo: {}
countInfo: {},
initLeft: '',
curContentId: ''
},
methods: {
// 饼图
@ -334,12 +336,19 @@
var self = this;
top.restAjax.get(top.restAjax.path('api/indexlib/listztreeweb/{indexLibParentId}', [self.curId]), {}, null, function(code, data) {
self.navList = data
if (data.length > 0) {
if (self.initLeft != '') {
self.$nextTick(function () {
self.getDefault(data[0])
$('#item' + self.curContentId).addClass('active')
})
self.getMainList(self.curContentId)
} else {
self.getMainList(self.curId)
if (data.length > 0) {
self.$nextTick(function () {
self.getDefault(data[0])
})
} else {
self.getMainList(self.curId)
}
}
}, function(code, data) {
layer.msg(data.msg);
@ -394,7 +403,6 @@
self.getMainList(id)
}
} else {
node.toggleClass('active')
node.parent().siblings().find('.tab-title').removeClass('active')
node.parent().siblings().find('.tab-title').removeClass('bordered')
@ -409,6 +417,7 @@
getMainList: function (id) {
var self = this;
self.mainList = []
console.log(id)
// var loadLayerIndex;
top.restAjax.get(top.restAjax.path('api/indexlib/listpageweb/{indexLibParentId}', [id]), self.page, null, function(code, data) {
for (let i = 0; i < data.rows.length; i++) {
@ -495,9 +504,15 @@
}
},
mounted: function () {
this.curId = restAjax.params(window.location.href).id
this.pageId = restAjax.params(window.location.href).id
var id = restAjax.params(window.location.href).id
this.curId = id
this.pageId = id
if (restAjax.params(window.location.href).idx != undefined) {
this.initLeft = restAjax.params(window.location.href).idx
this.curContentId = restAjax.params(window.location.href).contentId
} else {
this.initLeft = ''
}
this.getNav()
// this.getTopNav()
this.getGateNav()

210
src/main/resources/static/route/web/street.html Normal file
View File

@ -0,0 +1,210 @@
<!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.departmentSummary}}</p>
</div>
</div>
<div class="street-notice">
<div class="street-notice-box">
<div class="notice-title">
<div class="type-title">通知公告</div>
<a href="">MORE+</a>
</div>
<ul>
<li>
<a href="">标题</a>
<span>2020-01-01</span>
</li>
<li>
<a href="">标题</a>
<span>2020-01-01</span>
</li>
<li>
<a href="">标题</a>
<span>2020-01-01</span>
</li>
<li>
<a href="">标题</a>
<span>2020-01-01</span>
</li>
<li>
<a href="">标题</a>
<span>2020-01-01</span>
</li>
</ul>
</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>
<div class="leader-avatar">
<img :src="'route/file/download/false/' + leaderInfo.userAvatar" alt="">
</div>
<div class="leader-info">
<h3>{{leaderInfo.userName}}</h3>
<p>{{leaderInfo.positionNames}}</p>
</div>
</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: {}
},
methods: {
getStreetInfo: function () {
var self = this
top.restAjax.get(top.restAjax.path('api/department/get/{departmentId}', [self.departmentId]), {}, null, function(code, data) {
self.streetInfo = data
}, 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/departmentBase/list-user-boss/{departmentId}', [self.departmentId]), {}, null, function(code, data) {
self.leaderInfo = data[0]
console.log(self.leaderInfo)
}, 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()
}
})
</script>
</body>
</html>

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

@ -94,100 +94,90 @@
</ul>
</div>
</div>
<div class="mid-link">
<img src="assets/web/images/text.png" alt="" class="text">
<div class="link">
<a href="route/web/list.html?title=最新动态&id=045d07ca-4300-4071-81ed-b3c549915820" class="link-box">
<img src="assets/web/images/mid-img1.png" alt="">
</a>
<a href="route/web/list.html?title=党纪法规&id=b6ca6135-d469-453b-93d5-8a3f47340f0a" class="link-box">
<img src="assets/web/images/mid-img2.png" alt="">
</a>
<a href="route/web/list.html?title=通知公告&id=e1b31bdd-4537-4c97-ae59-d2a922a61cbd" class="link-box">
<img src="assets/web/images/mid-img3.png" alt="">
</a>
<a href="route/web/list.html?title=通报曝光&id=e50b0c87-2416-4995-8561-f7502c1e2cdd" class="link-box">
<img src="assets/web/images/mid-img4.png" alt="">
</a>
<!-- <div class="mid-link">-->
<!-- <img src="assets/web/images/text.png" alt="" class="text">-->
<!-- <div class="link">-->
<!-- <a href="route/web/list.html?title=最新动态&id=045d07ca-4300-4071-81ed-b3c549915820" class="link-box">-->
<!-- <img src="assets/web/images/mid-img1.png" alt="">-->
<!-- </a>-->
<!-- <a href="route/web/list.html?title=党纪法规&id=b6ca6135-d469-453b-93d5-8a3f47340f0a" class="link-box">-->
<!-- <img src="assets/web/images/mid-img2.png" alt="">-->
<!-- </a>-->
<!-- <a href="route/web/list.html?title=通知公告&id=e1b31bdd-4537-4c97-ae59-d2a922a61cbd" class="link-box">-->
<!-- <img src="assets/web/images/mid-img3.png" alt="">-->
<!-- </a>-->
<!-- <a href="route/web/list.html?title=通报曝光&id=e50b0c87-2416-4995-8561-f7502c1e2cdd" class="link-box">-->
<!-- <img src="assets/web/images/mid-img4.png" alt="">-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<div class="slide-news clearFloat">
<div class="slide">
<div class="bd">
<ul v-cloak>
<li v-for="banner in bannerList">
<a :href="'route/web/detail.html?contentId=' + banner.contentId">
<img :src="'route/file/download/true/' + banner.coverPhotos" alt="" v-if="banner.coverPhotos">
<img src="assets/web/images/slide.png" alt="" v-else>
<div class="slide-text">{{banner.title}}</div>
</a>
</li>
</ul>
</div>
<a href="javascript: void(0);" class="prev"></a>
<a href="javascript: void(0);" class="next"></a>
</div>
<div class="street">
<div class="street-box" v-cloak>
<a :href="'route/web/street.html?departmentId=' + item.departmentId" v-for="item in streetList" :title="item.departmentName">
<img src="assets/web/images/street-icon.png" alt="">
{{ item.departmentName }}
</a>
</div>
</div>
</div>
</div>
<div class="news clearFloat">
<div class="news-box">
<div class="box-title">
<span>最新动态</span>
<span>四个清单</span>
<a href="route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc">更多></a>
</div>
<div class="news-list">
<ul v-cloak>
<li v-for="news in weekNews">
<a :href="'route/web/detail.html?contentId=' + news.contentId" :title="news.title">{{news.title}}</a>
<span>{{news.publishDate}}</span>
<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>
</div>
<div class="news-box">
<div class="box-title">
<span>党纪法规</span>
<span>五项流程</span>
<a href="route/web/public.html?id=cdd5ffd5-ebd7-4901-afce-f2e98d506c97">更多></a>
</div>
<div class="news-list">
<ul v-cloak>
<li v-for="news in dynamicList">
<a :href="'route/web/detail.html?contentId=' + news.contentId" :title="news.title">{{news.title}}</a>
<span>{{news.publishDate}}</span>
<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>
</div>
<div class="news-box">
<div class="box-title">
<span>通知公告</span>
<span>六本台账</span>
<a href="route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b">更多></a>
</div>
<div class="news-list">
<ul v-cloak>
<li v-for="news in infoPublic">
<a :href="'route/web/detail.html?contentId=' + news.contentId" :title="news.title">{{news.title}}</a>
<span>{{news.publishDate}}</span>
<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>
</div>
</div>
<!-- <div class="slide-news">-->
<!-- <div class="slide">-->
<!-- <div class="bd">-->
<!-- <ul v-cloak>-->
<!-- <li v-for="banner in bannerList">-->
<!-- <a :href="'route/web/detail.html?contentId=' + banner.contentId">-->
<!-- <img :src="'route/file/download/true/' + banner.coverPhotos" alt="" v-if="banner.coverPhotos">-->
<!-- <img src="assets/web/images/slide.png" alt="" v-else>-->
<!-- <div class="slide-text">{{banner.title}}</div>-->
<!-- </a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- <a href="javascript: void(0);" class="prev"></a>-->
<!-- <a href="javascript: void(0);" class="next"></a>-->
<!-- </div>-->
<!-- <div class="exposure-news">-->
<!-- <div class="exposure">-->
<!-- <div class="exposure-box">-->
<!-- <img src="assets/web/images/exposure.png" alt="">-->
<!-- </div>-->
<!-- <div class="exposure-title" v-cloak>-->
<!-- <a :href="'route/web/detail.html?contentId=' + exposureFirst.contentId">{{exposureFirst.title}}</a>-->
<!-- <p>{{exposureFirst.publishDate}}</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="exposure-news-list">-->
<!-- <ul v-cloak>-->
<!-- <li v-for="news in exposureList">-->
<!-- <a :href="'route/web/detail.html?contentId=' + news.contentId" :title="news.title">{{news.title}}</a>-->
<!-- <span>{{news.publishDate}}</span>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="bottom-nav">
<div class="nav-title">门户导航</div>
<div class="nav-list" v-cloak>
@ -204,6 +194,7 @@
<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',
@ -215,7 +206,11 @@
infoPublic: [],
exposureList: [],
exposureFirst: {},
bannerList: []
bannerList: [],
streetList: [],
fourList: [],
fiveStep: [],
sixBook: []
},
methods: {
// 获取顶部导航
@ -333,6 +328,57 @@
}, function() {
});
},
// 获取街道
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() {
});
},
// 获取四个清单
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) {
console.log(data)
self.sixBook = data
}, function(code, data) {
layer.msg(data.msg);
}, function() {
// loadLayerIndex1 = layer.load(0, {shade: false});
}, function() {
// layer.close(loadLayerIndex1);
});
}
},
mounted: function () {
// this.getTopNav()
@ -341,8 +387,13 @@
this.getLatestDynamic()
this.getInfoPublic()
// this.getExposure()
// this.getBanner()
this.getBanner()
this.getStreet()
this.getFourList()
this.getFiveStep()
this.getSixBook()
$('.street-box').niceScroll()
$('.news-list ul').niceScroll()
}
})
</script>