|
|
|
|
|
<!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 href="javascript:history.back(-1)" 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>
|
<!-- 头部结束 -->
|
<div class=" main1 all" >
|
<div data-am-widget="list_news" class="am-list-news am-list-news-default" >
|
<!-- 项目详情 -->
|
<div th:each="item:${list}" class="am-panel am-panel-secondary" id="vipLevel">
|
<div class="am-panel-hd">
|
<h2 class="am-panel-title" th:text="${item.cardName}" ></h2>
|
<span class="down down1" ></span>
|
</div>
|
<div class="vipMsg">
|
<ul class="am-list am-list-static am-list-border" id="projDetails">
|
<li th:text="'总次数:'+${item.useTotal }"></li>
|
<li th:text="'剩余次数:'+${item.lastCount }"></li>
|
<li th:text="'本金:'+${item.realMoney }"></li>
|
<li th:text="'赠送金额:'+${item.giftMoney }"></li>
|
<li th:text="'来源:'+${item.source }"></li>
|
<li th:text="'状态:'+${item.status }"></li>
|
<li th:text="'到期时间: '+${#dates.format(item.failTime,'yyyy-MM-dd')}" > </li>
|
</ul>
|
</div>
|
</div>
|
<!-- 项目详情结束 -->
|
<input autocomplete="off" type="hidden" id="hidval" value="0">
|
</div>
|
</div>
|
<!-- 客户到访表单结束 -->
|
|
|
|
|
<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 () {
|
$("#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);
|
})
|
}
|
})
|
});
|
</script>
|
</body>
|
</html>
|
