1
luofl
2025-04-03 399a115e33dfb070bb74540bad0ca66f799d53a7
cloud-server-management/src/main/webapp/WEB-INF/view/system/tHuiminCard/tHuiminCard.html
@@ -1,38 +1,136 @@
@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>
@}