|
|
<!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" />
|
|
|
<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/dingOrderUseNew.css}">
|
<link rel="stylesheet" type="text/css"
|
th:href= "@{/plugin/LCalendar/src/css/LCalendar.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/CRM-account}" 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>
|
<!-- 头部结束 -->
|
|
<!-- 购物车表单开始 -->
|
<div class="main main1">
|
<div data-am-widget="list_news"
|
class="am-list-news am-list-news-default">
|
<div class="am-list-news-bd">
|
<ul class="am-list" id="ul_order_use">
|
|
</ul>
|
</div>
|
</div>
|
</div>
|
|
<!-- 购物车表单结束 -->
|
|
|
<script type="text/x-handlebars-template" id="amz-tpl">
|
{{>header header}}
|
|
{{>menu menu}}
|
|
{{>slider slider}}
|
|
{{>list_news list1}}
|
|
{{>gallery gallery}}
|
|
{{>list_news list2}}
|
|
{{>footer footer}}
|
|
{{>navbar navbar}}
|
</script>
|
<script th:src="@{/plugin/amazingUI/js/handlebars.min.js}"></script>
|
<script
|
th:src="@{/plugin/amazingUI/js/amazeui.widgets.helper.js}"></script>
|
<script th:src="@{/plugin/LCalendar/src/js/LCalendar.js}"></script>
|
<!-- index js -->
|
<script type="text/javascript">
|
/* $('.datetimepicker').datetimepicker({
|
format : "yyyy-mm-dd hh:ii",
|
autoclose: true,
|
}); */
|
|
$(function() {
|
MTools.autoFullSelect();
|
$(".check").uCheck('enable');
|
$
|
.AjaxProxy()
|
.invoke(
|
basePath+"/admin/projUser/findAllUseService",
|
function(loj) {
|
var html = "";
|
var taocanProjMap = loj.attr("result")["mapInfo"].taocanProjMap; //mapInfo对象
|
|
|
if (loj.getRowCount() > 0 || taocanProjMap.length> 0) {
|
|
//循环取出套餐的信息
|
|
for ( var i=0 ; i<taocanProjMap.length;i++ ) {
|
var taocanInfo =taocanProjMap[i];
|
html += '<div class="card">'
|
+ '<li class="lic am-g " >'
|
+ '<div class=" am-u-sm-8 am-list-main"><h2 class="am-list-item-hd">'
|
+ taocanInfo.tcName
|
+ '</h2></div><div class=" am-u-sm-3 am-list-main"><h3 class="am-list-item-hd">余额 ¥'
|
+ taocanInfo.balance
|
+ '</h3></li>';
|
|
//循环取出一个套餐中包含的项目
|
for (var j = 0; j < taocanInfo.taocanProjUse.length; j++) {
|
|
var projUse = taocanInfo.taocanProjUse[j];
|
|
html += '<li class="lic am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left " >'
|
|
+ '<div class=" am-u-sm-4 "><h3 class="am-list-item-hd">'
|
+ projUse.name
|
+ '</h3></div><div class=" am-u-sm-3 "><h3 class="am-list-item-hd">余额¥'
|
+ projUse.balance
|
+ '</h3></div><div class="am-u-sm-3 "> <span>余'
|
+ projUse.surplusCount
|
+ '次</span></div></li>';
|
}
|
html += '<div class="taocan"></div>'
|
+ '</div>';
|
}
|
//循环取出项目列表
|
for (var i = 0; i < loj.getRowCount(); i++) {
|
|
html += '<div class="card">'
|
+ ' <li class=" lic am-g " >'
|
|
+ '<div class=" am-u-sm-4 am-list-main"><h3 class="am-list-item-hd">'
|
+ loj.getString(i, "projInfo").projName
|
+ '</h3></div><div class=" am-u-sm-3 am-list-main"><h3 class="am-list-item-hd">余额¥'
|
+ loj.getString(i, "balance")
|
+ '</h3></div><div class="am-u-sm-3 am-list-thumb"> <span>余'
|
+ loj.getString(i,
|
"surplusCount")
|
+ '次</span></div></li>'
|
+ '<div class="taocan"></div></div>';
|
}
|
|
} else {
|
html = '<div class="empty-car">'
|
+ '<p id="empty-car">没有可消耗项目</p>'
|
+ '<p>'
|
+ '<a href='+basePath+'"/admin/redirect/hive/mobile/order-list"> 马上去选购! </a>'
|
+ '</p>'
|
+ '</div>'
|
$("#submitBtn").hide();
|
}
|
//显示数据
|
$("#ul_order_use").html(html);
|
});
|
|
})
|
</script>
|
</body>
|
</html>
|
