feat: system notice

This commit is contained in:
zchengo
2023-01-02 11:00:29 +08:00
parent 88d32fa6c5
commit 957c06ca1a
11 changed files with 389 additions and 59 deletions
+63
View File
@@ -0,0 +1,63 @@
package api
import (
"crm/models"
"crm/response"
"crm/service"
"fmt"
"strconv"
"github.com/gin-gonic/gin"
)
type NoticeApi struct {
noticeService *service.NoticeService
}
func NewNoticeApi() *NoticeApi {
noticeApi := NoticeApi{
noticeService: &service.NoticeService{},
}
return &noticeApi
}
func (n *NoticeApi) Update(context *gin.Context) {
var param models.NoticeUpdateParam
if err := context.ShouldBind(&param); err != nil {
fmt.Println(err)
response.Result(response.ErrCodeParamInvalid, nil, context)
return
}
errCode := n.noticeService.Update(&param)
response.Result(errCode, nil, context)
}
func (n *NoticeApi) GetCount(context *gin.Context) {
uid, _ := strconv.Atoi(context.Request.Header.Get("uid"))
if uid <= 0 {
response.Result(response.ErrCodeParamInvalid, nil, context)
return
}
unReadNotice, errCode := n.noticeService.UnReadCount(int64(uid))
response.Result(errCode, unReadNotice, context)
}
func (n *NoticeApi) Delete(context *gin.Context) {
var param models.NoticeDeleteParam
if err := context.ShouldBind(&param); err != nil {
response.Result(response.ErrCodeParamInvalid, nil, context)
return
}
errCode := n.noticeService.Delete(&param)
response.Result(errCode, nil, context)
}
func (n *NoticeApi) GetList(context *gin.Context) {
uid, _ := strconv.Atoi(context.Request.Header.Get("uid"))
if uid <= 0 {
response.Result(response.ErrCodeParamInvalid, nil, context)
return
}
noticeList, errCode := n.noticeService.GetList(int64(uid))
response.Result(errCode, noticeList, context)
}
+1 -1
View File
@@ -16,7 +16,7 @@ type SubscribeApi struct {
func NewSubscribeApi() *SubscribeApi {
subscribeApi := SubscribeApi{
subscribeService: &service.SubscribeService{},
subscribeService: service.NewSubscribeService(),
}
return &subscribeApi
}
+1 -1
View File
@@ -16,7 +16,7 @@ type UserApi struct {
func NewUserApi() *UserApi {
userApi := UserApi{
userService: &service.UserService{},
userService: service.NewUserService(),
}
return &userApi
}
+6
View File
@@ -66,6 +66,12 @@ func Router() {
route.GET("/subscribe/info", api.NewSubscribeApi().GetInfo)
route.POST("/subscribe/pay", api.NewSubscribeApi().Pay)
route.POST("/subscribe/notify", api.NewSubscribeApi().Notify)
// 通知模块
route.GET("/notice/list", api.NewNoticeApi().GetList)
route.GET("/notice/count", api.NewNoticeApi().GetCount)
route.PUT("/notice/update", api.NewNoticeApi().Update)
route.DELETE("/notice/delete", api.NewNoticeApi().Delete)
}
// 启动、监听端口
+34
View File
@@ -0,0 +1,34 @@
package models
type Notice struct {
Id int64 `gorm:"primaryKey"`
Content string `gorm:"content"`
Status int `gorm:"status"`
Creator int64 `gorm:"creator"`
Created int64 `gorm:"created"`
Updated int64 `gorm:"updated"`
}
type NoticeParam struct {
Content string `json:"content"`
Creator int64 `gorm:"creator"`
}
type NoticeUpdateParam struct {
Id int64 `json:"id" binding:"required,gt=0"`
}
type NoticeDeleteParam struct {
Ids []int64 `json:"ids" binding:"required"`
}
type UnReadNotice struct {
Count int `json:"count"`
}
type NoticeList struct {
Id int64 `json:"id"`
Content string `json:"content"`
Status int `json:"status"`
Created int64 `json:"created"`
}
+8
View File
@@ -19,6 +19,7 @@ const (
CONTRACT = "contract"
PRODUCT = "product"
SUBSCRIBE = "subscribe"
NOTICE = "notice"
)
const (
@@ -31,6 +32,13 @@ const (
Prod = "prod"
)
const (
REGISTER_NOTICE_TEMPLATE = "你注册了账号"
LOGIN_NOTICE_TEMPLATE = "你登录了账号"
SUBSCRIBE_NOTICE_TEMPLATE1 = "你订阅了专业版"
SUBSCRIBE_NOTICE_TEMPLATE2 = "你订阅了高级版"
)
var ctx = context.Background()
// RestPage 分页查询
+71
View File
@@ -0,0 +1,71 @@
package service
import (
"crm/global"
"crm/models"
"crm/response"
"time"
)
const (
Read = 1 // 已读
UnRead = 2 // 未读
)
type NoticeService struct {
}
// 新建通知
func (n *NoticeService) Create(param *models.NoticeParam) int {
notice := models.Notice{
Content: param.Content,
Status: UnRead,
Creator: param.Creator,
Created: time.Now().Unix(),
}
if err := global.Db.Create(&notice).Error; err != nil {
return response.ErrCodeFailed
}
return response.ErrCodeSuccess
}
// 更新通知
func (n *NoticeService) Update(param *models.NoticeUpdateParam) int {
notice := models.Notice{
Id: param.Id,
Status: Read,
Updated: time.Now().Unix(),
}
if err := global.Db.Model(&notice).Updates(&notice).Error; err != nil {
return response.ErrCodeFailed
}
return response.ErrCodeSuccess
}
// 获取未读通知数量
func (n *NoticeService) UnReadCount(uid int64) (models.UnReadNotice, int) {
var unRead models.UnReadNotice
raw := "select count(*) from notice where status = 2 and creator = ?"
if err := global.Db.Raw(raw, uid).Scan(&unRead.Count).Error; err != nil {
return unRead, response.ErrCodeFailed
}
return unRead, response.ErrCodeSuccess
}
// 删除通知
func (n *NoticeService) Delete(param *models.NoticeDeleteParam) int {
err := global.Db.Delete(&models.Notice{}, param.Ids).Error
if err != nil {
return response.ErrCodeFailed
}
return response.ErrCodeSuccess
}
// 获取通知列表
func (n *NoticeService) GetList(uid int64) ([]*models.NoticeList, int) {
noticeList := make([]*models.NoticeList, 0)
if err := global.Db.Table(NOTICE).Where("creator = ?", uid).Order("status desc").Order("created desc").Find(&noticeList).Error; err != nil {
return nil, response.ErrCodeFailed
}
return noticeList, response.ErrCodeSuccess
}
+17 -5
View File
@@ -20,6 +20,14 @@ const (
)
type SubscribeService struct {
noticeService *NoticeService
}
func NewSubscribeService() *SubscribeService {
subscribeService := SubscribeService{
noticeService: &NoticeService{},
}
return &subscribeService
}
// 订阅专业版,发起支付
@@ -96,11 +104,14 @@ func (s *SubscribeService) Callback(outTradeNo string) (string, int) {
// 创建订阅信息
var expired int64
var content string
switch order.Version {
case 2:
expired = time.Now().Unix() + int64(2592000)
content = SUBSCRIBE_NOTICE_TEMPLATE1
case 3:
expired = time.Now().Unix() + int64(31104000)
content = SUBSCRIBE_NOTICE_TEMPLATE2
}
subscribe := models.Subscribe{
Version: order.Version,
@@ -121,11 +132,12 @@ func (s *SubscribeService) Callback(outTradeNo string) (string, int) {
}
}
// 修改支付状态
key := fmt.Sprintf("uid:%v:pay:status", order.Uid)
if err := global.Rdb.Set(ctx, key, Payed, time.Hour*10).Err(); err != nil {
return StringNull, response.ErrCodeFailed
}
// 订阅通知
s.noticeService.Create(&models.NoticeParam{
Content: content,
Creator: order.Uid,
})
return global.Config.Alipay.PaySuccessURL, response.ErrCodeSuccess
}
+20
View File
@@ -19,6 +19,14 @@ const (
)
type UserService struct {
noticeService *NoticeService
}
func NewUserService() *UserService {
userService := UserService{
noticeService: &NoticeService{},
}
return &userService
}
// 用户注册
@@ -75,6 +83,12 @@ func (u *UserService) Register(param *models.UserCreateParam) int {
}
}
// 注册通知
u.noticeService.Create(&models.NoticeParam{
Content: REGISTER_NOTICE_TEMPLATE,
Creator: newUser.Id,
})
return response.ErrCodeSuccess
}
@@ -106,6 +120,12 @@ func (u *UserService) Login(param *models.UserLoginParam) (*models.UserInfo, int
Token: token,
}
// 登录通知
u.noticeService.Create(&models.NoticeParam{
Content: LOGIN_NOTICE_TEMPLATE,
Creator: userInfo.Uid,
})
return &userInfo, response.ErrCodeSuccess
}
+37
View File
@@ -0,0 +1,37 @@
import request from '../axios/index'
// 获取通知列表
export function updateNotice(param) {
return request({
url: '/notice/update',
method: 'put',
data: param,
})
}
// 获取通知列表
export function getNoticeCount(param) {
return request({
url: '/notice/count',
method: 'get',
params: param,
})
}
// 删除全部通知
export function deleteNotice(param) {
return request({
url: '/notice/delete',
method: 'delete',
data: param,
})
}
// 获取通知列表
export function getNoticeList(param) {
return request({
url: '/notice/list',
method: 'get',
params: param,
})
}
+131 -52
View File
@@ -22,46 +22,67 @@
<menu-fold-outlined v-else class="trigger" @click="() => (collapsed = !collapsed)" />
</div>
<div style="display: flex;align-items: center;justify-items: center;">
<a-tooltip title="帮助">
<a-button type="text" shape="circle">
<template #icon>
<QuestionCircleFilled style="color: #909399; font-size: 18px;" />
</template>
</a-button>
</a-tooltip>
<a-tooltip title="消息">
<a-button type="text" shape="circle">
<template #icon>
<BellFilled style="color: #909399; font-size: 20px;" />
</template>
</a-button>
</a-tooltip>
<a-popover trigger="click" v-model:visible="popoverVisible" placement="bottomRight">
<template #title>
<div
style="display: flex;align-items: center;justify-content:space-between;flex-direction: row;padding: 10px 0;">
<a-avatar class="avatar" :size="55">U</a-avatar>
<div style="display: flex;align-items:flex-start;flex-direction: column;margin-left: 10px;font-weight: normal;">
<span>{{ user.email }}</span>
<a-tag v-if="user.version == 1" color="green"><template #icon><crown-filled /></template>基础版</a-tag>
<a-tag v-if="user.version == 2" color="blue"><template #icon><crown-filled /></template>专业版</a-tag>
<a-tag v-if="user.version == 3" color="orange"><template #icon><crown-filled /></template>高级版</a-tag>
</div>
</div>
</template>
<a-popover placement="bottomRight" :overlayStyle="{ width: '180px' }" trigger="click">
<template #content>
<div style="display: flex;align-items: center;justify-content: center;flex-direction: row;">
<a-button type="text" style="color: #476FFF;" @click="onDelete">注销账号</a-button>
<a-divider type="vertical" />
<a-button type="text" @click="onLogout">退出登录</a-button>
<a-image :width="150" src="../../public/gzh_qrcode.jpg" :preview="false" />
</template>
<QuestionCircleFilled style="color: #909399; font-size: 18px;margin: 0 15px;" />
</a-popover>
<a-popover placement="bottomRight" :overlayStyle="{ width: '320px' }" trigger="click">
<template #content>
<div style="max-height: 250px;overflow-y: scroll;">
<a-list item-layout="horizontal" :data-source="data.noticeList" size="small">
<template #renderItem="{ item }">
<a-list-item style="cursor: pointer;" @click="onReadNotice(item.id)">
<div style="display: inline-flex;align-items: center;">
<a-avatar shape="square" :size="20" v-if="item.status == 1">
<template #icon>
<BellFilled style="font-size: 12px;" />
</template>
</a-avatar>
<a-avatar shape="square" style="color: #476FFF; background-color: #ccd6fa" :size="20" v-else>
<template #icon>
<BellFilled style="font-size: 12px;" />
</template>
</a-avatar>
<div v-if="item.status == 1" style="color: #717171;">&nbsp;&nbsp;&nbsp;{{ item.content }}</div>
<div v-else>&nbsp;&nbsp;&nbsp;{{ item.content }}</div>
</div>
<template #actions>
<span v-if="item.status == 2" style="color: black;">{{ formatDate(item.created) }}</span>
<span v-else>{{ formatDate(item.created) }}</span>
</template>
</a-list-item>
</template>
</a-list>
</div>
<div style="margin-top: 10px;display: flex;align-items: center;justify-content: center;">
<a-button v-if="data.noticeList.length != 0" @click="onDeleteNotice" type="primary" style="width: 92%;"
shape="round">清空全部 {{ data.noticeList.length }} 条通知</a-button>
</div>
</template>
<a-avatar @click="onUserAvatar" class="avatar" :size="28">U</a-avatar>
<a-badge :count="data.noticeCount">
<BellFilled style="color: #909399; font-size: 20px;cursor: pointer;" @click="onNotice" />
</a-badge>
</a-popover>
<a-dropdown :trigger="['click']">
<a-avatar @click="onUserAvatar" class="avatar" :size="32">U</a-avatar>
<template #overlay>
<a-menu>
<a-menu-item @click="visible = true">
<ExclamationCircleOutlined /> 注销账号
</a-menu-item>
<a-menu-item @click="onLogout">
<LogoutOutlined /> 退出登录
</a-menu-item>
</a-menu>
</template>
</a-dropdown>
</div>
<!-- 注销账号弹出框 -->
<a-modal v-model:visible="delUserVisible" title="注销账号" @ok="onConfirm" @cancel="onCancel" cancelText="取消"
okText="注销" width="360px" style="top: 120px">
<a-modal v-model:visible="visible" title="注销账号" @ok="onConfirm" @cancel="onCancel" cancelText="取消" okText="注销"
width="360px" :centered="true">
<a-alert message="账号注销后,会清空账号相关的所有数据" banner /><br />
<a-form :model="user" layout="vertical" @finish="onSubmit" :rules="rules">
<a-form-item name="email">
@@ -92,10 +113,12 @@ import { useRouter } from 'vue-router'
import { useStore } from '../store/index';
import { message } from 'ant-design-vue';
import { getUserInfo, getVerifyCode, userDelete } from '../api/user';
import { updateNotice, getNoticeCount, getNoticeList, deleteNotice } from '../api/notice';
import { DashboardOutlined, SmileOutlined, MehOutlined, ShoppingOutlined } from '@ant-design/icons-vue';
import { CrownOutlined, MenuUnfoldOutlined, MenuFoldOutlined, QuestionCircleFilled } from '@ant-design/icons-vue';
import { SmileFilled, BellFilled } from '@ant-design/icons-vue';
import { ExclamationCircleOutlined, CrownFilled } from '@ant-design/icons-vue';
import { CrownOutlined, MenuUnfoldOutlined, MenuFoldOutlined, WechatFilled } from '@ant-design/icons-vue';
import { QuestionCircleFilled, BellFilled } from '@ant-design/icons-vue';
import { ExclamationCircleOutlined, CrownFilled, LogoutOutlined, DownCircleOutlined, DeleteOutlined } from '@ant-design/icons-vue';
import moment from 'moment'
export default {
components: {
@@ -106,11 +129,14 @@ export default {
CrownOutlined,
MenuUnfoldOutlined,
MenuFoldOutlined,
WechatFilled,
QuestionCircleFilled,
SmileFilled,
BellFilled,
ExclamationCircleOutlined,
CrownFilled,
LogoutOutlined,
DownCircleOutlined,
DeleteOutlined
},
setup() {
// 菜单选项
@@ -160,6 +186,11 @@ export default {
const selectedKeys = ref([store.selectedKeys])
const collapsed = ref(false)
const data = reactive({
noticeCount: 0,
noticeList: []
})
store.$subscribe((mutation, state) => {
selectedKeys.value = [state.selectedKeys]
})
@@ -175,9 +206,7 @@ export default {
})
const visible = ref(false)
const popoverVisible = ref(false)
const visibleLogo = ref(false)
const delUserVisible = ref(false)
const loading = ref(false)
const disabled = ref(false)
const buttonText = ref('获取验证码')
@@ -186,6 +215,7 @@ export default {
onBeforeMount(() => {
store.selectedKeys = 'dashboard'
router.push('dashboard')
noticeCount()
})
// 点击用户头像
@@ -196,7 +226,6 @@ export default {
user.email = res.data.data.email
user.version = res.data.data.version
}
popoverVisible = true
})
}
@@ -223,12 +252,6 @@ export default {
})
}
// 点击注销账号
const onDelete = () => {
popoverVisible.value = false
delUserVisible.value = true
}
// 点击确认注销账号
const onConfirm = () => {
let param = {
@@ -243,6 +266,60 @@ export default {
})
}
// 日期格式化
const formatDate = (timeStamp) => {
let now = (Date.parse(new Date())) / 1000
if (now - timeStamp < 60) {
return "刚刚"
}
if ((new Date().getDate()) == (new Date(timeStamp * 1000).getDate())) {
return "今天 " + moment(timeStamp * 1000).format('HH:mm')
}
return moment(timeStamp * 1000).format('YYYY-MM-DD')
}
// 点击读取通知
const onReadNotice = (id) => {
updateNotice({ id: id }).then((res) => {
if (res.data.code == 0) {
onNotice()
noticeCount()
}
})
}
// 获取通知数量
const noticeCount = () => {
getNoticeCount().then((res) => {
if (res.data.code == 0) {
data.noticeCount = res.data.data.count
}
})
}
// 获取通知列表
const onNotice = () => {
getNoticeList().then((res) => {
if (res.data.code == 0) {
data.noticeList = res.data.data
}
})
}
// 删除通知
const onDeleteNotice = () => {
let ids = []
for (let index = 0; index < data.noticeList.length; index++) {
ids[index] = data.noticeList[index].id
}
deleteNotice({ ids: ids }).then((res) => {
if (res.data.code == 0) {
data.noticeList = res.data.data
onNotice()
}
})
}
// 点击退出账号
const onLogout = () => {
localStorage.removeItem("uid")
@@ -255,7 +332,6 @@ export default {
disabled.value = false
modalFormRef.value.resetFields()
visible.value = false
delUserVisible.value = false
};
return {
@@ -266,18 +342,21 @@ export default {
user,
visible,
visibleLogo,
popoverVisible,
delUserVisible,
loading,
disabled,
buttonText,
onUserAvatar,
onDelete,
onLogout,
onGetCode,
onConfirm,
onNotice,
onReadNotice,
noticeCount,
onDeleteNotice,
onCancel,
store,
formatDate,
data
};
},
}
@@ -320,7 +399,7 @@ export default {
color: #f56a00;
background-color: #fde3cf;
cursor: pointer;
margin-left: 10px;
margin-left: 20px;
}
.popover {