<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script type="text/javascript" src="/static/jquery-2.2.4.min.js"></script>
<link rel="stylesheet" href="/static/h5/css/common.css">
<title>日常工作统计</title>
<style>
html,body,ul {
margin: 0;
padding: 0;
}
html,body {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background-color: #F1F1F1;
}
.select-tab {
margin: 10px 10px 0;
border-radius: 10px;
background: #fff;
}
.nav {
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
border:1px solid var(--themeColor);
border-radius:5px;
list-style: none;
}
.nav>li {
width: 100%;
flex: 1;
text-align: center;
display: block;
}
.nav-tabs>li.active>a {
line-height: 2;
font-size: 16px;
color: #fff;
font-weight: 500;
cursor: default;
background-color: var(--themeColor);
}
.nav-tabs>li>a {
line-height: 2;
font-size: 16px;
color: #999999;
font-weight: 500;
}
a {
display: block;
text-decoration: none;
}
.daily-record {
margin: 10px;
border-radius: 10px;
background: #fff;
}
.chart-wrapper {
margin: 10px;
border-radius: 10px;
background: #fff;
}
.record-data {
display: flex;
display: -webkit-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: center;
-webkit-box-align: center;
height: 7vh;
}
.line {
margin: 0 15px;
height: 1px;
background-color: #CCCCCC;
}
.daily-title, .daily-nums {
display: inline;
font-size: 17px;
font-weight: 500;
}
.daily-title {
margin-left: 15px;
}
.daily-nums {
margin-right: 15px;
color:rgba(153,153,153,1);
}
</style>
</head>
<body>
<div class="select-tab">
<ul class="nav nav-tabs">
<li {eq name="type" value="0"}class="active"{/eq}>
<a href="{:url('daily',['type'=>0,'orgId'=>$orgId])}">日统计</a>
</li>
<li {eq name="type" value="1"}class="active"{/eq}>
<a href="{:url('daily',['type'=>1,'orgId'=>$orgId])}">月统计</a>
</li>
<li {eq name="type" value="2"}class="active"{/eq}>
<a href="{:url('daily',['type'=>2,'orgId'=>$orgId])}">总统计</a>
</li>
</ul>
</div>
<div class="daily-record">
<div class="record-data first" onclick="daily(this)" data-day="{$type}" data-orgId="{$orgId}">
<span class="daily-title">工作地点</span>
<span class="daily-nums">{$alladdr}</span>
</div>
<div class="line"></div>
<div class="record-data" onclick="dailyRecord(this)" data-day="{$type}" data-orgId="{$orgId}">
<span class="daily-title">工作记录</span>
<span class="daily-nums">{$allcount}</span>
</div>
</div>
</body>
</html>
<script>
function daily(obj) {
var orgId = $(obj).attr('data-orgId');
var day = $(obj).attr('data-day');
var url = "{:url('Statistics/dailyList')}?orgId="+orgId+'&day='+day;
window.location.href=url;
}
function dailyRecord(obj) {
var orgId = $(obj).attr('data-orgId');
var day = $(obj).attr('data-day');
var url = "{:url('Statistics/dailyRecordList')}?orgId="+orgId+'&day='+day;
window.location.href=url;
}
</script>