|
|
|
<!doctype html>
|
<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
|
<title th:text="${session.userInfo.shopName }"></title>
|
|
<!-- Set render engine for 360 browser -->
|
<meta name="renderer" content="webkit">
|
|
<!-- No Baidu Siteapp-->
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
|
|
|
<!-- Add to homescreen for Chrome on Android -->
|
<meta name="mobile-web-app-capable" content="yes">
|
|
|
<!-- Add to homescreen for Safari on iOS -->
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
<meta name="apple-mobile-web-app-title" content="Amaze UI"/>
|
|
|
<!-- Tile icon for Win8 (144x144 + tile color) -->
|
|
<meta name="msapplication-TileColor" content="#0e90d2">
|
<script type="text/javascript"th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript"th:src="@{/js/systools/DDMBase.js}"></script>
|
<link rel="stylesheet" th:href="@{/plugin/amazingUI/css/amazeui.min.css}">
|
<link rel="stylesheet" th:href="@{/plugin/amazingUI/css/app.css}">
|
<link rel="stylesheet" type="text/css" th:href="@{/css/dingOrderMsg3.css}">
|
|
</head>
|
<body>
|
<!-- 套餐详情页面 -->
|
<!-- 头部开始 -->
|
<header data-am-widget="header"
|
class="am-header color-w back-m1">
|
<div class="am-header-left am-header-nav">
|
<a th:href="@{/admin/redirect/hive/mobile/order-list?flag=综合卡}" class="">
|
<i class="am-header-icon am-icon-chevron-left"></i>
|
</a>
|
</div>
|
<h1 class="am-header-title">
|
<a href="#title-link" class="">
|
综合卡详情
|
</a>
|
</h1>
|
</header>
|
<!-- 头部结束 -->
|
<form class="am-form am-form-horizontal" action="" id="dataform" onsubmit="javascripr:return false;">
|
<div class=" main1 all" >
|
<div data-am-widget="list_news" class="am-list-news am-list-news-default" >
|
|
<div class="goods-img"><img src="" id="shopImg" ></div>
|
<div class="am-list-news-bd">
|
<ul class="am-list">
|
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 卡名</a>
|
<span class="am-list-date color-black" id="taocanName"></span>
|
</li>
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 价格</a>
|
<span class="am-list-date color-r" id="sale"></span>
|
</li>
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 赠送金额</a>
|
<span class="am-list-date " id="referencePice"></span>
|
</li>
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 可消费总金额</a>
|
<span class="am-list-date color-r" id="totalMoney"></span>
|
</li>
|
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 使用次数</a>
|
<span class="am-list-date " id="carUseCount"></span>
|
</li>
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 最大发卡次数</a>
|
<span class="am-list-date " id="carMaxSaleCount"></span>
|
</li>
|
<li class="am-g am-list-item-dated">
|
<a class="am-list-item-hd "> 有效期限</a>
|
<span class="am-list-date" id="validity"></span>
|
</li>
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 销量</a>
|
<span class="am-list-date color-r" id="sealCount"></span>
|
</li>
|
|
<li class="am-g am-list-item-dated"></li>
|
</ul>
|
</div>
|
|
|
<!-- 数量选择 -->
|
<div class="am-input-group am-form-group am-input-group-primary">
|
<span class="am-input-group-label num">数量</span>
|
<a onclick="num(1)" class="am-input-group-label">
|
<i class="am-header-icon am-icon-minus"></i>
|
</a>
|
<input autocomplete="off" type="tel" id="num"class="am-form-field " readonly="readonly" value="1" name="count">
|
<a onclick="num(2)" class=" am-input-group-label">
|
<i class="am-header-icon am-icon-plus"></i>
|
</a>
|
</div>
|
<!-- 项目详情 -->
|
<div class="am-panel am-panel-secondary" id="vipLevel">
|
<div class="am-panel-hd">
|
<h2 class="am-panel-title" >综合卡详情</h2>
|
<span class="down down1" ></span>
|
</div>
|
<div class="vipMsg">
|
<ul class="am-list am-list-static am-list-border" id="projDetails">
|
</ul>
|
</div>
|
</div>
|
|
|
<ul class="am-list">
|
<li class="am-g ">
|
<div class="am-u-sm-4 guige">
|
<span class="am-list-item-hd color-gray"> 详细描述</span>
|
</div>
|
<div class=" am-u-sm-7 guige " >
|
<p id="description" class="color-gray"></p>
|
</div>
|
|
</li>
|
</ul>
|
<!-- 增加隐藏域 -->
|
<input autocomplete="off" type="hidden" name="goodsId" id="goodsId">
|
<input autocomplete="off" type="hidden" name="type" value="综合卡" id="type">
|
</div>
|
</div>
|
<div class="inputBtn am-g">
|
<div class="am-u-sm-4" id="isPresent" style="display:none">
|
<button class="am-btn btn-m1 am-radius am-btn-block"
|
type="button" onclick="mysubmit('是')">赠送</button>
|
|
</div>
|
|
<div class="am-u-sm-4 ">
|
<button class="am-btn btn-m1 am-btn-block"
|
type="button" onclick="mysubmit('否')">加入购物车</button>
|
</div>
|
|
</div>
|
</form>
|
<input autocomplete="off" type="hidden" id="hidval" value="0">
|
<script th:src="@{/plugin/amazingUI/js/handlebars.min.js}"></script>
|
<script th:src="@{/plugin/amazingUI/js/amazeui.widgets.helper.js}"></script>
|
<!-- index js -->
|
<script type="text/javascript">
|
|
$("#vipLevel").bind("click", function () {
|
console.log($("#hidval").val());
|
if ($("#hidval").val() == 1) {
|
$(".down1").css("transform","rotate(0deg)");
|
$(".vipMsg").slideUp(500,function(){
|
$("#hidval").val(0);
|
|
})
|
} else {
|
$(".down1").css("transform","rotate(180deg)");
|
$(".vipMsg").slideDown(500,function(){
|
$("#hidval").val(1);
|
})
|
}
|
})
|
|
// 数量增加减少js
|
function num(obj){
|
if(obj==1){
|
if($("#num").val()>1){
|
$("#num").val($("#num").val()-1);
|
}
|
|
}
|
if(obj==2){
|
if($("#num").val()>=0){
|
$("#num").val(parseInt($("#num").val())+1);
|
}
|
}
|
}
|
|
|
|
|
//套餐详情页面
|
$(function(){
|
var ding_order_id=$.query.get('ding_order_id');
|
$.AjaxProxy({
|
p : {
|
id:ding_order_id
|
},
|
a : true,
|
c : true,
|
}).invoke( basePath+"/admin/shoppinggoods/findShoppingGoods", function(loj) {
|
|
//销售套餐的基本信息
|
$("#taocanName").html(loj.getString(0,"name")==''?' ':loj.getString(0,"name"));
|
$("#sale").html('￥'+(loj.getString(0,"sealPice")==''?' ':loj.getString(0,"sealPice")));
|
$("#sealCount").html('￥'+loj.getString(0,"sealCount")==''?' ':loj.getString(0,"sealCount"));
|
$("#referencePice").html(loj.getString(0,"referencePice"));
|
$("#validity").html(loj.getString(0,"validity")==''?' ':loj.getString(0,"validity")+" 月");
|
$("#goodsId").val(loj.getString(0,"id"));
|
$("#shopImg").attr("src",loj.getString(0, "img"));
|
$("#description").html(loj.getString(0, "description"));
|
var sealPice =loj.getString(0, "sealPice") == '' ? 0 : loj.getString(0, "sealPice");
|
var referencePice = loj.getString(0, "referencePice") == '' ? 0 :loj.getString(0, "referencePice");
|
var totalMoney = parseFloat(sealPice) + parseFloat(referencePice);
|
$("#totalMoney").html('￥'+totalMoney);
|
$("#carMaxSaleCount").html(loj.getString(0, "carMaxSaleCount")==0?'无限制':loj.getString(0, "carMaxSaleCount"));
|
$("#carUseCount").html(loj.getString(0, "carUseCount")==0?'无限制':loj.getString(0, "carUseCount"));
|
var isPresent=loj.getString(0, "isPresent");
|
if(isPresent=='是'){
|
$("#isPresent").show();
|
}
|
|
});
|
})
|
//赠送和加入购物车
|
function mysubmit(isFree){
|
var myForm=MForm.initForm({
|
invokeUrl: basePath+"/admin/shoppingCar/addItemToCar",
|
isvalid:false,
|
extendParam:{isFree:isFree},
|
afterSubmit:function(loj){
|
var msg='';
|
if(loj.attr("result").status=='200'){
|
msg='操作成功';
|
layer
|
.open({
|
shade:false,
|
content :msg,
|
className : 'showBox',
|
time : 1,
|
end: function(elem){
|
MTools.redirect( basePath+"/admin/redirect/hive/mobile/order-list?flag=综合卡");
|
}
|
});
|
}
|
else{
|
msg='操作失败';
|
layer
|
.open({
|
shade:false,
|
content :msg,
|
className : 'showBox',
|
time : 2
|
});
|
}
|
}
|
});
|
myForm.submit();
|
}
|
</script>
|
</body>
|
</html>
|
