123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142 |
- <!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>
|