From 399a115e33dfb070bb74540bad0ca66f799d53a7 Mon Sep 17 00:00:00 2001
From: luofl <1442745593@qq.com>
Date: 星期四, 03 四月 2025 15:19:53 +0800
Subject: [PATCH] 1
---
cloud-server-management/src/main/webapp/WEB-INF/view/system/tHuiminCard/tHuiminCard.html | 144 ++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 121 insertions(+), 23 deletions(-)
diff --git a/cloud-server-management/src/main/webapp/WEB-INF/view/system/tHuiminCard/tHuiminCard.html b/cloud-server-management/src/main/webapp/WEB-INF/view/system/tHuiminCard/tHuiminCard.html
index 7d89adb..6a8c60b 100644
--- a/cloud-server-management/src/main/webapp/WEB-INF/view/system/tHuiminCard/tHuiminCard.html
+++ b/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>
@}
--
Gitblit v1.7.1