feeLoanReceiptTraveEdi.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698
  1. <!-- include '../admin/header' -->
  2. <link rel=stylesheet href="<?= WEB_SITE_GLOBAL ?>css/jquery.validator.css">
  3. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/jquery.validator.min.js"></script>
  4. <script type="text/javascript" src="<?= WEB_SITE_GLOBAL ?>js/zh-CN.js"></script>
  5. <script src="<?= WEB_SITE_GLOBAL ?>js/receipt.js"></script>
  6. <body>
  7. <div class="mainLayout">
  8. <div class="mainMenu">
  9. <div class="menuItem">
  10. <a href="#" class="mLogo">CLD</a>
  11. <ul>
  12. <!-- include '../admin/menuReceipt' -->
  13. </ul>
  14. </div>
  15. </div>
  16. <div class="warpContent">
  17. <div class="subMenu fL">
  18. <div class="menuItem">
  19. <ul>
  20. <!-- include '../admin/receipt_menu' -->
  21. </ul>
  22. </div>
  23. </div>
  24. <div class="adminContent autoHeight" style="height: 821px;">
  25. <div class="borad-news">
  26. <legend><div class="fR"></div>编辑报销单</legend>
  27. <div class="saeaList ">
  28. <!-- loop receiptList -->
  29. <div class="entry loan-list" >
  30. <!--
  31. <!-- if {{receiptList' value.status}}==1 -->
  32. <div class="seal done"></div>
  33. <!-- elseif {{receiptList' value.status}}==3 -->
  34. <div class="seal undone"></div>
  35. <!-- elseif {{receiptList' value.status}}==4 -->
  36. <div class="seal back"></div>
  37. <!-- endif -->
  38. -->
  39. <div class="seTable">
  40. <table class="table table-bordered table-condensed table-hover">
  41. <tbody>
  42. <tr><th colspan="2" class="taC">借款费用</th></tr>
  43. <!-- loop receiptList' value.loanItem.借款费用 -->
  44. <tr><th>{{receiptList' value' value.name}}</th><td width="140" class="taR">¥{{receiptList' value' value.price}}</td></tr>
  45. <!-- endloop -->
  46. <tr><th>借款费用</th><td width="140" class="taR">¥{{receiptList' value.accountItem.cSum.loanSum}}</td></tr>
  47. <tr><th class="taC" colspan="2">产生费用所在办事处</th></tr>
  48. <tr><th style="text-align:center" colspan="2">{{receiptDetail' value.category}}</th></tr>
  49. <tr><th class="taC" colspan="2">费用说明</th>
  50. </tr><tr><td colspan="2">{{receiptDetail' value.explanation}}</td></tr>
  51. <tr class="warning"><td class="taR"><b>({{receiptDetail' value.receiptOrder}})本次费用合计</b></td>
  52. <td class="taR"><b style="font-size:24px">¥{{receiptDetail' value.sum}}</b><br>{{receiptDetail' value.BIGsum}}</td></tr>
  53. </tbody>
  54. </table>
  55. </div>
  56. <div class="seCensor loan-censor">
  57. <div class="title">
  58. {{receiptDetail' value.receiptOrder}}
  59. </div>
  60. <div class="censorList">
  61. <ul>
  62. <li class="post">
  63. <div class="avtra"><img src="{{staff.0.avatar}}_2.jpg" width="32"></div>
  64. <div class="comment">
  65. <p><span class="fR">{{receiptDetail' value.date}}</span>{{staff.0.username}}</p>
  66. <p>提交审批</p>
  67. </div>
  68. </li>
  69. <!-- loop receiptDetail' value.verifyList -->
  70. <li <!-- if {{receiptDetail' value' value.status}}==1 --> class="done" <!-- elseif {{receiptDetail' value' value.status}}==3 --> class="undone" <!-- endif -->>
  71. <div class="avtra"><img src="{{receiptDetail' value' value.2}}_2.jpg"></div>
  72. <div class="comment">
  73. <p class="colGray"><span class="fR">{{receiptDetail' value' value.date}}</span>{{receiptDetail' value' value.1}}<!-- if isset({{receiptDetail' value' value.rolename}}) --> ({{receiptDetail' value' value.rolename}}) <!-- endif --></p>
  74. <p>{{receiptDetail' value' value.opinion}}</p>
  75. </div>
  76. </li>
  77. <!-- endloop -->
  78. </ul>
  79. </div>
  80. </div>
  81. </div>
  82. <!-- endloop -->
  83. </div>
  84. <div class="saeaList">
  85. <div class="entry">
  86. <div class="seTable">
  87. <input type="hidden" id="agencyR" value="{{cSum.agencySum}}" />
  88. <input type="hidden" id="travelR" value="{{cSum.travelSum}}" />
  89. <input type="hidden" id="trainR" value="{{cSum.trainSum}}" />
  90. <input type="hidden" id="otherR" value="{{cSum.otherSum}}" />
  91. <form action="/updateReceipt" name="recepitAdd" method="post">
  92. <input type="hidden" name="rid" value="{{ridKey}}"/>
  93. <input type="hidden" name="receiptClass" value="trave"/>
  94. <input type="hidden" name="itinerary" id="itinerary" value="" />
  95. <table class="table table-bordered table-condensed table-hover">
  96. <tbody>
  97. <tr>
  98. <th colspan="2" class="taC">行程详细</th>
  99. </tr>
  100. <tbody itinerary >
  101. </tbody>
  102. <tr>
  103. <th colspan="2" class="taC"><a href="#route-add"
  104. class="button" addStroke data-toggle="modal">设置行程费用单</a></th>
  105. </tr>
  106. <tr><th colspan="2" class="taC">差旅相关费用</th></tr>
  107. <!-- loop acItem -->
  108. <!-- if {{acItem' value.category}} =="差旅相关费用" -->
  109. <tr>
  110. <th>{{acItem' value.name}}</th>
  111. <td width="200" class="taR">¥<span travelPrice_{{acItem' value.aid}} ><!-- if !empty({{acItem' value.price}}) --> {{acItem' value.price}} <!-- else --> 0 <!-- endif --></span>
  112. <input type="hidden" id="travel_{{acItem' value.aid}}" name="travel[]" <!-- if !empty({{acItem' value.price}}) --> value="{{acItem' value.price}}" <!-- else --> value="0" <!-- endif --> placeholder="输入{{acItem' value.name}}" pattern="[0-9]" step="0.01" min="0" class="span2"></td>
  113. </tr>
  114. <!-- endif -->
  115. <!-- endloop -->
  116. <tr><th class="taR">合计</th><td class="colGreen taR" id="travelResult">¥{{cSum.travelSum}}</td></tr>
  117. <tr class="warning"><td class="taR"><b>本次报销费用合计</b></td><td class="colGreed taR"><b style="font-size:24px" id="RS">¥{{sum}}</b></td></tr>
  118. <tr>
  119. <th>选择审批组</th>
  120. <td class="taR">
  121. <select name="verify">
  122. <!-- loop veList -->
  123. <option <!-- if {{receiptDetail.verify}}=={{veList' value.vid}} --> selected <!-- endif --> value="{{veList' value.vid}}" >{{veList' value.description}}(
  124. {{veList' value.staff}}
  125. )</option>
  126. <!-- endloop -->
  127. </select>
  128. </td>
  129. </tr>
  130. <tr><th colspan="2" class="taC">产生费用所在办事处</th></tr>
  131. <tr>
  132. <th>选择办事处</th>
  133. <td class="taR">
  134. <select name="cid" class="span2">
  135. <!-- loop category -->
  136. <option <!-- if {{receiptDetail.cid}}=={{category' value.cid}} --> selected <!-- endif --> value="{{category' value.cid}}" >{{category' value.title}}</option>
  137. <!-- endloop -->
  138. </select>
  139. </td>
  140. </tr>
  141. <tr><th colspan="2" class="taC">收款信息</th></tr>
  142. <tr><th>收款人户名</th>
  143. <td><input type="text" name="remittanceName" id="remittanceName" value="{{receiptDetail.remittanceName}}" placeholder="请输入收款人户名" ></td>
  144. </tr>
  145. <tr>
  146. <th>收款银行</th>
  147. <td>
  148. <select node-rbt name="remittanceBankType">
  149. <option value="0">广发银行</option>
  150. <option value="1">其他</option>
  151. </select>
  152. </td>
  153. </tr>
  154. <tr><th>收款开户银行名称</th><td>
  155. <input type="text" name="bankName" id="bankName" value="{{receiptDetail.bankName}}" placeholder="请输入收款开户银行名称" >
  156. </td></tr>
  157. <tr><th>收款账号</th><td>
  158. <input type="text" placeholder="请输入收款账号" id="bankNumber" name="bankNumber" value="{{receiptDetail.bankNumber}}">
  159. </td></tr>
  160. <tr node-cn style="display:none" ><th>联行号&nbsp;&nbsp;<span class="colRed">(如果不是广发银行,务必填上银行联行号)</span></th><td>
  161. <input type="text" placeholder="请输入联行号" id="coupletNumber" name="coupletNumber" value="{{receiptDetail.coupletNumber}}">
  162. </td></tr>
  163. <tr><th colspan="2" class="taC">报销说明</th></tr>
  164. <tr><th colspan="2">
  165. <textarea name="explanation" id="explanation" required="" rows="8" style="width:99%;resize: vertical" placeholder="市内交通费、邮寄费、公关费、办公费等费用说明,请详细填写在这。">{{receiptDetail.explanation}}</textarea>
  166. </th></tr>
  167. </tbody>
  168. </table>
  169. <table class="table">
  170. <tr><td><input type="submit" value="生成报销单 >>" class="button" /></td></tr>
  171. </table>
  172. </form>
  173. </div>
  174. <div class="seCensor">
  175. <div class="itinerary">
  176. <h2 class="itineraryTitle">总行程单</h2>
  177. <div class="itineraryCon" >
  178. <ul itineraryinfo>
  179. </ul>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. <!--弹出 添加行程 -->
  189. <div class="modal hide fade" id="route-add">
  190. <div class="modal-dialog">
  191. <div class="modal-content">
  192. <div class="modal-header">
  193. <h3>设置行程费用单</h3>
  194. </div>
  195. <div class="modal-body saeaList">
  196. <input type="hidden" name="ediStrokeId" >
  197. <table class="table table-bordered table-condensed">
  198. <tr>
  199. <th class="taC" colspan="4">出发-到达</th>
  200. </tr>
  201. <tr>
  202. <th>出发地</th>
  203. <td>
  204. <select departureProvince >
  205. </select>
  206. <select departureCity>
  207. </select>
  208. </td>
  209. <th>到达地</th>
  210. <td>
  211. <select arrivalsProvince ></select>
  212. <select arrivalsCity></select>
  213. </td>
  214. </tr>
  215. <tr>
  216. <th>出发日期</th>
  217. <td><input type="date" departureDate ></td>
  218. <th>到达日期</th>
  219. <td><input type="date" arrivalsDate ></td>
  220. </tr>
  221. <tr>
  222. <td colspan="4" class="" msg></td>
  223. </tr>
  224. <tr>
  225. <td colspan="4" class="colGray">如果是停留,出发地和到达地填写住宿地。(如:广东省珠海市-广东省珠海市)</td>
  226. </tr>
  227. </table>
  228. <select feeTravelItem >
  229. <!-- loop acItem -->
  230. <!-- if {{acItem' value.category}} =="差旅相关费用" -->
  231. <option value='{{acItem' value.aid}}'>{{acItem' value.name}}</option>
  232. <!-- endif -->
  233. <!-- endloop -->
  234. </select><a href="#" feeTravelItem class="button">添加费用</a>
  235. <table class="table table-bordered table-condensed">
  236. <tr>
  237. <th colspan="3" class="taC">费用详情</th>
  238. </tr>
  239. <tbody feeTravelItem >
  240. </tbody>
  241. </table>
  242. </div>
  243. <div class="modal-footer">
  244. <a href="#" addItineraryBut class="button" data-dismiss="modal" aria-hidden="true">确认</a>
  245. <a href="#" ediItineraryBut style="display:none" class="button" data-dismiss="modal" aria-hidden="true">确认</a>
  246. <a href="#" class="button btn-gray" data-dismiss="modal"
  247. aria-hidden="true">关闭</a>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  252. <!--结束 弹出 添加行程 -->
  253. <script type="text/javascript">
  254. var sessionStorageList='itineraryListLoanEdi';
  255. sessionStorage.setItem("itineraryListLoanEdi",'{{receiptDetail.itinerary}}');
  256. </script>
  257. <script src="<?= itinerary ?>"></script>
  258. <script >
  259. /* function fnTotTravelPrice(){
  260. var itineraryStr=sessionStorage.getItem("itineraryListLoanEdi");
  261. var sessionItinerary= JSON.parse(itineraryStr);
  262. $("#itinerary").val(itineraryStr);
  263. var priceList=[];
  264. for(let i=0;i<sessionItinerary.length;i++){
  265. let feeTraveItem=sessionItinerary[i].feeTraveItem;
  266. for(let k=0;k<feeTraveItem.length;k++){
  267. if(typeof priceList[feeTraveItem[k].id]==='undefined'){
  268. priceList[feeTraveItem[k].id]=0;
  269. }
  270. priceList[feeTraveItem[k].id]+=parseFloat(feeTraveItem[k].price);
  271. }
  272. }
  273. $("input[id^='travel_']").val(0);
  274. $("td span").html(0);
  275. let travelResult=0;
  276. for(let i=0;i<priceList.length;i++){
  277. if(typeof priceList[i]==='number'){
  278. $("span[travelprice_"+i+"]").html(priceList[i]);
  279. $("#travel_"+i+"").val(priceList[i]);
  280. travelResult+=priceList[i];
  281. }
  282. }
  283. $("#travelResult").html(travelResult);
  284. $("#RS").html(travelResult);
  285. }
  286. function districtTop(selected){
  287. var storage=window.localStorage;
  288. if(typeof storage["districtTop"]==='undefined'||storage["districtTop"]===''){
  289. $.ajax({
  290. url : '/api/district',
  291. type : "post",
  292. cache : false,
  293. dataType : "json",
  294. global : true,
  295. success : function(data) {
  296. storage.setItem("districtTop",JSON.stringify(data.districtList));
  297. //districtTop(data.districtList);
  298. },
  299. error : function(err) {}
  300. });
  301. }
  302. var districtTop=JSON.parse(storage["districtTop"]);
  303. var html='';
  304. for(let i=0;i<districtTop.length;i++){
  305. if(typeof selected!=='undefined'&&selected.departureprovince==districtTop[i].name){
  306. html+='<option selected value='+districtTop[i].id+'>'+districtTop[i].name+'</option>';
  307. }else{
  308. html+='<option value='+districtTop[i].id+'>'+districtTop[i].name+'</option>';
  309. }
  310. }
  311. $("select[departureProvince]").html(html);
  312. html='';
  313. for(let i=0;i<districtTop.length;i++){
  314. if(typeof selected!=='undefined'&&selected.arrivalsprovince==districtTop[i].name){
  315. html+='<option selected value='+districtTop[i].id+'>'+districtTop[i].name+'</option>';
  316. }else{
  317. html+='<option value='+districtTop[i].id+'>'+districtTop[i].name+'</option>';
  318. }
  319. }
  320. $("select[arrivalsProvince]").html(html);
  321. }
  322. function districtCityBuild(selectDom,obj,selected){
  323. var storage=window.localStorage;
  324. var id=$('select['+obj+']').val();
  325. if(typeof storage["district_"+id]==='undefined'||storage["district_"+id]===''){
  326. $.ajax({
  327. url : '/api/district?did='+id,
  328. type : "post",
  329. cache : false,
  330. dataType : "json",
  331. async:false,
  332. global : true,
  333. success : function(data) {
  334. storage.setItem("district_"+id,JSON.stringify(data.districtList));
  335. //districtCity(selectDom,data.districtList);
  336. },
  337. error : function(err) {}
  338. });
  339. }
  340. districtCity=JSON.parse(storage["district_"+id]);
  341. var html='';var cityName='';
  342. if(typeof selected!=='undefined'){
  343. if(selectDom=='departurecity'){
  344. cityName=selected.departurecity;
  345. }else{
  346. cityName=selected.arrivalscity.substring(1);
  347. }
  348. }
  349. for(let i=0;i<districtCity.length;i++){
  350. if(typeof selected!=='undefined'&&cityName==districtCity[i].name){
  351. html+='<option selected value='+districtCity[i].name+'>'+districtCity[i].name+'</option>';
  352. }else{
  353. html+='<option value='+districtCity[i].name+'>'+districtCity[i].name+'</option>';
  354. }
  355. }
  356. $("select["+selectDom+"]").html(html);
  357. }
  358. function buildItinerary(list){
  359. var html='';
  360. for(let i=0;i<list.length;i++){
  361. html+='<tr><th colspan="2" class="ta"><i class="contactsMark icon-">P</i> '+list[i].departuredate+list[i].arrivalsdate+' '+list[i].departurecity+list[i].arrivalscity+'';
  362. html+='<div class="fR"><a href="#route-add" ediStroke data-toggle="modal" dataId="'+i+'" >编辑</a>&nbsp;<a href="#" dataId="'+i+'" removeItinerary class="colRed">移除</a></div></th></tr>';
  363. let feeTraveItem=list[i].feeTraveItem;
  364. let price=0;
  365. for(let k=0;k<feeTraveItem.length;k++){
  366. price+=parseFloat(feeTraveItem[k].price);
  367. html+='<tr><th>'+feeTraveItem[k].name+'<p class="colGray">#'+feeTraveItem[k].detail+'</p></th><td width="200" class="taR">¥'+feeTraveItem[k].price+'</td></tr>';
  368. }
  369. html+='<tr><th class="taR">合计</th><td class="colGreen taR">¥'+price+'</td></tr>';
  370. }
  371. $("tbody[itinerary]").html(html);
  372. }
  373. function buildFeeTravelItem(feeTraveItem){
  374. var html='';
  375. for(let i=0;i<feeTraveItem.length;i++){
  376. html+='<tr class="remove" ><th>'+feeTraveItem[i].name+'</th>';
  377. html+='<td class="taR">¥<input type="number" itemId_'+feeTraveItem[i].id+' data="'+feeTraveItem[i].name+'" dataId="'+feeTraveItem[i].id+'" value="'+feeTraveItem[i].price+'" placeholder="输入费用" pattern="[0-9]" step="1" min="0"class="span2"></td>';
  378. html+='<td><input type="text" value="'+feeTraveItem[i].detail+'" itemDetail_'+feeTraveItem[i].id+' placeholder="填写费用说明"></td>';
  379. html+='<td><a href="#" removeFeeTravelItem >移除</a></td></tr>';
  380. }
  381. $("tbody[feeTravelItem]").html(html);
  382. }
  383. function fnGetItineraryData(){
  384. var departurecity=$("select[departurecity] option:selected").text();
  385. var arrivalscity=$("select[arrivalscity] option:selected").text();
  386. var departureprovince=$("select[departureprovince] option:selected").text();
  387. var arrivalsprovince=$("select[arrivalsprovince] option:selected").text();
  388. var departuredate=$("input[departuredate]").val();
  389. var arrivalsdate=$("input[arrivalsdate]").val();
  390. var feeTravePriceList=$("tbody[feeTravelItem]").find('input[type=number]');
  391. var feeTraveDetailList=$("tbody[feeTravelItem]").find('input[type=text]');
  392. if(arrivalscity!==''){
  393. arrivalscity='-'+arrivalscity;
  394. }
  395. if(arrivalsdate!==''){
  396. arrivalsdate='~'+arrivalsdate;
  397. }
  398. var feeTraveItem=[];
  399. for(let i=0;i<feeTravePriceList.length;i++){
  400. feeTraveItem.push({'id':$(feeTravePriceList[i]).attr('dataId'),'name':$(feeTravePriceList[i]).attr('data'),'price':$(feeTravePriceList[i]).val(),'detail':$(feeTraveDetailList[i]).val()});
  401. }
  402. var itinerary={'departuredate':departuredate,'departureprovince':departureprovince,'departurecity':departurecity,'arrivalsdate':arrivalsdate,'arrivalsprovince':arrivalsprovince,'arrivalscity':arrivalscity,'feeTraveItem':feeTraveItem};
  403. return itinerary;
  404. } */
  405. $(function() {
  406. /* var sessionStorage= window.sessionStorage;
  407. sessionStorage.setItem("itineraryListLoanEdi",'{{receiptDetail.itinerary}}');
  408. var sessionItinerary= sessionStorage.getItem("itineraryListLoanEdi");
  409. if(typeof sessionItinerary!=='object'){
  410. buildItinerary(JSON.parse(sessionItinerary));
  411. fnTotTravelPrice();
  412. }
  413. $("a[ediStroke]").click(function() {
  414. var sessionItinerary= sessionStorage.getItem("itineraryListLoanEdi");
  415. sessionItinerary=JSON.parse(sessionItinerary);
  416. var id=$(this).attr('dataId');
  417. var storage=window.localStorage;
  418. districtTop(sessionItinerary[id]);
  419. districtCityBuild('departurecity','departureprovince',sessionItinerary[id]);
  420. districtCityBuild('arrivalscity','arrivalsprovince',sessionItinerary[id]);
  421. $("input[departuredate]").val(sessionItinerary[id].departuredate);
  422. $("input[arrivalsdate]").val(sessionItinerary[id].arrivalsdate.substring(1));
  423. buildFeeTravelItem(sessionItinerary[id].feeTraveItem);
  424. $("a[additinerarybut]").hide();
  425. $("a[ediItineraryBut]").show();
  426. });
  427. $("a[addStroke]").click(function() {
  428. districtTop();
  429. districtCityBuild('departurecity','departureprovince');
  430. districtCityBuild('arrivalscity','arrivalsprovince');
  431. $("input[departuredate]").val('');
  432. $("input[arrivalsdate]").val('');
  433. $("tbody[feeTravelItem]").html('');
  434. $("a[additinerarybut]").show();
  435. $("a[ediItineraryBut]").hide();
  436. });
  437. $("select[departureProvince]").change(function() {
  438. districtCityBuild('departurecity','departureprovince');
  439. });
  440. $("select[arrivalsProvince]").change(function() {
  441. districtCityBuild('arrivalscity','arrivalsprovince');
  442. });
  443. $("a[feeTravelItem]").click(function() {
  444. var itemName=$("select[feeTravelItem] option:selected").text();
  445. var itemId=$("select[feeTravelItem] option:selected").val();
  446. var html='<tr class="remove" ><th>'+itemName+'</th>';
  447. html+='<td class="taR">¥<input type="number" itemId_'+itemId+' data="'+itemName+'" dataId="'+itemId+'" value="0" placeholder="输入费用" pattern="[0-9]" step="1" min="0"class="span2"></td>';
  448. html+='<td><input type="text" itemDetail_'+itemId+' placeholder="填写费用说明"></td>';
  449. html+='<td><a href="#" removeFeeTravelItem >移除</a></td></tr>';
  450. $("tbody[feeTravelItem]").append(html);
  451. });
  452. $("tbody[feeTravelItem]").on("click","a[removeFeeTravelItem]",function(){
  453. $(this).closest('.remove').remove();
  454. });
  455. $("tbody[itinerary]").on("click","a[edistroke]",function(){
  456. $("input[name=ediStrokeId]").val($(this).attr('dataid'));
  457. var sessionItinerary= sessionStorage.getItem("itineraryListLoanEdi");
  458. sessionItinerary=JSON.parse(sessionItinerary);
  459. var id=$(this).attr('dataId');
  460. var storage=window.localStorage;
  461. districtTop(sessionItinerary[id]);
  462. districtCityBuild('departurecity','departureprovince',sessionItinerary[id]);
  463. districtCityBuild('arrivalscity','arrivalsprovince',sessionItinerary[id]);
  464. $("input[departuredate]").val(sessionItinerary[id].departuredate);
  465. $("input[arrivalsdate]").val(sessionItinerary[id].arrivalsdate.substring(1));
  466. buildFeeTravelItem(sessionItinerary[id].feeTraveItem);
  467. $("a[additinerarybut]").hide();
  468. $("a[ediItineraryBut]").show();
  469. });
  470. $("a[ediItineraryBut]").click(function() {
  471. var itinerary=fnGetItineraryData();
  472. var siIndex=$("input[name=ediStrokeId]").val();
  473. var sessionItinerary =JSON.parse(sessionStorage.getItem("itineraryListLoanEdi"));
  474. sessionItinerary[siIndex]=itinerary;
  475. sessionStorage.setItem("itineraryListLoanEdi",JSON.stringify(sessionItinerary));
  476. buildItinerary(sessionItinerary);
  477. fnTotTravelPrice();
  478. });
  479. $("a[addItineraryBut]").click(function() {
  480. var itinerary=fnGetItineraryData();
  481. var sessionItinerary = sessionStorage.getItem("itineraryListLoanEdi");
  482. if(typeof sessionItinerary==='object'){
  483. sessionItinerary=[];
  484. sessionItinerary.push(itinerary);
  485. sessionStorage.setItem("itineraryListLoanEdi",JSON.stringify(sessionItinerary));
  486. }else{
  487. sessionItinerary=JSON.parse(sessionItinerary);
  488. sessionItinerary.push(itinerary);
  489. sessionStorage.setItem("itineraryListLoanEdi",JSON.stringify(sessionItinerary));
  490. }
  491. buildItinerary(sessionItinerary);
  492. fnTotTravelPrice();
  493. });
  494. $("tbody[itinerary]").on("click","a[removeItinerary]",function(){
  495. var sessionItinerary= sessionStorage.getItem("itineraryListLoanEdi");
  496. var id=$(this).attr('dataId');
  497. sessionItinerary=JSON.parse(sessionItinerary);
  498. sessionItinerary.splice(id,1);
  499. sessionStorage.setItem("itineraryListLoanEdi",JSON.stringify(sessionItinerary));
  500. buildItinerary(sessionItinerary);
  501. $("#itinerary").val(JSON.stringify(sessionItinerary));
  502. buildItinerary(sessionItinerary);
  503. fnTotTravelPrice();
  504. }); */
  505. //-----------------------
  506. $("input[id^='inttrain_']").change(function() {
  507. $i=0;
  508. $("input[id^='inttrain_']").each(function(i){
  509. $i+=parseFloat(this.value);
  510. });
  511. $("#inttrainResult").html("¥"+$i.toFixed(2));
  512. $("#inttrainR").val($i.toFixed(2));
  513. var agencyR=$("#agencyR").val();
  514. var otherR=parseFloat($("#otherR").val());
  515. var travelR=parseFloat($("#travelR").val());
  516. var RS=parseFloat($i)+parseFloat(agencyR)+travelR+otherR;
  517. $("#RS").html("¥"+RS.toFixed(2));
  518. });
  519. })
  520. </script>
  521. <!--弹出内容-->
  522. <script type="text/javascript">autoFlashHeight();</script>
  523. </body>