fbDetails.jsp 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <style>
  3. #sstable{
  4. width:100%;
  5. border: 0px solid black;
  6. }
  7. #sstable tr{
  8. height:30px;
  9. border: 0px solid black;
  10. }
  11. #sstable tr td{
  12. text-align:center;
  13. font-size:15px;
  14. font-family:KaiTi;
  15. border: 1px solid black;
  16. }
  17. #sstable thead tr td{
  18. font-size: 20px;
  19. }
  20. #h1{
  21. width:240px;
  22. float: left;
  23. font-size: 12px;
  24. }
  25. #h2{
  26. width:240px;
  27. float: left;
  28. font-size: 12px;
  29. }
  30. #h1 span{
  31. float: left;
  32. }
  33. #h2 span{
  34. float: left;
  35. }
  36. .colo{
  37. width:75px;
  38. float: left;
  39. font-size: 12px;
  40. text-align: center;
  41. }
  42. .siz{
  43. width:55px;
  44. float: left;
  45. text-align: center;
  46. font-size: 12px;
  47. }
  48. </style>
  49. <table id="sstable">
  50. <thead id="shq">
  51. </thead>
  52. <tbody id="stq">
  53. </tbody>
  54. </table>
  55. <div style="margin-top:20px;" id="sw">
  56. <div id="h1"></div>
  57. <div id="h2"></div>
  58. </div>
  59. <script>
  60. $(function() {
  61. //var pla=window.pl;
  62. var plan=window.str;
  63. //console.info(pla+"-----"+plan);
  64. $(function () {
  65. $.ajax({
  66. url:'placefindListByPlaceNum.action?plan_num='+plan,
  67. dataType:'json',
  68. success:function(data){
  69. var daima ="";
  70. if(data.scList!=null){
  71. var sslist = new Array();
  72. sslist.push(data.scList[0].color);
  73. var alist = new Array();
  74. alist = data.scList;
  75. var sizelist = new Array();
  76. for(var i=0;i<data.scList.length;i++){
  77. var color = data.scList[i].color;
  78. var size = data.scList[i].size;
  79. var number = data.scList[i].fake;
  80. if(i>0 &&color!=data.scList[i-1].color){
  81. sslist.push(color);
  82. }
  83. sizelist.push(size);
  84. daima+="<tr class=\"filtr-item\" ><td>"+color+"</td><td>"+size+"</td><td>"+number+"</td></tr>";
  85. }
  86. //console.info(sizelist);
  87. document.getElementById("shq").innerHTML="<tr><td>颜色</td><td>尺码</td><td>分包件数</td></tr>";
  88. document.getElementById("stq").innerHTML=daima;
  89. var numList = new Array();
  90. var dm="<p style='font-size:16px;'>颜色 汇总</p>";
  91. for(var i=0;i<sslist.length;i++){
  92. var num = 0;
  93. for(var j=0;j<data.scList.length;j++){
  94. if(data.scList[j].color==sslist[i]){
  95. num+=data.scList[j].fake;
  96. }
  97. }
  98. dm += "<div class='colo'>"+sslist[i]+"</div><span>共有</span><div class='siz'> "+num+"</div>件 <br>";
  99. numList.push(num);
  100. }
  101. var nlist = new Array();
  102. for(var i=0;i<sizelist.length;i++) {
  103. if (nlist.indexOf(sizelist[i]) == -1) {
  104. nlist.push(sizelist[i]);
  105. }
  106. }
  107. var dm1="<p style='font-size:16px;'>尺码 汇总</p>";
  108. for(var i=0;i<nlist.length;i++){
  109. var num = 0;
  110. for(var j=0;j<data.scList.length;j++){
  111. if(data.scList[j].size==nlist[i]){
  112. num+=data.scList[j].fake;
  113. }
  114. }
  115. dm1 += "<div class='colo'>"+nlist[i]+"</div><span>共有</span><div class='siz'> "+num+"</div>件 <br>";
  116. numList.push(num);
  117. }
  118. document.getElementById("h1").innerHTML=dm;
  119. document.getElementById("h2").innerHTML=dm1;
  120. }else{
  121. daima="<span style='font-size:20px;'>该订单还没有添加任何包!请添加后再来查看</span>";
  122. document.getElementById("sw").innerHTML=daima;
  123. }
  124. }
  125. });
  126. });
  127. //$('.techmology_name').labelauty();
  128. });
  129. </script>