0817
This commit is contained in:
dong_bo0602
parent
2e22bd4b04
commit
264f1f1bee
@ -32,15 +32,18 @@
|
||||
.mid-link .link .link-box:last-child{margin-right:0}
|
||||
.mid-link .link .link-box img{width:100%;height:100%}
|
||||
.news{width:1200px;margin:0 auto 20px;position:relative;z-index:100}
|
||||
.news .news-box{width:32%;margin-right:2%;-webkit-box-shadow:0 0 10px #eee;box-shadow:0 0 10px #eee;float:left}
|
||||
.news .news-box{width:32%;margin-right:2%;float:left}
|
||||
.news .news-box:last-child{margin-right:0}
|
||||
.news .news-box .box-title{height:40px;line-height:40px;padding:0 10px;background:#064ec0;color:#fff}
|
||||
.news .news-box .box-title span{font-size:18px}
|
||||
.news .news-box .box-title{height:40px;line-height:40px;color:#333}
|
||||
.news .news-box .box-title span{font-size:18px;display: inline-block;padding-left: 35px;}
|
||||
.news .news-box .box-title span.four{background: url("../images/four-icon.png") no-repeat left center;}
|
||||
.news .news-box .box-title span.five{background: url("../images/five-icon.png") no-repeat left center;}
|
||||
.news .news-box .box-title span.six{background: url("../images/six-icon.png") no-repeat left center;}
|
||||
.news .news-box .box-title a{font-size:16px;float:right;color:#fff}
|
||||
.news .news-box .news-list{padding:0 10px;overflow: hidden;}
|
||||
.news .news-box .news-list ul{height:243px;overflow-y: scroll;width:110%;padding-right:20px;box-sizing: border-box;}
|
||||
.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{overflow: hidden;}
|
||||
.news .news-box .news-list ul{height:215px;overflow-y: scroll;width:110%;padding-right:20px;box-sizing: border-box;}
|
||||
.news .news-box .news-list ul li{padding-left:55px;margin-bottom:15px;height:40px;line-height:40px;font-size:16px;color:#333;background:url("../images/news-bg.png") no-repeat center;background-size: 100% 100%;}
|
||||
.news .news-box .news-list ul li:last-child{border:none;margin-bottom:0;}
|
||||
.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:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
|
||||
.news .news-box .news-list ul li span{float:right}
|
||||
@ -102,11 +105,20 @@
|
||||
.news-detail p{line-height:35px;font-size:16px;color:#333}
|
||||
.news-detail img,.news-detail video{max-width:100%!important}
|
||||
.assessment-header .banner img{width:100%}
|
||||
.count{width:1200px;margin:20px auto;padding:15px 15px 0;box-sizing:border-box;background:#fff;box-shadow: 0 0 10px #eee;}
|
||||
.count>h3{font-size: 20px;color: #333;font-weight: normal;margin-bottom: 10px;}
|
||||
.chart-box{width:260px}
|
||||
.count{width:1200px;margin:20px auto;padding:15px;box-sizing:border-box;background:#fff;box-shadow: 0 0 10px #eee;}
|
||||
.count>h3 span{float:right;color: #808080;font-size: 14px;}
|
||||
.count>h3{font-size: 16px;color: #333;font-weight: normal;margin-bottom: 10px;}
|
||||
.chart-box{width:100%;position: relative;}
|
||||
.tj-box{position: absolute;right: 0;top:6%;width:160px;z-index: 10000}
|
||||
.tj-box-inner{float:left;width:50%;text-align: center;}
|
||||
.tj-box-inner span{font-size: 28px;}
|
||||
.tj-box-inner span.tj-1{color: #d3d6d7}
|
||||
.tj-box-inner span.tj-2{color: #3ab896}
|
||||
.tj-box-inner span.tj-3{color: #e94d43}
|
||||
.tj-box-inner span.tj-4{color: #f4c736}
|
||||
.tj-box-inner p{font-size: 14px;color: #333;}
|
||||
.count-title{padding-left:10px;border-left:5px solid #3d41b7;font-size:16px;color:#333}
|
||||
.chart{width:260px;height:170px;margin-top:10px}
|
||||
.chart{width:100%;height:160px;}
|
||||
.count-container{width:900px}
|
||||
.count-out{margin-top:30px}
|
||||
.count-box{float:left;width:210px;height:115px;padding:20px 20px 30px 100px;cursor:pointer;box-sizing:border-box;text-align:right;margin-right:15px}
|
||||
@ -171,8 +183,8 @@
|
||||
.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:15px;width:49%;background:#d12730;color:#fff;text-align:center;line-height:35px;border-radius:5px}
|
||||
.street a:hover{background:rgba(209,39,48,.8)}
|
||||
.street a{display:block;padding:0 5px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;margin-bottom:15px;width:49%;background:#3db3bd;color:#fff;text-align:center;line-height:35px;border-radius:5px}
|
||||
.street a:hover{background:#2f747b}
|
||||
.street a:nth-child(even){float:right}
|
||||
.street a img{display:block;margin:10px auto 0}
|
||||
@media (min-width:1420px){.banner{height:450px}
|
||||
@ -240,19 +252,20 @@
|
||||
position: fixed;
|
||||
top:42.7%;
|
||||
right:0;
|
||||
padding:0 15px 15px;
|
||||
background: #fff;
|
||||
width: 300px;
|
||||
z-index: 100;
|
||||
z-index: 1000000;
|
||||
box-shadow: 0 0 10px #EEE;
|
||||
border-radius: 5px;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.fix-title{
|
||||
border-bottom: 1px solid #eee;
|
||||
line-height: 45px;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
background: #2f747b;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.scroll-slide-title,.scroll-slide li{
|
||||
@ -261,6 +274,9 @@
|
||||
.scroll-slide-title span{
|
||||
font-weight: bold;
|
||||
}
|
||||
.scroll-slide-title span{
|
||||
color: #2f747b;
|
||||
}
|
||||
.scroll-slide-title span,.scroll-slide span{
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
@ -275,3 +291,22 @@
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.scroll-slide{
|
||||
padding: 0 15px;
|
||||
}
|
||||
.count-outer{
|
||||
width: 1200px;
|
||||
margin: 20px auto;
|
||||
}
|
||||
.count-outer:after{
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.count-outer .count{
|
||||
float:left;
|
||||
width: 32%;
|
||||
margin-right: 2%;
|
||||
}.count-outer .count:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
BIN
src/main/resources/static/assets/web/images/five-icon.png
Normal file
BIN
src/main/resources/static/assets/web/images/five-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src/main/resources/static/assets/web/images/four-icon.png
Normal file
BIN
src/main/resources/static/assets/web/images/four-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/main/resources/static/assets/web/images/news-bg.png
Normal file
BIN
src/main/resources/static/assets/web/images/news-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/resources/static/assets/web/images/six-icon.png
Normal file
BIN
src/main/resources/static/assets/web/images/six-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
@ -123,7 +123,7 @@
|
||||
<div class="news clearFloat">
|
||||
<div class="news-box">
|
||||
<div class="box-title">
|
||||
<span>四个清单</span>
|
||||
<span class="four">四个清单</span>
|
||||
<a :href="'route/web/public.html?id=6f0ec363-49a9-4174-a48f-290b69495dfc&departmentId=' + departmentId">更多></a>
|
||||
</div>
|
||||
<div class="news-list">
|
||||
@ -136,7 +136,7 @@
|
||||
</div>
|
||||
<div class="news-box">
|
||||
<div class="box-title">
|
||||
<span>五项流程</span>
|
||||
<span class="five">五项流程</span>
|
||||
<a :href="'route/web/public.html?id=cdd5ffd5-ebd7-4901-afce-f2e98d506c97&departmentId=' + departmentId">更多></a>
|
||||
</div>
|
||||
<div class="news-list">
|
||||
@ -149,7 +149,7 @@
|
||||
</div>
|
||||
<div class="news-box">
|
||||
<div class="box-title">
|
||||
<span>六本台账</span>
|
||||
<span class="six">六本台账</span>
|
||||
<a :href="'route/web/public.html?id=c912f0ff-d1e6-4346-a0cd-c955ea559a0b&departmentId=' + departmentId">更多></a>
|
||||
</div>
|
||||
<div class="news-list">
|
||||
@ -193,91 +193,90 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="count-outer">
|
||||
<div class="count clearFloat" >
|
||||
<h3>四个清单-指标上报统计</h3>
|
||||
<div class="chart-box fl">
|
||||
<div class="count-title">指标状态占比统计</div>
|
||||
<h3>
|
||||
四个清单-指标上报统计
|
||||
<span>指标状态占比统计</span>
|
||||
</h3>
|
||||
<div class="chart-box">
|
||||
<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>
|
||||
<div class="tj-box" v-cloak>
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-1">{{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>
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-2">{{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>
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-3">{{countInfo4.checkArchivesNum}}</span>
|
||||
<p>审核不通过</p>
|
||||
</div>
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-4">{{countInfo4.checkNoPassNum}}</span>
|
||||
<p>归档</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="count clearFloat">
|
||||
<h3>五项流程-指标上报统计</h3>
|
||||
<h3>
|
||||
五项流程-指标上报统计
|
||||
<span>指标状态占比统计</span>
|
||||
</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>
|
||||
<div class="tj-box">
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-1">{{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>
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-2">{{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>
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-3">{{countInfo5.checkArchivesNum}}</span>
|
||||
<p>审核不通过</p>
|
||||
</div>
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-4">{{countInfo5.checkNoPassNum}}</span>
|
||||
<p>归档</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="count clearFloat">
|
||||
<h3>六本台账-指标上报统计</h3>
|
||||
<h3>
|
||||
六本台账-指标上报统计
|
||||
<span>指标状态占比统计</span>
|
||||
</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>
|
||||
<div class="tj-box">
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-1">{{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>
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-2">{{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>
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-3">{{countInfo6.checkArchivesNum}}</span>
|
||||
<p>审核不通过</p>
|
||||
</div>
|
||||
<div class="tj-box-inner">
|
||||
<span class="tj-4">{{countInfo6.checkNoPassNum}}</span>
|
||||
<p>归档</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bottom-nav">
|
||||
<div class="nav-title">门户导航</div>
|
||||
<div class="nav-list" v-cloak>
|
||||
@ -368,15 +367,16 @@
|
||||
formatter: '{b} : {c} ({d}%)'
|
||||
},
|
||||
legend: {
|
||||
x: '0',
|
||||
y: '25px',
|
||||
orient: 'vertical'
|
||||
x: 'center',
|
||||
y: 'bottom',
|
||||
orient: 'horizontal'
|
||||
},
|
||||
color: ['#d3d6d7','#3ab896','#f4c736','#e94d43'],
|
||||
series: [
|
||||
{
|
||||
type: 'pie',
|
||||
radius: '65%',
|
||||
center: ['70%', '50%'],
|
||||
center: ['30%', '40%'],
|
||||
selectedMode: 'single',
|
||||
data: [
|
||||
{value: self.countInfo4.checkPendingNum, name: '未审核',},
|
||||
@ -414,15 +414,16 @@
|
||||
formatter: '{b} : {c} ({d}%)'
|
||||
},
|
||||
legend: {
|
||||
x: '0',
|
||||
y: '25px',
|
||||
orient: 'vertical'
|
||||
x: 'center',
|
||||
y: 'bottom',
|
||||
orient: 'horizontal'
|
||||
},
|
||||
color: ['#d3d6d7','#3ab896','#f4c736','#e94d43'],
|
||||
series: [
|
||||
{
|
||||
type: 'pie',
|
||||
radius: '65%',
|
||||
center: ['70%', '50%'],
|
||||
center: ['30%', '40%'],
|
||||
selectedMode: 'single',
|
||||
data: [
|
||||
{value: self.countInfo5.checkPendingNum, name: '未审核',},
|
||||
@ -460,15 +461,16 @@
|
||||
formatter: '{b} : {c} ({d}%)'
|
||||
},
|
||||
legend: {
|
||||
x: '0',
|
||||
y: '25px',
|
||||
orient: 'vertical'
|
||||
x: 'center',
|
||||
y: 'bottom',
|
||||
orient: 'horizontal'
|
||||
},
|
||||
color: ['#d3d6d7','#3ab896','#f4c736','#e94d43'],
|
||||
series: [
|
||||
{
|
||||
type: 'pie',
|
||||
radius: '65%',
|
||||
center: ['70%', '50%'],
|
||||
center: ['30%', '40%'],
|
||||
selectedMode: 'single',
|
||||
data: [
|
||||
{value: self.countInfo6.checkPendingNum, name: '未审核',},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user