|
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
- <title>出行线路详情</title>
- <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
-
- <style>
- html,body {width:100%;font-family:黑体,Courier New,Courier, monospace;}
- body {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background:#f0f0f0;}
- #div_main {position:relative;float:left;width:100%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background:#f0f0f0;height:100%;padding-bottom:-52px;overflow-y:auto;overflow-x:hidden;width:100%;}
- #div_bottom {position:fixed;bottom:0px;width:100%;height:52px;line-height:52px;font-size:18px;font-weight:600;text-align:center;margin:0px 0px 0px 0px;background:#ff8800;color:#ffffff;}
- #div_main1 {position:relative;float:left;width:100%;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background:#f0f0f0;overflow:hidden;}
- #div_top {position:relative;float:left;width:100%;margin:10px 0px 0px 0px;border-top:1px solid #e5e5e5;background:#ffffff;}
- #div_top_1 {position:relative;float:center;width:98%;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:0px;overflow:hidden;}
- #div_top_1_1 {position:relative;float:left;width:6%;height:71px;overflow:hidden;background:url(img/smalllogo.png);background-size:9px 39px;background-repeat:no-repeat ; background-position: 87% 14px;}
- #div_top_1_2 {position:relative;float:left;width:86%;height:71px;overflow:hidden;}
- #div_top_1_3 {position:absolute;float:left;width:8%;height:71px;overflow:hidden;top:-2px;right:3.6%;}
- #div_top_1_2_1_1 {position:relative;float:left;width:54%;height:33px;line-height:34px;overflow:hidden;border-bottom:1px solid #ECEBEE;color:#343434;font-size:16px;text-align:left;overflow:hidden;margin-left:4.3%;}
- #div_top_1_2_1_2 {position:relative;float:left;width:47%;height:33px;line-height:34px;overflow:hidden;border-bottom:1px solid #ECEBEE;color:#808080;font-size:14px;font-family:"黑体";text-align:right;overflow:hidden;margin-left:-12%;}
- #div_top_1_2_2_1 {position:relative;float:left;height:34px;line-height:33px;overflow:hidden;color:#343434;font-size:16px;text-align:left;overflow:hidden;margin-left:4.3%;}
- #div_top_1_2_2_2 {position:relative;float:right;width:46%;height:34px;line-height:33px;overflow:hidden;color:#808080;font-size:14px;font-family:"黑体";text-align:right;overflow:hidden;margin-right:7%;}
- #div_top_1_4 {position:relative;float:left;width:100%;height:36px;line-height:29px;overflow:hidden;color:#808080;font-size:13px;text-align:left;border-bottom:1px solid #ECEBEE;overflow:hidden;margin-left:2%;}
- #div_top_1_5 {position:relative;float:left;width:65%;height:40px;line-height:40px;overflow:hidden;color:#ff8800;font-size:13px;text-align:left;overflow:hidden;}
- #div_top_1_5 .xprice {font-size:17px;font-weight:bold;margin-left:2px;font-family:"黑体";}
- #div_top_1_6 {position:relative;float:right;width:22%;height:40px;line-height:43px;margin-right:-2px;overflow:hidden;color:#585858;font-size:13px;background:url(img/detailbg.png) no-repeat; background-size: 6px 10px;background-position: 60px 15px;}
- #div_title_1 {position:relative;float:left;width:100%;height:45px;line-height:50px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;font-size:17px;color:#303030;letter-spacing:2px;padding-left:15px;}
- #div_detail {position:relative;float:left;width:100%;border-bottom:1px solid #dddddd;background:#ffffff;overflow:auto;}
- #div_detail_1 {position:relative;float:left;width:100%;height:40px;line-height:40px;overflow:hidden;background:#ffffff;text-align:center;margin-bottom:50px;color:#585858;font-size:14px;}
- #div_detail_1 span {position:relative;float:center;margin-left:auto;margin-right:auto;display:block;width:120px;line-height:43px;background:url(img/detailbg.png) no-repeat; background-size: 6px 10px;background-position: 100px 15px;}
-
- ul {position:relative;float:center;width:98%;margin-left:auto;margin-right:auto;padding:0px 0px 0px 0px;margin-top:10px;margin-bottom:10px;overflow:hidden;}
- ul li {list-style:none;position:relative;float:left;width:100%;line-height:30px;overflow:hidden;}
- .li_11 {font-family:黑体;color:#ffa033;font-size:24px;line-height:46px;font-weight:600;letter-spacing:2px;}
- .li_12 {font-family:黑体;color:#ffa033;font-size:24px;line-height:46px;font-weight:600;letter-spacing:2px;border-top:1px dotted #666666;margin-top:10px;}
- .li_21 {background-image:url(img/getin.jpg);background-repeat: no-repeat;background-size: 21px 38px;background-position:12.3px 10px;font-family:黑体;color:#0b0b0b;font-size:16px;letter-spacing:2px;}
- .li_22 {background-image:url(img/xroad.jpg);background-repeat: no-repeat;background-size: 21px 51px;background-position:12.3px -2px;font-family:黑体;color:#0b0b0b;font-size:16px;letter-spacing:2px;}
- .li_23 {background-image:url(img/getoff.jpg);background-repeat: no-repeat;background-size: 21px 58px;background-position:12.31px -5px;font-family:黑体;color:#0b0b0b;font-size:16px;letter-spacing:2px;}
- .li_24 {background-image:url(img/jiebo.jpg);background-repeat: no-repeat;background-size: 21px 58px;background-position:12.31px -5px;font-family:黑体;color:#0b0b0b;font-size:16px;letter-spacing:2px;}
- .span_1 {position:relative;float:right;width:85%;line-height:46px;height:46px;text-align:left;margin-right:3%;}
- .li_3 {background-image:url(img/xstop.jpg);background-repeat: no-repeat;background-size:8px 500px;background-position:19px -50px;font-family:黑体;color:#585858;font-size:14px;font-weight:400;letter-spacing:1px;}
- .span_2 {position:relative;float:right;width:85%;line-height:25px;text-align:left;margin-right:3%;}
-
- #div_qc_fc_all {position:relative;float:center;width:100%;margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;overflow:hidden;}
- #div_qc_fc {position:relative;float:left;width:100%;margin:0px 0px 0px 0px;overflow:hidden;overflow:hidden;}
- #div_qc {position:relative;float:left;width:100%;margin:0px 0px 0px 0px;overflow:hidden;display:block;}
- #div_fc {position:relative;float:left;width:100%;margin:0px 0px 0px 0px;overflow:hidden;display:none;}
- .span_select {display:block;position:relative;float:left;width:100px;height:30px;margin:5px 10px 5px 2%;line-height:30px;font-size:16px;border-radius:5px;background:#ffa033;text-align:center;font-family:黑体;color:#ffffff;}
- .span_unselect {display:block;position:relative;float:left;width:100px;height:30px;margin:5px 10px 5px 2%;line-height:30px;font-size:16px;border-radius:5px;background:#ffffff;text-align:center;font-family:黑体;border:1px solid #ffa033;}
- </style>
- <script type="text/javascript" src="../js/public.js"></script>
- <script language=javascript>
- if (window.ActiveXObject){
- var myreq = new ActiveXObject("Microsoft.XMLHTTP");
- }else{
- var myreq = new XMLHttpRequest();
- }
- var m_prodcode = '';
- var m_prodintro = '';
- var m_iffc = 0;
- var m_runid = '';
- var m_godate = '';
- var m_gotime = '';
- var m_backdate = '';
- var m_backtime = '';
- function order_product()
- {
- if (m_prodcode == 'NSPTSM01')
- {
- var cstr1 = 'reserve.html?prodcode=' + m_prodcode + '&runid=' + m_runid + '&m_godate=' + m_godate + '&m_gotime=' + m_gotime + '&m_backdate=' + m_backdate + '&m_backtime=' + m_backtime;
- location.href = cstr1;
- }else{
- location.href = 'reserve.html?prodcode=' + m_prodcode;
- }
- }
- function explain_fee()
- {
- location.href = 'bookingHomePage/spend.html?prodcode='+ m_prodcode;
- }
- function show_product_detail()
- {
- location.href = 'details1.html?prodcode=' + m_prodcode;
- }
- window.onload = function ()
- {
- m_prodcode = getPar('prod_code');
- var tt= getDateTime(4);
- var myURL = '/core/detail.asp?prodcode=' + m_prodcode;
- myreq.open("get",myURL,true);
- myreq.onreadystatechange = show_detail;
- myreq.send(null);
- }
- function show_detail()
- {
- if (myreq.readyState == 4)
- {
- var newstr = myreq.responseText;
- var myJason = JSON.parse(newstr);
- var c_errcode = myJason.code;
- if (c_errcode == '0')
- {
- document.getElementById('div_top_1_2_1_1').innerHTML = myJason.start_area;
- document.getElementById('div_top_1_2_1_2').innerHTML = myJason.run_info;
- document.getElementById('div_top_1_2_2_1').innerHTML = myJason.end_area;
- document.getElementById('div_top_1_2_2_2').innerHTML = myJason.run_count + ' 班/天';
- document.getElementById('div_top_1_5').innerHTML = '<span style="margin-left:10px;font-weight:bold;">￥</span><span class="xprice">' + myJason.price + '</span>';
-
- var c_ifbus = myJason.if_bus;
- var c_ifhotel = myJason.if_hotel;
- var c_ifsightspot = myJason.if_sightspot;
- var c_direction = myJason.direction;
- var c_prodname = myJason.prod_name;
- if (c_ifbus - 1 == 0) c_prodname += '<img id="if_bus" style="width:14px; height:15px;margin-left:6px;" src="img/car2.png" alt="">';
- if (c_ifhotel - 1 == 0) c_prodname += '<img id="if_hotel" style="width:15px; height:15px;margin-left:5px;" src="../img/hotel2.png" alt="">';
- if (c_ifsightspot - 1 == 0) c_prodname += '<img id="if_sightspot" style="width:15px; height:15px;margin-left:5px;" src="../img/ticket.png" alt="">';
- document.getElementById('div_top_1_4').innerHTML = c_prodname;
-
- var obj1 = document.getElementById('div_top_1_3');
- if (c_direction - 1 == 0)
- {
- obj1.style.background = 'url(img/detailbg.jpg) no-repeat -60px -234px';
- }else{
- obj1.style.background = 'url(img/go_back.png) no-repeat';
- obj1.style.backgroundSize="13px 13px"
- obj1.style.backgroundPosition="10px 28px"
- }
-
- if (m_prodcode == 'NSPTSM01')
- {
- m_runid = myJason.f_runid;
- m_godate = myJason.f_godate;
- m_gotime = myJason.f_gotime;
- m_backdate = myJason.f_backdate;
- m_backtime = myJason.f_backtime;
- }
-
- m_prodintro = myJason.circuitry_intro;
- show_info1(m_prodintro);
- }else{
- var c_errinfo = myJason.info;
- alert(c_errinfo);
- }
- }
- }
- function show_info3(cstr1,cstr3)
- {
- var num3 = cstr1.indexOf('\[' + cstr3 + '\]');
- var num4 = cstr1.indexOf('\[\/' + cstr3 + '\]');
- var cstr2 = '';
- var num1 = cstr3.length;
- while (num4-num3>0 && num3>0)
- {
- cstr2 += cstr1.substr(0,num3);
- cstr1 = cstr1.substring(num4-0+3+num1);
- num3 = cstr1.indexOf('\[' + cstr3 + '\]');
- num4 = cstr1.indexOf('\[\/' + cstr3 + '\]');
- }
- cstr1 = cstr2 + cstr1;
- return cstr1;
- }
- function show_info1(cstr1)
- {
- console.log(cstr1);
- cstr1 = show_info3(cstr1,'J');
- cstr1 = show_info3(cstr1,'R');
- cstr1 = cstr1.replace(/\[T\]\[S\]/g,'\[\/T\]\[S\]');
- cstr1 = cstr1.replace(/\[SC\]/g,'<li class="li_21"><span class="span_1">上车</span></li>\n');
- cstr1 = cstr1.replace(/\[\/SC\]/g,'\n');
- cstr1 = cstr1.replace(/\[T\]/g,'<li class="li_3"><span class="span_2">\n');
- cstr1 = cstr1.replace(/\[\/T\]/g,'');
-
- //cstr1 = cstr1.replace(/\[S\]/g,' ');
- cstr1 = cstr1.replace(/\[\/S\]/g,'');
- cstr1 = cstr1.replace(/\[A\]/g,'<br/>');
-
-
- cstr1 = cstr1.replace(/\[\/A\]/g,'</li>\n');
- cstr1 = cstr1.replace(/\[X\]/g,'<li class="li_22"><span class="span_1">路程</span></li>\n<li class="li_3"><span class="span_2">');
- cstr1 = cstr1.replace(/\[\/X\]/g,'</span></li>\n');
- //
-
-
- cstr1 = cstr1.replace(/\[J\]/g,'<li class="li_24"><span class="span_1">接驳</span></li>\n<li class="li_3"><span class="span_2">');
- //
- cstr1 = cstr1.replace(/\[\/J\]/g,'<li class="li_3"><span class="span_2"></span></li>\n');
- //
- cstr1 = cstr1.replace(/\[XC\]/g,'<li class="li_23"><span class="span_1">下车</span></li><li class="li_3"><span class="span_2">');
- ////
- cstr1 = cstr1.replace(/\[\/XC\]/g,'</li></span>');
-
- cstr1 = cstr1.replace(/\[\/S\]\[T\]/g,'</span></li>\n<li class="li_3"><span class="span_2">');
- cstr1 = cstr1.replace(/\[S\]/g,'<li class="li_3"><span class="span_2">\n');
-
- cstr1 = cstr1.replace(/\[\/S\]/g,'</span></li>\n');
- cstr1 = cstr1.replace(/\[D1\]/g,'');
- cstr1 = cstr1.replace(/\[\/D1\]/g,'');
- cstr1 = cstr1.replace(/\[D2\]/g,'');
- cstr1 = cstr1.replace(/\[\/D2\]/g,'');
- cstr1 = cstr1.replace(/\[D3\]/g,'');
- cstr1 = cstr1.replace(/\[\/D3\]/g,'');
- console.log(cstr1);
- var num1 = cstr1.indexOf('\[QC\]');
- var num2 = cstr1.indexOf('\[\/QC\]');
- var cstr21 = '';
- var cstr31 = '<div id="div_qc_fc_all"><div id="div_qc_fc">';
- var cstr32 = '';
- if (num2-num1>0 && num1-0>=0)
- {
- cstr21 = cstr1.substring(num1-0+4,num2);
- cstr21 = '<ul>' + cstr21 + '</ul>';
- cstr31 += '<span id="span_qc" class="span_select" onclick="show_info2(0)">去 程</span>';
- cstr32 += '<div id="div_qc">' + cstr21 + '</div>';
- }
- num1 = cstr1.indexOf('\[FC\]');
- num2 = cstr1.indexOf('\[\/FC\]');
- if (num2-num1>0 && num1-0>=0)
- {
- cstr21 = cstr1.substring(num1-0+4,num2);
- cstr21 = '<ul>' + cstr21 + '</ul>';
- cstr31 += '<span id="span_fc" class="span_unselect" onclick="show_info2(1)">返 程</span>';
- cstr32 += '<div id="div_fc">' + cstr21 + '</div>';
- m_iffc = 1;
- }else{
- cstr32 += '<div id="div_fc"></div>';
- }
- var cstr3 = cstr31 + '</div>' + cstr32 + '</div>';
- var obj1 = document.getElementById('div_detail');
- obj1.innerHTML = cstr3;
- }
- function show_info2(myflag)
- {
- if (m_iffc - 0 == 0)
- {
- return;
- }else{
- var obj11 = document.getElementById('span_qc');
- var obj12 = document.getElementById('div_qc');
- var obj21 = document.getElementById('span_fc');
- var obj22 = document.getElementById('div_fc');
- if (myflag - 1 == 0)
- {
- obj11.className = 'span_unselect';
- obj21.className = 'span_select';
- obj12.style.display = 'none';
- obj22.style.display = 'block';
- }else{
- obj11.className = 'span_select';
- obj21.className = 'span_unselect';
- obj12.style.display = 'block';
- obj22.style.display = 'none';
- }
- }
- }
- </script>
- <!-- 百度统计star -->
- <script>
- var _hmt = _hmt || [];
- (function() {
- var hm = document.createElement("script");
- hm.src = "//hm.baidu.com/hm.js?3d4ede42cef05a99fcd8bda849831ada";
- var s = document.getElementsByTagName("script")[0];
- s.parentNode.insertBefore(hm, s);
- })();
- </script>
-
-
- <!-- 百度统计end -->
- </head>
- <body>
- <div id="div_main">
- <div id="div_top">
- <div id="div_top_1">
- <div id="div_top_1_1"></div>
- <div id="div_top_1_2">
- <div id="div_top_1_2_1_1"></div>
- <div id="div_top_1_2_1_2"></div>
- <div id="div_top_1_2_2_1"></div>
- <div id="div_top_1_2_2_2"></div>
- </div>
- <div id="div_top_1_3"></div>
- <div id="div_top_1_4"></div>
- <div id="div_top_1_5"></div>
- <div id="div_top_1_6" onclick="explain_fee()">费用说明</div>
- </div>
- </div>
- <div id="div_title_1">线路介绍</div>
- <div id="div_detail"></div>
- <div id="div_detail_1" onclick="show_product_detail()"><span>查看详情</span></div>
- </div>
- <div id="div_bottom" onclick="order_product()">立即预订</div>
- </body>
- </html>
|
