html confirm定制内容,confirm.html

最新推荐文章于 2024-07-19 11:00:40 发布

weixin_39647458

最新推荐文章于 2024-07-19 11:00:40 发布

阅读量1.1k

点赞数

文章标签： html confirm定制内容

Title

.confirm .list .cheng .chenggong {

width: 385px;

margin: 0 auto;

overflow: hidden;

margin-top: 45px;

line-height: 60px;

height: 60px;

}

.confirm .list .cheng .chenggong img {

width: 60px;

position: relative;

float: left;

height: 60px;

margin-right: 10px;

}

.confirm .list .cheng .chenggong span {

margin-left: 10px;

font-size: 36px;

font-weight: bold;

float: left;

}

.confirm .list .cheng .fh {

font-size: 22px;

text-align: center;

margin-top: 10px;

padding-bottom: 80px;

}

.confirm .list .cheng .fh span {

color: #a9daf7;

margin: 0 10px;

}

#scpz{

float: right;

margin: 150px 30px 0 40px;

width: 225px;

height: 50px;

color: #ffffff;

line-height: 50px;

background: #ff6002;

text-align: center;

border-radius: 25px;

}

#demo2{

float: left;

}

.uploadBtn{

height: 220px;

width: 300px;

}

#demo2 img{

float: left;

width: 250px;

height: 150px;

margin-right: 20px;

}

.confirm .uploadBtn {

float: left;

}

#userName{

float: left;

width: 75px;

text-align: center;

position: relative;

cursor: pointer;

display: none;

}

#userName li:after{

display:block;content:"";visibility:hidden;height:0;

border-bottom: 1px solid #000000;

}

#userName dl{

top: 42px;

width: 100%;

position: absolute;

display: none;

background: #fff;

z-index: 9999;

}

$("#userName").on("click",function(){

$(this).find("dl").slideToggle(200)

})

$("#userName dd").on("click",function(){

$.ajax({

type:"post",

url:"http://52lvu.cn:8080/api/login/logout",

data:{

userId : token.userId

},success : function (result){

if (result.resultCode == 200) {

localStorage.removeItem("token");

window.location.href="login.html"

}

},error : function (e){

layer.msg("请求错误，请稍后重试",{icon:2,time:2000})

}

});

})

var token = JSON.parse(localStorage.getItem('token'));

if (token) {

var expiredTime = 1800000;

var loginTime = token.loginTime

var nowTime = new Date().getTime();

if ( (nowTime - loginTime) > expiredTime ) {

localStorage.removeItem("token");

window.location.href = "login.html";

}else{

$("#userName").show();

$(".registerno").hide();

$("#login").hide()

$("#userName li").html(token.userName)

}

}else{

window.location.href="login.html";

}

1
1 选择您的客房

2
2 填写您的信息

3
3 支付订单

订单详情

房间数量

果喜酒店

房间类型：
海景房
入住时间：
海景房
退房时间：
海景房
入住人数：
海景房

支付方式

总计￥5016到店支付后，请保留好您的票据，上传发票或收据，完成订单。

立即提交到店付费

上传凭证

点击上传，或将文件拖拽到此处

上传凭证

{{# for(var i = 0, len = d.orderDetailEntities.length ; i < len; i++){ }}

{{# if(d.orderDetailEntities[i].roomType){ }}{{d.orderDetailEntities[i].roomType}}{{# } }}

{{# if(d.orderDetailEntities[i].roomNum){ }}{{d.orderDetailEntities[i].roomNum}}{{# } }}间

{{# if(d.orderDetailEntities[i].isBigBad == 1 ){ }}

双人床

{{# } }}

{{# if(d.orderDetailEntities[i].isBigBad == 0 ){ }}

单人床

{{# } }}

{{# if(d.orderDetailEntities[i].orderPeople){ }}

{{# if(d.orderDetailEntities[i].orderPeople){ }}成人{{d.orderDetailEntities[i].orderPeople}}人{{# } }}

{{# if(d.orderDetailEntities[i].roomMoney){ }}*{{d.orderDetailEntities[i].roomMoney}}元{{# } }}

{{# if(d.dayNum){ }}*{{d.dayNum}}天{{# } }}

{{# } }}

{{# if(d.orderDetailEntities[i].childNum != 0){ }}

{{# if(d.orderDetailEntities[i].childNum && d.orderDetailEntities[i].childNum != 0){ }}

儿童

{{# } }}

{{# if(d.orderDetailEntities[i].ischildBad == 0){ }}

(不占床)

{{# } }}

{{# if(d.orderDetailEntities[i].ischildBad == 1){ }}

(占床)

{{# } }}

{{# if(d.orderDetailEntities[i].childNum != 0){ }}

{{d.orderDetailEntities[i].childNum}}人

{{# } }}

{{# if(d.orderDetailEntities[i].ischildBad == 0 && d.orderDetailEntities[i].childprice){ }}

*{{d.orderDetailEntities[i].childprice}}元

{{# } }}

{{# if(d.orderDetailEntities[i].ischildBad == 1 && d.orderDetailEntities[i].childbedprice){ }}

*{{d.orderDetailEntities[i].childbedprice}}元

{{# } }}

{{# if(d.dayNum && d.orderDetailEntities[i].childNum!= 0){ }}*{{d.dayNum}}天{{# } }}

{{# } }}

{{# if(d.orderDetailEntities[i].addBedNum != 0){ }}

{{# if(d.orderDetailEntities[i].addBedNum != 0){ }}加床{{d.orderDetailEntities[i].addBedNum}}人{{# } }}

{{# if(d.orderDetailEntities[i].addbedprice){ }}*{{d.orderDetailEntities[i].addbedprice}}元{{# } }}

{{# if(d.dayNum && d.orderDetailEntities[i].addBedNum!= 0){ }}*{{d.dayNum}}天{{# } }}

{{# } }}

{{# if(d.orderDetailEntities[i].addBedNum != 0){ }}

{{# if(d.orderDetailEntities[i].addBedNum != 0){ }}单房差{{d.orderDetailEntities[i].addBedNum}}人{{# } }}

{{# if(d.orderDetailEntities[i].singleprice && d.orderDetailEntities[i].addBedNum != 0){ }}*{{d.orderDetailEntities[i].singleprice}}元{{# } }}

{{# if(d.dayNum && d.orderDetailEntities[i].singleprice!= 0){ }}*{{d.dayNum}}天{{# } }}

{{# } }}

总计 {{# if(d.orderPirce){ }}{{d.orderPirce}}元{{# } }}

{{# } }}

姓名

英文名(大写)

性别

出生日期

手机号

护照号

护照首页

{{# for(var i = 0, len = d.length ; i < len; i++){ }}

{{# for(var j = 0; j < d[i].orderGuestEntities.length; j++){ }}

{{# if(d[i].orderGuestEntities[j].guestName){ }}

{{# } }}

{{# if(d[i].orderGuestEntities[j].spell){ }}

{{# } }}

{{# if(d[i].orderGuestEntities[j].sex){ }}

{{# } }}

{{# if(d[i].orderGuestEntities[j].birth){ }}

{{# } }}

{{# if(d[i].orderGuestEntities[j].spell){ }}

{{# } }}

{{# if(d[i].orderGuestEntities[j].idCard){ }}

{{# } }}

{{# if(d[i].orderGuestEntities[j].passport){ }}

点击查看图片

{{# } }}

$(".ok").on("click",function () {

$(".pay").empty().append("

审核状态

您已成功提交订单
24小时未付款自动取消订单,去点击付款完成订单

setTimeout(function(){

window.location.href = "dingdan.html";

},5000)

})

$("#qq").load("lib/qq.html");$("#footer").load("lib/footer.html");

layui.use(['layer','upload','laytpl'], function() {

var layer = layui.layer,

upload = layui.upload,

laytpl = layui.laytpl;

var json = JSON.parse(localStorage.getItem("token"));

//对公账号信息银行卡

$.ajax({

type:"post",

url:"http://52lvu.cn:8080/api/public/getList",

success : function (result){

$("#bankinfo").html(result.data[0].detail);

},error : function (e){

layer.msg("请求错误,请稍后重试",{icon:2,time:2000})

}

});

$("#scpz").on("click",function(){

layer.msg("请添加付费凭证",{icon:2,time:2000})

})

// 上传凭证

upload.render({

elem: '.uploadBtn'

,url: 'http://52lvu.cn:8080/common/api/upload?file_type=receiptPic'

,exts : 'gif|jpg|jpeg|png|bmp|png'

,multiple : false

,data:{

file_type : "receiptPic"

}

,auto : true

,choose: function(obj){

},done: function(res,index){

if (res.message == "成功") {

var token = JSON.parse(localStorage.getItem("token"));

$.ajax({

type:"post",

url:"http://52lvu.cn:8080/api/order/updateReceiptPicByOrderId",

data:{

id : wang.getQueryString("orderId"),

token : token.token ,

receiptPic : res.createFilePath,

userId : token.id

},success : function (result){

$("#demo2").empty();

$("#demo2").append(" upload%22+res.createFilePath+%22 ")

$("#scpz").on("click",function(){

layer.msg("上传凭证成功，请等待审核",{icon:1,time:2000})

setTimeout(function(){

window.location.href = "dingdan.html";

},2000)

})

},error : function (e){

layer.msg("请求错误,请稍后重试",{icon:2,time:2000})

}

});

}else{

layer.msg("上传失败",{icon:2,time:2000})

}

});

//酒店信息

if (wang.getQueryString("id")) {

$.ajax({

type:"post",

url:"http://52lvu.cn:8080/api/hotel/getHotel",

data :{

id : wang.getQueryString("id")

success : function (result){

if (result.data) {

var data = result.data;

var picList = data.picture.split(";")

for ( i = 0 ; i < picList.length && i < 4 ; i++) {

$("#bannerList").append("

$("#bannerBtn").append("

}

wang.banner(".banner",{

autoplay:3000

});

$("#bannerBtn .slide").on("click",function(){

var thisIndex = $(this).index();

$("#bannerList").animate({"left":-225*thisIndex+"px"})

})

}

},error:function (){

layer.msg("请求错误！请稍后重试",{icon:2,time:3000});

}

})

}

// 订单信息

if (wang.getQueryString("orderId")) {

$.ajax({

type:"post",

url:"http://52lvu.cn:8080/api/order/getOrderByUserId",

data:{

id : wang.getQueryString("orderId"),

userId : json.id,

token : json.token

},success : function (result){

if (result.resultCode == '104') {

layer.msg("登录超时，请稍后重试",{icon:2,time:2000})

setTimeout(function(){

window.location.href="login.html";

},2000)

} else{

var data = result.data[0];

if( data.length < 0 ){

layer.msg("错误，请重试",{icon:2,time:2000})

return false

};

$("#desc .tit").html(data.hotelName);

$("#desc .list").empty();

$("title").html(data.hotelName)

$("#roomMoney").parent().append("

总价
￥"+data.orderPirce+"

$("#money").html("￥"+data.orderPirce)

for (i = 0 ; i < data.orderDetailEntities.length ; i++) {

$("#desc .list").append("

房间类型

"+data.orderDetailEntities[i].roomType+"

$("#chooseList").append("

}

$("#desc .list").append("

入住时间

"+data.startTime+"

$("#desc .list").append("

离开时间

"+data.endTime+"

var infoCont = userInfo.innerHTML ;

var jsonData = result.data;

laytpl(infoCont).render(jsonData[0].orderDetailEntities, function(html){

$("#infoList").html(html);

});

var roomInfoCont = roomInfo.innerHTML;

laytpl(roomInfoCont).render(jsonData[0], function(html){

$("#roomMoney").html(html);

});

}

},error : function (e){

layer.msg("请求错误，请稍后重试",{icon:2,time:2000})

}

});

}

// 订单状态

if(wang.getQueryString("orderStatus")){

var orderStatus = wang.getQueryString("orderStatus");

if (orderStatus == 0) {

$(".pay").hide();

$(".confirm").show();

}

if (orderStatus == 1) {

$(".confirm").hide();

$(".pay").empty().append("

审核状态

您已成功提交订单
请等待管理员审核

}

if (orderStatus == 2) {

$(".confirm").hide();

$(".pay").empty().append("

审核状态

管理员审核成功

}

if (orderStatus == 3) {

$(".confirm").hide();

$(".pay").empty().append("

审核状态

您已申请退款
请等待管理员审核

}

if (orderStatus == 4) {

$(".confirm").hide();

$(".pay").empty().append("

审核状态

您已退款成功
管理员同意退款

}

if (orderStatus == 5) {

$(".confirm").hide();

$(".pay").empty().append("

审核状态

退款失败
管理员不同意退款

}

}else{

$(".confirm").hide();

}

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史

weixin_39647458

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html confirm定制内容,confirm.html

Title.confirm .list .cheng .chenggong {width: 385px;margin: 0 auto;overflow: hidden;margin-top: 45px;line-height: 60px;height: 60px;}.confirm .list .cheng .chenggong img {width: 60px;position: relativ...
复制链接

扫一扫