@layout("/common/_container.html"){
|
<div class="row">
|
<div class="col-sm-12">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>详情</h5>
|
</div>
|
<div class="ibox-content" id="activityInfoForm">
|
|
<div class="switch-container">
|
<button class="switch-btn active" value="1" onclick="switchTab(this, '活动基础信息')">活动基础信息</button>
|
<button class="switch-btn" value="2" onclick="switchTab(this, '活动运营信息')">活动运营信息</button>
|
<br><br>
|
</div>
|
|
<input hidden="hidden" id="id" name="id" value="${item.id}">
|
<div class="row row-lg" id="activityInfo">
|
<div class="col-sm-12">
|
<div class="col-sm-12" style="cursor: pointer;text-align: right;">
|
<div class="initialLevel col-sm-12 control-label form-group" >
|
|
<div class="initialLevel col-sm-4 control-label form-group" >
|
<#input id="sortBy" name="审核意见" type="text" value="${statusString}" disabled="true"/>
|
</div>
|
<div class="initialLevel col-sm-4 control-label form-group" >
|
<#input id="sortBy" name="审核人" type="text" value="${item.auditPeople}" disabled="true"/>
|
</div>
|
<div class="initialLevel col-sm-4 control-label form-group" >
|
<#input id="sortBy" name="审核时间" type="text" value="${auditTimeString}" disabled="true"/>
|
</div>
|
<div class="initialLevel col-sm-4 control-label form-group" >
|
<#input id="sortBy" name="审核意见" type="text" value="${item.auditRemark}" disabled="true"/>
|
</div>
|
</div>
|
<div class="initialLevel col-sm-12 control-label form-group" >
|
<div class="initialLevel col-sm-5 control-label form-group" >
|
<label class="col-sm-3 control-label head-scu-label">活动封面图</label>
|
<img width="100px" height="100px" src="${item.cover}">
|
</div>
|
<div class="initialLevel col-sm-4 control-label form-group" >
|
<#input id="activityName" name="活动名称" type="text" value="${item.activityName}" disabled="true"/>
|
</div>
|
<div class="initialLevel col-sm-4 control-label form-group" >
|
<#input id="sortBy" name="排序" type="text" value="${item.sortBy}" disabled="true"/>
|
</div>
|
|
</div>
|
|
<div class="initialLevel col-sm-12 control-label form-group" >
|
<div class="initialLevel col-sm-4 control-label form-group" >
|
<#input id="activityArea" name="活动区域" type="text" value="${activityArea}" disabled="true"/>
|
</div>
|
</div>
|
|
<div class="initialLevel col-sm-12 control-label form-group" >
|
<div class="initialLevel col-sm-5 control-label form-group" >
|
<#input id="startTime" name="活动开始时间" value="${item.startTime}" disabled="true"/>
|
</div>
|
<div class="initialLevel col-sm-5 control-label form-group" >
|
<#input id="endTime" name="活动结束时间" value="${item.endTime}" disabled="true"/>
|
</div>
|
</div>
|
|
<div class="initialLevel col-sm-12 control-label form-group">
|
<div class="form-group">
|
<div class="col-sm-9">
|
<div style="height: 200px; border: 1px solid #e5e6e7;overflow-y: auto;">
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
<thead>
|
<tr>
|
<th style="width: 300px;">添加时间</th>
|
<th style="width: 300px;">优惠券名称</th>
|
<th style="width: 300px;">服务类型</th>
|
<th style="width: 300px;">优惠券类型</th>
|
<th style="width: 300px;">条件金额</th>
|
<th style="width: 300px;">优惠金额</th>
|
<th style="width: 300px;">数量</th>
|
<th style="width: 300px;">有效期</th>
|
<th style="width: 300px;">状态</th>
|
</tr>
|
</thead>
|
<tbody id="coupon">
|
@for(obj in couponList){
|
<tr class="timeClass">
|
<td><input type="hidden" id="createTime" name="createTime" value="${obj.createTimeStr}">${obj.createTimeStr}</td>
|
<td><input type="hidden" id="couponName" name="couponName" value="${obj.couponName}">${obj.couponName}</td>
|
<td><input type="hidden" id="couponServiceType" name="couponServiceType" value="${obj.couponServiceTypeStr}">${obj.couponServiceTypeStr}</td>
|
<td><input type="hidden" id="couponType" name="couponType" value="${obj.couponTypeStr}">${obj.couponTypeStr}</td>
|
<td><input type="hidden" id="couponConditionalAmount" name="couponConditionalAmount" value="${obj.couponConditionalAmount}">${obj.couponConditionalAmount}</td>
|
<td><input type="hidden" id="couponPreferentialAmount" name="couponPreferentialAmount" value="${obj.couponPreferentialAmount}">${obj.couponPreferentialAmount}</td>
|
<td><input type="hidden" id="remainingQuantity" name="remainingQuantity" value="${obj.remainingQuantity}">${obj.remainingQuantity}</td>
|
<td><input type="hidden" id="couponValidity" name="couponValidity" value="${obj.couponValidity}">${obj.couponValidity}</td>
|
<td><input type="hidden" id="couponState" name="couponState" value="1">正常</td>
|
</tr>
|
@}
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="initialLevel col-sm-12 control-label form-group">
|
<div class="initialLevel col-sm-1 control-label form-group" >
|
<label class="control-label" >活动内容说明:</label>
|
<textarea id="content" type="text/plain" style="width:1200px;height:400px;" disabled>${item.content}</textarea>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
|
|
<div class="row row-lg" hidden="hidden" id="activityOperationInfo">
|
<div class="col-sm-12">
|
<div class="col-sm-12" style="cursor: pointer;text-align: right;">
|
<div class="initialLevel col-sm-12 control-label form-group" >
|
<div class="initialLevel col-sm-5 control-label form-group" >
|
<label class="col-sm-3 control-label head-scu-label">活动封面图</label>
|
<img width="100px" height="100px" src="${item.cover}">
|
</div>
|
<div class="initialLevel col-sm-4 control-label form-group" >
|
<#input id="activityName" name="活动名称" type="text" value="${item.activityName}" disabled="true"/>
|
</div>
|
<div class="initialLevel col-sm-4 control-label form-group" >
|
<#input id="sortBy" name="排序" type="text" value="${item.sortBy}" disabled="true"/>
|
</div>
|
</div>
|
|
<div class="initialLevel col-sm-12 control-label form-group" >
|
<div class="initialLevel col-sm-4 control-label form-group" >
|
<#input id="activityArea" name="活动区域" type="text" value="${activityArea}" disabled="true"/>
|
</div>
|
</div>
|
|
<div class="initialLevel col-sm-12 control-label form-group" >
|
<div class="initialLevel col-sm-5 control-label form-group" >
|
<#input id="startTime" name="活动开始时间" value="${item.startTime}" disabled="true"/>
|
</div>
|
<div class="initialLevel col-sm-5 control-label form-group" >
|
<#input id="endTime" name="活动结束时间" value="${item.endTime}" disabled="true"/>
|
</div>
|
</div>
|
|
<div class="initialLevel col-sm-12 control-label form-group" style="text-align: center" >
|
<div class="initialLevel col-sm-3 control-label form-group" >
|
<label style="font-size: 20px">${readCount}</label><br>
|
<label style="font-size: 14px">点击量</label>
|
</div>
|
<div class="initialLevel col-sm-3 control-label form-group" >
|
<label style="font-size: 20px">${joinCount}</label><br>
|
<label style="font-size: 14px">参与人数</label>
|
</div>
|
<div class="initialLevel col-sm-3 control-label form-group" >
|
<label style="font-size: 20px">${couponMoney}</label><br>
|
<label style="font-size: 14px">优惠总金额</label>
|
</div>
|
</div>
|
<div class="initialLevel col-sm-12 control-label form-group">
|
<div class="form-group">
|
<div class="col-sm-9">
|
<div style="height: 200px; border: 1px solid #e5e6e7;overflow-y: auto;">
|
<table class="table table-striped table-bordered table-hover table-condensed">
|
<thead>
|
<tr>
|
<th style="width: 300px;">优惠券名称</th>
|
<th style="width: 300px;">服务类型</th>
|
<th style="width: 300px;">优惠券类型</th>
|
<th style="width: 300px;">条件金额</th>
|
<th style="width: 300px;">优惠金额</th>
|
<th style="width: 300px;">数量</th>
|
<th style="width: 300px;">已领取数量</th>
|
<th style="width: 300px;">已使用数量</th>
|
</tr>
|
</thead>
|
<tbody id="coupon">
|
@for(obj in couponList){
|
<tr class="timeClass">
|
<td><input type="hidden" id="couponName" name="couponName" value="${obj.couponName}">${obj.couponName}</td>
|
<td><input type="hidden" id="couponServiceType" name="couponServiceType" value="${obj.couponServiceTypeStr}">${obj.couponServiceTypeStr}</td>
|
<td><input type="hidden" id="couponType" name="couponType" value="${obj.couponTypeStr}">${obj.couponTypeStr}</td>
|
<td><input type="hidden" id="couponConditionalAmount" name="couponConditionalAmount" value="${obj.couponConditionalAmount}">${obj.couponConditionalAmount}</td>
|
<td><input type="hidden" id="couponPreferentialAmount" name="couponPreferentialAmount" value="${obj.couponPreferentialAmount}">${obj.couponPreferentialAmount}</td>
|
<td><input type="hidden" id="remainingQuantity" name="remainingQuantity" value="${obj.remainingQuantity}">${obj.remainingQuantity}</td>
|
<td><input type="hidden" id="couponValidity" name="couponValidity" value="${obj.couponValidity}">${obj.couponValidity}</td>
|
<td><input type="hidden" id="couponState" name="couponState" value="1">正常</td>
|
</tr>
|
@}
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<#table id="TUserToCouponTable"/>
|
|
</div>
|
</div>
|
</div>
|
|
<div class="row btn-group-m-t">
|
<div class="col-sm-10" style="text-align: center">
|
<#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="ActivityInfoDlg.close()"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="${ctxPath}/static/modular/system/activity/activity_info.js"></script>
|
<script src="${ctxPath}/static/modular/system/activity/activity.js"></script>
|
<script src="${ctxPath}/static/modular/system/tCoupon/userToCoupon.js"></script>
|
<style>
|
.switch-container {
|
display: flex;
|
margin: 20px;
|
border-radius: 4px;
|
overflow: hidden;
|
width: fit-content;
|
}
|
|
.switch-btn {
|
padding: 8px 20px;
|
cursor: pointer;
|
border: none;
|
background: #f0f0f0;
|
color: #666;
|
transition: all 0.3s ease;
|
font-size: 14px;
|
}
|
|
.switch-btn.active {
|
background: #409EFF;
|
color: white;
|
}
|
|
/* 去除按钮之间的边框 */
|
.switch-btn:not(:last-child) {
|
border-right: 1px solid #ddd;
|
}
|
|
/* 鼠标悬停效果 */
|
.switch-btn:hover:not(.active) {
|
background: #e0e0e0;
|
}
|
</style>
|
<script>
|
laydate.render({
|
elem: '#startTime'
|
});
|
laydate.render({
|
elem: '#endTime'
|
});
|
|
function switchTab(element, type) {
|
// 切换按钮状态
|
document.querySelectorAll('.switch-btn').forEach(btn => {
|
btn.classList.remove('active');
|
});
|
element.classList.add('active');
|
|
// 根据类型显示或隐藏模块
|
if (type == '活动基础信息') {
|
document.getElementById('activityInfo').style.display = 'block';
|
document.getElementById('activityOperationInfo').style.display = 'none';
|
} else if (type == '活动运营信息') {
|
document.getElementById('activityInfo').style.display = 'none';
|
document.getElementById('activityOperationInfo').style.display = 'block';
|
}
|
|
}
|
|
</script>
|
@}
|
