567 lines
23 KiB
HTML
567 lines
23 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8"/>
|
||
<title>服务-失物招领</title>
|
||
<meta name="viewport"
|
||
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
|
||
<meta name="format-detection" content="telephone=no"/>
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
||
<meta name="Keywords" content="{$seo_keywords??''}">
|
||
<meta name="description" content="{$seo_description??''}">
|
||
<link rel="shortcut icon" type="image/ico" href="/favicon.ico">
|
||
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
|
||
<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
|
||
<link rel="stylesheet" type="text/css" href="css/aos.css"/>
|
||
<link rel="stylesheet" type="text/css" href="css/style.css"/>
|
||
<script src="js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="js/aos.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="js/script.js" type="text/javascript" charset="utf-8"></script>
|
||
<link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
|
||
<link rel="shortcut icon" href="/image/favicon.ico" />
|
||
<script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
|
||
</head>
|
||
<body>
|
||
<div class="sidebar-box">
|
||
<a href="javascript:;"><img src="/image/sbar_1.png" alt="">
|
||
<div class="fix_customer_service">
|
||
<div>
|
||
客户热线3<br>
|
||
028-85206666<br>
|
||
旅客体验小程序<br>
|
||
</div>
|
||
<img src="/image/ewm_1.png">
|
||
</div>
|
||
</a>
|
||
<a href="/opinion/opinion.html"><img src="/image/sbar_2.png" alt=""><span>客户意见</span></a>
|
||
<a href="javascript:;" class="gotop"><img src="/image/sbar_3.png" alt=""><span>回到顶部</span></a>
|
||
</div><!--头部-->
|
||
<div class="head_box w-100 showBox">
|
||
<div class="w-1400">
|
||
<div class="pull-left"><a href="/"><img src="/image/logo.png"></a></div>
|
||
<div class="pull-right">
|
||
<div class="top-box">
|
||
<form class="searcBox_l">
|
||
<i class="searcBox_l_ICON" onclick="clearInputText()"></i>
|
||
<input type="text" class="searchBoxTEXT"></input>
|
||
<input type="button" class="btn_Sae" ></input>
|
||
<ul id="xiala" ></ul>
|
||
</form>
|
||
<script>
|
||
function renderForm(){
|
||
layui.use('form', function(){
|
||
var form1 = layui.form;
|
||
form1.render();
|
||
});
|
||
}
|
||
$(".searchBoxTEXT").bind('input propertychange',function () {
|
||
var name = $(".searchBoxTEXT").val();
|
||
console.log(name)
|
||
var str = "";
|
||
|
||
$.ajax({
|
||
url: "/ddpflight/category/searchCategory",
|
||
data: {
|
||
name:name,
|
||
language:1
|
||
},
|
||
type: "POST",
|
||
dataType: "JSON",
|
||
success: function (data) {
|
||
for (var i = 0; i < data.length; i++) {
|
||
str += "<li><a href=\""+data[i].modelPath+"\">"+data[i].categoryTitle+"</a></li>"
|
||
}
|
||
$("#xiala").html(str);
|
||
|
||
}
|
||
});
|
||
})
|
||
function clearInputText(){
|
||
$(".searchBoxTEXT").val('')
|
||
$("#xiala").html('')
|
||
$('.searcBox_l').removeClass('searchObjWidth')
|
||
$(".searcBox_l_ICON").removeClass("searchObjShow")
|
||
$('.searchBoxTEXT').removeClass("searchObjShow")
|
||
}
|
||
$('.searcBox_l').mouseenter(function() {
|
||
$(this).addClass('searchObjWidth');
|
||
$(".searcBox_l_ICON").addClass("searchObjShow")
|
||
$('.searchBoxTEXT').addClass("searchObjShow")
|
||
})
|
||
</script>
|
||
<div class="link-box between-center">
|
||
<div class="between-center"><img src="/image/ix_hd_icon2.png">关于我们
|
||
<div>
|
||
<a href="/about/introduce/introduce.html">机场简介</a>
|
||
<a href="/about/notice/notice.html">机场公告</a>
|
||
<a href="/about/news/news.html">机场新闻</a>
|
||
<a href="http://ctia.chinahr.com">人才招聘</a>
|
||
</div>
|
||
</div>
|
||
<em></em>
|
||
<a href="/EN/" class="between-center"><img src="/image/ix_hd_icon3.png">中文</a>
|
||
<div class="nav_btn">
|
||
<i class="bar-top"></i>
|
||
<i class="bar-cen"></i>
|
||
<i class="bar-bom"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="lower-box w-100">
|
||
<ul>
|
||
<li><a href="/flight/flight.html">航班</a></li>
|
||
<li><a href="/guide/guide.html">指南</a></li>
|
||
<li><a href="/traffic/traffic.html">交通</a></li>
|
||
<li><a href="/service/service.html">服务</a></li>
|
||
<li><a href="/play/play.html">玩转机场</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="head-menu">
|
||
<div class="center-block">
|
||
<div class="w-1200">
|
||
<div class="pull-left between-top">
|
||
<strong>航班</strong>
|
||
<ul>
|
||
<li><a href="/flight/departure/departure.html">出发航班</a></li>
|
||
<li><a href="/flight/arrival/arrival.html">到达航班</a></li>
|
||
<li><a href="/flight/route/route.html">航线</a></li>
|
||
<li><a href="/flight/aircompany/aircompany.html">航空公司</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="pull-right"><img src="/image/ix_hd_img1.png"></div>
|
||
</div>
|
||
</div>
|
||
<div class="center-block">
|
||
<div class="w-1200">
|
||
<div class="pull-left between-top">
|
||
<strong>指南</strong>
|
||
<ul>
|
||
<li><a href="/guide/setout/setout.html">出发流程</a></li>
|
||
<li><a href="/guide/transfer/transfer.html">中转流程</a></li>
|
||
<li><a href="/guide/arrive/arrive.html">到达流程</a></li>
|
||
<li><a href="/guide/passenger/passenger.html">旅客须知</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="pull-right"><img src="/image/ix_hd_img2.png"></div>
|
||
</div>
|
||
</div>
|
||
<div class="center-block">
|
||
<div class="w-1200">
|
||
<div class="pull-left between-top">
|
||
<strong>交通</strong>
|
||
<ul>
|
||
<li><a href="/traffic/tofrom/tofrom.html">往返机场</a></li>
|
||
<li><a href="/traffic/tramode/tramode.html">综合交通</a></li>
|
||
<li><a href="/traffic/parking/parking.html">停车楼</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="pull-right"><img src="/image/ix_hd_img3.png"></div>
|
||
</div>
|
||
</div>
|
||
<div class="center-block">
|
||
<div class="w-1200">
|
||
<div class="pull-left between-top">
|
||
<strong>服务</strong>
|
||
<ul>
|
||
<li><a href="/service/promise/promise.html">服务承诺</a></li>
|
||
<li><a href="/service/love/love.html">爱心服务</a></li>
|
||
<li><a href="/service/luggage/luggage.html">行李服务</a></li>
|
||
<li><a href="/service/important/important.html">要客服务</a></li>
|
||
</ul>
|
||
<ul>
|
||
<li><a href="/service/wifi/wifi.html">网络服务</a></li>
|
||
<li><a href="/service/transit/transit.html">中转服务</a></li>
|
||
<li><a href="/service/map/map.html">地图服务</a></li>
|
||
<li><a href="/service/urgent/urgent.html">应急服务</a></li>
|
||
</ul>
|
||
<ul>
|
||
<li><a href="/service/goods/goods.html">货运服务</a></li>
|
||
<li><a href="/service/apm/apm.html">APM</a></li>
|
||
<li><a href="/service/city/city.html">城市候机楼</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="pull-right"><img src="/image/ix_hd_img4.png"></div>
|
||
</div>
|
||
</div>
|
||
<div class="center-block">
|
||
<div class="w-1200">
|
||
<div class="pull-left between-top">
|
||
<strong>玩转机场</strong>
|
||
<ul>
|
||
<li><a href="/play/catering/catering.html">餐饮</a></li>
|
||
<li><a href="/play/shopping/shopping.html">购物</a></li>
|
||
<li><a href="/play/leisure/leisure.html">休闲</a></li>
|
||
<li><a href="/play/hotel/hotel.html">酒店</a></li>
|
||
</ul>
|
||
<ul>
|
||
<li><a href="/play/other/other.html">其他商业</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="pull-right"><img src="/image/ix_hd_img5.png"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
function renderForm(){
|
||
layui.use('form', function(){
|
||
var form1 = layui.form;//高版本建议把括号去掉，有的低版本，需要加()
|
||
form1.render();
|
||
});
|
||
}
|
||
$(function () {
|
||
renderForm();
|
||
})
|
||
|
||
</script>
|
||
<style>
|
||
.beian{
|
||
float:left;
|
||
height:20px;
|
||
line-height:20px;
|
||
margin: 0px 0px 0px 5px;
|
||
color:#939393;
|
||
}
|
||
.styleWidth{
|
||
padding-left: calc((100vw - 1100px) /2 - (1420px - 1100px ) + 70px)
|
||
}
|
||
|
||
.searcBox_l{
|
||
width: 60px;
|
||
float: left;
|
||
position: relative;
|
||
height: 49px;
|
||
margin-right: 20px;
|
||
transition: all .6s;
|
||
-webkit-transition: all .6s;
|
||
-moz-transition: all .6s;
|
||
background: #f5f5f5;
|
||
}
|
||
.searchBoxTEXT{
|
||
width: 350px;
|
||
height: 48px;
|
||
line-height: 48px;
|
||
border: none;
|
||
background: #f5f5f5;
|
||
margin-left: 40px;
|
||
display: none;
|
||
}
|
||
.btn_Sae{
|
||
width: 60px;
|
||
height: 100%;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
background: url(/image/icon_05.png) no-repeat center;
|
||
border: none;
|
||
|
||
}
|
||
.searcBox_l_ICON{
|
||
display: none;
|
||
width: 15px;
|
||
height: 16px;
|
||
position: absolute;
|
||
left: 0;
|
||
top: 17px;
|
||
background: url(/image/ix_hd_icon4.png) no-repeat center;
|
||
background-size: auto 13px;
|
||
padding: 0 20px;
|
||
cursor: pointer;
|
||
transform: all .6s;
|
||
}
|
||
.isshowBox{
|
||
display: block !important;
|
||
}
|
||
.isshowBox2{
|
||
display: none !important;
|
||
}
|
||
.searchObjShow{
|
||
display: block;
|
||
}
|
||
.searchObjWidth{
|
||
width: 450px;
|
||
transform: all .6s;
|
||
}
|
||
#xiala{
|
||
background:#fff ;
|
||
|
||
}
|
||
#xiala li{
|
||
line-height: 30px;
|
||
padding-left: 10px;
|
||
}
|
||
#xiala li:hover{
|
||
background: #39a7f4;
|
||
}
|
||
</style>
|
||
<!--banner-->
|
||
<div class="center-banner w-100 between-center service-banner">
|
||
<div class="w-1200">
|
||
<div class="text" aos="fade-left" aos-delay="100">
|
||
<h3>服务</h3>
|
||
<h2>service</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--二级菜单-->
|
||
<div class="mune w-100 separate-mune">
|
||
|
||
</div>
|
||
<!-- 内容-->
|
||
<div class="content">
|
||
<div class="w-1200" aos="fade-up" aos-delay="100">
|
||
<!--面包屑-->
|
||
<div class="crumbs">
|
||
<a href="/">首页</a>
|
||
<span>失物招领</span>
|
||
</div>
|
||
</div>
|
||
<!---->
|
||
<div class="w-1200" aos="fade-up" aos-delay="100">
|
||
<div class="box box-100">
|
||
<!--右侧内容-->
|
||
<div class="f-r box-content lost-found">
|
||
<div class="flight-search">
|
||
<form id="queryForm">
|
||
<div class="list layui-form">
|
||
<select id="type" name="" class="form-control">
|
||
<option value="">全部</option>
|
||
<option value="生鲜水果">生鲜水果</option>
|
||
<option value="笔记本">笔记本</option>
|
||
<option value="背包">背包</option>
|
||
<option value="手机">手机</option>
|
||
<option value="证件">证件</option>
|
||
<option value="平板电脑">平板电脑</option>
|
||
<option value="行李箱">行李箱</option>
|
||
</select>
|
||
</div>
|
||
<div class="list layui-form">
|
||
<select id="time" name="" class="form-control">
|
||
<option value="">请选择日期</option>
|
||
<option value="3">最近3天</option>
|
||
<option value="5">最近5天</option>
|
||
<option value="7">最近7天</option>
|
||
</select>
|
||
</div>
|
||
<div class="list layui-form">
|
||
<input id="name" type="text" class="form-control" placeholder="请输入物品名称"/>
|
||
</div>
|
||
<div class="list">
|
||
<input class="btn btn-primary" name="" id="chaxun" value="查询"/>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div id="res" class="lost-list">
|
||
|
||
</div>
|
||
<div id="xinxi" class="page">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!---->
|
||
</div>
|
||
</div>
|
||
<!--内容结束-->
|
||
<div class="footer">
|
||
<!--img-->
|
||
<div class="footer-img">
|
||
<img src="/image/bg_02.png" />
|
||
</div>
|
||
<!---->
|
||
<div class="footer_bg">
|
||
<div class="w-1200 t-c">
|
||
<div class="footer_middle">
|
||
<a href="https://weibo.com/" target="_blank"><img src="/qwer/20210222/c21bbad6b5724f88baac60645324ec73.png" alt="" /></a>
|
||
<a href="javascript:;">
|
||
<img src="/qwer/20210222/5bdd6b51a3a34e00bab4a470cf66cd4b.png" alt="" />
|
||
<i><img src="/qwer/20210222/1f2f350d314543f18319e786ce2d2e2e.png" /></i>
|
||
</a>
|
||
<a href="/opinion/opinion.html">
|
||
客户意见
|
||
</a>
|
||
<a href="/link/link.html">
|
||
友情链接
|
||
</a>
|
||
</div>
|
||
<div style="width:600px;margin:0 auto; padding:0px 0;margin-top:20px">
|
||
<p class="beian">© 2021成都天府国际机场版权所有</p>
|
||
<a target="_blank" href="http://www.beian.gov.cn" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
||
<p class="beian">蜀ICP备2021003993号</p>
|
||
<img src="/image/batb.png" style="float:left;margin-left: 6px"/>
|
||
<p class="beian">川公网安备 51018002000073号</p >
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript">
|
||
$(function () {
|
||
|
||
//当前页
|
||
var page = 1;
|
||
var pages = 1;
|
||
var totalpages = 1;
|
||
var minys = 1;
|
||
var maxys = 1;
|
||
|
||
//查询方法
|
||
function load() {
|
||
var type = $("#type").val();
|
||
var time = $("#time").val();
|
||
var name = $("#name").val();
|
||
var str1 = "";
|
||
var str2 = "";
|
||
$.ajax({
|
||
url: "/ddpcms/found/foundpaging",
|
||
data: {
|
||
size: 10,
|
||
page: page,
|
||
articleCategory: type,
|
||
articleName:name,
|
||
time: time
|
||
},
|
||
type: "POST",
|
||
dataType: "JSON",
|
||
success: function (data) {
|
||
console.log(data)
|
||
totalpages = data.total % data.size == 0 ? data.total / data.size : Math.ceil(data.total / data.size)
|
||
if (totalpages == 0) {
|
||
pages = 1;
|
||
} else {
|
||
pages = totalpages;
|
||
}
|
||
str1 = str1 + "<table class=\"table table-bordered table-striped\">";
|
||
str1 = str1 + "<tr>\n" +
|
||
" <th>编号</th>\n" +
|
||
" <th>拾捡时间</th>\n" +
|
||
" <th>物品名称</th>\n" +
|
||
" <th>物品类别</th>\n" +
|
||
" <th>拾捡地点</th>\n" +
|
||
" <th>图片</th>\n" +
|
||
" </tr>";
|
||
if (data.records) {
|
||
for (var i = 0; i < data.records.length; i++) {
|
||
str1 = str1 + "<tr>\n" +
|
||
" <td>" + data.records[i].id + "</td>\n" +
|
||
" <td>" + data.records[i].pickupTime + "</td>\n" +
|
||
" <td>" + data.records[i].articleName + "</td>\n";
|
||
// if(data.records[i].articleCategory == "card"){
|
||
// str1 = str1 + "<td>证件卡类</td>"
|
||
// }else if(data.records[i].articleCategory == "money"){
|
||
// str1 = str1 + "<td>现金类</td>"
|
||
// }
|
||
str1 = str1 + "<td>" + data.records[i].articleCategory + "</td>";
|
||
str1 = str1 + "<td>" + data.records[i].pickupSite + "</td>";
|
||
str1 = str1 + "<td class=\"layer-photos-demo\">";
|
||
if (data.records[i].picpath) {
|
||
var photos = data.records[i].picpath.split(",");
|
||
for (var j = 0; j < photos.length; j++) {
|
||
str1 = str1 + "<img src=\"/lostfound" + photos[j] + "\" width=\"30\" height=\"30\" >";
|
||
}
|
||
} else {
|
||
|
||
}
|
||
str1 = str1 + "</td>";
|
||
// str1 = str1 +
|
||
// " <td>"+data.records[i].pickupSite+"</td>\n" +
|
||
// " <td class=\"layer-photos-demo\"><img src=\"./image/img_04.png\" width=\"30\" height=\"30\" ></td>\n" +
|
||
// " </tr>"
|
||
}
|
||
}
|
||
str1 = str1 + "</table>";
|
||
maxys = pages;
|
||
str2 += "<a id='prev' href=\"javascript:;\"><</a>\n";
|
||
for (var i = page - 2; i < page + 3; i++) //前后显示2个
|
||
{
|
||
if (i >= minys && i <= maxys) //页数是要有范围的，大于最小页数，小于最大页数
|
||
{
|
||
if (i == page) {
|
||
str2 += "<span class='dangqian' bs='" + i + "'>" + i + "</span> "; //当前页选中
|
||
} else {
|
||
str2 += "<a href=\"javascript:;\" class='list' bs='" + i + "'>" + i + "</a> "; //显示当前页
|
||
}
|
||
}
|
||
}
|
||
str2 += "<a id='next' href=\"javascript:;\">></a>";
|
||
$("#res").html(str1);
|
||
$("#xinxi").html(str2);
|
||
layui.use(['layer', 'form', 'laydate'], function () {
|
||
var layer = layui.layer,
|
||
form = layui.form,
|
||
laydate = layui.laydate;
|
||
|
||
//调用示例
|
||
layer.photos({
|
||
photos: '.layer-photos-demo'
|
||
, anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
|
||
});
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
$("#chaxun").click(function () {
|
||
$("#tblResult > tbody").html("");
|
||
page = 1;
|
||
load(); //加载数据
|
||
})
|
||
//下一页点击事件
|
||
$("#xinxi").on('click', '#next', function () {
|
||
page = page + 1;
|
||
//检验
|
||
if (page > pages) {
|
||
page = pages;
|
||
}
|
||
load();
|
||
});
|
||
//上一页点击事件
|
||
$("#xinxi").on('click', '#prev', function () {
|
||
page = page - 1;
|
||
if (page < 1) {
|
||
page = 1;
|
||
}
|
||
load();
|
||
});
|
||
$("#xinxi").on('click', '.list', function () {
|
||
page = parseInt($(this).attr("bs"));
|
||
load(); //加载数据
|
||
})
|
||
$("#name").keydown(function (e){
|
||
if (e.keyCode == '13') {
|
||
$("#res").html("");
|
||
page = 1;
|
||
load(); //加载数据
|
||
}
|
||
})
|
||
//刷新后自动获取最大页码
|
||
load();
|
||
});
|
||
</script>
|
||
<script>
|
||
layui.use(['layer', 'form', 'laydate'], function () {
|
||
var layer = layui.layer,
|
||
form = layui.form,
|
||
laydate = layui.laydate;
|
||
|
||
//调用示例
|
||
layer.photos({
|
||
photos: '.layer-photos-demo'
|
||
, anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
|
||
});
|
||
});
|
||
AOS.init({
|
||
easing: 'swing',
|
||
duration: 800,
|
||
offset: 100,
|
||
once: true
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|