myAppointment.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>我的预约</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <script src="../js/mui.js"></script>
  10. <script src="../js/pageConfig.js"></script>
  11. <script src="../js/mui.picker.js"></script>
  12. <script src="../js/mui.poppicker.js"></script>
  13. <link rel="stylesheet" href="../css/homeNew.css">
  14. <link href="../css/mui.picker.css" rel="stylesheet" />
  15. <link href="../css/mui.poppicker.css" rel="stylesheet" />
  16. <!--标准mui.css-->
  17. <link rel="stylesheet" href="../css/mui.min.css">
  18. <!-- 自定义工具类 -->
  19. <script type="module" src="../js/util.js"></script>
  20. </head>
  21. <body>
  22. <header class="mui-bar mui-bar-nav">
  23. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  24. <h1 class="mui-title pageName">我的预约</h1>
  25. </header>
  26. <div class="mui-content noBackImage">
  27. <div class="mui-main-box">
  28. <!-- 数据列表 -->
  29. <div class="data-list-box">
  30. <div class="data-list-title">
  31. <div class="pickerBox" option="problemModule3"></div>
  32. </div>
  33. <div class="data-list" id="dataListDom">
  34. <!-- 数据列表 -->
  35. <div class="dataItem3 menuLocalPage" data-page-name="detailsOfMyAppointment">
  36. <div>
  37. <img src="../images/menuIcon/ctyy.png" alt="" />
  38. <span>蜀谭记·盐帮川菜></span>
  39. <p class="tag SuccessTag">预定成功</p>
  40. </div>
  41. <div>
  42. <img class="dataItemImg" src="https://s1.ax1x.com/2023/05/11/p9rwR61.jpg" alt="test">
  43. <div>
  44. <div>03-07(周二)18:30</div>
  45. <p>1人 | 大厅</p>
  46. </div>
  47. </div>
  48. <div>
  49. <span class="backText menuLocalPage" data-page-name="submitPage">取消</span>
  50. </div>
  51. </div>
  52. <div class="dataItem3">
  53. <div>
  54. <img src="../images/menuIcon/fkyy.png" alt="" />
  55. <span>访客预约></span>
  56. <p class="tag WarningTag">待审核</p>
  57. </div>
  58. <div>
  59. <img class="dataItemImg" src="https://s1.ax1x.com/2023/05/11/p9rwR61.jpg" alt="test">
  60. <div>
  61. <div>03-07(周二)18:30</div>
  62. <p>喝酒</p>
  63. </div>
  64. <p class="regulationUserName">张三</p>
  65. </div>
  66. <div>
  67. <span class="backText menuLocalPage" data-page-name="submitPage">取消</span>
  68. </div>
  69. </div>
  70. <div class="dataItem3">
  71. <div>
  72. <img src="../images/menuIcon/gcyy.png" alt="" />
  73. <span>公车预约></span>
  74. <p class="tag DangerTag">已通过</p>
  75. </div>
  76. <div>
  77. <img class="dataItemImg" src="https://s1.ax1x.com/2023/05/11/p9rwR61.jpg" alt="test">
  78. <div>
  79. <div>03-07(周二)18:30</div>
  80. <p>载着梦想一起出发吧!</p>
  81. </div>
  82. </div>
  83. <div>
  84. <span class="backText menuLocalPage" data-page-name="submitPage">取消</span>
  85. </div>
  86. </div>
  87. <div class="dataItem3">
  88. <div>
  89. <img src="../images/menuIcon/gwyy.png" alt="" />
  90. <span>工位预约></span>
  91. <p class="tag DangerTag">已通过</p>
  92. </div>
  93. <div>
  94. <img class="dataItemImg" src="https://s1.ax1x.com/2023/05/11/p9rwR61.jpg" alt="test">
  95. <div>
  96. <div>03-07(周二)18:30</div>
  97. <p>联通大厦25</p>
  98. </div>
  99. </div>
  100. <div>
  101. <span class="backText menuLocalPage" data-page-name="submitPage">取消</span>
  102. </div>
  103. </div>
  104. <!-- 分页自定义组件 -->
  105. <div id="listMoveDom">
  106. <div id="upTitle"></div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </body>
  113. </html>