|
|
|
|
<!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 class="col-sm-12 ">
|
<button type="button" class="btn btn-success item2" value="添加项目余次" onclick="addProjDiv();"
|
title="添加项目">添加项目余次
|
</button>
|
</div>
|
<label class="item1"> 项目使用情况</label>
|
<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 > ${item.shoppingGoodsAssemble.shoppingGoods.name }</h4>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" datatype="n1-10" errormsg="请填写1-9位有效数字" title="剩余次数" placeholder="剩余次数" name="projUses[${str.index }].surplusCount" type="text"
|
class="form-control" value='${item.surplusCount }'/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" errormsg="请填写有效金额" datatype="price" title="划扣金额(单次)" placeholder="划扣金额(单次)" name="projUses[${str.index }].price" type="text"
|
class="form-control" value='${item.price }'/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" placeholder="有效时间(不填则为永久)" name="projUses[${str.index }].failTime" type="text"
|
class="form-control datetimepicker" value='<fmt:formatDate value="${item.failTime}" pattern="yyyy-MM-dd"/>' title="有效时间(不填则为永久)"/>
|
</div>
|
<div class="col-sm-2 ">
|
<select datatype="*" title="项目余次类型" name="projUses[${str.index }].source" id="" class=" form-control">
|
<c:choose >
|
<c:when test="${item.source ne '数据迁移'}">
|
<option value="数据迁移" >数据迁移</option>
|
<option value="数据迁移赠送" selected="selected">数据迁移赠送</option>
|
</c:when>
|
<c:otherwise>
|
<option value="数据迁移" selected="selected">数据迁移</option>
|
<option value="数据迁移赠送" >数据迁移赠送</option>
|
</c:otherwise>
|
</c:choose>
|
</select>
|
</div>
|
|
|
|
|
|
<button type="button" class="btn btn-danger " value="删除" onclick="delDiv('#proj${str.index }');"
|
title="删除">删除
|
</button>
|
</div>
|
</div>
|
</c:forEach>
|
</div>
|
|
<!-- 项目使用情况end -->
|
|
|
<!-- 套餐卡使用情况 -->
|
<div class="col-sm-12 ">
|
<button type="button" class="btn btn-success item2" value="添加套餐卡" onclick="addTcDiv();"
|
title="添加套餐卡">添加套餐卡
|
</button>
|
</div>
|
<label class="item1"> 套餐卡使用情况</label>
|
<div class="form-group item4" id="lctcs" >
|
<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="tcUses[${str.index }].id" value="${item.id }">
|
<h4 > ${item.taocanProjUse[0].shoppingGoodsAssemble.shoppingGoods.name}
|
</h4>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" datatype="n1-10" errormsg="请填写1-9位有效数字" title="剩余次数，不填或者填0为不限次数" placeholder="剩余次数，不填或者填0为不限次数" name="tcUses[${str.index }].surplusCount" type="number"
|
class="form-control" value='${item.taocanProjUse[0].surplusCount }'/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" errormsg="请填写有效金额" datatype="price" title="套餐余额" placeholder="套餐余额" name="tcUses[${str.index }].balance" type="text"
|
class="form-control" value='${item.taocanProjUse[0].balance }'/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" placeholder="有效时间(不填则为永久)" name="tcUses[${str.index }].failTime" type="text"
|
class="form-control datetimepicker" value='<fmt:formatDate value="${item.failTime}" pattern="yyyy-MM-dd"/>' title="有效时间(不填则为永久)"/>
|
</div>
|
<div class="col-sm-2 ">
|
<select datatype="*" title="项目余次类型" name="tcUses[${str.index }].source" id="" class=" form-control">
|
<c:choose >
|
<c:when test="${item.source ne '数据迁移'}">
|
<option value="数据迁移" >数据迁移</option>
|
<option value="数据迁移赠送" selected="selected">数据迁移赠送</option>
|
</c:when>
|
<c:otherwise>
|
<option value="数据迁移" selected="selected">数据迁移</option>
|
<option value="数据迁移赠送" >数据迁移赠送</option>
|
</c:otherwise>
|
</c:choose>
|
</select>
|
</div>
|
|
|
|
<button type="button" class="btn btn-danger " value="删除" onclick="delDiv('#proj${str.index }');"
|
title="删除">删除
|
</button>
|
</div>
|
</div>
|
</c:forEach>
|
</div>
|
|
|
|
|
|
<!-- 卡使用情况 -->
|
<div class="col-sm-12 item2">
|
<button type="button" class="btn btn-success item3" value="添加充值卡" onclick="addCardDiv();"
|
title="添加充值卡">添加充值卡
|
</button>
|
</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" >
|
<input autocomplete="off" type="hidden" name="cardUses[${str.index }].id" value="${item.id }">
|
<%-- <select datatype="*" name="cardUses[${str.index }].goodsId" id="cardSelect${str.index }" class="form-control">
|
<option value="" >-充值卡-- </option>
|
<c:forEach items="${cards }" var="goods">
|
<option <c:if test="${item.goodsId eq goods.id }"> selected="selected" </c:if> value="${goods.id }">${goods.name } </option>
|
</c:forEach>
|
</select><span class="Validform_checktip"></span> --%>
|
<h4>
|
|
${item.cardName }<c:if test="${item.moneyCard.isVipCar eq '是' }">[会籍卡]</c:if></h4>
|
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" datatype="n1-10" errormsg="请填写1-9位有效数字" placeholder="剩余次数" title="剩余次数" data-type="n1-10" name="cardUses[${str.index }].lastCount" type="number"
|
class="form-control" value='${item.lastCount }'/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" datatype="price" errormsg="请填写有效金额" placeholder="本金" title="本金" data-type="price" name="cardUses[${str.index }].realMoney" type="text"
|
class="form-control" value='${item.realMoney }'/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" datatype="price" errormsg="请填写有效金额" placeholder="赠送金额" title="赠送金额" data-type="price" name="cardUses[${str.index }].giftMoney" type="text"
|
class="form-control" value='${item.giftMoney }'/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-3 ">
|
<input autocomplete="off" placeholder="过期时间(不填则为永久)" title="过期时间(不填则为永久)" data-type="*" id="cardDate0" name="cardUses[${str.index }].failTime" type="text"
|
class="form-control datetimepicker" value='<fmt:formatDate value="${item.failTime}" pattern="yyyy-MM-dd"/>'/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-1 ">
|
</div>
|
<div class="col-sm-1 ">
|
<button type="button" class="btn btn-danger " value="删除" onclick="delDiv('#card${str.index }');"
|
title="删除">删除
|
</button>
|
</div>
|
</div>
|
</div>
|
</c:forEach>
|
</div>
|
|
<!-- 卡使用情况end -->
|
|
<div class="form-group ">
|
<div class="col-sm-12 text-center">
|
<a href="javascript:;" onclick="myForm.submit()"
|
class="btn btn-success radius">保存</a>
|
<button onclick="MTools.closeForm()" class="btn btn-danger radius" type="button">取消</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
|
|
<div id="projMod" style="display:none;">
|
<div class="col-sm-12 " id="proj#pid">
|
<div class="row">
|
<div class="col-sm-2 ">
|
<select datatype="*" title="项目名称" name="projUses[#pid].goodsId" id="projSelect#pid" class=" form-control">
|
<option value="" selected="selected">--请选择项目-- </option>
|
<c:forEach items="${projs }" var="item">
|
<option value="${item.id }">${item.name } </option>
|
</c:forEach>
|
</select><span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" datatype="n1-10" errormsg="请填写1-9位有效数字" title="剩余次数" placeholder="剩余次数" name="projUses[#pid].surplusCount" type="number"
|
class="form-control" value=''/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" errormsg="请填写有效金额" datatype="price" title="划扣金额(单次)" placeholder="划扣金额(单次)" name="projUses[#pid].price" type="text"
|
class="form-control" value=''/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" placeholder="有效时间(不填则为永久)" title="有效时间(不填则为永久)" id="projDate#pid" name="projUses[#pid].failTime" type="text"
|
class="form-control datetimepicker" id="" value=''/>
|
</div>
|
<div class="col-sm-2 ">
|
<select datatype="*" title="项目余次类型" name="projUses[#pid].source" id="" class=" form-control">
|
<option value="数据迁移" >数据迁移</option>
|
<option value="数据迁移赠送" >数据迁移赠送</option>
|
</select>
|
</div>
|
<div class="col-sm-1 ">
|
<button type="button" class="btn btn-danger " value="删除" onclick="delDiv('#proj#pid');"
|
title="删除">删除
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div id="tcMod" style="display:none;">
|
<div class="col-sm-12 " id="tc#pid">
|
<div class="row">
|
<div class="col-sm-2 ">
|
<select datatype="*" title="套餐卡" name="tcUses[#pid].goodsId" id="tcSelect#pid" class=" form-control ">
|
<option value="" selected="selected">--请选择套餐卡-- </option>
|
<c:forEach items="${lctcs }" var="item">
|
<option value="${item.id }">${item.name } </option>
|
</c:forEach>
|
</select><span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" title="剩余次数，不填或者填0为不限次数" datatype="n1-10" errormsg="请填写1-9位有效数字" placeholder="剩余次数，不填或者填0为不限次数" name="tcUses[#pid].surplusCount" type="number"
|
class="form-control" value=''/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" errormsg="请填写有效金额" datatype="price" title="套餐余卡额" placeholder="套餐卡余额" name="tcUses[#pid].balance" type="text"
|
class="form-control" value=''/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" placeholder="有效时间(不填则为永久)" title="有效时间(不填则为永久)" id="tcDate#pid" name="tcUses[#pid].failTime" type="text"
|
class="form-control " id="" value=''/>
|
</div>
|
<div class="col-sm-2 ">
|
<select datatype="*" title="项目余次类型" name="tcUses[#pid].source" id="" class=" form-control">
|
<option value="数据迁移" >数据迁移</option>
|
<option value="数据迁移赠送" >数据迁移赠送</option>
|
</select>
|
</div>
|
<div class="col-sm-1 ">
|
<button type="button" class="btn btn-danger " value="删除" onclick="delDiv('#tc#pid');"
|
title="删除">删除
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
<div id="cardMod" style="display:none;">
|
<div class="col-sm-12" id="card#cid">
|
<div class="row" >
|
<div class="col-sm-2">
|
<select datatype="*" name="cardUses[#cid].goodsId" id="cardSelect#cid" class="form-control form-item">
|
<option value="" selected="selected">-充值卡-- </option>
|
<c:forEach items="${cards }" var="item">
|
<option value="${item.id }">
|
|
${item.name }<c:if test="${item.isVipCar eq '是' }">[会籍卡]</c:if> </option>
|
</c:forEach>
|
</select><span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" datatype="n1-10" errormsg="请填写1-9位有效数字" placeholder="剩余次数" title="剩余次数" data-type="n1-10" name="cardUses[#cid].lastCount" type="number"
|
class="form-control" value='0'/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" datatype="price" errormsg="请填写有效金额" placeholder="本金" title="本金" data-type="price" name="cardUses[#cid].realMoney" type="text"
|
class="form-control" value=''/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-2 ">
|
<input autocomplete="off" datatype="price" errormsg="请填写有效金额" value="0" placeholder="赠送金额" title="赠送金额" data-type="price" name="cardUses[#cid].giftMoney" type="text"
|
class="form-control" value=''/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-3 ">
|
<input autocomplete="off" placeholder="过期时间(不填则为永久)" title="过期时间(不填则为永久)" data-type="*" id="cardDate#cid" name="cardUses[#cid].failTime" type="text"
|
class="form-control" value=''/>
|
<span class="Validform_checktip"></span>
|
</div>
|
<div class="col-sm-1 ">
|
<button type="button" class="btn btn-danger " value="删除" onclick="delDiv('#card#cid');"
|
title="删除">删除
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
|
</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
|
});
|
}
|
function delDiv(id){
|
$(id).remove();
|
}
|
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 tcSize=new Number('${tcSize}');
|
function addTcDiv(){
|
var html=$("#tcMod").html().replace(new RegExp('#pid','g'), tcSize);
|
$("#lctcs").append(html);
|
setDateInput("#tcDate"+tcSize);
|
$("#tcSelect"+tcSize).select2();
|
tcSize+=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>
|
