personnelLocationDetails.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title></title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css">
  9. <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
  10. <link rel="stylesheet" href="../../css/projeck.css">
  11. <style>
  12. body{
  13. background: #fff;
  14. }
  15. .nav_title{
  16. padding: 0 5px;
  17. background: #f3f6fa;
  18. }
  19. .nav_title li{
  20. text-align: center;
  21. font-size: 14px;
  22. padding: 12px 0 ;
  23. }
  24. .row_content{
  25. padding: 0 5px;
  26. }
  27. .row_content li{
  28. text-align: center;
  29. font-size: 13px;
  30. padding: 12px 0;
  31. align-items: center;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <div class="api_layout">
  37. <header class="header-login">
  38. <img class="backBtn" src="../../image/btn_back.png" alt="" onclick="backIndex()">
  39. <p class="api_text"></p>
  40. </header>
  41. <nav>
  42. <ul class="nav_title flex-wrap">
  43. <li class="flex-con firstLi"></li>
  44. <li class="flex-con onlyLi"></li>
  45. <li class="flex-con onlyLi1"></li>
  46. <li class="flex-con lastLi"></li>
  47. </ul>
  48. </nav>
  49. </div>
  50. <script src="../../script/api.js"></script>
  51. <!-- <script src="../../script/fastclick.min.js"></script> -->
  52. <script src="../../script/doT.min.js"></script>
  53. <script src="../../script/config.js"></script>
  54. <script>
  55. apiready = function () {
  56. $api.fixStatusBar($api.dom('header') );
  57. if (api.pageParam.moduleType === 'equipmentStatus') {
  58. $api.addCls($api.dom('.onlyLi'), 'hide');
  59. }
  60. $api.html($api.dom('.api_text'), api.pageParam.title);
  61. $api.html($api.dom('.firstLi'), api.pageParam.name);
  62. $api.html($api.dom('.onlyLi'), api.pageParam.dep);
  63. $api.html($api.dom('.onlyLi1'), api.pageParam.position);
  64. $api.html($api.dom('.lastLi'), api.pageParam.time);
  65. openFrame(api.pageParam.url,api.pageParam.moduleParam,api.pageParam.moduleType);
  66. };
  67. function openFrame(url,moduleParam,moduleType) {
  68. api.openFrame({
  69. name: 'personnelLocationDetailsFrm',
  70. url: 'personnelLocationDetailsFrm.html',
  71. rect: {
  72. x: 0,
  73. y: $api.dom('.api_layout').offsetHeight ,
  74. w: 'auto',
  75. h: 'auto'
  76. },
  77. pageParam: {
  78. url:url,
  79. moduleParam:moduleParam,
  80. moduleType:moduleType
  81. },
  82. bounces: true,
  83. bgColor: '#fff',
  84. vScrollBarEnabled: true,
  85. hScrollBarEnabled: true,
  86. progress:{
  87. type:'page'
  88. }
  89. });
  90. }
  91. function backIndex() {
  92. api.closeWin();
  93. }
  94. // 监听物理返回键
  95. function keybackFun() {
  96. api.addEventListener({
  97. name: 'keyback'
  98. }, function(ret, err){
  99. api.closeWin();
  100. });
  101. }
  102. </script>
  103. </body>
  104. </html>