airport/CN/EN/opinion/opinion.html

589 lines
24 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Chengdu Tianfu International Airport</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">
<script src="/js/crypto-js.js"></script>
<script src="/js/sm2.js"></script>
<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" />
<link rel="stylesheet" type="text/css" href="/css/new.css" />
<link rel="stylesheet" type="text/css" href="/css/enstyle.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" />
<script src="/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<link rel="shortcut icon" href="/image/favicon.ico" />
<!--<script>-->
<!-- document.onkeydown = function () {-->
<!-- if (window.event && window.event.keyCode == 123) {-->
<!-- event.keyCode = 0;-->
<!-- event.returnValue = false;-->
<!-- }-->
<!-- }-->
<!-- document.oncontextmenu = function (event) {-->
<!-- if (window.event) {-->
<!-- event = window.event;-->
<!-- }-->
<!-- try {-->
<!-- var the = event.srcElement;-->
<!-- if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {-->
<!-- return false;-->
<!-- }-->
<!-- return true;-->
<!-- } catch (e) {-->
<!-- return false;-->
<!-- }-->
<!-- }-->
<!--</script>--></head>
<body>
<div class="sidebar-box">
<a href="javascript:;"><img src="/image/sbar_1.png" alt="">
<div class="fix_customer_service">
<div>
<img src="/image/phone_1.png" style="width: 50px;height: 50px;background: none">
HotLine<br>
028-86906666<br>
Mini Program<br>
<img src="/image/ewm_1.png">
</div>
</div>
</a>
<a href="/EN/opinion/opinion.html"><img src="/image/sbar_2.png" alt=""><span>Opinion</span></a>
<a href="javascript:;" class="gotop"><img src="/image/sbar_3.png" alt=""><span>Back to Top</span></a>
</div><!--头部-->
<div class="head_box w-100 showBox">
<div class="w-1400">
<div class="pull-left"><a href="/EN/"><img src="/image/logo.png"></a></div>
<div class="pull-right">
<div class="top-box">
<div class="searcBox_l phone-none">
<i class="searcBox_l_ICON" onclick="clearInputText()"></i>
<input type="text" placeholder="Search" class="searchBoxTEXT"></input>
<input type="button" class="btn_Sae" ></input>
<ul id="xiala" ></ul>
</div>
<div class="searcBox_l2" style="display: none">
<i class="searcBox_l_ICON2" onclick="clearInputText2()"></i>
<input type="text" class="searchBoxTEXT2"></input>
<input type="button" class="btn_Sae2"></input>
<ul id="xiala2"></ul>
</div>
<div class="link-box between-center">
<div class="between-center searchimg">
<a href="javascript:void(0)" onclick="searchtxt()"><img src="/image/icon_05.png"></a>
</div>
<div class="between-center phone-none">
<a href="http://www.cdairport.com/index.aspx"><img src="/image/ix_hd_iconflight.png">CTU</a>
</div>
<em></em>
<div class="between-center phone-none"><img src="/image/ix_hd_icon2.png">About Us
<div>
<a href="/EN/profile/profile.html">Airport Introduction</a>
<a href="/EN/notice/notice.html">Announcement</a>
<a href="/EN/news/news.html">News</a>
</div>
</div>
<em></em>
<a href="/" 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="/EN/flight/flight.html">Flight</a></li>
<li><a href="/EN/guide/guide.html">Guide</a></li>
<li><a href="/EN/traffic/traffic.html">Traffic</a></li>
<li><a href="/EN/service/service.html">Service</a></li>
<li><a href="/EN/play/play.html">Discovery</a></li>
<li><a href="http://www.cdairport.com/index.aspx">CTU</a></li>
<li><a href="/EN/profile/profile.html">Airport Introduction</a></li>
<li><a href="/ENabout/notice/notice.html">Announcement</a></li>
<li><a href="/EN/about/news/news.html">News</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="head-menu">
<div class="center-block">
<div class="w-1200">
<div class="pull-left"><img src="/image/ix_hd_img1.png"></div>
<div class="pull-left between-top styleWidth">
<strong>Flight</strong>
<ul>
<li><a href="/EN/flight/departure/departure.html">Departure</a></li>
<li><a href="/EN/flight/arrival/arrival.html">Arrival</a></li>
<li><a href="/EN/flight/route/route.html">Route</a></li>
<li><a href="/EN/flight/airline/airline.html">Airlines Information</a></li>
</ul>
<!-- <ul>-->
<!-- <li><a href="http://www.cdairport.com/flight.aspx?t=2">ShuangliuFlight</a></li>-->
<!-- </ul>-->
</div>
</div>
</div>
<div class="center-block">
<div class="w-1200">
<div class="pull-left"><img src="/image/ix_hd_img2.png"></div>
<div class="pull-left between-top styleWidth">
<strong>Guide</strong>
<ul>
<li><a href="/EN/guide/departure/departure.html">Departure Process</a></li>
<li><a href="/EN/guide/transfer/transfer.html">Transfer Process</a></li>
<li><a href="/EN/guide/arrival/arrival.html">Arrival Process</a></li>
<li><a href="/EN/guide/notice/notice.html">Instruction</a></li>
</ul>
</div>
</div>
</div>
<div class="center-block">
<div class="w-1200">
<div class="pull-left"><img src="/image/ix_hd_img3.png"></div>
<div class="pull-left between-top styleWidth">
<strong>Traffic</strong>
<ul>
<li><a href="/EN/traffic/tofrom/tofrom.html?id=346">To & From Airport</a></li>
<li><a href="/EN/traffic/tramode/tramode.html?id=590">Comprehensive Transport</a></li>
<li><a href="/EN/traffic/parking/parking.html?id=591">Parking Building</a></li>
<li><a href="/EN/traffic/ggtcc/ggtcc.html?id=807">Public Parking Lot</a></li>
</ul>
</div>
</div>
</div>
<div class="center-block">
<div class="w-1200">
<div class="pull-left"><img src="/image/ix_hd_img4.png"></div>
<div class="pull-left between-top styleWidth">
<strong>Service</strong>
<ul>
<li><a href="/EN/service/promise/promise.html">Our Commitment</a></li>
<li><a href="/EN/service/love/love.html">Special Care Service</a></li>
<li><a href="/EN/service/luggage/luggage.html">Baggage Service</a></li>
<li><a href="/EN/service/important/important.html">VIP Service</a></li>
</ul>
<ul>
<li><a href="/EN/service/wifi/wifi.html">Internet Service</a></li>
<li><a href="/EN/service/transit/transit.html">Transfer Service</a></li>
<li><a href="/EN/service/map/map.html">Map Service</a></li>
<li><a href="/EN/service/urgent/urgent.html">Emergency Service</a></li>
</ul>
<ul>
<li><a href="/EN/service/goods/goods.html">Cargo Service</a></li>
<li><a href="/EN/service/apm/apm.html">APM</a></li>
<li><a href="/EN/service/cityp/cityp.html">City Terminal</a></li>
</ul>
</div>
</div>
</div>
<div class="center-block">
<div class="w-1200">
<div class="pull-left"><img src="/image/ix_hd_img5.png"></div>
<div class="pull-left between-top styleWidth">
<strong>Discovery</strong>
<ul>
<li><a href="/EN/play/catering/catering.html">Dining</a></li>
<li><a href="/EN/play/shopping/shopping.html">Shopping</a></li>
<li><a href="/EN/play/other/other.html">More to Discover</a></li>
<li><a href="/EN/play/hotel/hotel.html">Airport Hotel</a></li>
</ul>
<ul>
</ul>
</div>
</div>
</div>
<div class="popup-bg1" style="display: none">
<div class="ppopup-center">
<div class="ppopup-head" style="color: black"><img src="/image/icon_wzts.png">Notice</div>
<!--内容-->
<div class="ppopup-text" style="color: black;text-align:justify;">
<div>
Chengdu Tianfu International Airport Branch of Sichuan Airport Group Co., Ltd. organizes and implements the recruitment work on its own, and does not entrust any third party to implement the recruitment program, and will not charge fare by any means from the job seekers during the recruitment process.
</div>
<div>
Our company will only post job vacancies and accept resumes via this official website. To avoid any losses, job seekers are suggested to be cautious about employment fraud.
</div>
</div>
<div class="ppopup-footer">
<a class="ppopup-on1" href="http://ctia.chinahr.com">Continue</a>
</div>
</div>
</div>
</div>
<script>
function renderForm(){
layui.use('form', function(){
var form1 = layui.form;
form1.render();
});
}
$(".close-gb2").click(function(e) {
$(".fix-box2").toggle();
});
$("#rczp").click(function(e) {
$(".fix-box2").toggle();
});
$(function () {
renderForm();
})
$(".searchBoxTEXT").keydown(function (e){
if (e.keyCode == '13') {
window.parent.location.href="/EN"+searchList[0].modelPath;
}
})
let searchList=[]
$(".searchBoxTEXT").bind('input propertychange',function () {
var name = $(".searchBoxTEXT").val();
var str = "";
$.ajax({
url: "/ddpflight/category/searchCategory",
data: {
name:name,
language:2
},
type: "POST",
dataType: "JSON",
success: function (data) {
if (data.length == 0){
str += "<li style='cursor: pointer;'>No search results</li>"
$("#xiala").html(str);
}else {
searchList=data
for (var i = 0; i < data.length; i++) {
str += "<li link=\"/EN"+data[i].modelPath+"\" style='cursor: pointer;'><a href=\"/EN"+data[i].modelPath+"\">"+data[i].categoryTitle+"</a></li>"
}
$("#xiala").html(str);
$("#xiala").on("click" , "li" , function(){
var link = $(this).attr("link");
window.parent.location.href=link;
})
}
}
});
})
$(".searchBoxTEXT2").bind('input propertychange',function () {
var name = $(".searchBoxTEXT2").val();
var str = "";
$.ajax({
url: "/ddpflight/category/searchCategory",
data: {
name:name,
language:2
},
type: "POST",
dataType: "JSON",
success: function (data) {
for (var i = 0; i < data.length; i++) {
str += "<li link=\"/EN"+data[i].modelPath+"\" style='cursor: pointer;'><a href=\"/EN"+data[i].modelPath+"\">"+data[i].categoryTitle+"</a></li>"
}
$("#xiala2").html(str);
$("#xiala2").on("click" , "li" , function(){
var link = $(this).attr("link");
window.parent.location.href=link;
})
}
});
})
function clearInputText(){
$(".searchBoxTEXT").val('')
$("#xiala").html('')
$('.searcBox_l').removeClass('searchObjWidth')
$(".searcBox_l_ICON").removeClass("searchObjShow")
$('.searchBoxTEXT').removeClass("searchObjShow")
}
function clearInputText2() {
$(".searchBoxTEXT2").val('')
$("#xiala2").html('')
$('.searcBox_l2').css('display','none');
}
$('.searcBox_l').mouseenter(function() {
$(this).addClass('searchObjWidth');
$(".searcBox_l_ICON").addClass("searchObjShow")
$('.searchBoxTEXT').addClass("searchObjShow")
})
function searchtxt(){
$('.searcBox_l2').css('display','block');
}
</script>
<!--banner-->
<div class="center-banner w-100 between-center opinion-banner">
<div class="w-1200">
<div class="text" aos="fade-left" aos-delay="100">
<h3>客户意见</h3>
<h2>Opinion</h2>
</div>
</div>
</div>
<!--二级菜单-->
<div class="mune w-100 separate-mune">
&nbsp;
</div>
<!-- 内容-->
<div class="content">
<div class="w-1200" aos="fade-up" aos-delay="100">
<!--面包屑-->
<div class="crumbs">
<a href="/EN/">Home</a> <span>Opinion</span>
</div>
</div>
<!---->
<div class="w-1200" aos="fade-up" aos-delay="100">
<div class="opinion">
<form id="submitForm" class="layui-form" action="">
<div class="op-w-66">
<div class="list layui-form">
<span>Anonymous</span>
<input type="checkbox" name="optionsRadios" lay-skin="switch" lay-filter="optionsRadios"
lay-text="Yes|No" id="whetherAnonymous">
</div>
<div class="list layui-form" lay-filter="test1">
<span>Feedback</span>
<select name="" id="cusOpinion" class="form-control" lay-filter="cusOpinion">
<option value="PRPISE">Compliments</option>
<option value="SUGGEST">Suggestions</option>
<option value="COMPLAINT">Complaints</option>
</select>
</div>
</div>
<div class="op-w-66 noName-box">
<div class="list layui-form">
<span>Name</span>
<input id="name" type="text" placeholder="Enter Your Name" class="form-control" lay-verify="required">
</div>
<div class="list layui-form">
<span>Phone</span>
<input id="phone" type="tel" placeholder="Enter Your Phone No" class="form-control" name="phone" lay-verify="phone" autocomplete="off">
</div>
</div>
<div class="op-w-66 noName-box">
<div class="list layui-form">
<span style="width: 71px">Flight Info</span>
<input id="flightinfo" type="text" placeholder="Enter Your Flight No" class="form-control" lay-verify="flight">
</div>
<div class="list layui-form">
<span>ID Card</span>
<input id="idcard" type="text" placeholder="Enter Your ID No" class="form-control" name="identity" lay-verify="identity" autocomplete="off">
</div>
</div>
<div class="op-w-100">
<div class="list layui-form">
<span>Contents</span>
<textarea id="content" class="form-control" placeholder="Please Leave Us Your Comments" lay-verify="content"></textarea>
</div>
</div>
<div class="op-w-100">
<div class="list layui-form">
<span></span>
<button id="submitid" type="submit" class="Submit" lay-submit="" lay-filter="demo1">Submit</button>
</div>
</div>
</form>
</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/u/2885909671?is_all=1" target="_blank"><img src="/qwer/20210301/bd193cfa59bb4acb8e8020c5df8161bd.png" alt="" /></a>
<a href="javascript:;">
<img src="/qwer/20210301/5871364baaee4a6ab4d4a4fc43c0bd1c.png" alt="" />
<i><img src="/qwer/20210326/b165b3d207554ac987fa846203513410.jpg" /></i>
</a>
<a href="/EN/opinion/opinion.html">
Opinion
</a>
<a href="/EN/links/links.html">
Links
</a>
</div>
<div style="width:950px;margin:0 auto; padding:0px 0;margin-top:20px">
<p class="beian">© 2021 Chengdu Tianfu International Airport, all rights reserved</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">Sichuan ICP NO.2021003993</p>
<img src="/image/batb.png" style="float:left;margin-left: 6px"/>
<p class="beian">Sichuan Public Network Security 51018002000073</p >
</a>
</div>
</div>
</div>
</div>
<style>
.beian{
float:left;
height:20px;
line-height:20px;
margin: 0px 0px 0px 5px;
color:#939393;
}
</style><script>
AOS.init({
easing: 'swing',
duration: 800,
offset: 100,
once: true
});
</script>
<script>
layui.use(['layer', 'form', 'laydate'], function () {
var layer = layui.layer,
form = layui.form,
laydate = layui.laydate;
form.verify({
flight:function(value){
if(!(/[\S]+/.test(value)) && document.getElementById('whetherAnonymous').checked == false && document.getElementById("cusOpinion").value == "COMPLAINT"){
return 'Flight information cannot be empty';
}
},
content:function(value){
if(!(/[\S]+/.test(value))){
return 'Content cannot be empty';
}
},
required:function(value){
if(!(/[\S]+/.test(value)) && document.getElementById('whetherAnonymous').checked == false){
return 'Name cannot be empty';
}
},
phone: function(value){
if(!(/^1[34578]\d{9}$/.test(value)) && document.getElementById('whetherAnonymous').checked == false && document.getElementById("cusOpinion").value == "COMPLAINT"){
return 'Please enter the correct phone number';
}
}
,identity: function(value){
if(!(/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value)) && document.getElementById('whetherAnonymous').checked == false && document.getElementById("cusOpinion").value == "COMPLAINT"){
return 'Please input the correct ID card';
}
}
});
form.on('submit(demo1)', function(data){
submitOpioion();
var type = $("#cusOpinion").val();
if (type == 'PRPISE'){
layer.open({
title: 'Submission Successful'
,content: 'Thanks for Your Compliments!'
});
}else {
layer.open({
title: 'Submission Successful'
,content: 'Thanks for Your Suggestions!'
});
}
$('#name').val('');
$('#phone').val('');
$('#flightinfo').val('');
$('#idcard').val('');
$('#content').val('');
return false;
});
form.on('switch(optionsRadios)', function (data) {
if (data.elem.checked) {
$('.noName-box').hide();
$('#cusOpinion').find('option').eq(2).remove();
form.render('select', 'test1');
} else {
$('.noName-box').show();
$('#cusOpinion').append('<option value="COMPLAINT">Complaints</option>')
form.render('select', 'test1');
}
});
form.on('select(cusOpinion)', function (data) {
var val = data.value;
if (val == 'COMPLAINT'){
$('#whetherAnonymous').attr("disabled",true);
form.render();
}else {
$('#whetherAnonymous').attr("disabled",false);
form.render();
}
});
});
</script>
<script>
var pubkeyHex = "";
$(function(){
getpublicKey();
});
function getpublicKey() {
$.ajax({
type:"GET",
dataType: "text",
url:"/ddpcms/encrypt/key",
success:function (data) {
pubkeyHex = data;
}
})
}
function submitOpioion() {
var whetherAnonymous = $("#whetherAnonymous").is(':checked');
var cusOpinion = $("#cusOpinion").val();
var name = $("#name").val();
var phone = $("#phone").val();
var flightinfo = $("#flightinfo").val();
var idcard = $("#idcard").val();
var content = $("#content").val();
if (whetherAnonymous){
name = "匿名";
phone = "匿名";
idcard = "匿名";
flightinfo = "匿名";
}else {
if (cusOpinion != "COMPLAINT"){
flightinfo = !flightinfo?"匿名":flightinfo;
phone = !phone?"匿名":phone;
idcard = !idcard?"匿名":idcard;
}
}
var submitData={
"name":name,
"telephone":phone,
// "cardCategory":"身份证",
"cardNo":idcard,
// "flightNo":flightinfo,
"contents":content,
"mainType":cusOpinion
}
var encryptData = sm2Encrypt(JSON.stringify(submitData), pubkeyHex, 0);
$.ajax({
type:"POST",
dataType: "json",
url:"/ddpcms/opinion/opinion",
data: {
opinion:JSON.stringify(encryptData)
},
success:function (data) {}
})
}
</script>
</body>
</html>