zianxin/Friendship-and-chat-pc
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:会员

Browse Source
This commit is contained in:
dzc committed 2025-11-10 12:12:24 +08:00
1 parent c09424be8f
commit 8b0b3bec3a
8 files changed
+542 -103
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/api/member/opentype/index.ts
+47
View File
@@ -0,0 +1,47 @@
import request from '@/config/axios'
// 会员类型 VO
export interface OpenTypeVO {
id: number // 会员开通类型
title: string // 会员开通分类标题
icon: string // 图标
preferentialPrice: number // 价格(优惠价)
originalPrice: number // 价格(原价)
duration: number // 时长(天)
status: string // 状态
isHot: string // 是否热门
sort: number // 排序
}
// 会员类型 API
export const OpenTypeApi = {
// 查询会员类型分页
getOpenTypePage: async (params: any) => {
return await request.get({ url: `/member/open-type/page`, params })
},
// 查询会员类型详情
getOpenType: async (id: number) => {
return await request.get({ url: `/member/open-type/get?id=` + id })
},
// 新增会员类型
createOpenType: async (data: OpenTypeVO) => {
return await request.post({ url: `/member/open-type/create`, data })
},
// 修改会员类型
updateOpenType: async (data: OpenTypeVO) => {
return await request.put({ url: `/member/open-type/update`, data })
},
// 删除会员类型
deleteOpenType: async (id: number) => {
return await request.delete({ url: `/member/open-type/delete?id=` + id })
},
// 导出会员类型 Excel
exportOpenType: async (params) => {
return await request.download({ url: `/member/open-type/export-excel`, params })
}
}
src/components/Pagination/index.vue
+4 -14
View File
@@ -1,19 +1,9 @@
<!-- 基于 ruoyi-vue3 的 Pagination 重构，核心是简化无用的属性，并使用 ts 重写 -->
<template>
<el-pagination
v-show="total > 0"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:background="true"
:page-sizes="[10, 20, 30, 50, 100]"
:pager-count="pagerCount"
:total="total"
:small="isSmall"
class="float-right mb-15px mt-15px"
layout="total, sizes, prev, pager, next, jumper"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<el-pagination v-show="total > 0" v-model:current-page="currentPage" v-model:page-size="pageSize" :background="true"
:page-sizes="[10, 20, 30, 50, 100]" :pager-count="pagerCount" :total="total" :small="isSmall"
class="float-right mb-15px mt-15px" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
@current-change="handleCurrentChange" />
</template>
<script lang="ts" setup>
import { computed, watchEffect } from 'vue'
src/components/PreviewImage/index.vue
+100
View File
@@ -0,0 +1,100 @@
<!-- 图片预览 -->
<script lang="ts" setup name="PreviewImage">
type Props = {
src?: string
width?: string | number
height?: string | number
download?: boolean | string
downloadName?: string
}
const props = withDefaults(defineProps<Props>(), {
width: 50,
height: 50,
download: false,
downloadName: "下载",
})
const formatSrc = (src: string, type: "string" | "array" = "string"): string | string[] => {
switch (type) {
case "string":
if (!src.match(/x-oss-process/g)) {
return src.split(",")[0]
} else {
return src.split("?")[0]
}
case "array":
if (!src.match(/x-oss-process/g)) {
return src.split(",")
} else {
return src
.split("?")
.filter(
(item) =>
item.endsWith(".jpg") || item.endsWith(".png") || item.endsWith(".gif") || item.endsWith(".jpeg") || item.endsWith(".webp"),
)
}
}
}
const realSrc = computed(() => {
if (!props.src) return ""
let real_src: string = formatSrc(props.src, "string") as string
return dispatchUrl(real_src) ?? ""
})
const realSrcList = computed(() => {
if (!props.src) return ""
let real_src = (formatSrc(props.src, "array") as string[]).map((v) => dispatchUrl(v))
return real_src ?? []
})
const realWidth = computed(() => (typeof props.width == "string" ? props.width : `${props.width}px`))
const realHeight = computed(() => (typeof props.height == "string" ? props.height : `${props.height}px`))
function dispatchUrl(url?: string) {
if (!url) return ""
return url.includes("http") ? url : import.meta.env.VITE_IMAGE_BASE_PATH + url
}
</script>
<template>
<div v-if="props.src" class="flex flex-col items-center">
<el-image hide-on-click-modal preview-teleported :src="`${realSrc}`" fit="cover"
:style="`width:${realWidth};height:${realHeight};`" :preview-src-list="realSrcList" loading="lazy">
<template #error>
<div class="image-slot">
<i class="el-icon-picture-outline"></i>
</div>
</template>
</el-image>
</div>
<div v-else :style="`width:${realWidth};height:${realHeight};`"></div>
</template>
<style lang="scss" scoped>
.el-image {
border-radius: 5px;
background-color: #ebeef5;
box-shadow: 0 0 5px 1px #ccc;
:deep(.el-image__inner) {
transition: all 0.3s;
cursor: pointer;
&:hover {
transform: scale(1.2);
}
}
:deep(.image-slot) {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: #909399;
font-size: 30px;
}
}
</style>
src/utils/dict.ts
+1
View File
@@ -168,6 +168,7 @@ export enum DICT_TYPE {
// ========== Member 会员模块 ==========
MEMBER_POINT_BIZ_TYPE = 'member_point_biz_type', // 积分的业务类型
MEMBER_EXPERIENCE_BIZ_TYPE = 'member_experience_biz_type', // 会员经验业务类型
MEMBER_OPEN_TYPE_STATUS = 'open_type_status', // 会员开通类型状态
// ========== MALL - 商品模块 ==========
PRODUCT_SPU_STATUS = 'product_spu_status', //商品状态
src/views/member/opentype/OpenTypeForm.vue
+189
View File
@@ -0,0 +1,189 @@
<template>
<Dialog :title="dialogTitle" v-model="dialogVisible">
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
<el-row>
<el-col :span="24">
<el-form-item label="会员标题" prop="title">
<el-input v-model="formData.title" placeholder="请输入会员开通分类标题" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="会员图标" prop="icon">
<UploadImg v-model="formData.icon" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="优惠价" prop="preferentialPrice">
<el-input-number style="width: 100%;" v-model="formData.preferentialPrice" placeholder="请输入优惠价" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="原价" prop="originalPrice">
<el-input-number style="width: 100%;" v-model="formData.originalPrice" placeholder="请输入原价" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="时长" prop="duration">
<el-input type="number" v-model="formData.duration" placeholder="请输入时长">
<template #append>天</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="排序" prop="sort">
<el-input v-model="formData.sort" placeholder="请输入排序" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="状态" prop="status">
<el-select v-model="formData.status" placeholder="请选择状态" clearable class="!w-240px">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.MEMBER_OPEN_TYPE_STATUS)" :key="dict.value"
:label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="是否热门" prop="isHot">
<el-select v-model="formData.isHot" placeholder="请选择是否热门" clearable class="!w-240px">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)" :key="dict.value"
:label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
<el-button @click="dialogVisible = false">取 消</el-button>
</template>
</Dialog>
</template>
<script setup lang="ts">
import { fenToYuan, yuanToFen } from "@/utils/index"
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
import { OpenTypeApi, OpenTypeVO } from '@/api/member/opentype'
/** 会员类型 表单 */
defineOptions({ name: 'OpenTypeForm' })
const { t } = useI18n()
const message = useMessage()
const dialogVisible = ref(false)
const dialogTitle = ref('')
const formLoading = ref(false)
const formType = ref('')
const defaultForm = {
status: "1",
isHot: "false",
}
const formData = ref<any>({
id: undefined,
title: undefined,
icon: undefined,
preferentialPrice: undefined,
originalPrice: undefined,
duration: undefined,
status: "1",
isHot: false,
sort: undefined
})
const formRules = reactive({
title: [{ required: true, message: '会员开通分类标题不能为空', trigger: 'blur' }],
preferentialPrice: [{ required: true, message: '优惠价不能为空', trigger: 'blur' }],
originalPrice: [{ required: true, message: '原价不能为空', trigger: 'blur' }],
duration: [{ required: true, message: '时长不能为空', trigger: 'blur' }],
status: [{ required: true, message: '状态不能为空', trigger: 'blur' }],
isHot: [{ required: true, message: '是否热门不能为空', trigger: 'blur' }],
sort: [{ required: true, message: '排序不能为空', trigger: 'blur' }]
})
const formRef = ref() // 表单 Ref
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
resetForm()
// 修改时，设置数据
if (id) {
formLoading.value = true
try {
formData.value = await OpenTypeApi.getOpenType(id)
// 合并默认值
if (!formData.value.status) {
formData.value.status = defaultForm.status
}
if (!formData.value.isHot) {
formData.value.isHot = defaultForm.isHot
}
if (formData.value.preferentialPrice) {
formData.value.preferentialPrice = fenToYuan(formData.value.preferentialPrice)
}
if (formData.value.originalPrice) {
formData.value.originalPrice = fenToYuan(formData.value.originalPrice)
}
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
const submitForm = async () => {
// 校验表单
await formRef.value.validate()
// 提交请求
formLoading.value = true
try {
const data = {
...formData.value
} as unknown as OpenTypeVO
if (data.preferentialPrice) {
data.preferentialPrice = yuanToFen(data.preferentialPrice)
}
if (data.originalPrice) {
data.originalPrice = yuanToFen(data.originalPrice)
}
if (formType.value === 'create') {
await OpenTypeApi.createOpenType(data)
message.success(t('common.createSuccess'))
} else {
await OpenTypeApi.updateOpenType(data)
message.success(t('common.updateSuccess'))
}
dialogVisible.value = false
// 发送操作成功的事件
emit('success')
} finally {
formLoading.value = false
}
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
id: undefined,
title: undefined,
icon: undefined,
preferentialPrice: undefined,
originalPrice: undefined,
duration: undefined,
status: undefined,
isHot: undefined,
sort: undefined
}
// 合并默认值
if (!formData.value.status) {
formData.value.status = defaultForm.status
}
if (!formData.value.isHot) {
formData.value.isHot = defaultForm.isHot
}
formRef.value?.resetFields()
}
</script>
src/views/member/opentype/index.vue
+180
View File
@@ -0,0 +1,180 @@
<template>
<ContentWrap>
<!-- 搜索工作栏 -->
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
<el-form-item label="会员标题" prop="title">
<el-input v-model="queryParams.title" placeholder="请输入会员标题" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item>
<el-button @click="handleQuery">
<Icon icon="ep:search" class="mr-5px" /> 搜索
</el-button>
<el-button @click="resetQuery">
<Icon icon="ep:refresh" class="mr-5px" /> 重置
</el-button>
<el-button type="primary" plain @click="openForm('create')" v-hasPermi="['member:open-type:create']">
<Icon icon="ep:plus" class="mr-5px" /> 新增
</el-button>
<el-button type="success" plain @click="handleExport" :loading="exportLoading"
v-hasPermi="['member:open-type:export']">
<Icon icon="ep:download" class="mr-5px" /> 导出
</el-button>
</el-form-item>
</el-form>
</ContentWrap>
<!-- 列表 -->
<ContentWrap>
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
<el-table-column label="会员标题" align="center" prop="title" />
<el-table-column label="图标" align="center" prop="icon">
<template #default="{ row }">
<PreviewImage v-if="row.icon" :src="row.icon" :width="40" :height="40" />
<div v-else class="w-40px h-40px"></div>
</template>
</el-table-column>
<el-table-column label="优惠价" align="center" prop="preferentialPrice">
<template #default="{ row }">
{{ fenToYuan(row.preferentialPrice) }}元
</template>
</el-table-column>
<el-table-column label="原价" align="center" prop="originalPrice">
<template #default="{ row }">
{{ fenToYuan(row.originalPrice) }}元
</template>
</el-table-column>
<el-table-column label="时长(天)" align="center" prop="duration">
<template #default="{ row }">
{{ row.duration }}天
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="status">
<template #default="{ row }">
<dict-tag :type="DICT_TYPE.MEMBER_OPEN_TYPE_STATUS" :value="row.status" />
</template>
</el-table-column>
<el-table-column label="是否热门" align="center" prop="isHot">
<template #default="{ row }">
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="row.isHot" />
</template>
</el-table-column>
<el-table-column label="排序" align="center" prop="sort" />
<el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" />
<el-table-column label="操作" align="center" min-width="120px">
<template #default="scope">
<el-button link type="primary" @click="openForm('update', scope.row.id)"
v-hasPermi="['member:open-type:update']">
编辑
</el-button>
<el-button link type="danger" @click="handleDelete(scope.row.id)" v-hasPermi="['member:open-type:delete']">
删除
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@pagination="getList" />
</ContentWrap>
<!-- 表单弹窗：添加/修改 -->
<OpenTypeForm ref="formRef" @success="getList" />
</template>
<script setup lang="ts">
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
import { fenToYuan } from "@/utils/index"
import { dateFormatter } from '@/utils/formatTime'
import download from '@/utils/download'
import { OpenTypeApi, OpenTypeVO } from '@/api/member/opentype'
import OpenTypeForm from './OpenTypeForm.vue'
/** 会员类型 列表 */
defineOptions({ name: 'OpenType' })
const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const loading = ref(true) // 列表的加载中
const list = ref<OpenTypeVO[]>([]) // 列表的数据
const total = ref(0) // 列表的总页数
const queryParams = reactive({
pageNo: 1,
pageSize: 10,
title: undefined,
icon: undefined,
preferentialPrice: undefined,
originalPrice: undefined,
duration: undefined,
status: undefined,
isHot: undefined,
sort: undefined,
createTime: []
})
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中
/** 查询列表 */
const getList = async () => {
loading.value = true
try {
const data = await OpenTypeApi.getOpenTypePage(queryParams)
list.value = data.list
total.value = data.total
} finally {
loading.value = false
}
}
/** 搜索按钮操作 */
const handleQuery = () => {
queryParams.pageNo = 1
getList()
}
/** 重置按钮操作 */
const resetQuery = () => {
queryFormRef.value.resetFields()
handleQuery()
}
/** 添加/修改操作 */
const formRef = ref()
const openForm = (type: string, id?: number) => {
formRef.value.open(type, id)
}
/** 删除按钮操作 */
const handleDelete = async (id: number) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
await OpenTypeApi.deleteOpenType(id)
message.success(t('common.delSuccess'))
// 刷新列表
await getList()
} catch { }
}
/** 导出按钮操作 */
const handleExport = async () => {
try {
// 导出的二次确认
await message.exportConfirm()
// 发起导出
exportLoading.value = true
const data = await OpenTypeApi.exportOpenType(queryParams)
download.excel(data, '会员类型.xls')
} catch {
} finally {
exportLoading.value = false
}
}
/** 初始化 **/
onMounted(() => {
getList()
})
</script>
src/views/member/recent/index.vue
+1 -21
View File
@@ -2,18 +2,6 @@
<ContentWrap>
<!-- 搜索工作栏 -->
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
<el-form-item label="描述" prop="describe">
<el-input v-model="queryParams.describe" placeholder="请输入描述" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="发布-经度" prop="issueLong">
<el-input v-model="queryParams.issueLong" placeholder="请输入发布-经度" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="发布-纬度" prop="issueLat">
<el-input v-model="queryParams.issueLat" placeholder="请输入发布-纬度" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="发布-省" prop="issueProvince">
<el-input v-model="queryParams.issueProvince" placeholder="请输入发布-省" clearable @keyup.enter="handleQuery"
class="!w-240px" />
@@ -22,18 +10,10 @@
<el-input v-model="queryParams.issueCity" placeholder="请输入发布-市" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="发布-区" prop="issueDistrict">
<el-input v-model="queryParams.issueDistrict" placeholder="请输入发布-区" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="发布-详细地址" prop="issueAddress">
<el-input v-model="queryParams.issueAddress" placeholder="请输入发布-详细地址" clearable @keyup.enter="handleQuery"
class="!w-240px" />
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-date-picker v-model="queryParams.createTime" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
start-placeholder="开始日期" end-placeholder="结束日期"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-220px" />
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-440px" />
</el-form-item>
<el-form-item>
<el-button @click="handleQuery">
src/views/system/notify/my/index.vue
+20 -68
View File
@@ -3,42 +3,25 @@
<ContentWrap>
<!-- 搜索工作栏 -->
<el-form
class="-mb-15px"
:model="queryParams"
ref="queryFormRef"
:inline="true"
label-width="68px"
>
<el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
<el-form-item label="是否已读" prop="readStatus">
<el-select
v-model="queryParams.readStatus"
placeholder="请选择状态"
clearable
class="!w-240px"
>
<el-option
v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
<el-select v-model="queryParams.readStatus" placeholder="请选择状态" clearable class="!w-240px">
<el-option v-for="dict in getBoolDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)" :key="dict.value"
:label="dict.label" :value="dict.value" />
</el-select>
</el-form-item>
<el-form-item label="发送时间" prop="createTime">
<el-date-picker
v-model="queryParams.createTime"
value-format="YYYY-MM-DD HH:mm:ss"
type="daterange"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
class="!w-240px"
/>
<el-date-picker v-model="queryParams.createTime" value-format="YYYY-MM-DD HH:mm:ss" type="daterange"
start-placeholder="开始日期" end-placeholder="结束日期"
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-240px" />
</el-form-item>
<el-form-item>
<el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
<el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
<el-button @click="handleQuery">
<Icon icon="ep:search" class="mr-5px" /> 搜索
</el-button>
<el-button @click="resetQuery">
<Icon icon="ep:refresh" class="mr-5px" /> 重置
</el-button>
<el-button @click="handleUpdateList">
<Icon icon="ep:reading" class="mr-5px" /> 标记已读
</el-button>
@@ -51,64 +34,33 @@
<!-- 列表 -->
<ContentWrap>
<el-table
v-loading="loading"
:data="list"
ref="tableRef"
row-key="id"
@selection-change="handleSelectionChange"
>
<el-table v-loading="loading" :data="list" ref="tableRef" row-key="id" @selection-change="handleSelectionChange">
<el-table-column type="selection" :selectable="selectable" :reserve-selection="true" />
<el-table-column label="发送人" align="center" prop="templateNickname" width="180" />
<el-table-column
label="发送时间"
align="center"
prop="createTime"
width="200"
:formatter="dateFormatter"
/>
<el-table-column label="发送时间" align="center" prop="createTime" width="200" :formatter="dateFormatter" />
<el-table-column label="类型" align="center" prop="templateType" width="180">
<template #default="scope">
<dict-tag :type="DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE" :value="scope.row.templateType" />
</template>
</el-table-column>
<el-table-column
label="消息内容"
align="center"
prop="templateContent"
show-overflow-tooltip
/>
<el-table-column label="消息内容" align="center" prop="templateContent" show-overflow-tooltip />
<el-table-column label="是否已读" align="center" prop="readStatus" width="160">
<template #default="scope">
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.readStatus" />
</template>
</el-table-column>
<el-table-column
label="阅读时间"
align="center"
prop="readTime"
width="200"
:formatter="dateFormatter"
/>
<el-table-column label="阅读时间" align="center" prop="readTime" width="200" :formatter="dateFormatter" />
<el-table-column label="操作" align="center" width="160">
<template #default="scope">
<el-button
link
:type="scope.row.readStatus ? 'primary' : 'warning'"
@click="openDetail(scope.row)"
>
<el-button link :type="scope.row.readStatus ? 'primary' : 'warning'" @click="openDetail(scope.row)">
{{ scope.row.readStatus ? '详情' : '已读' }}
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<Pagination
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
<Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
@pagination="getList" />
</ContentWrap>
<!-- 表单弹窗：详情 -->