享乐旅游

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>享乐旅游</title> <link rel="shortcut icon" href="/Res/Web/favicon.ico" type="image/x-icon"> <meta name="Title" /> <meta name="keywords" /> <meta name="description" />  <script src="/Res/Web/js/jquery-3.5.1.min.js?v=202012022033" type="text/javascript" charset="utf-8"></script>   <link rel="stylesheet" type="text/css" href="/Res/Web/js/slick/slick.css?v=202012022033" /> <script src="/Res/Web/js/slick/jquery.slick.js?v=202012022033" type="text/javascript" charset="utf-8"></script>  <script src="/Res/Web/js/layer/layer.js?v=202012022033" type="text/javascript" charset="utf-8"></script>  <script src="/Res/Web/js/laydate/laydate.js?v=202012022033" type="text/javascript" charset="utf-8"></script>  <link rel="stylesheet" type="text/css" href="/Res/Web/css/baseUI.css?v=202012022033" /> <script src="/Res/liyou.visit.js"></script> <script src="/Res/vue.js"></script> <script src="/Res/liyou.ajax.js"></script> <script src="/Res/admin/layui.js"></script> <script type="text/javascript"> layui.use('layer', function () { var layer = layui.layer; }) </script> </head> <body>  <div class="qui-top-boxH"></div> <div class="qui-top-box0"> <div class="qui-warp qui-clearfix"> <div class="qui-fl"> <span>享乐旅游网欢迎您！</span> <div> <a href="/login" class="quia">登录</a> / <a href="/register" class="quia">注册</a> </div> </div> <div class="qui-fr"> <a href="/login" class="quia quia1">会员中心</a> <a href="/login" class="quia quia2">我的订单</a> <div class="quia quia3"> 享乐旅游 </div> <div class="quia quia4"> <span class="qui-lang"></span> </div> </div> </div> </div> <div class="qui-top-box"> <div class="qui-warp"> <div class="qui-fl"> <a href="/" class="qui-logo"> <img src="\UploadFiles\logo/newLogo.jpg?bmV3TG9nby5qcGc="> </a> </div> <div class="qui-fr"> <div class="qui-search-box qui-ds-inb"> <input type="text" class="qui-text" placeholder="请输入您要搜索的关键词" id="txtKey"> <a href="javascript:void(0)" class="qui-ss-btn" onclick="SiteSearch()"></a> </div> <div class="qui-toptel qui-ds-inb"> <p>全国统一服务热线</p> <p class="p"><a href="tel:400-639-7788">400-639-7788</a></p> </div> </div> <div class="qui-clear"></div> </div> <div class="qui-nav-btn"></div> </div> <div class="qui-wap-bg"></div> <div class="qui-top-nav"> <div class="qui-warp"> <ul class="ul ULLIST"> <li id="topNavID0"><a href="/">首页</a></li> <li id="topNavID10001"><a href="/gty">跟团游</a></li> <li id="topNavID10002"><a href="/zyx">自由行</a></li> <li id="topNavID10003"><a href="/vipTeam">高端定制</a></li> <li id="topNavID10004"><a href="">机票</a></li> <li id="topNavID10005"><a href="">酒店</a></li> <li id="topNavID10006"><a href="">用车</a></li> <li id="topNavID10007"><a href="">火车</a></li> <li id="topNavID10008"><a href="">门票</a></li> <li id="topNavID10009"><a href="">游轮</a></li> <li id="topNavID10010"><a href="">游学</a></li> </ul> <div class="qui-clear"></div> </div> </div> <script> // 选中 $("#topNavID" + 10001).addClass("on"); // 手机导航 $(".qui-nav-btn").click(function () { $(".qui-wap-bg").fadeIn(); $('body,html').addClass("qui-body-ovh"); }); $(".qui-wap-bg").click(function () { $(".qui-wap-bg").fadeOut(); $('body,html').removeClass("qui-body-ovh"); }); function SiteSearch() { var txtkey = $("#txtKey").val(); if (txtkey != "") { window.location.href = "/Search?key=" + txtkey } } function Logout() { layer.confirm('确认退出登录吗？', { icon: 3, title: '确认' }, function (index) { $.liyou.ajax("/Web/Ajax/Logout", '', { params: {}, success: function (data) { location.href = "/login"; layer.msg('登出跳转中', { icon: 16, shade: 0.01, time: 10000 }); } }); }) } </script>   <div class="qui-ban"> <img src="/UploadFiles/2022-03-10/fyugvat6rkyszgpd.jpg?Z3R5YmFuLmpwZw==" class="qui-pc"> <img src="/UploadFiles/2022-03-10/7wnfpgepakjvigrm.jpg?Z3R5YmFuMi5qcGc=" class="qui-wap"> </div>  <div class="qui-sunny"> <div class="qui-warp"> <ul class="ul ULLIST"> <li class="li"> <a href="" class="qui-hover"> <div class="quiii"> <i><img src="/UploadFiles/2022-03-05/3u4hbiq7hpj3mxyp.png?aGljbzEucG5n"></i> </div> <div class="quiinfo"> <h3 class="h3">阳光行程</h3> <p class="p">阳光行程</p> </div> </a> </li> <li class="li"> <a href="" class="qui-hover"> <div class="quiii"> <i><img src="/UploadFiles/2022-03-05/vu69mb6wcepy45kn.png?aGljbzIucG5n"></i> </div> <div class="quiinfo"> <h3 class="h3">阳光价格</h3> <p class="p">明码实价</p> </div> </a> </li> <li class="li"> <a href="" class="qui-hover"> <div class="quiii"> <i><img src="/UploadFiles/2022-03-05/rqt7g3bz3xgbxg2y.png?aGljbzMucG5n"></i> </div> <div class="quiinfo"> <h3 class="h3">阳光服务</h3> <p class="p">专属客服</p> </div> </a> </li> <li class="li"> <a href="" class="qui-hover"> <div class="quiii"> <i><img src="/UploadFiles/2022-03-05/i1gvcezgx3aamsse.png?aGljbzQucG5n"></i> </div> <div class="quiinfo"> <h3 class="h3">品质线路</h3> <p class="p">旅游首选</p> </div> </a> </li> </ul> </div> </div>  <div class="qui-main-box" id="app"> <div class="qui-warp">  <div class="qui-selectbox"> <div class="quilist"> <div class="quitt">当季热卖</div> <div class="quill"> <a href="javascript:void(0)" class="quia" :class="key_1==''?'on':''" @click="search1('')">全部</a> <a href="javascript:void(0)" v-for="item in djrm" class="quia" @click="search1(item.Id)" :class="key_1==item.Id?'on':''">{{item.Title}}</a> </div> </div> <div class="quilist"> <div class="quitt">按出发地</div> <div class="quill"> <a href="javascript:void(0)" class="quia" :class="key_2==''?'on':''" @click="search2('')">全部</a> <a href="javascript:void(0)" v-for="item in cfd" class="quia" @click="search2(item.Id)" :class="key_2==item.Id?'on':''">{{item.Title}}</a> </div> </div> <div class="quilist"> <div class="quitt">按目的地</div> <div class="quill"> <a href="javascript:void(0)" class="quia" :class="key_3==''?'on':''" @click="search3('')">全部</a> <a href="javascript:void(0)" v-for="item in mdd" class="quia" @click="search3(item.Id)" :class="key_3==item.Id?'on':''">{{item.Title}}</a> </div> </div> </div>  <div class="qui-group-list"> <ul class="ul ULLIST"> <li class="li" v-for="item in list"> <a href="javascript:void(0)" class="qui-hover" @click="onJump(item.Id)"> <div class="qui-pic"> <em class="span20220524" v-if="item.LabelName != ''">{{item.LabelName}}</em> <i class="qui-imgbg" :style="'background-image:url('+item.ListImageUrl+')'"></i> </div> <div class="quiinfo"> <h3 class="h3 qui-dot2">{{item.Title}}</h3> <div class="quitxt qui-dot2">{{item.SubTitle}}</div> <div class="quimm qui-clearfix"> <div class="qui-fl"><em>¥{{item.LowPrice}}</em>起</div> <div class="qui-fr" v-if="item.Mark != ''">{{item.Mark}}</div> </div> </div> </a> </li> </ul> <div class='Pages'> <span class='p_page'> <a @click="pageIndex=(pageIndex==1?1:pageIndex-1); init();" class='a_prev'>上一页</a> <em class='num'> <a v-for="num in pageList" @click="pageIndex=num; init();" :class="[num==pageIndex?'a_cur':'']">&#123&#123num&#125&#125</a> </em> <a @click="pageIndex=(pageIndex==maxPageIndex?maxPageIndex:pageIndex+1); init();" class='a_next'>下一页</a> </span> </div> </div> </div> </div> <script type="text/javascript"> new Vue({ el: '#app', data: { key_1: '', key_2: '', key_3: '', list: [], pageList:[], pageIndex: 1, pageSize: 16, maxPageIndex: 1, total: 0, djrm: [], mdd: [], cfd:[] }, methods: { onJump: function (id) { location.href = '/gty/info/{id}'.replace("{id}", id); }, search1: function (id) { var self = this; self.key_1 = id; self.pageIndex = 1; self.init(); }, search2: function (id) { var self = this; self.key_2 = id; self.pageIndex = 1; self.init(); }, search3: function (id) { var self = this; self.key_3 = id; self.pageIndex = 1; self.init(); }, init: function () { var self = this; $.liyou.ajax("/Web/Ajax/GetXLList", '', { params: { page: self.pageIndex, limit: self.pageSize, columnId: '10054', lyType:'1', djrm: self.key_1, cfd: self.key_2, mdd: self.key_3, }, success: function (data) { self.list = JSON.parse(data.data); self.total = data.count; self.initPager(); } }); }, initPager: function () { var self = this; var footerCount = 5; self.pageList = []; self.maxPageIndex = parseInt(self.total / self.pageSize) + (self.total % self.pageSize == 0 ? 0 : 1); var startPageIndex = self.pageIndex - parseInt(footerCount / 2); startPageIndex = startPageIndex < 1 ? 1 : startPageIndex; for (var i = startPageIndex; i <= self.maxPageIndex; i++) { self.pageList.push(i); if (self.pageList.length >= footerCount) break; } },//初始化分页 getRM: function () { var self = this; $.liyou.ajax("/Web/Ajax/GetDataList2", '', { params: { page: 1, limit: '2147483647', columnId:'10057' }, success: function (data) { data = JSON.parse(data.data); self.djrm = data; } }); }, getCFD: function () { var self = this; $.liyou.ajax("/Web/Ajax/GetDataList2", '', { params: { page: 1, limit: '2147483647', columnId:'10058' }, success: function (data) { data = JSON.parse(data.data); self.cfd = data; } }); }, getMDD: function () { var self = this; $.liyou.ajax("/Web/Ajax/GetDataList2", '', { params: { page: 1, limit: '2147483647', columnId:'10056' }, success: function (data) { data = JSON.parse(data.data); self.mdd = data; } }); }, //初始化元素 initEL: function () { var self = this; } }, mounted: function () { var self = this; self.getRM();//当季热卖 self.getCFD();//出发地 self.getMDD();//目的地 self.init(); } }); </script>   <div class="qui-footer"> <div class="qui-footer1"> <div class="qui-warp qui-clearfix"> <div class="qui-fr"> <p class="p">关注享乐旅游</p> <div class="quiimg"> <img src="/UploadFiles/2022-03-03/tpy2nmfajumsnemx.png?ZXdtLnBuZw=="> <span>微信公众号</span> </div> </div> <div class="qui-fl"> <dl class="dl"> <dt>支付帮助</dt> <dd><a href="/zxyd">如何在线预订</a></dd> <dd><a href="/zywt">预订注意问题</a></dd> <dd><a href="/aqzf">如何安全支付</a></dd> <dd><a href="/zffs">支付方式介绍</a></dd> </dl> <dl class="dl"> <dt>享乐旅游服务</dt> <dd><a href="">英伦旅游查询</a></dd> <dd><a href="">欧洲旅游查询</a></dd> <dd><a href="">北美旅游查询</a></dd> <dd><a href="">澳新旅游查询</a></dd> <dd><a href="">亚洲旅游查询</a></dd> </dl> <dl class="dl"> <dt>旅游问答</dt> <dd><a href="/lywd">旅游问答</a></dd> <dd><a href="/qzwd">签证问答</a></dd> </dl> <dl class="dl"> <dt>营业网站点</dt> <dd><a href="">英国总部</a></dd> <dd><a href="">曼彻斯特</a></dd> <dd><a href="">马德里</a></dd> <dd><a href="">上海</a></dd> <dd><a href="">北京</a></dd> </dl> <dl class="dl"> <dt>关于享乐旅游</dt> <dd><a href="/gsjj">公司简介</a></dd> <dd><a href="/lsry">历史荣誉</a></dd> <dd><a href="/jtzx">集团资讯</a></dd> <dd><a href="/cpyc">诚聘英才</a></dd> <dd><a href="/hzhb">合作伙伴</a></dd> <dd><a href="/lxwm">联系我们</a></dd> </dl> </div> </div> </div> <div class="qui-footer2"> <div class="qui-warp qui-clearfix"> <div class="qui-botlink"> <a href="" target="_blank">享乐旅游首页</a> <a href="" target="_blank">英伦旅游</a> <a href="" target="_blank">欧洲旅游</a> <a href="" target="_blank">旅游资讯</a> <a href="" target="_blank">旅游合同条款</a> <a href="" target="_blank">联系享乐旅游</a> <a href="" target="_blank">Privacy Policy</a> <a href="" target="_blank">全球通信</a> <a href="" target="_blank">支付保护</a> <a href="" target="_blank">访问手机版</a> </div> <div class="qui-info"> <p class="p1"><a href="mailto:services@omegatravel.net">建议与投诉邮箱: services@omegatravel.net</a></p> <p class="p2">享乐旅游（北京）国际旅行社有限公司旅行社业务经营许可证编号：L-BJ-CJ00238</p> <p class="p3">Copyright © 1998 - 2021 Omega Travel Group - All Rights Reserved <a href="//beian.miit.gov.cn/" target="_blank" rel="nofollow noopener">京ICP备15042438号-2</a></p> <p class="p4">For the latest travel advice from the Foreign & Commonwealth Office including security and local laws, plus passport and visa information, check <a href="//www.gov.uk/foreign-travel-advice" target="_blank" rel="noopener">www.gov.uk/foreign-travel-advice</a></p> </div> </div> </div> <div class="qui-footer3"> <div class="qui-warp qui-clearfix"> <div class="qui-box qui-box1"> <span class="span">支付方式：</span> <ul class="ul ULLIST"> <li class="li"><img src="/UploadFiles/2022-03-03/uee91ecdysunayzj.png?Ym90aWNvMy5wbmc="></li> <li class="li"><img src="/UploadFiles/2022-03-03/xnulgk1tmavvgpa9.png?Ym90aWNvMS5wbmc="></li> <li class="li"><img src="/UploadFiles/2022-03-03/nxky39yprmlksmh6.png?Ym90aWNvMi5wbmc="></li> <li class="li"><img src="/UploadFiles/2022-03-03/tdkhhbtq2qmcdrfr.png?Ym90aWNvNC5wbmc="></li> </ul> </div> <div class="qui-box qui-box2"> <span class="span">友情链接：</span> <ul class="ul ULLIST"> <li class="li"><a href="" target="_blank">享乐旅游微博</a></li> <li class="li"><a href="" target="_blank">享乐旅游</a></li> <li class="li"><a href="" target="_blank">享乐旅游欧洲站</a></li> <li class="li"><a href="" target="_blank">享乐旅游中国站</a></li> <li class="li"><a href="" target="_blank">享乐旅游英国旅游</a></li> <li class="li"><a href="" target="_blank">享乐旅游欧洲旅游</a></li> <li class="li"><a href="" target="_blank">享乐旅游搜狗百科</a></li> <li class="li"><a href="" target="_blank">享乐旅游百度百科</a></li> <li class="li"><a href="" target="_blank">享乐旅游360百科</a></li> </ul> </div> </div> </div> </div>  <div class="qui-floatboxH"></div> <div class="qui-floatbox"> <ul class="ul ULLIST"> <li class="li"> <a href="javascript:void(0)" class="quia quia1" style="background-image:url(/uploadfiles/images/rtico1.png)">微信</a> <div class="quiimgbox"> <img src="/UploadFiles/2022-03-03/5gqmhnvxtgbjy1pc.png?ZXdtLnBuZw=="> </div> </li> <li class="li"> <a href="//wpa.qq.com/msgrd?v=3&uin=209213705&site=qq&menu=yes" target="_blank" class="quia quia2" style="background-image:url(/uploadfiles/images/rtico2.png)">客服</a> </li> <li class="li"> <a href="javascript:void(0)" class="quia quia3" style="background-image:url(/uploadfiles/images/rtico3.png)">反馈</a> </li> </ul> <a href="javascript:$('body,html').animate({scrollTop:0},300)" class="quia quia4"></a> </div>  <div class="qui-bg-black70"> <div class="qui-msg-pop"> <a href="javascript:void(0)" class="quicls">✖</a> <div class="qui-form-info"> <ul class="ul"> <li class="li liTT">留言反馈</li> <li class="li"><input type="text" class="qui-text" placeholder="姓名" id="Name"></li> <li class="li"><input type="text" class="qui-text" placeholder="电话" id="Tel"></li> <li class="li"><input type="text" class="qui-text" placeholder="邮箱" id="Email"></li> <li class="li"><textarea class="qui-text" placeholder="留言内容" id="Content"></textarea></li> <li class="li liBtn"> <a href="javascript:void(0)" class="qui-btn-fm" onclick="saveFeedback()">提交</a> </li> </ul> </div> </div> </div> <script> // 留言反馈 $('.qui-bg-black70,.qui-bg-black70 .quicls').click(function (e) { $('.qui-bg-black70').fadeOut('fast'); }); $('.qui-floatbox .quia3').click(function (e) { $('.qui-bg-black70').fadeIn('fast'); }); $('.qui-msg-pop').click(function (e) { e.stopPropagation(); }); // 最大高度 $(".MAXBOX").each(function (i, item) { var maxheight = 0; for (var i = 0; i < $(this).find('.MAXLI').length; i++) { if (maxheight <= $(this).find('.MAXLI').eq(i).find('.MAXLI2').innerHeight()) { maxheight = $(this).find('.MAXLI').eq(i).find('.MAXLI2').innerHeight(); } } $(this).find('.MAXLI2').css('height', parseInt(maxheight) + 'px'); }); function saveFeedback() { var name = $("#Name").val(); var tel = $("#Tel").val(); var email = $("#Email").val(); var content = $("#Content").val(); var reg = /^(1[3|5|7][0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/ if (!reg.test(tel)) { layer.msg("电话号码验证失败", { icon: 5 }); return false; } reg = /^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/ if (!reg.test(email)) { layer.msg("邮箱验证失败", { icon: 5 }); return false; } $.liyou.ajax("/Web/Ajax/saveFeedback", '', { params: { name: name, tel: tel, email: email, content: content }, success: function (data) { if (data.success) { layer.msg(data.msg, { icon: 1 }); $("#Name").val(""); $("#Tel").val(""); $("#Email").val(""); $("#Content").val(""); $('.qui-bg-black70').fadeOut('fast'); } else { layer.msg(data.msg, { icon: 2 }); } } }); } </script>  </body> </html>

CINXE.COM

享乐旅游