orderCar_win.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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. <title>Hello APP</title>
  7. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  8. <link rel="stylesheet" type="text/css" href="../../css/aui-win.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
  10. </head>
  11. <style>
  12. </style>
  13. <body>
  14. <header class="aui-bar aui-bar-nav aui-bar-info" id="aui-header">
  15. <a class="aui-btn aui-btn-info aui-pull-left" tapmode onclick="closeWin()"> <span class="aui-iconfont aui-icon-left"></span> </a>
  16. <div class="aui-title" id="aui-title">
  17. 订单维护
  18. </div>
  19. <a class="aui-btn aui-btn-info aui-pull-right" onclick="edit()" tapmode>编辑</a>
  20. </header>
  21. <div class="aui-tab" id="tab">
  22. <div class="aui-tab-item aui-active" onclick="chooseThis(1,this)">
  23. 普通订单
  24. </div>
  25. <div class="aui-tab-item" onclick="chooseThis(0,this)">
  26. <div></div>
  27. 活动订单
  28. </div>
  29. </div>
  30. </body>
  31. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  32. <script type="text/javascript" src="../../script/api.js"></script>
  33. <script type="text/javascript">
  34. function closeWin() {
  35. api.closeWin({
  36. });
  37. }
  38. apiready = function() {
  39. api.parseTapmode();
  40. var header = $api.byId('aui-header');
  41. $api.fixStatusBar(header);
  42. var headerPos = $api.offset(header);
  43. var body_h = $api.offset($api.dom('body')).h;
  44. var tabH = $api.offset($api.dom('#tab')).h;
  45. api.openFrame({
  46. name : 'orderCar_body',
  47. url : 'orderCar_body.html',
  48. bounces : false,
  49. vScrollBarEnabled : false,
  50. hScrollBarEnabled : false,
  51. rect : {
  52. x : 0,
  53. y : headerPos.h + tabH,
  54. w : 'auto',
  55. h : 'auto'
  56. },
  57. bgColor : '#f5f5f5',
  58. })
  59. };
  60. function edit() {
  61. api.sendEvent({
  62. name : 'editCar',
  63. extra : {}
  64. })
  65. }
  66. function chooseThis(index,e){
  67. $('.aui-tab-item').map(function(ei,index){
  68. $(this).removeClass('aui-active');
  69. })
  70. $(e).addClass('aui-active');
  71. api.sendEvent({
  72. name:'refushCar12',
  73. extra : {
  74. index : index
  75. }
  76. });
  77. }
  78. </script>
  79. </html>