jindu.jsp 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>
  6. <!DOCTYPE html>
  7. <!-- saved from url=(0058)http://www.17sucai.com/preview/11/2017-06-18/21/index.html -->
  8. <html lang="zh">
  9. <head>
  10. <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no" />
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <title>订单进度</title>
  13. <!-- 导入jqueryWeui样式 -->
  14. <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
  15. <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
  16. <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-2.1.4.js"></script>
  17. <!-- 导入jqueryWeui样式 -->
  18. <link href="../../css/h5progress/bootstrap.min.css" rel="stylesheet">
  19. <link rel="stylesheet" type="text/css" href="../../css/h5progress/demo.css">
  20. <style type="text/css">
  21. .progress-title{
  22. font-size: 14px;
  23. font-weight: 500;
  24. color: #333;
  25. margin: 0 0 13px;
  26. }
  27. .progress{
  28. height: 10px;
  29. background: #333;
  30. border-radius: 0;
  31. box-shadow: none;
  32. margin-bottom: 5px;
  33. overflow: visible;
  34. }
  35. .progress .progress-bar{
  36. position: relative;
  37. -webkit-animation: animate-positive 2s;
  38. animation: animate-positive 2s;
  39. }
  40. .progress .progress-bar:after{
  41. content: "";
  42. display: inline-block;
  43. width: 9px;
  44. background: #fff;
  45. position: absolute;
  46. top: -4px;
  47. bottom: -5px;
  48. right: -5px;
  49. z-index: 1;
  50. transform: rotate(35deg);
  51. }
  52. .progress .progress-value{
  53. display: block;
  54. font-size: 14px;
  55. font-weight: 400;
  56. color: #333;
  57. position: absolute;
  58. top: -18px;
  59. right: -35px;
  60. }
  61. @-webkit-keyframes animate-positive{
  62. 0%{ width: 0; }
  63. }
  64. @keyframes animate-positive {
  65. 0%{ width: 0; }
  66. }
  67. .center{
  68. padding-left:10px;
  69. }
  70. </style>
  71. </head>
  72. <script type="text/javascript">
  73. $(function(){
  74. //初始化订单列表
  75. var a ='${sessionScope.user.password }';//分组
  76. //var a = 'B';
  77. var biao = 1;
  78. if(${sessionScope.user.user_level==5 }){
  79. biao=3;
  80. }
  81. $.ajax({
  82. url:"WxPaygetPlaceByGroup.action",
  83. type:"post",
  84. data:{biao:biao,password:a},
  85. dataType:"json",
  86. success:function(data){
  87. var pList = data.pList;
  88. var htm="<div >"+a+"组订单总共有"+pList.length+"条</div>";
  89. $("#select1").html("");
  90. for(var i=0;i<pList.length;i++){
  91. htm += "<a onclick='changeparent(\""+pList[i].plan_num+"\")' href='javascript:void(0);' class='weui-media-box weui-media-box_appmsg'><div class='weui-media-box__bd'><h4 class='weui-media-box__title center'>"+pList[i].plan_num+"</h4><span class='weui-media-box__desc'>下单日期:"+pList[i].place_time+" 订单数量:"+pList[i].number+"</span></div></a>";
  92. }
  93. //console.info(htt);
  94. $("#htt").html(htm);
  95. }
  96. });
  97. /* var daima="";
  98. daima+="<h3 class=\"progress-title\">HTML5</h3>";
  99. daima+="<div class=\"progress\">";
  100. daima+="<div class=\"progress-bar\" style=\"width:10%;\" class=\"yanse2\">";
  101. daima+="<div class=\"progress-value\">10%</div>";
  102. daima+="</div></div>";
  103. document.getElementById("demo").innerHTML=daima; */
  104. });
  105. function changeparent(v){
  106. window.location.href="userSwitch.jsp?place_num="+v;
  107. }
  108. </script>
  109. <body ontouchstart>
  110. <div class="page__pd">
  111. <!-- <div class="weui-search-bar" id="searchBar">
  112. <form class="weui-search-bar__form" action="#">
  113. <div class="weui-search-bar__box">
  114. <i class="weui-icon-search"></i>
  115. <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
  116. <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
  117. </div>
  118. <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
  119. <i class="weui-icon-search"></i>
  120. <span>搜索</span>
  121. </label>
  122. </form>
  123. <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
  124. </div>-->
  125. <div class="weui-panel weui-panel_access">
  126. <div class="weui-panel__bd" id="htt">
  127. </div>
  128. </div>
  129. </div>
  130. <style>
  131. .weui-panel {
  132. margin: 0;
  133. }
  134. .weui-media-box {
  135. padding: 8px 15px;
  136. }
  137. .weui-panel__bd .weui-media-box__hd {
  138. width: 50px;
  139. height: 50px;
  140. line-height: 50px;
  141. position: relative;
  142. }
  143. .weui-media-box__desc {
  144. -webkit-line-clamp: 1;
  145. }
  146. .weui-media-box__title {
  147. margin-top: -4px;
  148. }
  149. </style>
  150. <script src="../lib/jquery-2.1.4.js"></script>
  151. <script src="../lib/fastclick.js"></script>
  152. <script src="../js/jquery-weui.js"></script>
  153. </body>
  154. </html>