tpl_ying_daka.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  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. $col = getconfig('apptheme','#1389D3');
  14. echo 'body{--main-color:'.$col.'}';
  15. ?>
  16. </style>
  17. <script>
  18. maincolor = '<?=$col?>';
  19. var kqarr = <?=json_encode($kqarr)?>;
  20. js.servernow = '<?=$da['now']?>';
  21. showkqdklist=function(a){
  22. var sbarr = a.sbarr;
  23. var s = '',i;
  24. for(i=0;i<sbarr.length;i++){
  25. 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>';
  26. }
  27. $('#daklistdtr').html(s);
  28. var dkarr = a.dkarr;
  29. var s = '',i,oi=1;
  30. for(i=0;i<dkarr.length;i++){
  31. s+=','+dkarr[i].dktime+'';
  32. oi++;
  33. }
  34. if(s!='')s=s.substr(1);
  35. $('#dktime').html(s);
  36. get('dabtn').value='第'+oi+'次打卡';
  37. }
  38. function initbody(){
  39. js.getsplit();
  40. nwjs.init();
  41. showkqdklist(kqarr);
  42. $('#dabtn').click(function(){
  43. adddaka(this);
  44. });
  45. timeshowcishu = 0;
  46. timeload();
  47. setInterval('timeload()', 1000);
  48. }
  49. function timeload(){
  50. var time = js.serverdt('Y年m月d日(星期W) H:i:s').split(' ');
  51. $('#nowtimess').html(time[1]);
  52. $('#nowtimess1').html(time[0]);
  53. timeshowcishu++;
  54. if(timeshowcishu==10){
  55. var o = get('dabtn');
  56. if(o.disabled)location.reload();
  57. }
  58. }
  59. function adddaka(o){
  60. var dacs = {};
  61. o.disabled = true;o.value='打卡中...';
  62. if(typeof(nwjs)=='object')dacs = nwjs.getipmac();
  63. js.ajax('api.php?m=kaoqin&a=adddkjl',dacs, function(d){
  64. if(d.code==200){
  65. js.alert('打卡成功:'+d.data+'','', function(){
  66. location.reload();
  67. });
  68. o.value = '打卡成功';
  69. timeshowcishu=0;
  70. }else{
  71. js.msg('msg',d.msg);
  72. o.disabled = false;
  73. o.value='重试打卡';
  74. }
  75. },'get,json');//#EFF7FC
  76. }
  77. </script>
  78. </head>
  79. <body style="overflow:hidden;" scroll="no">
  80. <div align="center" style="margin:15px;padding-top:30px;" id="mdiv" class="panel-body">
  81. <table width="100%">
  82. <tr>
  83. <td width="190">
  84. <div align="center">
  85. <div id="nowtimess" style="font-size:30px">17:16:23</div>
  86. <div class="blank10"></div>
  87. <div id="nowtimess1" style="color:#888888">2017年01月17日(星期三)</div>
  88. <div class="blank10"></div>
  89. <div><input type="button" id="dabtn" value="打卡" class="btn btn-success"> &nbsp; <button type="button" onclick="location.reload()" class="btn btn-default">刷新</button></div>
  90. </div>
  91. </td>
  92. <td style="font-size:14px;padding:0px 10px">
  93. <div class="wrap">今日打卡:<span id="dktime"></span></div>
  94. <div class="blank10"></div>
  95. <div id="daklistdtr">
  96. <div class="blank10"></div>
  97. <div>上班</div>
  98. <div class="blank5"></div>
  99. <div>下班</div>
  100. </div>
  101. </td>
  102. </tr>
  103. </table>
  104. </div>
  105. </body>
  106. </html>