2 Star 0 Fork 0

Joyce/web-tour-front

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 62.92 KB
一键复制 编辑 原始数据 按行查看 历史
marin 提交于 2020-05-22 11:52 . 实时加个比较去掉
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109
<!DOCTYPE html>
<!-- saved from url=(0024)https://www.haoqiao.com/ -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="renderer" content="webkit">
<meta name="baidu-site-verification" content="MyNRyDHsSu">
<title>游鸽景酒联盟</title>
<meta name="keywords" content="国内酒店预订,国内酒店,省内酒店预订,四川酒店预订, 四川酒店预订网">
<meta name="description" content="游鸽景酒联盟是专业的国内酒店批发平台,拥有全国1000余家酒店,酒店介绍内容全面,价格便宜,及时确认订单,7x24小时客服支持,旅行社和商旅行业都在使用。">
<meta name="viewport" content="width=1190">
<meta name="baidu-site-verification" content="LNrIhcMnQr">
<link rel="stylesheet" type="text/css" href="./static/css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="./static/css/style1.css">
<link rel="stylesheet" type="text/css" href="./static/css/search.css">
<link rel="stylesheet" type="text/css" href="./static/css/home.css">
<link rel="stylesheet" href="./js/lib/element-ui/index.css">
<link rel="stylesheet" type="text/css" href="./static/css/jquery-ui.css">
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script type="text/javascript" src="./static/js/jquery.mini.js"></script>
<script type="text/javascript" src="./static/js/jquery-ui.js"></script>
<script type="text/javascript" src="./static/js/swiper.min.js"></script>
<script src="./static/js/push.js"></script>
<script type="text/javascript" src="./static/js/jquery.cookie.js"></script>
<script type="text/javascript" src="./static/js/jquery.lazyload.js"></script>
<script type="text/javascript">
var start_time = new Date().getTime();
var _hmt = _hmt || [];
var config = {
dist_id: "",
user_id: "",
search_type: "",
search_data: "",//搜索历史数据
urlname: "",
language: 'zh-CN',
child_age: '',
child: '0',
childStr: "儿童",
citizenship: 'CN',
citizenship_name: '中国大陆',
month: eval('(' + '["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"]' + ')'),
monthShort: eval('(' + '["1\u6708","2\u6708","3\u6708","4\u6708","5\u6708","6\u6708","7\u6708","8\u6708","9\u6708","10\u6708","11\u6708","12\u6708"]' + ')'),
};
if (config.child_age) {
if (typeof config.child_age === 'string') {
if (config.child_age.length > 1) {
config.child_age = config.child_age.split(',');
} else {
config.child_age = config.child_age.split('');
}
}
} else {
config.child_age = [];
}
</script>
<script type="text/javascript" src="./static/js/main.js"></script>
<script type="text/javascript" src="./static/js/common_language.js"></script>
<style>
[v-clock]{
display: none;
}
.swiper-pagination-bullet-active{
background: #4499FF !important;
color: #fff;
}
.cascader-box .el-select{
width: 100%;
}
.cascader-box .el-input__inner{
padding: 0 100px 0 30px;
}
.swiper-opcity {
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
cursor: auto;
}
.ui-widget-content .ui-datepicker-today .ui-state-highlight {
color: red;
border: 1px solid red;
}
.left-127-en {
left: 127px !important;
}
.left-152-en {
left: 152px !important;
width: 82px !important;
}
.index-hotel-sect-h1, .index-hotel-sect-h2, .index-hotel-sect-h4, .index-hotel-sect-h5{
margin-right: 12px;
}
</style>
</head>
<body class="homepage home-datepicker">
<script type="text/javascript">
var config_header = {
is_login: "0",
is_show_vehicle: "",
static_img: "https://img.haoqiao.com",
};
function preloadImg(loadImgArr) {
if (!loadImgArr) return
var imgWrap = [];
for (var i = 0; i < loadImgArr.length; i++) {
imgWrap[i] = new Image();
imgWrap[i].src = loadImgArr[i];
}
}
</script>
<link rel="stylesheet" type="text/css" href="./static/css/iconfont.css">
<link rel="stylesheet" type="text/css" href="./static/css/global.css">
<div id="tips_bg" class="hide abs" style="height: 2763px;">
<div class="tips_div rel f16">
<p class="tips_head f16 rel t-fff">提示</p>
<div class="tips_body clearfix">
<div class="tips_img fl"><img src="./static/tk_ts_icon_new.svg"></div>
<div class="tips_conent fl">尊敬的客户,当前浏览器版本过低,将会影响您的预订体验,建议更新版本或更换浏览器使用。</div>
</div>
<div class="tips_footer tac">
<a href="javascript:;" class="tips_button dib J_tips_button">我知道了</a>
</div>
</div>
</div>
<div class="hq_header_wrap rel bg-fff">
<div class="w hq_header_top m0auto dif jcb">
<a class="J_token hq_header_logo dif aic" href="/index.html" title="游鸽景酒联盟">
<img src="./img/logo.png" style="height: 59px;">
</a>
<div class="hq_header_top_right dif aic pr10">
</div>
</div>
<div class="hq_header_bottom bg-49f">
<div class="clearfix w">
<ul class="hq_header_bottom_left fl clearfix">
<li class="fl">
<a rel="nofollow" class="nav-link current J_token" href="javascript:;">酒店预订</a>
</li>
<li class="fl member-center-btn">
<a rel="nofollow" class="J_token nav-link " href="/about.html">关于我们</a>
</li>
<!--<li class="fl">
<a rel="nofollow" class="J_token nav-link nav-register-btn" href="/register.html">注册</a>
<span class="nav-link nav-nickname-btn">注册</span>
</li>-->
</ul>
<ul class="hq_header_bottom_right nav-ul-right clearfix fr">
<li class="nav-menu-li-space fl">
<span class="space-style"></span>
</li>
<li class="nav-menu-li-login fl rel nav-menu-pop-box">
<a rel="nofollow" id="J_nav_menu_login" class="nav-link adverb-color f13 head_login"
href="javascript:;">登录 / 注册</a>
<div class="abs nav-menu-pop-login J_nav_menu_pop_header_login J_hide_login_menu triangle-up radius-4 hide">
<div class="account-main">
<p class="menu-close-wrap clearfix"><i
class="fr f12 iconfont icon-close-s t-ccc pointer J_close_login_menu"></i></p>
<div class="account-cont">
<div class="J_header_tab_cont radius-4">
<input type="hidden" name="type" value="mobile">
<div class="account-form-l clearfix login-form-box b-solid b-ddd radius-4">
<i class="fl iconfont icon-login-num t-ccc"></i>
<input class="fl account-f-l-txt icon_login_code f14 radius-4" type="text"
autocomplete="off" value="企业编号" id="J_header_code" name="code" v-model="12">
</div>
<div class="account-form-l clearfix login-form-box b-solid b-ddd radius-4">
<i class="fl iconfont icon-login-account t-ccc"></i>
<input class="fl account-f-l-txt icon_login_account f14 radius-4" type="text"
autocomplete="off" value="账号" id="J_header_name" name="username">
</div>
<div class="account-form-l clearfix login-form-box b-solid b-ddd radius-4">
<i class="fl iconfont icon-login-paw t-ccc"></i>
<input class="fl account-f-l-txt icon_login_paw f14 radius-4" id="J_header_paw"
type="text" value="" name="password"
onfocus="this.type=&#39;password&#39;" autocomplete="off"
style="color:#333;" placeholder="密码">
</div>
<div class="account-error-msg f12 tal" id="J_header_error_msg"></div>
<div class="account-form-l">
<input type="button" value="登录"
class="account-btn tac t-fff f16 radius-4 pointer bg-49f bg-5da7ff-hover"
id="J_header_login">
<input type="hidden" value="" id="J_header_salt" name="salt">
</div>
<div class="account-form-l-t clearfix">
<div class="account-form-l-t-remember f12 t-999 fl h100p dif aic">
<label class="clearfix">
<span class="fl"></span>
</label>
</div>
<div class="account-form-l-t-forget f12 fr t-49f clearfix">
<a class="db fl tdu-hover" href="/register.html">免费注册</a>
</div>
</div>
</div>
<div class="J_header_tab_cont hide">
</div>
</div>
</div>
</div>
</li>
<li class="nav-menu-li-logout fl rel">
<a rel="nofollow" id="J_nav_menu_logout" class="nav-link adverb-color f13 head_login"
href="javascript:;">退出</a>
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript" src="./static/js/md5.js"></script>
<script>
var lang_header = {
'login_3': '企业编号',
'login_4': '账号',
'login_5': '密码',
'login_6': '登录',
'login_10': '登录中...',
'login_13': '手机号',
'login_14': '验证码',
'login_15': '发送验证码',
'login_16': '手机号/邮箱',
'login_tips_1': '请输入企业编号',
'login_tips_2': '企业编号错误',
'login_tips_3': '请输入账号',
'login_tips_4': '请输入密码',
'login_tips_5': '密码错误',
'login_tips_14': '请输入验证码',
'login_tips_16': '请输入正确手机号',
'login_tips_18': '请输入手机号/邮箱',
};
//判断浏览器的类型和版本
var browser = getBrowserInfo();//取到完整信息
var b_name = (browser + "").replace(/[0-9./]/ig, "");//根据正则将所有数字、‘.’‘/’全部去掉,剩下浏览器名
var b_version = parseInt((browser + "").replace(/[^0-9.]/ig, ""));//根据正则将所有非数字全部去掉,剩下版本
if ($.trim(b_name).toUpperCase() == 'IE' && b_version <= 9 && !$.cookie('browser_name_version')) {
$("#tips_bg").fadeIn();
var poition = HQ.util.position.centerPosition($(".tips_div"));
$(".tips_div").css({left: poition.left, top: poition.top});
var end = new Date(new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1);
$.cookie('browser_name_version', b_name + "|" + b_version, {expires: end, path: '/', domain: '.haoqiao.com'});
}
$(".J_tips_button").click(function () {
$("#tips_bg").fadeOut();
});
$(document).ready(function () {
var _height = $(document).height() + "px";
jQuery("#tips_bg").css({height: _height});
})
</script>
<div id="index-page">
<form method="get" action="" id="J_from" class="J_token" v-clock>
<!-- banner -->
<div class="account-wrap account-banner rel" id="J_account_main">
<div class="account-banner-bgimg swiper-container-banner ofh abs" id="J_account_bgimg">
<ul class="swiper-wrapper">
<li class="w100p h100p swiper-slide">
<a class="J_token db w100p h100p" href="/index.html" target="_blank"
style="background:url(./img/banner.jpg) no-repeat center;">
</a>
</li>
</ul>
<div class="swiper-banner-pagination"></div>
</div>
<div class="index-sea-wrap-main w clearfix">
<div class="index-sea-main new-index-sea-main fl">
<div class="index-sea-cont w100p bg-fff rel">
<div class="index-sea-header clearfix mb10">
<p class="title">
<span>20多个</span>省市<span class="dian">&nbsp;·&nbsp;</span>
<span>200多</span>家酒店
<!--<span class="dian">&nbsp;·&nbsp;</span>实时比价-->
</p>
<p class="heading-content">7*24小时全球化专业服务</p></div>
<table class="index-sea-cont-table new-index-sea-cont-table">
<tbody>
<tr>
<td colspan="3" class="table-tr-t-r rel db">
<div class="d-room-s-sel-c f14" data-isshow="0">
<div class="clearfix cascader-box" style="position: relative">
<!--<input class="fl index-sea-keyword-input city_input_txt search-area"
type="text" autocomplete="off" value=""
data-placeholder="可输入/城市"
v-model="cityName"
style="color: rgb(153, 153, 153);" @focus="cityShow=true">-->
<i class="fl iconfont icon-index-search search-input-icon lh18" style="position: absolute;
z-index: 2;
top: 14px;
}"></i>
<el-select v-model="cityId" filterable placeholder="请选择地区" clearable icon="el-icon-search">
<el-option
v-for="(item, i) in cityList"
:key="i"
:label="item.title"
:value="item.id">
</el-option>
</el-select>
<div class="fr clearfix t-ccc search-icon-box J_search_icon_box" style="position: absolute;
right: 20px;
top: 15px;">
<i class="iconfont icon-search-city"></i>
<em>城市</em>
</div>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="3" class="table-tr-t-r rel db" style="margin-bottom: 10px;">
<el-input placeholder="请输入关键词" v-model="cityName"></el-input>
</td>
</tr>
<tr>
<td colspan="3" class="table-tr-t-r index-sea-date rel db">
<div class="all-date rel b-solid b-ddd radius-4 d-room-s-sel-c">
<div class="d-room-s-sel-d check-in-date f14 rel fl" data-isshow="0">
<i class="fl iconfont icon-index-calendar search-input-icon lh44"></i>
<input class="fl db rel content-box index-sea-date-ipt" type="text" name="checkin" style="color:#333" data-placeholder="入住日期" id="from">
<input class=" fl t-999 abs left-127-zh-CN" type="text" id="from_week" readonly="true">
<p class="fl night"><span id="dayNight">1晚</span></p>
<div class="sanjiao abs"></div>
</div>
<div class="d-room-s-sel-d check-out-date f14 rel fl " data-isshow="0">
<i class="fl iconfont icon-index-calendar search-input-icon lh44 ml30"></i>
<input class="fl db rel content-box index-sea-date-ipt" type="text" name="checkout" style="color:#333" id="to" data-placeholder="退房日期">
<input class="fl t-999 abs left-152-zh-CN" type="text" id="to_week">
<div class="sanjiao2 abs"></div>
</div>
</div>
</td>
</tr>
<tr>
<td colspan="4" class="index-sea-t-d-btn index-btn-search w100p">
<a href="javascript:"
@click="searchList"
class="w100p index-sea-table-btn index-sea-date J_token tac f14 radius-4 db">
搜索酒店 </a>
</td>
</tr>
</tbody>
</table>
<!-- 搜索框click弹窗 -->
<div class="index-se-sug hide" id="J_popup_city" style="display: none;">
<div class="index-se-top-title">支持中文/英文/拼音及首字母输入,匹配出酒店/景点/城市</div>
<div class="index-se-con">
<div class="se-row recommend-hot">
<div class="se-l-title">推荐城市</div>
<div class="se-r-con se-recommend-hot-list">
</div>
</div>
</div>
<div class="index-se-con-recent hide">
<div class="se-row hide">
<div class="se-l-title">浏览记录</div>
<div class="se-r-con se-history-list"></div>
</div>
<div class="se-row hide">
<div class="se-l-title">常订酒店</div>
<div class="se-r-con se-frequently-hotel-list"></div>
</div>
</div>
</div>
<!-- 输入后弹窗 -->
<input type="hidden" value="" id="J_dud" name="dud">
<!--<input type="hidden" value="gN4nP4zgg4igg" id="J_token" name="token">
<input type="hidden" value="" id="J_alias" name="alias">
<input type="hidden" value="" id="J_lat" name="lat">
<input type="hidden" value="" id="J_lan" name="lng">
<input type="hidden" value="" id="J_type" name="type">
<input type="hidden" value="" id="J_name" name="dataname">-->
</div>
</div>
</div>
</div>
</form>
<div class="clear"></div>
<div class="rel hotel_list_vue_box" v-clock>
<div class="index-wrap-main-hotel rel">
<div class="index-hotel-list clearfix">
<div class="index-hotel-wrapper w">
<div class="index-hotel-section rel tac">
<div class="rel swiper-container-hotel swiper-container-fade swiper-container-horizontal">
<div class="swiper-hotel-pagination-box">
<div class="clearfix">
<div class="fl">
<h2 class="index-wel-title tal f24">推荐酒店</h2>
</div>
<div class="swiper-hotel-pagination fl swiper-pagination-clickable swiper-pagination-bullets" style="width: auto">
<span v-for="(item, i) in hotelList" :class="{'swiper-pagination-bullet-active': i === 0}" class="recommend_hotel_city f16 tac mb20 pl20 pr20 transition swiper-pagination-bullet">{{item.city_name}}</span>
</div>
</div>
<br></div>
<div class="swiper-wrapper pb30 pr10 ofh">
<div class="swiper-slide mr20" v-for="list in hotelList">
<div v-for="item in list.list" class="transition index-hotel-sect-h index-hotel-sect-h1" @click="toDetail(item.hotel_id)">
<a href="javascript:;" class="recommend_hotel_hotel">
<div class="index-hotel-sect-img">
<img class="db isloaded" :src="'/images_serv/' + item.imgid" style="width:384px;height:200px">
<div class="index-hotel-sect-img-corner">
价格最优
</div>
</div>
<div class="index-hotel-sect-title bg-fff border-box b-solid b-ec tal pb15">
<div class="h-lh26 dif">
<p class="index-hotel-sect-title-l-name f18 t-333 flex-1 over">{{item.hotel_name}}</p>
<p class="b t-ff5256 f20 ml10">¥<span>{{item.price}}</span></p>
</div>
<p class="f14 t-999" style="height: 21px; line-height: 21px; width: 260px; overflow: hidden;">
<i class="iconfont icon-search mr5 t-c7c7cd f12"></i>{{item.subtitle}}</p>
<span class="star_span db" style="width:120px;height:20px;background: none">
<template v-if="item.hotel_star_level === 1">
<img src="./img/star.svg" alt="" width="15" height="15">
</template>
<template v-if="item.hotel_star_level === 2">
<img src="./img/star.svg" alt="" width="15" height="15">
<img src="./img/star.svg" alt="" width="15" height="15">
</template>
<template v-if="item.hotel_star_level === 3">
<img src="./img/star.svg" alt="" width="15" height="15">
<img src="./img/star.svg" alt="" width="15" height="15">
<img src="./img/star.svg" alt="" width="15" height="15">
</template>
<template v-if="item.hotel_star_level === 4">
<img src="./img/star.svg" alt="" width="15" height="15">
<img src="./img/star.svg" alt="" width="15" height="15">
<img src="./img/star.svg" alt="" width="15" height="15">
<img src="./img/star.svg" alt="" width="15" height="15">
</template>
<template v-if="item.hotel_star_level === 5">
<img src="./img/star.svg" alt="" width="15" height="15">
<img src="./img/star.svg" alt="" width="15" height="15">
<img src="./img/star.svg" alt="" width="15" height="15">
<img src="./img/star.svg" alt="" width="15" height="15">
<img src="./img/star.svg" alt="" width="15" height="15">
</template>
</span>
</div>
</a>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<div class="swiper-hotel-button-next tac" style="line-height: 28px;" tabindex="0" role="button"
aria-label="Next slide"><i
class="iconfont icon-right-arrow-l transition t-999 t-49f-hover f28"></i></div>
<div class="swiper-hotel-button-prev tac" style="line-height: 28px;" tabindex="0" role="button"
aria-label="Previous slide"><i
class="iconfont icon-left-arrow-l transition t-999 t-49f-hover f28"></i></div>
<div class="index-hotel-sect-h-btn">
<a class="J_token dib pl20 pr20 bg-49f-hover b-solid b-49f f16 t-49f t-fff-hover" @click="searchList">点击查看更多 &gt;</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div id="bg"></div>
<div class="d-child-age hide">
<div class="d-room-peo-child-age-list-option">
<div class="d-room-s-sel d-room-s-sel-peo-adult J_sel_num_more_age more-people-munber" data-isshow="0">
<span class="J_peo_num_age"></span>
<em></em>
</div
<ul class="d-mod-room-win d-mod-room-win-peo-ul hide J_room_sel_win J_room_sel_win_peo_more_age"
data-idx="" style="display: none;">
<li><a data-val="1" href="javascript:;">≤1岁</a></li>
<li><a data-val="2" href="javascript:;">2岁</a></li>
<li><a data-val="3" href="javascript:;">3岁</a></li>
<li><a data-val="4" href="javascript:;">4岁</a></li>
<li><a data-val="5" href="javascript:;">5岁</a></li>
<li><a data-val="6" href="javascript:;">6岁</a></li>
<li><a data-val="7" href="javascript:;">7岁</a></li>
<li><a data-val="8" href="javascript:;">8岁</a></li>
<li><a data-val="9" href="javascript:;">9岁</a></li>
<li><a data-val="10" href="javascript:;">10岁</a></li>
<li><a data-val="11" href="javascript:;">11岁</a></li>
<li><a data-val="12" href="javascript:;">12岁</a></li>
<li><a data-val="13" href="javascript:;">13岁</a></li>
<li><a data-val="14" href="javascript:;">14岁</a></li>
<li><a data-val="15" href="javascript:;">15岁</a></li>
<li><a data-val="16" href="javascript:;">16岁</a></li>
<li><a data-val="17" href="javascript:;">17岁</a></li>
</ul>
</div>
</div>
<script>
$(function () {
var _v;
var vueModel = {
el: '.hotel_list_vue_box',
data: {
hotelList: []
},
methods: {
toDetail: function(hotel_id) {
window.open('/hotel.html?hotel_id='+ hotel_id + '&date_start='+ $('#from').val() + '&date_end='+ $('#to').val(), '_blank')
},
searchList: function () {
if (!$('#from').val() || !$('#to').val()) {
alert('请选择日期');
return;
}
location.href = '/list.html?'+ 'city_id='+ vueInstan.cityId + '&key_words='+ vueInstan.cityName + '&date_start='+ $('#from').val() + '&date_end='+ $('#to').val()
},
getQueryVariable: function (variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
},
fetchData: function () {
HQ.ajax("/hotel/recommend/list", {}, function (data) {
if (data.code === 0) {
_v.hotelList = data.data
/*_v.hotelList.push({
"city_id":623,
"city_name":"九寨沟",
"list":[
{
"hotel_id":2,
"hotel_name":"曼谷铂尔曼皇权酒店Pullman Bangkok King Power Hotel666",
"subtitle":"曼谷铂尔曼皇权酒店2222",
"city_id":623,
"hotel_star_level":5,
"imgid":"0f4bf8f15107a5d8a5bef9f8c93898bc",
"price":"110.5"
},
{
"hotel_id":1,
"hotel_name":"曼谷铂尔曼皇权酒店111",
"subtitle":"曼谷铂尔曼皇权酒店222",
"city_id":623,
"hotel_star_level":4,
"imgid":"dea6358929d8dcf9491d4b0a817f3e87",
"price":"222"
}
]
})*/
_v.$nextTick(function () {
initSwiper(_v.hotelList);
})
} else {
}
}, function () {
}, "POST");
}
},
mounted: function () {
_v = this;
_v.fetchData();
}
}
new Vue(vueModel);
var from = '';
if (from == 'favorites') {
if (history.pushState) {
history.pushState("", "", "?token=" + $("#J_token").val() + "&dud=" + $("#J_dud").val());
}/*else{
location.search = "?token="+$("#J_token").val()+"&dud="+$("#J_dud").val();
}*/
$("#J_city").focus();
}
var hotelSwiper;
function initSwiper(list) {
hotelSwiper = new Swiper('.swiper-container-hotel', {
keyboard: true,
loop: true,
speed: 1000,
autoplay: false,
effect: 'fade',
simulateTouch: false,
fadeEffect: {
crossFade: true,
},
pagination: {
el: '.swiper-hotel-pagination',
type: 'custom',
clickable: true,
bulletActiveClass : 'swiper-pagination-bullet-active'
/*clickable: true,
renderBullet: function (index, className) {
var _html = [],
hotels = list;
/!*_html.push('<span class="recommend_hotel_city f16 tac mb20 pl20 pr20 transition ' + (index === 0 ? 'swiper-pagination-bullet-active ' : '') + className +'>');
_html.push(hotels[index]['city_name']);
_html.push('</span>');
return _html.join('');//返回所有的页码html*!/!*!/
return '<span class="recommend_hotel_city f16 tac mb20 pl20 pr20 transition ' + (index === 0 ? 'swiper-pagination-bullet-active ' : '') + className +'>'+ hotels[index]['city_name'] +'</span>'
}*/
},
navigation: {
nextEl: '.swiper-hotel-button-next',
prevEl: '.swiper-hotel-button-prev',
},
on: {
slideChange: function () {
var idx = this.realIndex;
console.log(idx)
var num = parseInt(idx) + 1;
$(".swiper-hotel-pagination .swiper-pagination-bullet").siblings().removeClass('swiper-pagination-bullet-active').eq(idx).addClass('swiper-pagination-bullet-active');
}
}
});
}
$("#J_index_hotel_more_btn").click(function () {
var city_id = $(this).attr("data-id");
var city_name = $(this).attr("data-name");
//swiper-pagination-bullet-active
var index = $(".swiper-hotel-pagination .recommend_hotel_city").index($(".swiper-hotel-pagination .swiper-pagination-bullet-active"));
index = index + 1;
tj && tj.btn_click("recommend_hotel|morebtn\t" + config.dist_id + "|" + config.user_id + "\thomepage\t" + city_id + "|" + city_name + "|" + index);
});
// 热推酒店 -> hover切换
$('.swiper-container-hotel .swiper-pagination-bullet').click(function () {
console.log('active ===')
$(this).siblings().removeClass('swiper-pagination-bullet-active').addClass('swiper-pagination-bullet-active');
hotelSwiper.slideTo($(this).index() + 1, 1000, false); // 切换到第一个slide,速度为1秒
});
$(window).resize(function () {
$('#J_account_bgimg').css({width: $(window).width()});
});
});
</script>
<script type="text/javascript">
function btn_click(obj) {
tj && tj.btn_click("ad_banner\t||||||\t1\tindex\t" + $(obj).attr("data-ad-info"));
}
function set_banner_width() {
$("#J_account_bgimg ul li").each(function () {
var data_src = $(this).find("img").attr("data-src");
if ($(window).width() < 1920 && $(window).width() > 1190) {
var src_x = Math.floor((1920 - parseInt($(window).width())) / 2);
var src_w = $(window).width();
data_src = data_src + "?x-oss-process=image/crop,x_" + src_x + ",w_" + src_w + ",h_420";
$(this).find("img").attr("src", data_src);
} else if ($(window).width() < 1190) {
data_src = data_src + "?x-oss-process=image/crop,x_415,w_1190,h_420";
$(this).find("img").attr("src", data_src);
} else if ($(window).width() > 1920) {
$(this).find("img").attr("src", data_src);
}
});
}
set_banner_width();
$(window).resize(function () {
var img_src_width = 1920;
if ($(window).width() <= 1190) {
img_src_width = 1190;
} else {
img_src_width = $(window).width();
}
$('#J_account_bgimg').css("width", img_src_width + "px");
set_banner_width();
});
$(document).ready(function () {
var userAgent;
if (!userAgent) {
userAgent = navigator.userAgent;
}
if ((userAgent.indexOf("trident") > -1) && (userAgent.indexOf("rv") > -1)) {
$(".index-hotel-section-b").css({'width': '1090px\0'});
$('.J-hotLi').eq($('.J-hotLi').length - 2).css({'width': '16.66%\0'});
$('.J-hotLi').eq($('.J-hotLi').length - 1).css({'width': '16.66%\0'});
}
var isChrome = !!window.chrome && !!window.chrome.webstore;
if (isChrome) {
$(".index-hotel-section-b").css({'width': '1190'});
$('.J-hotLi').css({'width': '16.67%\0'});
}
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)) {
$(".index-hotel-section-b").css({'width': '1090px\0'});
$('.J-hotLi').eq($('.J-hotLi').length - 2).css({'width': '16.66%\0'});
$('.J-hotLi').eq($('.J-hotLi').length - 1).css({'width': '16.66%\0'});
} else {
$(".index-hotel-section-b").css({'#width': '1190px'});
$('.J-hotLi').css({'#width': '16.67%\0'});
}
var isSafari = !!navigator.userAgent.match(/safari/i) && !navigator.userAgent.match(/chrome/i) && typeof document.body.style.webkitFilter !== "undefined" && !window.chrome;
if (isSafari) {
$('.index-sea-cont-table .d-mod-room-win').css({'left': '345px'});
$('.index-sea-cont-table .index-sea-keyword-input').css({'width': '366px'});
$('body').css({'font': '12px/1.5 \5b8b\4f53,"Microsoft Yahei",tahoma,arial'})
}
});
// 搜索记录 -> 空白补全
var swiperLength = $(".swiper-container .swiper-slide").length % 4,
slideCon = "<div class='swiper-slide swiper-opcity'>00000</div>",
i, end = 4 - swiperLength, slideConArr = [];
if (swiperLength) {
for (i = 0; i < end; i++) {
slideConArr.push(slideCon)
}
}
$(".search-history-loop .swiper-wrapper").append(slideConArr.join(''));
// 搜索记录 -> 点击跳转
$(".search-history-loop .swiper-slide").click(function () {
$('#from').datepicker('hide');
$('#to').datepicker('hide');
if ($(this).hasClass('swiper-opcity')) return;
var search_id = $(this).find($("input[name='id']")).val();
var search_city_id = $(this).find($("input[name='city_id']")).val();
var search_url_name = $(this).find($("input[name='url_name']")).val();
var search_type = $(this).find($("input[name='type']")).val();
var sea_child_age = $(this).find($("input[name='child_age']")).val();
var sea_lat = $(this).find($("input[name='lat']")).val();
var sea_lan = $(this).find($("input[name='lan']")).val();
var cn_name = $(this).find(".swiper_hotel_cn_name").html();
var checkin = $(this).find('.start').attr("data");
var checkout = $(this).find('.end').attr("data");
// let days = $(this).find('.days').html();
var sea_room_num = $(this).find($("input[name='room']")).val();
var sea_adult = $(this).find($("input[name='adult']")).val();
var sea_child = $(this).find($("input[name='child']")).val();
var citizenship = $('#J_nationality_ipt').val();
var uri = "/";
var now_time = new Date().getTime();
var checkin_time = new Date(checkin).getTime();
var sea_checkin = checkin;
var sea_checkout = checkout;
if (checkin_time < now_time) {
sea_checkin = $("#from").val();
sea_checkout = $("#to").val();
}
config.search_type = search_type;
if (search_type === "hotel") {
uri += search_url_name + "_c" + search_city_id + "/" + search_id + ".html?token=" + $("#J_token").val() + "&dud=" + $("#J_dud").val() + "&";
uri = uri + "checkin=" + sea_checkin + "&checkout=" + sea_checkout + "&room=" + sea_room_num + "&adult=" + sea_adult + "&child=" + sea_child + "&child_age=" + sea_child_age;
config.search_type = config.search_type + "|" + search_city_id + "|" + search_id;
}
HQ.ajax("/ajax/set_date", {
chkin: sea_checkin,
chkout: sea_checkout,
room_num: sea_room_num,
adult: sea_adult,
child: sea_child,
child_age: sea_child_age,
citizenship: citizenship
});
tj && tj.btn_click("browserhistory\t" + config.dist_id + "|" + config.user_id + "|" + sea_checkin + "|" + sea_checkout + "|" + sea_room_num + "|" + sea_adult + "|" + sea_child + "|" + sea_child_age + "|\t1\thomepage\t" + cn_name + "\t" + config.search_type);
window.open(uri, '_blank');
});
//推荐酒店-酒店点击
$(".index-hotel-section").on('click', ".recommend_hotel_hotel", function () {
var hotel_id = $(this).attr("data-id");
var hotel_name = $(this).attr("title");
var city_id = $(this).attr("data-city-id");
var city_num = $(".swiper-hotel-pagination-box .recommend_hotel_city.swiper-pagination-bullet-active").index();
city_num = parseInt(city_num) + 1;
tj && tj.btn_click("recommend_hotel|hotel\t" + config.dist_id + "|" + config.user_id + "\thomepage\t" + city_id + "|" + hotel_id + "|" + hotel_name + "\t" + city_id + "|" + city_num);
});
// 搜索记录 -> 初始化
var swiper = new Swiper('.swiper-container', {
slidesPerView: 4,
spaceBetween: 20,
slidesPerGroup: 4,
simulateTouch: false,
loop: !($('#groupNum').html() === '/1'),
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
hashnav: false,
on: {
init: function () {
// Swiper初始化了
var activeIndex = this.realIndex;
var indexNum = activeIndex / 4 + 1;
var slideLength = $(".swiper-container .swiper-slide").length / 4 - 2;
if (!this.params.loop) {
slideLength += 2;
}
$("#groupNum").html('/' + slideLength);
$("#indexNum").html(indexNum);
},
slideChangeTransitionStart: function () {
var activeIndex = this.realIndex;
var indexNum = activeIndex / 4 + 1;
$("#indexNum").html(indexNum);
},
},
});
</script>
<div class="footer w100p t-fff f12" id="J_footer">
<div class="w footer_wrap">
<!--<div class="w100p footer_top clearfix">
<div class="fl footer-top-list">
<div class="footer-top-title f14 pl10 before-b rel">关注我们</div>
<p><a class="J_token" href="https://www.haoqiao.com/about" target="_blank">关于我们</a></p>
<p><a href="https://www.haoqiao.com/feedback?from=hoteldetail" target="_blank" class="J_token">意见反馈</a>
</p>
<p><a href="https://www.haoqiao.com/policy" target="_blank" class="J_token">服务政策</a></p>
<p><a href="https://www.haoqiao.com/app" target="_blank" class="J_token">下载客户端</a></p>
</div>
<div class="fl footer-top-list">
<div class="footer-top-title f14 pl10 before-b rel">加盟合作</div>
<p><a href="https://www.haoqiao.com/" target="_blank" class="J_token" id="partners">合作伙伴</a></p>
<p><a href="https://www.haoqiao.com/joinus" target="_blank" class="J_token">诚聘英才</a></p>
<p><a href="https://www.haoqiao.com/" target="_blank" class="J_token">同业预订平台</a></p>
<p><a href="https://www.haoqiao.com/api/apply" target="_blank" class="J_token">API分销平台</a></p>
</div>
<div class="fl footer-top-list footer-email">
<div class="footer-top-title f14 pl10 before-b rel">联系邮箱</div>
<p>酒店业务客服:<a target="_blank" rel="nofollow" href="mailto:[email protected]">[email protected]</a>
</p>
<p>旅业资源客服:<a target="_blank" rel="nofollow" href="mailto:[email protected]">[email protected]</a>
</p>
<p>业务合作:<a target="_blank" rel="nofollow" href="mailto:[email protected]">[email protected]</a></p>
<p>投诉邮箱:<a target="_blank" rel="nofollow" href="mailto:[email protected]">[email protected]</a>
</p>
</div>
<div class="fl footer-top-list footer-tel">
<div class="footer-top-title f14 pl10 before-b rel">客服电话 (7×24小时)</div>
<p>客服电话(仅中国大陆):400-633-2377</p>
<p>客服电话(非中国大陆):+86 27 59006258</p>
<p class="clearfix"><span class="fl">紧急联系电话:</span><span class="fl">+86 18971443893(目的地/机票)</span></p>
</div>
<div class="fl footer-top-list" style="">
<div class="footer-top-title f14 pl10 before-b rel">手机APP二维码</div>
<p class="footer_qr_code">
<img class="db" alt="好巧手机APP二维码" src="./static/images/qr_code.gif">
</p>
</div>
<div class="fl footer-top-list footer-app">
<div class="footer-top-title f14 pl10 before-b rel">微信公众号</div>
<p class="footer_qr_code">
<img class="db" alt="好巧微信公众号" src="./static/images/wx_code.gif">
</p>
</div>
</div>-->
<div class="footer_bottom w100p pt10 clearfix">
<img class="fl" src="./img/logo.png" style="height: 80px;">
<!--<div class="fl clearfix">
<p class="pt10 footer-reserved fl">© HAOQIAO All rights reserved.&nbsp;&nbsp;&nbsp;京ICP备14000682号-3
&nbsp;&nbsp;京ICP证150888号 &nbsp;&nbsp;京公网安备 11010802015019</p>
<p class="footer-reserved fl pt10">地址:北京市大兴区经济开发区科苑路18号1幢A3户型一层184室</p>
</div>-->
</div>
</div>
</div>
<div class="index-popup popup_after_sale hide abs footer_popup_after_sale" id="J_popup_after_sale">
<div class="index-popup-title rel f16 t-fff">
售后客服联系方式 <a href="javascript:;" title="关闭" class="icon_popup_close abs J_close_popup"></a>
</div>
<div class="index-popup-cont">
<div class="index-popup-sale-cont dif jcc">
<div>
<div class="index-popup-sale-box dif f16">
<i class="icon_popup_after_sale"></i>
<div class="flex-1 pl20">
<p class="f24 t-333 s pb10">售后问题请拨打客服电话</p>
<ul class="f16 t-666">
<li>客服电话(仅中国大陆):400-633-2377 (7×24小时)</li>
<li>客服电话(非中国大陆):+86 27 59006258</li>
<li class="clearfix"><p class="fl">紧急联系电话:</p>
<p class="fl">+86 18971443893(目的地/机票)</p></li>
</ul>
</div>
</div>
</div>
</div>
<div class="index-popup-btn-center order-del-pop-btn dif jcc">
<a href="javascript:;" class="db tac pointer f14 t-fff bg-49f bg-5da7ff-hover index-popup-btn"
id="J_popup_after_sale_btn">关闭</a>
</div>
</div>
</div>
<!-- 登录pop -->
<div class="index-popup login-popup radius-4 hide" id="J_popup_login" style="width: 390px">
<div class="index-popup-cont radius-4">
<div class="nav-menu-pop nav-menu-pop-login J_nav_menu_popup_login radius-4">
<div class="account-main">
<div class="account-title f20 rel">
<ul class="account-tab clearfix m0auto" id="J_popup_tab">
<li class="fl pointer t-333 current">同业预订</li>
<!-- --><!-- <li class="fl pointer t-999">-->
<!--?//=$lang_header['login_2']?--><!--</li>-->
<!-- --> </ul>
<a class="db abs icon_close J_close_popup_login_pop bg_size" href="javascript:;" title="关闭"></a>
</div>
<div class="account-cont bg-fff">
<div class="J_popup_tab_cont">
<input type="hidden" name="type" value="mobile">
<div class="account-form-l">
<input class="account-f-l-txt radius-4 f14 icon_login_code" type="text" value="企业编号"
id="J_popup_code" name="code" style="color:#999">
</div>
<div class="account-form-l">
<input class="account-f-l-txt radius-4 f14 icon_login_account" type="text" value="账号"
id="J_popup_name" name="username" style="color:#999">
</div>
<div class="account-form-l">
<input type="text" value="" name="password" onfocus="this.type=&#39;password&#39;"
autocomplete="off" class="account-f-l-txt radius-4 f14 hide icon_login_paw"
id="J_popup_paw" style="color:#333;">
<input class="account-f-l-txt radius-4 f14 icon_login_paw" type="text" value="密码"
name="text" id="J_popup_paw_txt">
</div>
<div class="account-error-msg f12 tal" id="J_popup_error_msg"></div>
<div class="account-form-l mb6">
<input class="t-fff tac bg-49f bg-5da7ff-hover radius-4 f16 pointer account-btn"
type="button" value="登录" id="J_popup_login_btn">
<input type="hidden" value="" id="J_popup_salt" name="salt">
</div>
<div class="account-form-l-t clearfix">
<div class="account-form-l-t-remember fl f12 t-999 h100p dif aic">
<label class="clearfix">
<input type="checkbox" class="fl" name="is_popup_remember" id="J_popup_is_remember"
value="">
<span class="fl">记住账户</span>
</label>
</div>
<div class="account-form-l-t-forget fr f12">
<span class="t-ec">|</span>
<a class="db fl tdu-hover J_go_register" href="javascript:void(0)"
data-href="/register">免费注册</a>
</div>
</div>
<p></p>
</div>
<div class="J_popup_tab_cont hide">
<!-- <input type="hidden" name="type" value="email">-->
<!-- <div class="account-form-l account-form-p-tab t-666 f14 dif">-->
<!-- <label class="dif aic flex-1 jcc">-->
<!-- <input name="popup_login_type" type="radio" value="popup_login_pwd" checked="checked" id="popup_login_pwd" class="account-f-l-radio"/>-->
<!--?//=$lang_header['login_11']?-->
<!-- </label>-->
<!-- <label class="dif aic flex-1 jcc">-->
<!-- <input type="radio" name="popup_login_type" value="popup_login_mobile" class="account-f-l-radio">-->
<!--?//=$lang_header['login_12']?-->
<!-- </label>-->
<!-- </div>-->
<!-- <div class="J_popup_tab_cont_t J_popup_login_mobile hide">-->
<!-- <div class="account-form-l">-->
<!-- <input class="account-f-l-txt radius-4 f14 icon_login_mobile" type="text" name="mobile" id="J_popup_mobile" value="-->
<!--?//=$lang_header['login_13']?--><!--" tip="--><!--?//=$lang_header['login_13']?-->
<!--" datatype="s" nullmsg="--><!--?//=$lang_header['login_tips_12']?--><!--" errormsg="-->
<!--?//=$lang_header['login_tips_13']?--><!--" />-->
<!-- </div>-->
<!-- <div class="account-form-l clearfix">-->
<!-- <input class="account-f-l-txt radius-4 f14 fl account-f-l-t-s icon_login_vcode" type="text" name="mcode" id="J_popup_mcode" maxlength="6" value="-->
<!--?//=$lang_header['login_14']?--><!--" tip="--><!--?//=$lang_header['login_14']?-->
<!--" datatype="s" nullmsg="--><!--?//=$lang_header['login_tips_14']?--><!--" errormsg="-->
<!--?//=$lang_header['login_tips_15']?--><!--" />-->
<!-- <span class="account-f-getcode db radius-4 t-49f f14 tac pointer fr" id="J_popup_send_sms">-->
<!--?//=$lang_header['login_15']?--><!--</span>-->
<!-- </div>-->
<!-- <div class="account-form-l">-->
<!-- <input class="t-fff tac bg-49f bg-5da7ff-hover radius-4 f16 pointer account-btn" type="button" value="-->
<!--?//=$lang_header['login_6']?--><!--" id="J_popup_mobile_login_btn" />-->
<!-- </div>-->
<!---->
<!-- </div>-->
<!-- <div class="J_popup_tab_cont_t J_popup_login_pwd">-->
<!-- <div class="account-form-l">-->
<!-- <input class="account-f-l-txt radius-4 f14 icon_login_input" type="text" name="account" id="J_popup_account" value="-->
<!--?//=$lang_header['login_16']?--><!--" tip="--><!--?//=$lang_header['login_16']?-->
<!--" datatype="s" nullmsg="--><!--?//=$lang_header['login_tips_18']?--><!--" errormsg="-->
<!--?//=$lang_header['login_tips_19']?--><!--" />-->
<!-- </div>-->
<!-- <div class="account-form-l">-->
<!-- <input type="text" value="" name="password" onfocus="this.type='password'" autocomplete="off" class="account-f-l-txt radius-4 f14 hide icon_login_paw" id="J_popup_account_paw" style="color:#333;" />-->
<!-- <input class="account-f-l-txt radius-4 f14 icon_login_paw" type="text" value="-->
<!--?//=$lang_header['login_5']?--><!--" name="text" id="J_popup_account_paw_txt" />-->
<!-- </div>-->
<!-- <div class="account-form-l">-->
<!-- <input class="account-f-l-txt radius-4 f14 account-f-l-t-s icon_login_vcode" type="text" name="vcode" id="J_popup_account_vcode" maxlength="4" value="-->
<!--?//=$lang_header['login_14']?--><!--" tip="--><!--?//=$lang_header['login_14']?-->
<!--" datatype="s" nullmsg="--><!--?//=$lang_header['login_tips_14']?--><!--" errormsg="-->
<!--?//=$lang_header['login_tips_15']?--><!--" />-->
<!-- <img class="radius-2 fr account-f-vcode" title="-->
<!--?//=$lang_header['login_tips_20']?--><!--" alt="--><!--?//=$lang_header['login_tips_20']?-->
<!--" src="--><!--verify_code" id="J_popup_verify_code"/>-->
<!-- </div>-->
<!-- <div class="account-form-l">-->
<!-- <input class="t-fff tac bg-49f bg-5da7ff-hover radius-4 f16 pointer account-btn" type="button" value="-->
<!--?//=$lang_header['login_6']?--><!--" id="J_popup_account_login" />-->
<!-- </div>-->
<!---->
<!-- </div>-->
<!-- <div class="account-form-l-t clearfix">-->
<!-- <div class="account-form-l-t-remember fl f12">-->
<!-- <label class="dif aic">-->
<!-- <input type="checkbox" name="cookietime" id="J_popup_is_p_remember" value="" -->
<!--/>--><!--?//=$lang_header['login_17']?-->
<!-- </label>-->
<!-- </div>-->
<!-- <div class="account-form-l-t-forget fr clearfix f12">-->
<!--<!-- <a class="db fl" href="-->--&gt;
<!--<!--personal/register">-->--&gt;<!--?////=$lang_header['login_18']?--><!--<!--</a>-->--&gt;
<!-- <a class="db fl J_go_personal_register" href="javascript:void(0)" data-href="/personal/forget">-->
<!--?//=$lang_header['login_8']?--><!--</a>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</div>
</div>
</div>
</div>
<!--弹窗结束-->
<div id="bg"></div>
<div id="zhichiBtnBox"
style="position: fixed; z-index: 2147483583; box-shadow: rgba(15, 66, 76, 0.25) 0px 0px 14px 0px; width: 60px; height: 60px; border-radius: 50%; background-color: rgb(68, 153, 255); background-image: url(&quot;//www.sobot.com/chat/frame/imgs/icon.png&quot;); background-repeat: no-repeat; background-position: 18px -58px; right: 40px; bottom: 20px; display: none;">
<a hidefocus="" id="zhichiBtn"
style="position:relative;text-decoration: none; outline: none; font-family: Microsoft Yahei, Arial, Helvetica; color: #fff; font-size: 16px; display: inline-block; margin: 0; padding: 0; border: none; line-height:43px; float:none;width:100%;height:100%;border-radius:50%;"><span
class="zc-advice-icon-btn-title"
style="box-shadow: rgba(107, 113, 114, 0.15) 0px 2px 4px 0px; border: 1px solid rgb(235, 239, 240); font-family: &quot;Microsoft Yahei&quot;, Arial, Helvetica; color: rgb(85, 85, 86); font-size: 13px; margin: 0px; text-align: right; background: rgb(255, 255, 255); position: absolute; top: 15px; right: 70px; text-overflow: ellipsis; white-space: nowrap; word-break: normal; display: none; border-radius: 3px; padding: 0px 5px; height: 30px; line-height: 30px;">咨询在线客服</span></a><i
style="position:absolute;top:0px;right:0px;padding:1px;line-height:20px;text-align:center;color:#fff;font-weight:bold;height:18px;min-width:18px;background-color:#ed5c5c;border-radius:18px;font-size:12px;display:none;font-style:normal;"
id="zhichiCount"></i></div>
</div>
</body>
<script type="text/javascript" src="./static/js/header.js"></script>
<script src="./static/js/entrance.js" id="zhichiScript" class="zhiCustomBtn" data-args="manual=true"></script>
<script type="text/javascript" src="./static/js/common.js"></script>
<script>
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F9607b4b82cc66a1db5a1d051a029df0c' type='text/javascript'%3E%3C/script%3E"));
var lang_header = {
'login_3': '企业编号',
'login_4': '账号',
'login_5': '密码',
'login_6': '登录',
'login_10': '登录中...',
'login_13': '手机号',
'login_14': '验证码',
'login_15': '发送验证码',
'login_16': '手机号/邮箱',
'login_tips_1': '请输入企业编号',
'login_tips_2': '企业编号错误',
'login_tips_3': '请输入账号',
'login_tips_4': '请输入密码',
'login_tips_5': '密码错误',
'login_tips_14': '请输入验证码',
'login_tips_16': '请输入正确手机号',
'login_tips_18': '请输入手机号/邮箱',
};
var dialogTxt = {
close: '关闭',
afterSale: {
title: '售后客服联系方式',
main: '售后问题请拨打客服电话',
content: '<li>客服电话(仅中国大陆):400-633-2377 (7×24小时)</li><li>客服电话(非中国大陆):+86 27 59006258</li><li class="clearfix"><p class="fl">紧急联系电话:</p><p class="fl">+86 18971443893(目的地/机票)</p></li>'
}
}
</script>
<script type="text/javascript" src="./js/lib/vue.js"></script>
<script type="text/javascript" src="./js/lib/moment.js"></script>
<script src="./static/js/h.js" type="text/javascript"></script>
<script src="./js/lib/element-ui/index.js" type="text/javascript"></script>
<script src="./js/loginComponent.js" type="text/javascript"></script>
<script type="text/javascript" src="./static/js/index.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/jiyeye/web-tour-front.git
[email protected]:jiyeye/web-tour-front.git
jiyeye
web-tour-front
web-tour-front
master

搜索帮助