itineraryView2.0.js 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  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. sessionItinerary=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 strokeJson=data;
  25. if(typeof data==='string'){
  26. strokeJson=JSON.parse(data);
  27. }
  28. let dataJson;
  29. strokeJson.forEach(function(value,index){
  30. dataId=Object.keys(value)[0];
  31. dataJson=value[dataId];
  32. let last=dataJson.length-1;
  33. let n=0;var ln=index+1;
  34. html+=`<li>行程${ln}#</li>`;
  35. for(let i=0;i<dataJson.length;i++){
  36. let price=0;
  37. for(let p=0;p<dataJson[i].feeTraveItem.length;p++){
  38. price+=parseFloat(dataJson[i].feeTraveItem[p].price);
  39. }
  40. price=price.toFixed(2);
  41. let city='';
  42. if(i==0){
  43. city=dataJson[i].departurecity;
  44. }else{
  45. n=i-1;
  46. city=dataJson[n].arrivalscity.substring(1);
  47. }
  48. let feeTraveItem=dataJson[i].feeTraveItem;
  49. let itemHtml=buildItinerary(feeTraveItem);
  50. html+=`<li>
  51. <div class="itineraryList">
  52. <div class="addressName"><i class="contactsMark icon-">P</i> <b>${city}</b></div>
  53. <div class="pointLine">
  54. <div class="priceList">
  55. <span class="priceTitle">金额</span>
  56. <span class="price colGreen">¥${price}</span>
  57. </div>
  58. <div class="timeList">
  59. <span class="timeTitle">时间</span>
  60. <span class="time">${dataJson[i].departuredate}${dataJson[i].arrivalsdate}</span>
  61. </div>
  62. <div class="routeList clearfix">
  63. <span class="routeTitle fL">详情</span>
  64. <span class="route fL">
  65. ${itemHtml}
  66. </span>
  67. </div>
  68. </div>
  69. </div>
  70. </li>`;
  71. if(i===last){
  72. let arrivalscity=dataJson[i].arrivalscity.substring(1);
  73. html+=`<li>
  74. <div class="itineraryList">
  75. <div class="addressName"><i class="contactsMark icon-">P</i> <b>${arrivalscity}</b></div>
  76. </div>
  77. </li>`;
  78. //html+=`<div class="addressName fL"><i class="contactsMark icon-">P</i><b>${arrivalscity}</b></div>`;
  79. }
  80. }
  81. html+=`<li><br/></li>`;
  82. })
  83. $("ul[itineraryinfo]").html(html);
  84. }