| | |
| | | @layout("/common/_container.html"){ |
| | | <div class="row"> |
| | | <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"> |
| | | <div class="row row-lg"> |
| | | <el-form :inline="true" :model="query"> |
| | | <el-form-item label="惠民卡名称:"> |
| | | <el-input v-model="query.name" placeholder="请输入"></el-input> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="惠民卡类型:"> |
| | | <el-select v-model="query.type" placeholder="全部"> |
| | | <el-option label="全部" value=""></el-option> |
| | | <el-option label="年度卡" value="year"></el-option> |
| | | <el-option label="季度卡" value="quarter"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="有效期:"> |
| | | <el-date-picker |
| | | v-model="query.dateRange" |
| | | type="daterange" |
| | | range-separator="至" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | </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"> |
| | | <div class="row"> |
| | | <div class="col-sm-3"> |
| | | <#NameCon id="condition" name="名称" /> |
| | | </div> |
| | | <div class="col-sm-3"> |
| | | <#button name="搜索" icon="fa-search" clickFun="THuiminCard.search()"/> |
| | | </div> |
| | | </div> |
| | | <div class="hidden-xs" id="THuiminCardTableToolbar" role="group"> |
| | | @if(shiro.hasPermission("/tHuiminCard/add")){ |
| | | <#button name="添加" icon="fa-plus" clickFun="THuiminCard.openAddTHuiminCard()"/> |
| | | @} |
| | | @if(shiro.hasPermission("/tHuiminCard/update")){ |
| | | <#button name="修改" icon="fa-edit" clickFun="THuiminCard.openTHuiminCardDetail()" space="true"/> |
| | | @} |
| | | @if(shiro.hasPermission("/tHuiminCard/delete")){ |
| | | <#button name="删除" icon="fa-remove" clickFun="THuiminCard.delete()" space="true"/> |
| | | @} |
| | | </div> |
| | | <#table id="THuiminCardTable"/> |
| | | <el-button type="primary" size="mini" v-on:click="handleAdd" icon="el-icon-circle-plus-outline">添加</el-button> |
| | | <el-button type="primary" size="mini" v-on:click="handleEdit" icon="el-icon-edit">编辑</el-button> |
| | | <el-button type="primary" size="mini" v-on:click="handleDelete" icon="el-icon-delete">删除</el-button> |
| | | <el-button type="primary" size="mini" v-on:click="handleShelves(1)" icon="el-icon-upload2">上架</el-button> |
| | | <el-button type="primary" size="mini" v-on:click="handleShelves(2)" icon="el-icon-download">下架</el-button> |
| | | <el-button type="primary" size="mini" v-on:click="handleViewDetail" icon="el-icon-tickets">查看详情</el-button> |
| | | </div> |
| | | </div> |
| | | <el-table |
| | | :data="tableData" |
| | | 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.flag === '1'">未开始</span> |
| | | <span v-else-if="scope.row.flag === '2'">已开始</span> |
| | | <span v-else-if="scope.row.flag === '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}/static/modular/system/tHuiminCard/tHuiminCard.js"></script> |
| | | <script src="${ctxPath}/js/vue/vue.js"></script> |
| | | <script src="${ctxPath}/js/elementui/index.js"></script> |
| | | <script src="${ctxPath}/modular/system/tHuiminCard/tHuiminCard2.js"></script> |
| | | <link rel="stylesheet" href="${ctxPath}/js/elementui/index.css"> |
| | | <script src="${ctxPath}/modular/system/tHuiminCard/tHuiminCard.js"></script> |
| | | <script src="${ctxPath}/modular/system/tHuiminAgreement/tHuiminAgreement.js"></script> |
| | | <script> |
| | | |
| | | </script> |
| | | @} |