现场考勤——当前现场总人数
This commit is contained in:
@@ -179,65 +179,76 @@
|
||||
padding: 20px 0px;
|
||||
color: #fff;
|
||||
}
|
||||
.base-wrap{
|
||||
padding:15px 10px;
|
||||
height:100%;
|
||||
|
||||
.base-wrap {
|
||||
padding: 15px 10px;
|
||||
height: 100%;
|
||||
}
|
||||
.base-wrap .base-tit{
|
||||
font-size:12px;
|
||||
color:#fff;
|
||||
|
||||
.base-wrap .base-tit {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.base-wrap .base-txt-wrap {
|
||||
margin-top: 5px;
|
||||
background-color: #0B508B;
|
||||
border-radius: 5px;
|
||||
color: #FFAE72;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.base-wrap .base-txt-wrap .num-1 {
|
||||
background-color: #2A759C;
|
||||
padding: 5px;
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.yj-info-1 {
|
||||
height: 100%;
|
||||
}
|
||||
.base-wrap .base-txt-wrap{
|
||||
margin-top:5px;
|
||||
background-color:#0B508B;
|
||||
border-radius:5px;
|
||||
color:#FFAE72;
|
||||
height:100%;
|
||||
align-items:center;
|
||||
justify-content:space-around;
|
||||
|
||||
.yj-info-1-list {
|
||||
color: #fff;
|
||||
}
|
||||
.base-wrap .base-txt-wrap .num-1{
|
||||
background-color:#2A759C;
|
||||
padding:5px;
|
||||
font-size:40px;
|
||||
}
|
||||
.yj-info-1{
|
||||
height:100%;
|
||||
}
|
||||
.yj-info-1-list{
|
||||
color:#fff;
|
||||
}
|
||||
.yj-info-1 .telbg{
|
||||
height:100%;
|
||||
width:85px;
|
||||
|
||||
.yj-info-1 .telbg {
|
||||
height: 100%;
|
||||
width: 85px;
|
||||
background: url(../res/index/images/tel.png) center center no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
.yj-info-1-list-item{
|
||||
padding:0 5px;
|
||||
background-color:#2A759C;
|
||||
margin-bottom:5px;
|
||||
font-size:12px;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
|
||||
.yj-info-1-list-item {
|
||||
padding: 0 5px;
|
||||
background-color: #2A759C;
|
||||
margin-bottom: 5px;
|
||||
font-size: 12px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.yj-info-1-list-item:last-child{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.yj-info-1-list-item .telnum{
|
||||
text-align:center;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
display:flex;
|
||||
}
|
||||
.yj-info-1-info{
|
||||
color:#fff;
|
||||
background-color:#2A759C;
|
||||
text-align:center;
|
||||
font-size:16px;
|
||||
height:40px;
|
||||
line-height:40px;
|
||||
margin-top:5px;
|
||||
|
||||
.yj-info-1-list-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.yj-info-1-list-item .telnum {
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.yj-info-1-info {
|
||||
color: #fff;
|
||||
background-color: #2A759C;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
@@ -248,15 +259,15 @@
|
||||
<div class="item flex1">
|
||||
<div class="bw-b-bottom">
|
||||
<div class="bw-b-bottom-up">
|
||||
<div class="bw-item-content pd0">
|
||||
<div class="bw-item-content pd0 js-hover" data-type="SitePersonNum">
|
||||
<div class="base-wrap flex flexV">
|
||||
<div class="base-tit">当前现场总人数</div>
|
||||
<div class="base-txt-wrap flex flex1">
|
||||
<div class="num-1 specialNum" runat="server" id="divperson">0</div>
|
||||
<div class="num-1 specialNum" runat="server" id="person00">0</div>
|
||||
<div class="num-1 specialNum" runat="server" id="person01">0</div>
|
||||
<div class="num-1 specialNum" runat="server" id="person02">0</div>
|
||||
</div>
|
||||
<div class="base-tit">当前现场总人数</div>
|
||||
<div class="base-txt-wrap flex flex1">
|
||||
<div class="num-1 specialNum" runat="server" id="divperson">0</div>
|
||||
<div class="num-1 specialNum" runat="server" id="person00">0</div>
|
||||
<div class="num-1 specialNum" runat="server" id="person01">0</div>
|
||||
<div class="num-1 specialNum" runat="server" id="person02">0</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -270,7 +281,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom-wrap flex1">
|
||||
@@ -290,12 +301,32 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script type="text/javascript" src="../res/index/js/jquery-3.4.1.min.js"></script>
|
||||
<script type="text/javascript" src="../res/index/js/swiper-3.4.2.jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../res/index/js/echarts.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
$(function () {
|
||||
initClick();
|
||||
})
|
||||
|
||||
function initClick() {
|
||||
$(".js-hover").click(function () {
|
||||
var htmlContent = GetClickHtml(this);
|
||||
})
|
||||
}
|
||||
|
||||
function GetClickHtml(obj) {
|
||||
var $this = $(obj), type = $this.attr('data-type');
|
||||
if (type == 'SitePersonNum') {
|
||||
$('iframe').attr('src', '../DataShow/ProjectSitePerson.aspx') //项目当前现场人员
|
||||
window.open("../DataShow/ProjectSitePerson.aspx")
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
function category_Two(id, xArr, data) {
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
@@ -410,30 +441,30 @@
|
||||
name: '累计人工时',
|
||||
type: 'line',
|
||||
data: two.series[0].data,
|
||||
//label: { //柱体上显示数值
|
||||
// show: true,//开启显示
|
||||
// position: 'top',//在上方显示
|
||||
// textStyle: {//数值样式
|
||||
// fontSize: '20px',
|
||||
// color: '#fff'
|
||||
// },
|
||||
// formatter: '{c}',
|
||||
// },
|
||||
//label: { //柱体上显示数值
|
||||
// show: true,//开启显示
|
||||
// position: 'top',//在上方显示
|
||||
// textStyle: {//数值样式
|
||||
// fontSize: '20px',
|
||||
// color: '#fff'
|
||||
// },
|
||||
// formatter: '{c}',
|
||||
// },
|
||||
itemStyle: { normal: { color: '#00c771' } }
|
||||
},{
|
||||
}, {
|
||||
name: '当月人工时',
|
||||
type: 'bar',
|
||||
/* barWidth: 40,*/
|
||||
data: two.series[1].data,
|
||||
//label: { //柱体上显示数值
|
||||
// show: true,//开启显示
|
||||
// position: 'inside',//内部
|
||||
// textStyle: {//数值样式
|
||||
// fontSize: '20px',
|
||||
// color: '#fff'
|
||||
// },
|
||||
// formatter: '{c}',
|
||||
// },
|
||||
data: two.series[1].data,
|
||||
//label: { //柱体上显示数值
|
||||
// show: true,//开启显示
|
||||
// position: 'inside',//内部
|
||||
// textStyle: {//数值样式
|
||||
// fontSize: '20px',
|
||||
// color: '#fff'
|
||||
// },
|
||||
// formatter: '{c}',
|
||||
// },
|
||||
}]
|
||||
category_Two('two', xArr, data)
|
||||
</script>
|
||||
@@ -537,7 +568,7 @@
|
||||
right: '0%',
|
||||
bottom: 40,
|
||||
containLabel: true,
|
||||
backgroundColor: 'rgba(0,162,233, 0.01)',
|
||||
backgroundColor: 'rgba(0,162,233, 0.01)',
|
||||
// borderColor: 'rgba(0,162,233, 1)'
|
||||
},
|
||||
//itemStyle: {
|
||||
@@ -557,8 +588,8 @@
|
||||
var series = [{
|
||||
name: '签到',
|
||||
type: 'bar',
|
||||
barWidth: 20,
|
||||
barGap:0.05,
|
||||
barWidth: 20,
|
||||
barGap: 0.05,
|
||||
data: four1.series[0].data,
|
||||
label: { //柱体上显示数值
|
||||
show: true,//开启显示
|
||||
@@ -572,18 +603,18 @@
|
||||
itemStyle: { normal: { color: '#88cc00' } }
|
||||
}, {
|
||||
name: '系统',
|
||||
type: 'bar',
|
||||
barWidth: 20,
|
||||
data: four1.series[1].data,
|
||||
label: { //柱体上显示数值
|
||||
show: true,//开启显示
|
||||
position: 'top',//在上方显示
|
||||
textStyle: {//数值样式
|
||||
fontSize: '20px',
|
||||
color: '#fff'
|
||||
},
|
||||
formatter: '{c}',
|
||||
type: 'bar',
|
||||
barWidth: 20,
|
||||
data: four1.series[1].data,
|
||||
label: { //柱体上显示数值
|
||||
show: true,//开启显示
|
||||
position: 'top',//在上方显示
|
||||
textStyle: {//数值样式
|
||||
fontSize: '20px',
|
||||
color: '#fff'
|
||||
},
|
||||
formatter: '{c}',
|
||||
},
|
||||
itemStyle: { normal: { color: '#AE4B23' } }
|
||||
}];
|
||||
category_Four('four', xArr, series)
|
||||
@@ -611,7 +642,7 @@
|
||||
data: four1.series[0].data
|
||||
}, {
|
||||
name: '系统',
|
||||
type: 'bar',
|
||||
type: 'bar',
|
||||
data: four1.series[1].data,
|
||||
itemStyle: { normal: { color: 'rgba(174,75,37, 1)' } }
|
||||
}];
|
||||
|
||||
Reference in New Issue
Block a user