|
|
|
<!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"/>
|
|
|
|
<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>
|
|
<!-- <div class="am-header-right am-header-nav">
|
<a href="###" class="">
|
|
<i class="am-header-icon am-icon-bars"></i>
|
</a>
|
</div> -->
|
</header>
|
<!-- 头部结束 -->
|
<form class="am-form am-form-horizontal" action="" id="dataform" onsubmit="javascripr:return false;">
|
<div data-am-widget="list_news" class="am-list-news am-list-news-default all" >
|
<div class="goods-img"><img 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>
|
|
<strong class="am-list-date color-black"id="projName"></strong>
|
|
|
</li>
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 项目价格</a>
|
|
<strong class="am-list-date color-r"id="projPrice"></strong>
|
|
|
</li>
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 销量</a>
|
|
<strong class="am-list-date color-r"id="sealCount"></strong>
|
|
|
</li>
|
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 项目编号</a>
|
|
<span class="am-list-date" id="projNo"></span>
|
|
|
</li>
|
<li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 项目服务时长</a>
|
|
<span class="am-list-date color-y" id="timeLength"></span>
|
|
</li>
|
<li class="am-g ">
|
|
<div class=" am-u-sm-12 guige ">
|
<!-- 数量选择 -->
|
<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>
|
</li>
|
|
<!-- 详细描述 -->
|
<li class="am-g ">
|
<div class="am-u-sm-4 guige">
|
<span class="am-list-item-hd color-gray"> 详细描述</span>
|
</div>
|
</li>
|
<li class="am-g ">
|
|
<div class=" am-u-sm-12 guige " >
|
<p id="description" class="color-gray"></p>
|
</div>
|
|
</li>
|
<!-- 详细描述结束 -->
|
</ul>
|
</div>
|
|
|
|
|
|
|
|
<!-- 测试 -->
|
<!-- 增加隐藏域 -->
|
<input autocomplete="off" type="hidden" name="goodsId" id="goodsId">
|
<input autocomplete="off" type="hidden" name="type" value="项目" id="type">
|
</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">
|
//数量
|
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 showBox() {
|
layer.open({
|
type: 0,
|
content: '操作成功',
|
style: 'position:fixed; left:10%; top:25%; width:80%; height:30%; border-radius:5%;'
|
});
|
}
|
|
//項目详情页面
|
$(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){
|
|
// 获取组合中包含的项目信息
|
$("#projName").html(loj.getString(0,"name")==''?' ':loj.getString(0,"name"));
|
$("#projPrice").html('￥'+loj.getString(0,"sealPice"));
|
$("#sealCount").html(loj.getString(0,"sealCount"));
|
$("#projNo").html(loj.getString(0,"code"));
|
$("#timeLength").html(loj.getString(0,"timeLength")+" 分钟");
|
$("#goodsId").val(loj.getString(0,"id"));
|
$("#shopImg").attr("src",loj.getString(0, "img"));
|
$("#description").html(loj.getString(0, "description"));
|
//商品类型为项目时候，只有一个项目，因此直接去下表为0的项目
|
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>
|
