|
<!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-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].projName + '</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:{id:row.id}
|
}).invoke(basePath+"/admin/taoCanUser/activeTc",function(loj){
|
console.log(loj);
|
layer.alert(loj.getValue("info"), {
|
icon : 1
|
});
|
myGrid.serchData();
|
}
|
);
|
}
|
//设置无效
|
function openInvalid(){
|
var row = myGrid.getSelectItem();
|
$.AjaxProxy({
|
p:{id:row.id}
|
}).invoke(basePath+"/admin/taoCanUser/invalidTc",function(loj){
|
layer.alert(loj.getValue("info"), {
|
icon : 1
|
});
|
myGrid.serchData();
|
}
|
);
|
}
|
|
|
|
//冻结
|
function freezeTc(){
|
var row = myGrid.getSelectItem();
|
var vipId=row.vipId,orderItemId=row.orderItemId,platformFlag=row.platformFlag;
|
$.AjaxProxy({
|
p:{id:row.id}
|
}).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>
|
