tpl_ying_daka.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <html lang="zh-CN">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title><?=$da['title']?></title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
  6. <link rel="stylesheet" type="text/css" href="web/res/css/webimcss.css"/>
  7. <link rel="shortcut icon" href="images/adddk.png" />
  8. <script type="text/javascript" src="js/jquery.js"></script>
  9. <script type="text/javascript" src="js/js.js"></script>
  10. <script type="text/javascript" src="web/res/js/nwjs.js"></script>
  11. <style>
  12. <?php
  13. $cola = c('color')->getColor();
  14. $col = $cola['color'];
  15. echo 'body{--main-color:'.$col.'}';
  16. ?>
  17. </style>
  18. <script>
  19. maincolor = '<?=$col?>';
  20. var kqarr = <?=json_encode($kqarr)?>;
  21. js.servernow = '<?=$da['now']?>';
  22. showkqdklist=function(a){
  23. var sbarr = a.sbarr;
  24. var s = '',i;
  25. for(i=0;i<sbarr.length;i++){
  26. s+='<div class="blank10"></div><div>'+sbarr[i].name+'('+sbarr[i].stime.substr(0,5)+'→'+sbarr[i].etime.substr(0,5)+'):'+sbarr[i].state+'</div>';
  27. }
  28. $('#daklistdtr').html(s);
  29. var dkarr = a.dkarr;
  30. var s = '',i,oi=1;
  31. for(i=0;i<dkarr.length;i++){
  32. s+=','+dkarr[i].dktime+'';
  33. oi++;
  34. }
  35. if(s!='')s=s.substr(1);
  36. $('#dktime').html(s);
  37. get('dabtn').value='第'+oi+'次打卡';
  38. }
  39. function initbody(){
  40. js.getsplit();
  41. nwjs.init();
  42. showkqdklist(kqarr);
  43. $('#dabtn').click(function(){
  44. adddaka(this);
  45. });
  46. timeshowcishu = 0;
  47. timeload();
  48. setInterval('timeload()', 1000);
  49. }
  50. function timeload(){
  51. var time = js.serverdt('Y年m月d日(星期W) H:i:s').split(' ');
  52. $('#nowtimess').html(time[1]);
  53. $('#nowtimess1').html(time[0]);
  54. timeshowcishu++;
  55. if(timeshowcishu==10){
  56. var o = get('dabtn');
  57. if(o.disabled)location.reload();
  58. }
  59. }
  60. function adddaka(o){
  61. var dacs = {};
  62. o.disabled = true;o.value='打卡中...';
  63. if(typeof(nwjs)=='object')dacs = nwjs.getipmac();
  64. js.ajax('api.php?m=kaoqin&a=adddkjl',dacs, function(d){
  65. if(d.code==200){
  66. js.alert('打卡成功:'+d.data+'','', function(){
  67. location.reload();
  68. });
  69. o.value = '打卡成功';
  70. timeshowcishu=0;
  71. }else{
  72. js.msg('msg',d.msg);
  73. o.disabled = false;
  74. o.value='重试打卡';
  75. }
  76. },'get,json');//#EFF7FC
  77. }
  78. </script>
  79. </head>
  80. <body style="overflow:hidden;" scroll="no">
  81. <div align="center" style="margin:15px;padding-top:30px;" id="mdiv" class="panel-body">
  82. <table width="100%">
  83. <tr>
  84. <td width="190">
  85. <div align="center">
  86. <div id="nowtimess" style="font-size:30px">17:16:23</div>
  87. <div class="blank10"></div>
  88. <div id="nowtimess1" style="color:#888888">2017年01月17日(星期三)</div>
  89. <div class="blank10"></div>
  90. <div><input type="button" id="dabtn" value="打卡" class="btn btn-success"> &nbsp; <button type="button" onclick="location.reload()" class="btn btn-default">刷新</button></div>
  91. </div>
  92. </td>
  93. <td style="font-size:14px;padding:0px 10px">
  94. <div class="wrap">今日打卡:<span id="dktime"></span></div>
  95. <div class="blank10"></div>
  96. <div id="daklistdtr">
  97. <div class="blank10"></div>
  98. <div>上班</div>
  99. <div class="blank5"></div>
  100. <div>下班</div>
  101. </div>
  102. </td>
  103. </tr>
  104. </table>
  105. </div>
  106. </body>
  107. </html>
粤ICP备19079148号