aaaaaa/stl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: 课程状态切换按钮及报名满自动结束

Browse source
This commit is contained in:
hyql 2026-07-09 16:48:06 +08:00
commit 6e96e1828a
6 changed files with 159 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/views/MemberView.vue
View file

@ -30,34 +30,43 @@
<el-main>
<el-table border :data="memberList">
<el-table-column type="index" label="序号" width="60" align="center" :index="indexMethod"></el-table-column>
<el-table-column prop="name" label="会员名字" width="100" align="center"></el-table-column>
<el-table-column prop="sex" label="性别" width="80" align="center">
<el-table-column prop="name" label="会员名字" width="90" align="center"></el-table-column>
<el-table-column prop="sex" label="性别" width="60" align="center">
<template #default="scope">
<el-tag type="primary" v-if="scope.row.sex === 1">男</el-tag>
<el-tag type="danger" v-else>女</el-tag>
</template>
</el-table-column>
<el-table-column prop="phone" label="手机号" width="130" align="center"></el-table-column>
<el-table-column label="备注" width="200">
<el-table-column prop="phone" label="手机号" width="120" align="center"></el-table-column>
<el-table-column prop="joinDate" label="入会日期" width="110" align="center"></el-table-column>
<el-table-column prop="level" label="会员等级" width="80" align="center">
<template #default="scope">
<el-popover placement="right-start" :title="scope.row.name" :width="200" trigger="hover"
:content="scope.row.remark">
<template #reference>
<span class="remark">{{ scope.row.remark }}</span>
</template>
</el-popover>
<el-tag type="warning" v-if="scope.row.level === '钻石'">钻石</el-tag>
<el-tag type="success" v-else-if="scope.row.level === '金卡'">金卡</el-tag>
<el-tag type="primary" v-else-if="scope.row.level === '银卡'">银卡</el-tag>
<el-tag type="info" v-else>普通</el-tag>
</template>
</el-table-column>
<el-table-column prop="remainCount" label="剩余次数" width="80" align="center">
<template #default="scope">
<span v-if="scope.row.remainCount !== null">{{ scope.row.remainCount }}次</span>
<span v-else>-</span>
</template>
</el-table-column>
<el-table-column prop="totalSpend" label="累计消费" width="100" align="center">
<template #default="scope">
<span style="color: #e6a23c;">¥{{ scope.row.totalSpend }}</span>
</template>
</el-table-column>
<el-table-column label="状态" width="200">
<el-table-column label="状态" width="140">
<template #default="scope">
<el-tag type="success" v-if="scope.row.expireDate === null">有效</el-tag>
<el-tag type="info" v-else>过期:{{ scope.row.expireDate }}</el-tag>
</template>
</el-table-column>
<el-table-column label="头像" width="80">
<el-table-column label="头像" width="70">
<template #default="scope">
<el-popover v-if="scope.row.avatar" placement="right-start" :title="scope.row.name" trigger="click">
<el-image :src="scope.row.avatar"></el-image>
@ -70,7 +79,7 @@
</el-table-column>
<!-- 操作 -->
<el-table-column label="操作" width="120">
<el-table-column label="操作" width="120" fixed="right">
<template #default="scope">
<el-button :icon="Delete" type="danger" size="small" v-if="scope.row.expireDate"
@click="renewHandler(scope.row)">续费</el-button>