@layout("/common/_container.html"){
|
<div class="row" id="app0">
|
<div class="col-sm-12">
|
<div class="ibox float-e-margins">
|
<div class="ibox-title">
|
<h5>玩湃惠民卡管理</h5>
|
</div>
|
<div class="ibox-content">
|
<el-form :inline="true" :model="query">
|
<elshou-form-item label="玩湃惠民卡名称：">
|
<el-input v-model="query.huiMinName" placeholder="请输入"></el-input>
|
</elshou-form-item>
|
|
<el-form-item label="玩湃惠民卡类型：">
|
<el-select v-model="query.huiMinType" placeholder="全部">
|
<el-option label="全部" value=""></el-option>
|
<el-option label="年度卡" value="1"></el-option>
|
<el-option label="年内卡" value="2"></el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="有效期：">
|
<el-date-picker
|
v-model="query.dateRange"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
type="daterange"
|
range-separator="至"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期">
|
</el-date-picker>
|
</el-form-item>
|
|
<el-form-item label="玩湃惠民卡状态：">
|
<el-select v-model="query.huiMinStatus" placeholder="全部">
|
<el-option label="全部" value=""></el-option>
|
<el-option label="未开始" value="1"></el-option>
|
<el-option label="已开始" value="2"></el-option>
|
<el-option label="已结束" value="3"></el-option>
|
</el-select>
|
</el-form-item>
|
|
<el-form-item label="可售状态：">
|
<el-select v-model="query.status" placeholder="全部">
|
<el-option label="全部" value=""></el-option>
|
<el-option label="已上架" value="1"></el-option>
|
<el-option label="已下架" value="0"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-form>
|
<div class="row">
|
<div class="col-sm-12">
|
<button type="button" class="btn btn-primary" v-on:click="handleSearch">
|
<i class="fa fa-search"></i>
|
搜索
|
</button>
|
<button type="button" class="btn btn-primary" v-on:click="handleAdd">
|
<i class="fa fa-plus"></i>
|
添加
|
</button>
|
<button type="button" class="btn btn-primary" v-on:click="handleEdit">
|
<i class="fa fa-edit"></i>
|
编辑
|
</button>
|
<button type="button" class="btn btn-primary" v-on:click="handleDelete">
|
<i class="fa fa-remove"></i>
|
删除
|
</button>
|
<button type="button" class="btn btn-primary" v-on:click="handleShelves(1)">
|
<i class="fa fa-check"></i>
|
上架
|
</button>
|
<button type="button" class="btn btn-primary" v-on:click="handleShelves(2)">
|
<i class="fa fa-remove"></i>
|
下架
|
</button>
|
<button type="button" class="btn btn-primary" v-on:click="addOrder()">
|
<i class="fa fa-remove"></i>
|
订单录入
|
</button>
|
</div>
|
</div>
|
<el-table
|
:data="tableData"
|
:v-loading="loading"
|
stripe
|
style="width: 100%"
|
v-on:selection-change="handleSelectionChange">
|
<el-table-column type="selection" width="55"></el-table-column>
|
<el-table-column prop="huiMinName" label="玩湃惠民卡名称"></el-table-column>
|
<el-table-column prop="huiMinType" label="类型">
|
<template slot-scope="scope">
|
<span v-if="scope.row.huiMinType === '1'">年度卡</span>
|
<span v-else-if="scope.row.huiMinType === '2'">年内卡</span>
|
<span v-else>未知类型</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="salesMoney" label="售卖金额">
|
<template slot-scope="scope">
|
￥{{ scope.row.salesMoney }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="date" min-width="200px" label="有效期">
|
<template slot-scope="scope">
|
{{ scope.row.startTime }}至{{ scope.row.endTime }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="grantCount" label="发放数量">
|
<template slot-scope="scope">
|
{{ scope.row.grantCount == null ? '无限制' : scope.row.grantCount }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="limitCount" label="限购数量">
|
<template slot-scope="scope">
|
{{ scope.row.limitCount == null ? '无限制' : scope.row.limitCount }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="buyCount" label="已购数量">
|
<template slot-scope="scope">
|
{{ scope.row.buyCount == null ? 0 : scope.row.buyCount }}
|
</template>
|
</el-table-column>
|
<el-table-column prop="sort" label="排序"></el-table-column>
|
<el-table-column prop="flag" label="活动状态" >
|
<template slot-scope="scope">
|
<span v-if="scope.row.huiMinStatus === 1">未开始</span>
|
<span v-else-if="scope.row.huiMinStatus === 2">已开始</span>
|
<span v-else-if="scope.row.huiMinStatus === 3">已结束</span>
|
<span v-else>未知类型</span>
|
</template>
|
</el-table-column>
|
<el-table-column prop="status" label="可售状态">
|
<template slot-scope="scope">
|
<span v-if="scope.row.status === 1">已上架</span>
|
<span v-else-if="scope.row.status === 2">已下架</span>
|
<span v-else-if="scope.row.status === 3">已删除</span>
|
<span v-else>未知类型</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作">
|
<template slot-scope="scope">
|
<el-button type="text" v-on:click="handleViewDetail(scope.row)">查看详情</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
<!-- 分页 -->
|
<el-pagination
|
v-on:size-change="handleSizeChange"
|
v-on:current-change="handleCurrentChange"
|
:current-page="currentPage"
|
:page-sizes="[10, 20, 50, 100]"
|
:page-size="pageSize"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="total">
|
</el-pagination>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script src="${ctxPath}/js/vue/vue.js"></script>
|
<script src="${ctxPath}/js/elementui/index.js"></script>
|
<link rel="stylesheet" href="${ctxPath}/js/elementui/index.css">
|
|
<script src="${ctxPath}/modular/system/tHuiminCard/tHuiminCard2.js"></script>
|
<script src="${ctxPath}/modular/system/tHuiminCard/tHuiminCard.js"></script>
|
<script src="${ctxPath}/modular/system/tHuiminAgreement/tHuiminAgreement.js"></script>
|
<script>
|
|
</script>
|
@}
|
