|
|
|
<!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 color-r" id="sealCount"></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"></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>
|
<!-- 项目详情结束 -->
|
<!-- 商品详情开始 -->
|
<div class="am-panel am-panel-secondary" id="vipLevel2">
|
<div class="am-panel-hd">
|
<h2 class="am-panel-title" >商品详情</h2>
|
<span class="down down2" ></span>
|
</div>
|
<div class="vipMsg2">
|
<ul class="am-list am-list-static am-list-border" id="goodsDetails">
|
</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">
|
<input autocomplete="off" type="hidden" id="hidval" value="0">
|
<input autocomplete="off" type="hidden" id="hidval2" value="0">
|
</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>
|
<!-- 客户到访表单结束 -->
|
|
|
|
|
<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">
|
|
// 数量增加减少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);
|
}
|
}
|
}
|
// 商品项目详情js
|
$(function () {
|
$("#vipLevel").bind("click", function () {
|
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);
|
})
|
}
|
})
|
});
|
$(function () {
|
$("#vipLevel2").bind("click", function () {
|
if ($("#hidval2").val() == 1) {
|
$(".down2").css("transform","rotate(0deg)");
|
$(".vipMsg2").slideUp(500,function(){
|
$("#hidval2").val(0);
|
|
})
|
} else {
|
$(".down2").css("transform","rotate(180deg)");
|
$(".vipMsg2").slideDown(500,function(){
|
$("#hidval2").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"));
|
$("#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 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>
|
