CINXE.COM
享乐旅游
<!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" /> <!--[if gte IE 9]><!--> <script src="/Res/Web/js/jquery-3.5.1.min.js?v=202012022033" type="text/javascript" charset="utf-8"></script> <!--<![endif]--> <!-- 引入 slick --> <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> <!-- 引入 layer 弹窗--> <script src="/Res/Web/js/layer/layer.js?v=202012022033" type="text/javascript" charset="utf-8"></script> <!-- 引入 laydate 时间控件--> <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> <!-- top begin --> <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" + 10054).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> <!-- top end --> <!-- content begin --> <div class="qui-locbox"> <div class="qui-warp"> <a href="/">享乐旅游首页</a> > <span>搜索结果</span> </div> </div> <!-- 内容 --> <div class="qui-main-box" id="app"> <div class="qui-warp"> <!-- 搜索 --> <div class="qui-search-result"> <div class="qui-search-box"> <input type="text" class="qui-text" placeholder="请输入您要搜索的关键词" v-model="txtkey"> <a href="javascript:void(0)" class="qui-ss-btn" @click="filter()"></a> </div> <p class="p" v-if="Area!=''">本次搜索关键词为“ <i class="qui-col-df">{{AreaName}}</i> ”,共搜索{{total}}条结果</p> <p class="p" v-else>本次搜索关键词为“ <i class="qui-col-df">{{key}}</i> ”,共搜索{{total}}条结果</p> </div> <!-- 搜索结果 --> <div class="qui-search-list"> <ul class="ul ULLIST"> <li class="li" v-for="item in list"> <a href="javaScript:void()" class="qui-hover" @click="onJump(item.Id)"> <div class="qui-pic"><span class="qui-imgbg" :style="'background-image:url('+item.ListImageUrl+')'"></span></div> <div class="quiinfo"> <h3 class="h3 qui-dot2">{{item.Title}}</h3> <div class="quitxt qui-dot2">{{item.SubTitle}}</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':'']">{{num}}</a> </em> <a @click="pageIndex=(pageIndex==maxPageIndex?maxPageIndex:pageIndex+1); init();" class='a_next'>下一页</a> </span> </div> </div> </div> </div> <script type="text/javascript"> var app = new Vue({ el: '#app', data: { list: [], pageList:[], pageIndex: 1, pageSize: 10, maxPageIndex: 1, total: 0, Area: "", key: "", txtkey: "", AreaName: "" }, methods: { onJump: function (id) { location.href = '/lyxl/info/{id}'.replace("{id}", id); }, filter: function () { var self = this; self.pageIndex = 1; self.key = self.txtkey; self.init(); }, init: function () { var self = this; $.liyou.ajax("Web/Ajax/GetXLList", '', { params: { page: self.pageIndex, limit: self.pageSize, Area: self.Area, key: self.key }, success: function (data) { self.list = JSON.parse(data.data); self.total = data.count; self.initPager(); } }); },//获取list getArea: function () { var self = this; $.liyou.ajax("/Web/Ajax/GetDataById", '', { params: { id: self.Area, columnId:'10055' }, success: function (data) { data = JSON.parse(data.data); self.AreaName = data.Title; } }); }, 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; } console.log(self.pageList); },//初始化分页 }, mounted: function () { var self = this; this.init();//查询全部 self.getArea(); } }); </script> <!-- content end--> <!-- bottom begin--> <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> <!-- bottom end --> </body> </html>