|
|
|
|
|
|
<!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="Pragma" CONTENT="no-cache">
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
<LINK rel="Bookmark" href="../images/favicon.ico">
|
<!-- 本框架基本脚本和样式 -->
|
<script type="text/javascript"
|
th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
|
<script type="text/javascript"
|
th:src="@{/js/systools/MBase.js}"></script>
|
<style>
|
.item1{margin-left: 27px;
|
margin-top: 10px;
|
font-size: 16px;}
|
.item2{
|
margin-top: 10px;font-size:12px;}
|
.title{margin-left: -179px;}
|
.item3{font-size:12px;width:96px;}
|
.item4{padding-left: 24px;}
|
</style>
|
</head>
|
<body>
|
<div class="ibox-content">
|
<form class="form-horizontal" id="dataform"
|
onsubmit="javascripr:return false;">
|
<input autocomplete="off" type="hidden" name="vipId" id="id" value="${vip.id}">
|
<div class="panel panel-default">
|
<div class="panel-heading" style="height: 30px">
|
<div class="col-sm-2">
|
<label > 客户姓名：</label>${vip.vipName }
|
</div>
|
<div class="col-sm-2">
|
<label > 客户编号：</label>${vip.vipNo }
|
</div>
|
<div class="col-sm-2">
|
<label > 健康顾问： </label>${vip.staffName}
|
</div>
|
<div class="col-sm-2">
|
<label > 操作人： </label>${vip.beatuyId}
|
</div>
|
<div class="col-sm-2">
|
<label > 处理状态： </label>${vip.statu}
|
</div>
|
</div>
|
</div>
|
|
<!-- 项目使用情况 -->
|
|
<label class="item1"> 项目使用情况</label>
|
<div class="col-sm-12 ">
|
<div class="form-group item4" id="projs" >
|
<c:forEach items="${projUses }" var="item" varStatus="str">
|
<div class="col-sm-12 item2" id="proj${str.index }">
|
<div class="row">
|
<div class="col-sm-2 ">
|
<input autocomplete="off" type="hidden" name="projUses[${str.index }].id" value="${item.id }">
|
<h4 class=""> ${item.shoppingGoodsAssemble.shoppingGoods.name }
|
</h4>
|
</div>
|
<div class="col-sm-2 ">
|
<h4> ${item.surplusCount }(次)</h4>
|
</div>
|
<div class="col-sm-2 ">
|
<h4> ¥${item.price }</h4>
|
</div>
|
<div class="col-sm-2 ">
|
<h4> <fmt:formatDate value="${item.failTime}" pattern="yyyy-MM-dd"/></h4>
|
</div>
|
<div class="col-sm-2 ">
|
<h4> ${item.source }</h4>
|
</div>
|
</div>
|
</div>
|
</c:forEach>
|
</div>
|
</div>
|
<!-- 项目使用情况end -->
|
<!-- 套餐卡使用情况 -->
|
<div>
|
<label class="item1"> 套餐卡使用情况</label>
|
<div class="col-sm-12 ">
|
<div class="form-group item4" id="projs" >
|
<c:forEach items="${tcUses }" var="item" varStatus="str">
|
<div class="col-sm-12 item2" id="proj${str.index }">
|
<div class="row">
|
<div class="col-sm-2 ">
|
<input autocomplete="off" type="hidden" name="projUses[${str.index }].id" value="${item.id }">
|
<h4 > ${item.taocanProjUse[0].shoppingGoodsAssemble.shoppingGoods.name}
|
</h4>
|
</div>
|
<div class="col-sm-2 ">
|
<h4> ${item.taocanProjUse[0].surplusCount }(次)</h4>
|
</div>
|
<div class="col-sm-2 ">
|
<h4> ¥${item.balance }</h4>
|
</div>
|
<div class="col-sm-2 ">
|
<h4> <fmt:formatDate value="${item.failTime}" pattern="yyyy-MM-dd"/></h4>
|
</div>
|
<div class="col-sm-2 ">
|
<h4> ${item.source }</h4>
|
</div>
|
</div>
|
</div>
|
</c:forEach>
|
</div>
|
</div>
|
|
|
|
<div>
|
|
<!-- 卡使用情况 -->
|
<label class="item1"> 卡使用情况</label>
|
<div class="form-group item4" id="cards">
|
<c:forEach items="${cardUses }" var="item" varStatus="str">
|
<div class="col-sm-12" id="card${str.index }">
|
<div class="row" >
|
<div class="col-sm-2" >
|
<h4>
|
|
${item.cardName }<c:if test="${item.moneyCard.isVipCar eq '是' }">[会籍卡]</c:if></h4>
|
|
</div>
|
<div class="col-sm-2 ">
|
<h4> ${item.lastCount }(次)</h4>
|
</div>
|
<div class="col-sm-2 ">
|
<h4> ¥${item.realMoney }</h4>
|
</div>
|
<div class="col-sm-2 ">
|
<h4> ¥${item.giftMoney }</h4>
|
</div>
|
<div class="col-sm-3 ">
|
<h4> <fmt:formatDate value="${item.failTime}" pattern="yyyy-MM-dd"/></h4>
|
</div>
|
<div class="col-sm-1 ">
|
</div>
|
</div>
|
</div>
|
</c:forEach>
|
</div>
|
</div>
|
|
<!-- 卡使用情况end -->
|
|
<div class="form-group ">
|
<div class="col-sm-12 text-center">
|
<button onclick="MTools.closeForm()" class="btn btn-danger radius" type="button">取消</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
|
|
|
|
</div>
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript">
|
$(".select2").select2();
|
$('.datetimepicker').datetimepicker({
|
format : 'yyyy-mm-dd',
|
todayBtn : true,
|
autoclose : true,
|
startView : 2,
|
maxView : 4,
|
minView : 2,
|
autoclose : true
|
});
|
function setDateInput(id){
|
$(id).datetimepicker({
|
format : 'yyyy-mm-dd',
|
todayBtn : true,
|
autoclose : true,
|
startView : 2,
|
maxView : 4,
|
minView : 2,
|
autoclose : true
|
});
|
}
|
var projSize=new Number('${projSize}');
|
function addProjDiv(){
|
var html=$("#projMod").html().replace(new RegExp('#pid','g'), projSize);
|
$("#projs").append(html);
|
setDateInput("#projDate"+projSize);
|
$("#projSelect"+projSize).select2();
|
projSize+=1;
|
}
|
|
|
var cardSize=new Number('${cardSize}');
|
function addCardDiv(){
|
var html=$("#cardMod").html().replace(new RegExp('#cid','g'), cardSize);
|
$("#cards").append(html);
|
setDateInput("#cardDate"+cardSize);
|
$("#cardSelect"+cardSize).select2();
|
cardSize+=1;
|
}
|
|
var myForm=MForm.initForm({
|
invokeurl:basePath+"/admin/dataManager/editData",
|
afterSubmit:function(){
|
parent.myGrid.serchData();
|
},
|
});
|
</script>
|
</body>
|
</html>
|
