<!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>
|
<style>
|
</style>
|
<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="name"></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> <strong
|
class="am-list-date color-r" id="price"></strong></li>
|
<!-- <li class="am-g am-list-item-dated">
|
<a href="##" class="am-list-item-hd "> 绑定数量</a>
|
<strong class="am-list-date color-black" id="total"></strong>
|
</li> -->
|
<li class="am-g am-list-item-dated"><a href="##"
|
class="am-list-item-hd "> 商品介绍</a> <span
|
class="am-list-date"
|
id="introduction"></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 type="hidden" name="goodsId" id="goodsId">
|
<input type="hidden" name="assembleId" id="assembleId">
|
<input 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() {
|
var myForm = MForm.initForm({
|
invokeUrl: basePath + "/admin/shoppingCar/addItemToCar",
|
isvalid: false
|
|
});
|
}
|
|
$(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) {
|
|
$("#name").html(loj.getString(0, "name"));
|
$("#sealCount").html(
|
loj.getString(0, "sealCount"));
|
$("#introduction").html(
|
loj.getString(0, "introduction"));
|
$("#price").html(
|
'￥' + loj.getString(0, "sealPice"));
|
$("#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 changePrice() {
|
|
}
|
|
function mysubmit(isFree) {
|
var myForm = MForm
|
.initForm({
|
invokeUrl: basePath + "/admin/shoppingCar/addItemToCar",
|
isvalid: false,
|
extendParam: {
|
isFree: isFree
|
},
|
beforeSubmit: function () {
|
|
},
|
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=家居产品");
|
}
|
});
|
}
|
}
|
});
|
myForm.submit();
|
}
|
</script>
|
</body>
|
</html>
|
