756 lines
32 KiB
HTML
756 lines
32 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">
|
|
<!--<style>-->
|
|
<!--.slide{padding: 15px 0;box-sizing: border-box;}-->
|
|
<!--.slide .bd a img{height: 388px;}-->
|
|
<!--.slide .hd{bottom: 29px;}-->
|
|
<!--</style>-->
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div class="header">
|
|
<div class="banner">
|
|
<img src="assets/web/images/banner6.png" alt="">
|
|
</div>
|
|
<div class="nav">
|
|
<ul class="clearFloat" v-cloak>
|
|
<li class="active">
|
|
<a href="javascript: void(0);">
|
|
<div class="left fl">
|
|
<span>首页</span>
|
|
<p>${systemTitle}</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 class="log-out">
|
|
<div class="left fl">
|
|
<!-- <span th:text="${userName}" th:if="${userUserName eq 'admin'}"></span>-->
|
|
<span th:text="${userParams.userName}"></span>
|
|
<!-- <span th:text="${userName}" th:if="${userUserName ne 'admin'}" class="not-admin"></span>-->
|
|
<!-- <a href="default-main" th:if="${userUserName eq 'admin'}">后台</a>-->
|
|
<a href="default-main">后台</a>
|
|
</div>
|
|
<div class="right fr">
|
|
<a href="oauth/logout">退出</a>
|
|
</div>
|
|
</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="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="news clearFloat">
|
|
<div class="news-box">
|
|
<div class="box-title">
|
|
<span>四个清单</span>
|
|
<a :href="'route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc&departmentId=' + departmentId">更多></a>
|
|
</div>
|
|
<div class="news-list">
|
|
<ul v-cloak>
|
|
<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>
|
|
<a :href="'route/web/public.html?id=cdd5ffd5-ebd7-4901-afce-f2e98d506c97&departmentId=' + departmentId">更多></a>
|
|
</div>
|
|
<div class="news-list">
|
|
<ul v-cloak>
|
|
<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>
|
|
<a :href="'route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b&departmentId=' + departmentId">更多></a>
|
|
</div>
|
|
<div class="news-list">
|
|
<ul v-cloak>
|
|
<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 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>
|
|
<div class="hd" v-cloak>
|
|
<ul>
|
|
<li v-for="(banner,idx) in bannerList">{{idx+1}}</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 class="count clearFloat" >
|
|
<h3>四个清单-指标上报统计</h3>
|
|
<div class="chart-box fl">
|
|
<div class="count-title">指标状态占比统计</div>
|
|
<div class="chart" id="chart4"></div>
|
|
</div>
|
|
<div class="count-container fr">
|
|
<div class="count-title">指标状态统计</div>
|
|
<div class="count-out clearFloat" v-cloak>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_1.html','6f0ec363-49a9-4174-a48f-290b69495dfc')">
|
|
<span>{{countInfo4.checkPendingNum}}</span>
|
|
<p>未审核</p>
|
|
</div>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_2.html','6f0ec363-49a9-4174-a48f-290b69495dfc')">
|
|
<span>{{countInfo4.checkPassNum}}</span>
|
|
<p>审核通过</p>
|
|
</div>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_3.html','6f0ec363-49a9-4174-a48f-290b69495dfc')">
|
|
<span>{{countInfo4.checkArchivesNum}}</span>
|
|
<p>归档</p>
|
|
</div>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_4.html','6f0ec363-49a9-4174-a48f-290b69495dfc')">
|
|
<span>{{countInfo4.checkNoPassNum}}</span>
|
|
<p>审核不通过</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="count clearFloat">
|
|
<h3>五项流程-指标上报统计</h3>
|
|
<div class="chart-box fl">
|
|
<div class="count-title">指标状态占比统计</div>
|
|
<div class="chart" id="chart5"></div>
|
|
</div>
|
|
<div class="count-container fr">
|
|
<div class="count-title">指标状态统计</div>
|
|
<div class="count-out clearFloat" v-cloak>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_1.html','cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">
|
|
<span>{{countInfo5.checkPendingNum}}</span>
|
|
<p>未审核</p>
|
|
</div>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_2.html','cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">
|
|
<span>{{countInfo5.checkPassNum}}</span>
|
|
<p>审核通过</p>
|
|
</div>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_3.html','cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">
|
|
<span>{{countInfo5.checkArchivesNum}}</span>
|
|
<p>归档</p>
|
|
</div>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_4.html','cdd5ffd5-ebd7-4901-afce-f2e98d506c97')">
|
|
<span>{{countInfo5.checkNoPassNum}}</span>
|
|
<p>审核不通过</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="count clearFloat">
|
|
<h3>六本台账-指标上报统计</h3>
|
|
<div class="chart-box fl">
|
|
<div class="count-title">指标状态占比统计</div>
|
|
<div class="chart" id="chart6"></div>
|
|
</div>
|
|
<div class="count-container fr">
|
|
<div class="count-title">指标状态统计</div>
|
|
<div class="count-out clearFloat" v-cloak>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_1.html','c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">
|
|
<span>{{countInfo6.checkPendingNum}}</span>
|
|
<p>未审核</p>
|
|
</div>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_2.html','c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">
|
|
<span>{{countInfo6.checkPassNum}}</span>
|
|
<p>审核通过</p>
|
|
</div>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_3.html','c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">
|
|
<span>{{countInfo6.checkArchivesNum}}</span>
|
|
<p>归档</p>
|
|
</div>
|
|
<div class="count-box" @click="openCountDetail('route/indexaudit/list_4.html','c912f0ff-d1e6-4346-a0cd-c955ea559a0b')">
|
|
<span>{{countInfo6.checkNoPassNum}}</span>
|
|
<p>审核不通过</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bottom-nav">
|
|
<div class="nav-title">门户导航</div>
|
|
<div class="nav-list" v-cloak>
|
|
<a :href="nav.dataSummary" v-for="nav in bottomNavList" target="_blank">{{nav.dataName}}</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
版权所有：沧州市运河区纪律检查委员会
|
|
</div>
|
|
<div class="fix-box">
|
|
<div class="fix-title">本月上报统计</div>
|
|
<div class="scroll-slide-title">
|
|
<span>单位名称</span>
|
|
<span>四</span>
|
|
<span>五</span>
|
|
<span>六</span>
|
|
</div>
|
|
<div class="scroll-slide">
|
|
<div class="bd">
|
|
<ul v-cloak>
|
|
<li v-for="(item,i) in ontWeekRoleData">
|
|
<span>{{ item.userName}}</span>
|
|
<span>{{ item.indexLib4}}</span>
|
|
<span>{{ item.indexLib5}}</span>
|
|
<span>{{ item.indexLib6}}</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--<input type="hidden" th:value="${userParams.departmentId}" class="hide-input">-->
|
|
</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 src="assets/web/js/echarts.js"></script>
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
topNavList: [],
|
|
bottomNavList: [],
|
|
weekNews: [],
|
|
dynamicList: [],
|
|
infoPublic: [],
|
|
exposureList: [],
|
|
exposureFirst: {},
|
|
bannerList: [],
|
|
streetList: [],
|
|
fourList: [],
|
|
fiveStep: [],
|
|
sixBook: [],
|
|
departmentId: '',
|
|
countInfo4: {},
|
|
countInfo5: {},
|
|
countInfo6: {},
|
|
ontWeekRoleData:{}
|
|
},
|
|
methods: {
|
|
// openCountDetail: function (path,id) {
|
|
// var self = this
|
|
// var id = id
|
|
// layer.open({
|
|
// type: 2,
|
|
// title: false,
|
|
// closeBtn: true,
|
|
// area: ['70%', '70%'],
|
|
// shadeClose: true,
|
|
// anim: 2,
|
|
// content: top.restAjax.path(path + '?indexLibIdParentId=' + '{id}' + '&departmentId=' + self.departmentId, [id]),
|
|
// end: function() {
|
|
// // self.getMainList(self.curId)
|
|
// location.reload();
|
|
// }
|
|
// });
|
|
// },
|
|
// 饼图
|
|
initChart4: function () {
|
|
var self = this;
|
|
var echartsRadar = echarts.init(document.getElementById("chart4"));
|
|
var option = {
|
|
tooltip: {
|
|
trigger: 'item',
|
|
formatter: '{b} : {c} ({d}%)'
|
|
},
|
|
legend: {
|
|
x: '0',
|
|
y: '25px',
|
|
orient: 'vertical'
|
|
},
|
|
series: [
|
|
{
|
|
type: 'pie',
|
|
radius: '65%',
|
|
center: ['70%', '50%'],
|
|
selectedMode: 'single',
|
|
data: [
|
|
{value: self.countInfo4.checkPendingNum, name: '未审核',},
|
|
{value: self.countInfo4.checkPassNum, name: '审核通过',},
|
|
{value: self.countInfo4.checkArchivesNum, name: '归档',},
|
|
{value: self.countInfo4.checkNoPassNum, name: '审核不通过',}
|
|
],
|
|
label: {
|
|
normal: {
|
|
show: false,
|
|
position: 'inside',
|
|
formatter:"{b}:{d}%"
|
|
}
|
|
},
|
|
emphasis: {
|
|
itemStyle: {
|
|
shadowBlur: 10,
|
|
shadowOffsetX: 0,
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
}
|
|
}
|
|
}
|
|
],
|
|
// color: ['#0097f0','#7ecef4']
|
|
};
|
|
echartsRadar.setOption(option);
|
|
},
|
|
// 饼图
|
|
initChart5: function () {
|
|
var self = this;
|
|
var echartsRadar = echarts.init(document.getElementById("chart5"));
|
|
var option = {
|
|
tooltip: {
|
|
trigger: 'item',
|
|
formatter: '{b} : {c} ({d}%)'
|
|
},
|
|
legend: {
|
|
x: '0',
|
|
y: '25px',
|
|
orient: 'vertical'
|
|
},
|
|
series: [
|
|
{
|
|
type: 'pie',
|
|
radius: '65%',
|
|
center: ['70%', '50%'],
|
|
selectedMode: 'single',
|
|
data: [
|
|
{value: self.countInfo5.checkPendingNum, name: '未审核',},
|
|
{value: self.countInfo5.checkPassNum, name: '审核通过',},
|
|
{value: self.countInfo5.checkArchivesNum, name: '归档',},
|
|
{value: self.countInfo5.checkNoPassNum, name: '审核不通过',}
|
|
],
|
|
label: {
|
|
normal: {
|
|
show: false,
|
|
position: 'inside',
|
|
formatter:"{b}:{d}%"
|
|
}
|
|
},
|
|
emphasis: {
|
|
itemStyle: {
|
|
shadowBlur: 10,
|
|
shadowOffsetX: 0,
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
}
|
|
}
|
|
}
|
|
],
|
|
// color: ['#0097f0','#7ecef4']
|
|
};
|
|
echartsRadar.setOption(option);
|
|
},
|
|
// 饼图
|
|
initChart6: function () {
|
|
var self = this;
|
|
var echartsRadar = echarts.init(document.getElementById("chart6"));
|
|
var option = {
|
|
tooltip: {
|
|
trigger: 'item',
|
|
formatter: '{b} : {c} ({d}%)'
|
|
},
|
|
legend: {
|
|
x: '0',
|
|
y: '25px',
|
|
orient: 'vertical'
|
|
},
|
|
series: [
|
|
{
|
|
type: 'pie',
|
|
radius: '65%',
|
|
center: ['70%', '50%'],
|
|
selectedMode: 'single',
|
|
data: [
|
|
{value: self.countInfo6.checkPendingNum, name: '未审核',},
|
|
{value: self.countInfo6.checkPassNum, name: '审核通过',},
|
|
{value: self.countInfo6.checkArchivesNum, name: '归档',},
|
|
{value: self.countInfo6.checkNoPassNum, name: '审核不通过',}
|
|
],
|
|
label: {
|
|
normal: {
|
|
show: false,
|
|
position: 'inside',
|
|
formatter:"{b}:{d}%"
|
|
}
|
|
},
|
|
emphasis: {
|
|
itemStyle: {
|
|
shadowBlur: 10,
|
|
shadowOffsetX: 0,
|
|
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
}
|
|
}
|
|
}
|
|
],
|
|
// color: ['#0097f0','#7ecef4']
|
|
};
|
|
echartsRadar.setOption(option);
|
|
},
|
|
// 获取统计信息
|
|
getCount4: function () {
|
|
var self = this
|
|
top.restAjax.get(top.restAjax.path('api/indexaudit/count-auth', []), {
|
|
indexLibIdParentId: '6f0ec363-49a9-4174-a48f-290b69495dfc',
|
|
departmentId: ''
|
|
}, null, function(code, data) {
|
|
self.countInfo4 = data
|
|
self.initChart4()
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
// loadLayerIndex = layer.load(0, {shade: false});
|
|
}, function() {
|
|
// layer.close(loadLayerIndex);
|
|
});
|
|
},
|
|
// 获取统计信息
|
|
getCount5: function () {
|
|
var self = this
|
|
top.restAjax.get(top.restAjax.path('api/indexaudit/count-auth', []), {
|
|
indexLibIdParentId: 'cdd5ffd5-ebd7-4901-afce-f2e98d506c97',
|
|
departmentId: ''
|
|
}, null, function(code, data) {
|
|
self.countInfo5 = data
|
|
self.initChart5()
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
// loadLayerIndex = layer.load(0, {shade: false});
|
|
}, function() {
|
|
// layer.close(loadLayerIndex);
|
|
});
|
|
},
|
|
// 获取统计信息
|
|
getCount6: function () {
|
|
var self = this
|
|
top.restAjax.get(top.restAjax.path('api/indexaudit/count-auth', []), {
|
|
indexLibIdParentId: 'c912f0ff-d1e6-4346-a0cd-c955ea559a0b',
|
|
departmentId: ''
|
|
}, null, function(code, data) {
|
|
self.countInfo6 = data
|
|
self.initChart6()
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
// loadLayerIndex = layer.load(0, {shade: false});
|
|
}, function() {
|
|
// layer.close(loadLayerIndex);
|
|
});
|
|
},
|
|
// 获取顶部导航
|
|
getTopNav: function () {
|
|
var self = this
|
|
// var loadLayerIndex;
|
|
top.restAjax.get(top.restAjax.path('api/indexlib/listwebtags', []), {}, null, function(code, data) {
|
|
self.topNavList = data
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
// loadLayerIndex = layer.load(0, {shade: false});
|
|
}, function() {
|
|
// layer.close(loadLayerIndex);
|
|
});
|
|
},
|
|
// 顶部导航跳转页面
|
|
goNav: function (id) {
|
|
window.location.href = 'route/web/public.html?id=' + id
|
|
},
|
|
// 获取门户导航
|
|
getGateNav: function () {
|
|
var self = this
|
|
top.restAjax.get(top.restAjax.path('api/data/listbyparentid/{dataParentId}', ['3a32e7d5-a2ee-4cdf-959d-70d0e50e4389']), {}, null, function(code, data) {
|
|
self.bottomNavList = data
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
// loadLayerIndex = layer.load(0, {shade: false});
|
|
}, function() {
|
|
// layer.close(loadLayerIndex);
|
|
});
|
|
},
|
|
// 获取一周新闻列表
|
|
getWeekNews: function () {
|
|
var self = this
|
|
top.restAjax.get(top.restAjax.path('api/content/listpage', []), {
|
|
page: 1,
|
|
rows: 5,
|
|
categoryId: '045d07ca-4300-4071-81ed-b3c549915820'
|
|
}, null, function(code, data) {
|
|
self.weekNews = data.rows
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
}, function() {
|
|
});
|
|
},
|
|
// 获取最新动态
|
|
getLatestDynamic: function () {
|
|
var self = this
|
|
top.restAjax.get(top.restAjax.path('api/content/listpage', []), {
|
|
page: 1,
|
|
rows: 5,
|
|
categoryId: 'b6ca6135-d469-453b-93d5-8a3f47340f0a'
|
|
}, null, function(code, data) {
|
|
self.dynamicList = data.rows
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
}, function() {
|
|
});
|
|
},
|
|
// 获取信息公开
|
|
getInfoPublic: function () {
|
|
var self = this
|
|
top.restAjax.get(top.restAjax.path('api/content/listpage', []), {
|
|
page: 1,
|
|
rows: 5,
|
|
categoryId: 'e1b31bdd-4537-4c97-ae59-d2a922a61cbd'
|
|
}, null, function(code, data) {
|
|
self.infoPublic = data.rows
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
}, function() {
|
|
});
|
|
},
|
|
// 获取轮播图
|
|
getBanner: function () {
|
|
var self = this
|
|
top.restAjax.get(top.restAjax.path('api/content/listpage', []), {
|
|
page: 1,
|
|
rows: 5,
|
|
categoryId: '7a9b2dcb-8d24-4d05-8f57-2ebbd63a8d90'
|
|
}, null, function(code, data) {
|
|
for (let i = 0; i < data.rows.length; i++) {
|
|
data.rows[i].coverPhotos = data.rows[i].coverPhotos.split(',')[0]
|
|
}
|
|
self.bannerList = data.rows
|
|
self.$nextTick(function () {
|
|
jQuery(".slide").slide({mainCell:".bd ul",effect:"left",autoPlay:true,delayTime:500,trigger:"click"});
|
|
})
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
}, function() {
|
|
});
|
|
},
|
|
// 获取通报曝光
|
|
getExposure: function () {
|
|
var self = this
|
|
top.restAjax.get(top.restAjax.path('api/content/listpage', []), {
|
|
page: 1,
|
|
rows: 6,
|
|
categoryId: 'e50b0c87-2416-4995-8561-f7502c1e2cdd'
|
|
}, null, function(code, data) {
|
|
self.exposureFirst = data.rows[0]
|
|
data.rows.splice(0,1)
|
|
self.exposureList = data.rows
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
}, 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) {
|
|
self.sixBook = data
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
// loadLayerIndex1 = layer.load(0, {shade: false});
|
|
}, function() {
|
|
// layer.close(loadLayerIndex1);
|
|
});
|
|
},
|
|
//本月上报统计
|
|
getOneWeeKRoleIndexLibCoun:function (){
|
|
var self = this
|
|
top.restAjax.get(top.restAjax.path('api/indexaudit/count-role-month', []), {}, null, function(code, data) {
|
|
self.ontWeekRoleData = data
|
|
self.$nextTick(function () {
|
|
jQuery(".scroll-slide").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:6,interTime:50,trigger:"click"});
|
|
})
|
|
}, function(code, data) {
|
|
layer.msg(data.msg);
|
|
}, function() {
|
|
// loadLayerIndex1 = layer.load(0, {shade: false});
|
|
}, function() {
|
|
// layer.close(loadLayerIndex1);
|
|
});
|
|
}
|
|
},
|
|
mounted: function () {
|
|
// this.getTopNav()
|
|
this.getGateNav()
|
|
// this.getWeekNews()
|
|
// this.getLatestDynamic()
|
|
// this.getInfoPublic()
|
|
// this.getExposure()
|
|
this.getBanner()
|
|
this.getStreet()
|
|
this.getFourList()
|
|
this.getFiveStep()
|
|
this.getSixBook()
|
|
this.getCount4()
|
|
this.getCount5()
|
|
this.getCount6()
|
|
this.getOneWeeKRoleIndexLibCoun();
|
|
// $('.street-box').niceScroll()
|
|
// $('.news-list ul').niceScroll()
|
|
this.departmentId = $('.hide-input').val()
|
|
|
|
}
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|