|
<!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>
|
|
</head>
|
<body class="gray-bg">
|
|
<div class="ibox-content">
|
<!-- 搜索框部分start -->
|
<form class="form-inline" id="serchform">
|
<div class="row ">
|
<div class="col-sm-8">
|
<button onclick="myGrid.serchData()" type="button" class="btn btn-info btn-sm"><i class="fa fa-search" ></i> 搜索</button>
|
<button onclick="myGrid.resetForm()" type="button" class="btn btn-default btn-sm"><i class="fa fa-refresh " ></i> 重置</button>
|
|
</div>
|
</div>
|
<!-- 用于套餐的查询 -->
|
<input type="hidden" name="vipId" value="" id="vipId">
|
<div class="form-group mr-20 mt-10">
|
<label>套餐名称</label>
|
<input autocomplete="off" name="shoppingGoods.name" type="text" class="form-control">
|
</div>
|
|
<div class="form-group mr-20 mt-10">
|
<label >状态</label>
|
<select name="status" class="form-control">
|
<option value="">--请选择状态--</option>
|
<option value="有效">有效</option>
|
<option value="无效">无效</option>
|
<option value="转让">转让</option>
|
<option value="冻结">冻结</option>
|
<option value="退款">退款</option>
|
</select>
|
</div>
|
|
<div class="form-group mr-20 mt-10">
|
<label >来源</label>
|
<select name="source" class="form-control">
|
<option value="">--请选择来源--</option>
|
<option value="购买">购买</option>
|
<option value="赠送">赠送</option>
|
<option value="转让">转让</option>
|
<option value="数据迁移">数据迁移</option>
|
</select>
|
</div>
|
|
<div class="form-group mr-20 mt-10">
|
<label >套餐类型</label>
|
<select name="type" class="form-control">
|
<option value="">--请选择来源--</option>
|
<option value="套餐">普通套餐</option>
|
<option value="套餐卡">套餐卡</option>
|
</select>
|
</div>
|
</form>
|
<!-- 搜索框部分en -->
|
<!-- <div id="option-bar mt-20" >-->
|
<!-- <button matrix:btn="vipInfo-youxiao" class="btn btn-info btn-sm " onClick="openActive()">-->
|
<!-- <i class="fa fa-hand-o-up"></i> 有效-->
|
<!-- </button>-->
|
<!-- <button matrix:btn="vipInfo-wuxiao" class="btn btn-info btn-sm " onClick="openInvalid()">-->
|
<!-- <i class="fa fa-hand-o-down"></i> 无效-->
|
<!-- </button>-->
|
|
<!-- <button matrix:btn="vipInfo-tuikuan" class="btn btn-info btn-sm " onClick="returnMoney()">-->
|
<!-- <i class="fa fa-step-backward"></i> 退款-->
|
<!-- </button>-->
|
<!-- <button matrix:btn="vipInfo-dongjie" class="btn btn-info btn-sm " onClick="freezeTc()">-->
|
<!-- <i class="fa fa-stop"></i> 冻结-->
|
<!-- </button>-->
|
<!-- <button matrix:btn="vipInfo-cardEdit" class="btn btn-info btn-sm " onClick="openEditPro()">-->
|
<!-- <i class="fa fa-edit"></i> 编辑-->
|
<!-- </button>-->
|
|
<!-- </div>-->
|
<table id="mgrid">
|
<thead>
|
<tr>
|
<th data-checkbox="true" ></th>
|
<th data-formatter="MGrid.indexfn" data-align="center" data-width="30px">序号</th>
|
<th data-field="projName" data-sortable="true">套餐名称</th>
|
<th data-field="source">来源</th>
|
<th data-field="status">状态</th>
|
<th data-field="type">套餐类型</th>
|
<th data-field="surplusCount">套餐余次</th>
|
<th data-field="failTime" data-formatter="MGrid.getTimeDD">到期时间</th>
|
<th data-field="remark">备注</th>
|
</tr>
|
</thead>
|
</table>
|
<div class="form-group ">
|
<div class="col-sm-12 text-center fixed-button">
|
<a class="btn btn-danger radius" href="javascript:;"
|
onclick="MTools.closeForm()"><i class="fa fa-close"></i> 关闭</a>
|
</div>
|
</div>
|
</div>
|
<div id="tuikuandan" style="display: none">
|
<div class="col-sm-12">
|
<div class=" form-group mr-20">
|
<label>店铺</label>
|
<select class="form-control autoFull"
|
th:data-url="@{/hiveErp/shopInfo/findShopByRole}"
|
data-value="id"
|
data-filed="shopName"
|
name="shopId"
|
id="shopId" >
|
<option value="">--请选择门店--</option>
|
</select>
|
</div>
|
</div>
|
<div class="col-sm-12">
|
<div class=" form-group mr-20">
|
<label>备注</label>
|
<input autocomplete="off" id="remark" type="text" class="form-control">
|
</div>
|
</div>
|
<div class="form-group ">
|
<div class="col-sm-12 text-center">
|
<a href="javascript:;" onclick="xjtk()"
|
class="btn btn-success radius">确认</a>
|
</div>
|
</div>
|
|
</div>
|
|
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script><script type="text/javascript">
|
$(".select2").select2();
|
MTools.autoFullSelect();
|
//记录一下客户id和退款
|
var p_vipId=0, p_value=0,layerIndex,p_money,p_orderItemId,p_platformFlag,p_name,p_moneyCardUseId;
|
//初始化表格
|
$("#vipId").val($.query.get("vipId"));
|
var myGrid;
|
myGrid=MGrid.initGrid({
|
url:basePath+"/admin/taoCanUser/showTc",
|
detailView: true,
|
onExpandRow: function (index, row, $detail) {
|
InitSubTable(index, row, $detail);
|
}
|
});
|
|
// 父子表，拼接字表
|
function InitSubTable(index, row, $detail) {
|
|
if (row.taocanProjUse.length == 0) {
|
var cur = $detail.html('<h4></h4>');
|
var html = "没有找到匹配的数据";
|
cur.append(html);
|
} else {
|
var thead = '<thead><tr><th>序号</th><th>项目名称</th><th>剩余次数</th><th>服务单次金额(¥)</th><th>余额(¥)</th><th>状态</th></tr></thead>';
|
var cur_table = $detail.html(
|
'<table class="table table-hover" >' + thead + '</table>')
|
.find('table');
|
var detailList =row.taocanProjUse;
|
var html = "";
|
if (detailList.length > 0) {
|
for (var i = 0; i < detailList.length; i++) {
|
html += '<tr>' + '<td>' + (i + 1) + '</td>'
|
+'<td>'+ detailList[i].name + '</td>'
|
+'<td>'+ detailList[i].surplusCount + '</td>'
|
+'<td>'+ detailList[i].price + '</td>'
|
+'<td>'+ detailList[i].balance + '</td>'
|
+'<td>'+ detailList[i].status+ '</td>' + '</tr>';
|
|
}
|
}
|
cur_table.append(html);
|
}
|
}
|
|
//设置有效
|
function openActive(){
|
var row = myGrid.getSelectItem();
|
var vipId=row.vipId,orderItemId=row.orderItemId,platformFlag=row.platformFlag;
|
$.AjaxProxy({
|
p:{vipId:vipId,orderItemId:orderItemId,platformFlag:platformFlag}
|
}).invoke(basePath+"/admin/taoCanUser/activeTc",function(loj){
|
var rs=loj.attr("result");
|
console.log(loj);
|
if(rs.info=='已过期'){
|
layer.open({
|
type : 2,
|
title : "设置过期日期",
|
area : [ "420px", '300px' ],
|
content : [ basePath+'/admin/redirect/vip/select-date?vipId='+vipId+"&orderItemId="+orderItemId+"&platformFlag="+platformFlag]
|
});
|
}
|
else{
|
layer.alert(loj.getValue("info"), {
|
icon : 1
|
});
|
myGrid.serchData();
|
}
|
}
|
);
|
}
|
//设置无效
|
function openInvalid(){
|
var row = myGrid.getSelectItem();
|
var vipId=row.vipId,orderItemId=row.orderItemId,platformFlag=row.platformFlag;
|
$.AjaxProxy({
|
p:{vipId:vipId,orderItemId:orderItemId,platformFlag:platformFlag}
|
}).invoke(basePath+"/admin/taoCanUser/invalidTc",function(loj){
|
layer.alert(loj.getValue("info"), {
|
icon : 1
|
});
|
myGrid.serchData();
|
}
|
);
|
}
|
|
|
//退款
|
function returnMoney(){
|
var row = myGrid.getSelectItem();
|
var vipId=row.vipId,orderItemId=row.orderItemId
|
,platformFlag=row.platformFlag,
|
goodsName=row.shoppingGoods.name;
|
layer.confirm('请选择退款方式', {
|
btn: ['会籍卡','现金','取消'] //按钮
|
}, function(){
|
$.AjaxProxy({
|
p:{vipId:vipId,orderItemId:orderItemId,platformFlag:platformFlag}
|
}).invoke(basePath+"/admin/taoCanUser/getEffectCard",function(loj){
|
console.log(loj);
|
var rs=loj.attr("result");
|
var info=rs.info;
|
var name=loj.getString("0","moneyCard").name;
|
var moneyCardUseId=loj.getString("0","id");
|
var money=loj.getString("0","realMoney");
|
if(info=='有有效会籍卡'){
|
layer.confirm(''+money+'元将会存储到名称为【'+name+'】的会籍卡中，请确认', {
|
btn: ['确认','取消'] //按钮
|
}, function(){
|
//退款
|
|
p_vipId=vipId;
|
p_money=money;
|
p_orderItemId=orderItemId;
|
p_platformFlag=platformFlag;
|
p_name=goodsName;
|
p_moneyCardUseId=moneyCardUseId;
|
//弹出门店选择框，备注输入框
|
layerIndex=layer.open({
|
type: 1,
|
shade: false,
|
title: "请填写退款信息", //不显示标题
|
area: ['520px', '240px'], //宽高
|
content: $('#tuikuandan'), //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
|
});
|
}, function(){
|
//取消的操作
|
});
|
}
|
}
|
);
|
}, function(){
|
$.AjaxProxy({
|
p:{vipId:vipId,orderItemId:orderItemId,platformFlag:platformFlag}
|
}).invoke(basePath+"/admin/taoCanUser/getEffectCard",function(loj){
|
console.log(loj);
|
var rs=loj.attr("result");
|
var info=rs.info;
|
var name=loj.getString("0","moneyCard").name;
|
|
var money=loj.getString("0","realMoney");
|
//现金的操作
|
layer.confirm('是否要退现金'+money+'元,请确认', {
|
btn: ['确认','取消'] //按钮
|
}, function(){
|
p_vipId=vipId;
|
p_money=money;
|
p_orderItemId=orderItemId;
|
p_platformFlag=platformFlag;
|
p_name=goodsName;
|
p_moneyCardUseId="";
|
|
//弹出门店选择框，备注输入框
|
layerIndex=layer.open({
|
type: 1,
|
shade: false,
|
title: "请填写退款信息", //不显示标题
|
area: ['520px', '240px'], //宽高
|
content: $('#tuikuandan'), //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
|
});
|
|
|
|
|
}, function(){
|
//取消的操作
|
});
|
}
|
);
|
|
},function(){
|
//取消的操作
|
});
|
}
|
//退现金
|
function xjtk(){
|
$.AjaxProxy({
|
p:{vipId:p_vipId,orderItemId:p_orderItemId,platformFlag:p_platformFlag,moneyCardUseId:p_moneyCardUseId,money:p_money,tcRemark:$("#remark").val(),shopId:$("#shopId").val(),tcName:p_name}
|
}).invoke(basePath+"/admin/taoCanUser/returnTc",function(loj){
|
layer.alert(loj.getValue("info"), {
|
icon : 1
|
});
|
myGrid.serchData();
|
layer.close(layerIndex);
|
}
|
);
|
}
|
|
//冻结
|
function freezeTc(){
|
var row = myGrid.getSelectItem();
|
var vipId=row.vipId,orderItemId=row.orderItemId,platformFlag=row.platformFlag;
|
$.AjaxProxy({
|
p:{vipId:vipId,orderItemId:orderItemId,platformFlag:platformFlag}
|
}).invoke(basePath+"/admin/taoCanUser/freezeTc",function(loj){
|
layer.alert(loj.getValue("info"), {
|
icon : 1
|
});
|
myGrid.serchData();
|
}
|
);
|
}
|
|
//修改
|
function openEditPro(){
|
var id = myGrid.getSelectItemId();
|
//弹出修改框
|
layer.open({
|
type : 2,
|
title : "编辑",
|
area : MUI.SIZE_M,
|
content : [ basePath+'/admin/taoCanUser/editForm?id='+id]
|
});
|
}
|
</script>
|
</body>
|
</html>
|
