itineraryView.js 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. $(function() {
  2. var sessionStorage= window.sessionStorage;
  3. //sessionStorage.setItem("itineraryListApproval",'{{receiptList.0.itinerary}}');
  4. var sessionItinerary= sessionStorage.getItem(sessionStorageList);
  5. if(typeof sessionItinerary!=='object'){
  6. buildItinerary(JSON.parse(sessionItinerary));
  7. buildItineraryProcess(sessionItinerary);
  8. }
  9. })
  10. function buildItinerary(feeTraveItem){
  11. var html='';
  12. for(let k=0;k<feeTraveItem.length;k++){
  13. html+=`<p class="routeW">
  14. <b class="fR">¥${feeTraveItem[k].price}</b>
  15. <b>${feeTraveItem[k].name}</b>
  16. </p><p class="colGray">#${feeTraveItem[k].detail}</p>
  17. <p></p>`;
  18. }
  19. return html;
  20. }
  21. // 构建总行程单
  22. function buildItineraryProcess(data){
  23. let html='';
  24. let dataJson=data;
  25. if(typeof data==='string'){
  26. dataJson=JSON.parse(data);
  27. }
  28. let last=dataJson.length-1;
  29. let n=0;
  30. for(let i=0;i<dataJson.length;i++){
  31. let price=0;
  32. for(let p=0;p<dataJson[i].feeTraveItem.length;p++){
  33. price+=parseFloat(dataJson[i].feeTraveItem[p].price);
  34. }
  35. price=price.toFixed(2);
  36. let city='';
  37. if(i==0){
  38. city=dataJson[i].departurecity;
  39. }else{
  40. n=i-1;
  41. city=dataJson[n].arrivalscity.substring(1);
  42. }
  43. let feeTraveItem=dataJson[i].feeTraveItem;
  44. let itemHtml=buildItinerary(feeTraveItem);
  45. html+=`<li>
  46. <div class="itineraryList">
  47. <div class="addressName"><i class="contactsMark icon-">P</i> <b>${city}</b></div>
  48. <div class="pointLine">
  49. <div class="priceList">
  50. <span class="priceTitle">金额</span>
  51. <span class="price colGreen">¥${price}</span>
  52. </div>
  53. <div class="timeList">
  54. <span class="timeTitle">时间</span>
  55. <span class="time">${dataJson[i].departuredate}${dataJson[i].arrivalsdate}</span>
  56. </div>
  57. <div class="routeList clearfix">
  58. <span class="routeTitle fL">详情</span>
  59. <span class="route fL">
  60. ${itemHtml}
  61. </span>
  62. </div>
  63. </div>
  64. </div>
  65. </li>`;
  66. if(i===last){
  67. let arrivalscity=dataJson[i].arrivalscity.substring(1);
  68. html+=`<li>
  69. <div class="itineraryList">
  70. <div class="addressName"><i class="contactsMark icon-">P</i> <b>${arrivalscity}</b></div>
  71. </div>
  72. </li>`;
  73. }
  74. }
  75. $("ul[itineraryinfo]").html(html);
  76. }