xsx
1 year ago
38 changed files with 4411 additions and 195 deletions
@ -0,0 +1,63 @@ |
|||
import request from '@/utils/request'; |
|||
import { AxiosPromise } from 'axios'; |
|||
import { GroupVO, GroupBanDTO, GroupUnbanDTO, GroupQuery } from '@/api/im/group/types'; |
|||
|
|||
/** |
|||
* 查询群列表 |
|||
* @param query |
|||
* @returns {*} |
|||
*/ |
|||
|
|||
export const listGroup = (query?: GroupQuery): AxiosPromise<GroupVO[]> => { |
|||
return request({ |
|||
url: '/im/group/list', |
|||
method: 'get', |
|||
params: query |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 查询群详细 |
|||
* @param id |
|||
*/ |
|||
export const getGroup = (id: string | number): AxiosPromise<GroupVO> => { |
|||
return request({ |
|||
url: '/im/group/' + id, |
|||
method: 'get' |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 封禁用户 |
|||
* @param data |
|||
*/ |
|||
export const ban = (data: GroupBanDTO) => { |
|||
return request({ |
|||
url: '/im/group/ban', |
|||
method: 'put', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
|
|||
/** |
|||
* 解封用户 |
|||
* @param data |
|||
*/ |
|||
export const unban = (data: GroupUnbanDTO) => { |
|||
return request({ |
|||
url: '/im/group/unban', |
|||
method: 'put', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
|
|||
|
|||
export const findGroupByName = (name?: String): AxiosPromise<GroupVO[]> => { |
|||
return request({ |
|||
url: '/im/group/findByName?name='+name, |
|||
method: 'get' |
|||
}); |
|||
}; |
|||
|
|||
@ -0,0 +1,193 @@ |
|||
export interface GroupVO { |
|||
/** |
|||
* id |
|||
*/ |
|||
id: string | number; |
|||
|
|||
/** |
|||
* 群名字 |
|||
*/ |
|||
name: string; |
|||
|
|||
/** |
|||
* 群主id |
|||
*/ |
|||
ownerId: string | number; |
|||
|
|||
/** |
|||
* 群头像 |
|||
*/ |
|||
headImage: string; |
|||
|
|||
/** |
|||
* 群头像Url |
|||
*/ |
|||
headImageUrl: string; |
|||
/** |
|||
* 群头像缩略图 |
|||
*/ |
|||
headImageThumb: string; |
|||
|
|||
/** |
|||
* 群公告 |
|||
*/ |
|||
notice: string; |
|||
/** |
|||
* 是否已解散 |
|||
*/ |
|||
dissolve: number; |
|||
|
|||
/** |
|||
* 创建时间 |
|||
*/ |
|||
createdTime: string; |
|||
|
|||
/** |
|||
* 是否被封禁 0:否 1:是 |
|||
*/ |
|||
isBanned: number; |
|||
|
|||
/** |
|||
* 被封禁原因 |
|||
*/ |
|||
reason: string; |
|||
|
|||
/** |
|||
* 成员数量 |
|||
*/ |
|||
memberCount: number; |
|||
|
|||
} |
|||
|
|||
export interface GroupForm extends BaseEntity { |
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
|
|||
/** |
|||
* 群名字 |
|||
*/ |
|||
name?: string; |
|||
|
|||
/** |
|||
* 群主id |
|||
*/ |
|||
ownerId?: string | number; |
|||
|
|||
/** |
|||
* 群主 |
|||
*/ |
|||
ownerUserName: string, |
|||
/** |
|||
* 群头像 |
|||
*/ |
|||
headImage?: string; |
|||
|
|||
/** |
|||
* 群头像缩略图 |
|||
*/ |
|||
headImageThumb?: string; |
|||
|
|||
/** |
|||
* 群公告 |
|||
*/ |
|||
notice?: string; |
|||
|
|||
/** |
|||
* 是否已解散 |
|||
*/ |
|||
dissolve?: number; |
|||
|
|||
/** |
|||
* 创建时间 |
|||
*/ |
|||
createdTime?: string; |
|||
|
|||
/** |
|||
* 是否被封禁 0:否 1:是 |
|||
*/ |
|||
isBanned?: number; |
|||
|
|||
/** |
|||
* 被封禁原因 |
|||
*/ |
|||
reason?: string; |
|||
|
|||
} |
|||
|
|||
export interface GroupQuery extends PageQuery { |
|||
|
|||
/** |
|||
* 群名字 |
|||
*/ |
|||
name?: string; |
|||
|
|||
/** |
|||
* 群主id |
|||
*/ |
|||
ownerId?: number; |
|||
|
|||
/** |
|||
* 群头像 |
|||
*/ |
|||
headImage?: string; |
|||
|
|||
/** |
|||
* 群头像缩略图 |
|||
*/ |
|||
headImageThumb?: string; |
|||
|
|||
/** |
|||
* 群公告 |
|||
*/ |
|||
notice?: string; |
|||
|
|||
/** |
|||
* 是否已解散 |
|||
*/ |
|||
dissolve?: number; |
|||
|
|||
/** |
|||
* 创建时间 |
|||
*/ |
|||
createdTime?: string; |
|||
|
|||
/** |
|||
* 是否被封禁 0:否 1:是 |
|||
*/ |
|||
isBanned?: number; |
|||
|
|||
/** |
|||
* 被封禁原因 |
|||
*/ |
|||
reason?: string; |
|||
|
|||
/** |
|||
* 日期范围参数 |
|||
*/ |
|||
params?: any; |
|||
} |
|||
|
|||
export interface GroupBanDTO { |
|||
|
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
|
|||
/** |
|||
* 被封禁原因 |
|||
*/ |
|||
reason?: string; |
|||
} |
|||
|
|||
|
|||
export interface GroupUnbanDTO { |
|||
|
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
} |
|||
|
|||
@ -0,0 +1,18 @@ |
|||
import request from '@/utils/request'; |
|||
import { AxiosPromise } from 'axios'; |
|||
import { GroupMemberVO, GroupMemberQuery } from '@/api/im/groupMember/types'; |
|||
|
|||
/** |
|||
* 查询群成员列表 |
|||
* @param query |
|||
* @returns {*} |
|||
*/ |
|||
|
|||
export const listGroupMember = (query?: GroupMemberQuery): AxiosPromise<GroupMemberVO[]> => { |
|||
return request({ |
|||
url: '/im/group/member/list', |
|||
method: 'get', |
|||
params: query |
|||
}); |
|||
}; |
|||
|
|||
@ -0,0 +1,173 @@ |
|||
export interface GroupMemberVO { |
|||
/** |
|||
* id |
|||
*/ |
|||
id: string | number; |
|||
|
|||
/** |
|||
* 群id |
|||
*/ |
|||
groupId: string | number; |
|||
|
|||
/** |
|||
* 用户id |
|||
*/ |
|||
userId: string | number; |
|||
|
|||
/** |
|||
* 组内显示名称 |
|||
*/ |
|||
remarkNickName: string; |
|||
|
|||
/** |
|||
* 用户头像 |
|||
*/ |
|||
headImage: string; |
|||
|
|||
/** |
|||
* 用户头像Url |
|||
*/ |
|||
headImageUrl: string; |
|||
/** |
|||
* 群名备注 |
|||
*/ |
|||
remarkGroupName: string; |
|||
|
|||
/** |
|||
* 是否已退出 |
|||
*/ |
|||
quit: number; |
|||
|
|||
/** |
|||
* 创建时间 |
|||
*/ |
|||
createdTime: string; |
|||
|
|||
/** |
|||
* 退出时间 |
|||
*/ |
|||
quitTime: string; |
|||
|
|||
/** |
|||
* 用户昵称 |
|||
*/ |
|||
userNickName: string; |
|||
|
|||
} |
|||
|
|||
export interface GroupMemberForm extends BaseEntity { |
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
|
|||
/** |
|||
* 群id |
|||
*/ |
|||
groupId?: string | number; |
|||
|
|||
/** |
|||
* 用户id |
|||
*/ |
|||
userId?: string | number; |
|||
|
|||
/** |
|||
* 组内显示名称 |
|||
*/ |
|||
remarkNickName?: string; |
|||
|
|||
/** |
|||
* 用户头像 |
|||
*/ |
|||
headImage?: string; |
|||
|
|||
/** |
|||
* 群名备注 |
|||
*/ |
|||
remarkGroupName?: string; |
|||
|
|||
/** |
|||
* 是否已退出 |
|||
*/ |
|||
quit?: number; |
|||
|
|||
/** |
|||
* 创建时间 |
|||
*/ |
|||
createdTime?: string; |
|||
|
|||
/** |
|||
* 退出时间 |
|||
*/ |
|||
quitTime?: string; |
|||
|
|||
/** |
|||
* 用户昵称 |
|||
*/ |
|||
userNickName?: string; |
|||
|
|||
} |
|||
|
|||
export interface GroupMemberQuery extends PageQuery { |
|||
|
|||
/** |
|||
* 群id |
|||
*/ |
|||
groupId?: string | number; |
|||
|
|||
/** |
|||
* 用户id |
|||
*/ |
|||
userId?: number; |
|||
|
|||
/** |
|||
* 用户名 |
|||
*/ |
|||
userName: String, |
|||
|
|||
/** |
|||
* 组内显示名称 |
|||
*/ |
|||
remarkNickName?: string; |
|||
|
|||
/** |
|||
* 用户头像 |
|||
*/ |
|||
headImage?: string; |
|||
|
|||
/** |
|||
* 群名备注 |
|||
*/ |
|||
remarkGroupName?: string; |
|||
|
|||
/** |
|||
* 是否已退出 |
|||
*/ |
|||
quit?: number; |
|||
|
|||
/** |
|||
* 创建时间 |
|||
*/ |
|||
createdTime?: string; |
|||
|
|||
/** |
|||
* 退出时间 |
|||
*/ |
|||
quitTime?: string; |
|||
|
|||
/** |
|||
* 用户昵称 |
|||
*/ |
|||
userNickName?: string; |
|||
/** |
|||
* 群内显示名 |
|||
*/ |
|||
showNickName?: string; |
|||
/** |
|||
* 日期范围参数 |
|||
*/ |
|||
params?: any; |
|||
} |
|||
|
|||
|
|||
|
|||
@ -0,0 +1,63 @@ |
|||
import request from '@/utils/request'; |
|||
import { AxiosPromise } from 'axios'; |
|||
import { GroupMessageVO, GroupMessageForm, GroupMessageQuery } from '@/api/im/groupMessage/types'; |
|||
|
|||
/** |
|||
* 查询群消息列表 |
|||
* @param query |
|||
* @returns {*} |
|||
*/ |
|||
|
|||
export const listGroupMessage = (query?: GroupMessageQuery): AxiosPromise<GroupMessageVO[]> => { |
|||
return request({ |
|||
url: '/im/groupMessage/list', |
|||
method: 'get', |
|||
params: query |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 查询群消息详细 |
|||
* @param id |
|||
*/ |
|||
export const getGroupMessage = (id: string | number): AxiosPromise<GroupMessageVO> => { |
|||
return request({ |
|||
url: '/im/groupMessage/' + id, |
|||
method: 'get' |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 新增群消息 |
|||
* @param data |
|||
*/ |
|||
export const addGroupMessage = (data: GroupMessageForm) => { |
|||
return request({ |
|||
url: '/im/groupMessage', |
|||
method: 'post', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 修改群消息 |
|||
* @param data |
|||
*/ |
|||
export const updateGroupMessage = (data: GroupMessageForm) => { |
|||
return request({ |
|||
url: '/im/groupMessage', |
|||
method: 'put', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 删除群消息 |
|||
* @param id |
|||
*/ |
|||
export const delGroupMessage = (id: string | number | Array<string | number>) => { |
|||
return request({ |
|||
url: '/im/groupMessage/' + id, |
|||
method: 'delete' |
|||
}); |
|||
}; |
|||
@ -0,0 +1,191 @@ |
|||
export interface GroupMessageVO { |
|||
/** |
|||
* id |
|||
*/ |
|||
id: string | number; |
|||
|
|||
/** |
|||
* 群id |
|||
*/ |
|||
groupId: string | number; |
|||
|
|||
/** |
|||
* 发送用户id |
|||
*/ |
|||
sendId: string | number; |
|||
|
|||
/** |
|||
* 发送用户昵称 |
|||
*/ |
|||
sendNickName: string; |
|||
|
|||
/** |
|||
* 被@用户id列表，逗号分隔 |
|||
*/ |
|||
atUserIds: string | number; |
|||
|
|||
/** |
|||
* 发送内容 |
|||
*/ |
|||
content: string; |
|||
|
|||
/** |
|||
* |
|||
*/ |
|||
status: number; |
|||
|
|||
/** |
|||
* 消息类型 0:文字 1:图片 2:文件 |
|||
*/ |
|||
type: number; |
|||
|
|||
/** |
|||
* 发送时间 |
|||
*/ |
|||
sendTime: string; |
|||
|
|||
/** |
|||
* 回执消息是否完成 |
|||
*/ |
|||
receiptOk: number; |
|||
|
|||
/** |
|||
* 是否回执消息 |
|||
*/ |
|||
receipt: number; |
|||
|
|||
/** |
|||
* 接收用户id,逗号分隔，为空表示发给所有成员 |
|||
*/ |
|||
recvIds: string | number; |
|||
|
|||
} |
|||
|
|||
export interface GroupMessageForm extends BaseEntity { |
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
|
|||
/** |
|||
* 群id |
|||
*/ |
|||
groupId?: string | number; |
|||
|
|||
/** |
|||
* 发送用户id |
|||
*/ |
|||
sendId?: string | number; |
|||
|
|||
/** |
|||
* 发送用户昵称 |
|||
*/ |
|||
sendNickName?: string; |
|||
|
|||
/** |
|||
* 被@用户id列表，逗号分隔 |
|||
*/ |
|||
atUserIds?: string | number; |
|||
|
|||
/** |
|||
* 发送内容 |
|||
*/ |
|||
content?: string; |
|||
|
|||
/** |
|||
* |
|||
*/ |
|||
status?: number; |
|||
|
|||
/** |
|||
* 消息类型 0:文字 1:图片 2:文件 |
|||
*/ |
|||
type?: number; |
|||
|
|||
/** |
|||
* 发送时间 |
|||
*/ |
|||
sendTime?: string; |
|||
|
|||
/** |
|||
* 回执消息是否完成 |
|||
*/ |
|||
receiptOk?: number; |
|||
|
|||
/** |
|||
* 是否回执消息 |
|||
*/ |
|||
receipt?: number; |
|||
|
|||
/** |
|||
* 接收用户id,逗号分隔，为空表示发给所有成员 |
|||
*/ |
|||
recvIds?: string | number; |
|||
|
|||
} |
|||
|
|||
export interface GroupMessageQuery extends PageQuery { |
|||
|
|||
/** |
|||
* 群id |
|||
*/ |
|||
groupId?: string | number; |
|||
|
|||
/** |
|||
* 发送用户id |
|||
*/ |
|||
sendId?: string | number; |
|||
|
|||
/** |
|||
* 发送用户昵称 |
|||
*/ |
|||
sendNickName?: string; |
|||
|
|||
/** |
|||
* 被@用户id列表，逗号分隔 |
|||
*/ |
|||
atUserIds?: string | number; |
|||
|
|||
/** |
|||
* 发送内容 |
|||
*/ |
|||
content?: string; |
|||
|
|||
/** |
|||
* |
|||
*/ |
|||
status?: number; |
|||
|
|||
/** |
|||
* 消息类型 0:文字 1:图片 2:文件 |
|||
*/ |
|||
type?: number; |
|||
|
|||
/** |
|||
* 发送时间 |
|||
*/ |
|||
sendTime?: string; |
|||
|
|||
/** |
|||
* 回执消息是否完成 |
|||
*/ |
|||
receiptOk?: number; |
|||
|
|||
/** |
|||
* 是否回执消息 |
|||
*/ |
|||
receipt?: number; |
|||
|
|||
/** |
|||
* 接收用户id,逗号分隔，为空表示发给所有成员 |
|||
*/ |
|||
recvIds?: string | number; |
|||
|
|||
/** |
|||
* 日期范围参数 |
|||
*/ |
|||
params?: any; |
|||
} |
|||
|
|||
|
|||
|
|||
@ -0,0 +1,29 @@ |
|||
import request from '@/utils/request'; |
|||
import { AxiosPromise } from 'axios'; |
|||
import { PrivateMessageVO, PrivateMessageQuery } from '@/api/im/privateMessage/types'; |
|||
|
|||
/** |
|||
* 查询私聊消息列表 |
|||
* @param query |
|||
* @returns {*} |
|||
*/ |
|||
|
|||
export const listPrivateMessage = (query?: PrivateMessageQuery): AxiosPromise<PrivateMessageVO[]> => { |
|||
return request({ |
|||
url: '/im/privateMessage/list', |
|||
method: 'get', |
|||
params: query |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 查询私聊消息详细 |
|||
* @param id |
|||
*/ |
|||
export const getPrivateMessage = (id: string | number): AxiosPromise<PrivateMessageVO> => { |
|||
return request({ |
|||
url: '/im/privateMessage/' + id, |
|||
method: 'get' |
|||
}); |
|||
}; |
|||
|
|||
@ -0,0 +1,129 @@ |
|||
export interface PrivateMessageVO { |
|||
/** |
|||
* id |
|||
*/ |
|||
id: string | number; |
|||
|
|||
/** |
|||
* 发送用户id |
|||
*/ |
|||
sendId: string | number; |
|||
|
|||
/** |
|||
* 接收用户id |
|||
*/ |
|||
recvId: string | number; |
|||
|
|||
/** |
|||
* 发送内容 |
|||
*/ |
|||
content: string; |
|||
|
|||
/** |
|||
* 消息类型 0:文字 1:图片 2:文件 |
|||
*/ |
|||
type: number; |
|||
|
|||
/** |
|||
* 状态 0:未读 1:已读 |
|||
*/ |
|||
status: number; |
|||
|
|||
/** |
|||
* 发送时间 |
|||
*/ |
|||
sendTime: string; |
|||
|
|||
} |
|||
|
|||
export interface PrivateMessageForm extends BaseEntity { |
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
|
|||
/** |
|||
* 发送用户id |
|||
*/ |
|||
sendId?: string | number; |
|||
|
|||
|
|||
/** |
|||
* 发送用户id |
|||
*/ |
|||
sendUserName: string; |
|||
|
|||
|
|||
/** |
|||
* 接收用户id |
|||
*/ |
|||
recvId?: string | number; |
|||
|
|||
|
|||
/** |
|||
* 接收用户 |
|||
*/ |
|||
recvUserName: string; |
|||
|
|||
/** |
|||
* 发送内容 |
|||
*/ |
|||
content?: string; |
|||
|
|||
/** |
|||
* 消息类型 0:文字 1:图片 2:文件 |
|||
*/ |
|||
type?: number; |
|||
|
|||
/** |
|||
* 状态 0:未读 1:已读 |
|||
*/ |
|||
status?: number; |
|||
|
|||
/** |
|||
* 发送时间 |
|||
*/ |
|||
sendTime?: string; |
|||
|
|||
} |
|||
|
|||
export interface PrivateMessageQuery extends PageQuery { |
|||
|
|||
/** |
|||
* 发送用户id |
|||
*/ |
|||
sendId?: number; |
|||
|
|||
/** |
|||
* 接收用户id |
|||
*/ |
|||
recvId?: number; |
|||
|
|||
/** |
|||
* 发送内容 |
|||
*/ |
|||
content?: string; |
|||
|
|||
/** |
|||
* 消息类型 0:文字 1:图片 2:文件 |
|||
*/ |
|||
type?: number; |
|||
|
|||
/** |
|||
* 状态 0:未读 1:已读 |
|||
*/ |
|||
status?: number; |
|||
|
|||
/** |
|||
* 发送时间 |
|||
*/ |
|||
sendTime?: string; |
|||
|
|||
/** |
|||
* 日期范围参数 |
|||
*/ |
|||
params?: any; |
|||
} |
|||
|
|||
|
|||
|
|||
@ -0,0 +1,63 @@ |
|||
import request from '@/utils/request'; |
|||
import { AxiosPromise } from 'axios'; |
|||
import { SensitiveWordVO, SensitiveWordForm, SensitiveWordQuery } from '@/api/im/sensitiveWord/types'; |
|||
|
|||
/** |
|||
* 查询敏感词列表 |
|||
* @param query |
|||
* @returns {*} |
|||
*/ |
|||
|
|||
export const listSensitiveWord = (query?: SensitiveWordQuery): AxiosPromise<SensitiveWordVO[]> => { |
|||
return request({ |
|||
url: '/im/sensitiveWord/list', |
|||
method: 'get', |
|||
params: query |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 查询敏感词详细 |
|||
* @param id |
|||
*/ |
|||
export const getSensitiveWord = (id: string | number): AxiosPromise<SensitiveWordVO> => { |
|||
return request({ |
|||
url: '/im/sensitiveWord/' + id, |
|||
method: 'get' |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 新增敏感词 |
|||
* @param data |
|||
*/ |
|||
export const addSensitiveWord = (data: SensitiveWordForm) => { |
|||
return request({ |
|||
url: '/im/sensitiveWord', |
|||
method: 'post', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 修改敏感词 |
|||
* @param data |
|||
*/ |
|||
export const updateSensitiveWord = (data: SensitiveWordForm) => { |
|||
return request({ |
|||
url: '/im/sensitiveWord', |
|||
method: 'put', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 删除敏感词 |
|||
* @param id |
|||
*/ |
|||
export const delSensitiveWord = (id: string | number | Array<string | number>) => { |
|||
return request({ |
|||
url: '/im/sensitiveWord/' + id, |
|||
method: 'delete' |
|||
}); |
|||
}; |
|||
@ -0,0 +1,71 @@ |
|||
export interface SensitiveWordVO { |
|||
/** |
|||
* id |
|||
*/ |
|||
id: string | number; |
|||
|
|||
/** |
|||
* 敏感词内容 |
|||
*/ |
|||
content: string; |
|||
|
|||
/** |
|||
* 是否启用 0:未启用 1:启用 |
|||
*/ |
|||
enabled: number; |
|||
|
|||
/** |
|||
* 创建者 |
|||
*/ |
|||
creator: number; |
|||
|
|||
} |
|||
|
|||
export interface SensitiveWordForm extends BaseEntity { |
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
|
|||
/** |
|||
* 敏感词内容 |
|||
*/ |
|||
content?: string; |
|||
|
|||
/** |
|||
* 是否启用 0:未启用 1:启用 |
|||
*/ |
|||
enabled?: number; |
|||
|
|||
/** |
|||
* 创建者 |
|||
*/ |
|||
creator?: number; |
|||
|
|||
} |
|||
|
|||
export interface SensitiveWordQuery extends PageQuery { |
|||
|
|||
/** |
|||
* 敏感词内容 |
|||
*/ |
|||
content?: string; |
|||
|
|||
/** |
|||
* 是否启用 0:未启用 1:启用 |
|||
*/ |
|||
enabled?: number; |
|||
|
|||
/** |
|||
* 创建者 |
|||
*/ |
|||
creator?: number; |
|||
|
|||
/** |
|||
* 日期范围参数 |
|||
*/ |
|||
params?: any; |
|||
} |
|||
|
|||
|
|||
|
|||
@ -0,0 +1,63 @@ |
|||
import request from '@/utils/request'; |
|||
import { AxiosPromise } from 'axios'; |
|||
import { SmPushTaskVO, SmPushTaskForm, SmPushTaskQuery } from '@/api/im/smPushTask/types'; |
|||
|
|||
/** |
|||
* 查询系统消息推送任务列表 |
|||
* @param query |
|||
* @returns {*} |
|||
*/ |
|||
|
|||
export const listSmPushTask = (query?: SmPushTaskQuery): AxiosPromise<SmPushTaskVO[]> => { |
|||
return request({ |
|||
url: '/im/smPushTask/list', |
|||
method: 'get', |
|||
params: query |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 查询系统消息推送任务详细 |
|||
* @param id |
|||
*/ |
|||
export const getSmPushTask = (id: string | number): AxiosPromise<SmPushTaskVO> => { |
|||
return request({ |
|||
url: '/im/smPushTask/' + id, |
|||
method: 'get' |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 新增系统消息推送任务 |
|||
* @param data |
|||
*/ |
|||
export const addSmPushTask = (data: SmPushTaskForm) => { |
|||
return request({ |
|||
url: '/im/smPushTask', |
|||
method: 'post', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 修改系统消息推送任务 |
|||
* @param data |
|||
*/ |
|||
export const updateSmPushTask = (data: SmPushTaskForm) => { |
|||
return request({ |
|||
url: '/im/smPushTask', |
|||
method: 'put', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 删除系统消息推送任务 |
|||
* @param id |
|||
*/ |
|||
export const delSmPushTask = (id: string | number | Array<string | number>) => { |
|||
return request({ |
|||
url: '/im/smPushTask/' + id, |
|||
method: 'delete' |
|||
}); |
|||
}; |
|||
@ -0,0 +1,161 @@ |
|||
export interface SmPushTaskVO { |
|||
/** |
|||
* id |
|||
*/ |
|||
id: string | number; |
|||
|
|||
/** |
|||
* 系统消息id |
|||
*/ |
|||
messageId: string | number; |
|||
|
|||
/** |
|||
* 发送序列号 |
|||
*/ |
|||
seqNo: number; |
|||
|
|||
/** |
|||
* 推送时间 |
|||
*/ |
|||
sendTime: string; |
|||
|
|||
/** |
|||
* 状态 1:待发送 2:发送中 3:已发送 4:已取消 |
|||
*/ |
|||
status: number; |
|||
|
|||
/** |
|||
* 是否发送给全体用户 |
|||
*/ |
|||
sendToAll: number; |
|||
|
|||
/** |
|||
* 接收用户id,逗号分隔,send_to_all为false时有效 |
|||
*/ |
|||
recvIds: string | number; |
|||
|
|||
/** |
|||
* 删除标识 0：正常 1：已删除 |
|||
*/ |
|||
deleted: number; |
|||
|
|||
/** |
|||
* 创建者 |
|||
*/ |
|||
creator: number; |
|||
|
|||
/** |
|||
* 更新者 |
|||
*/ |
|||
updater: number; |
|||
|
|||
} |
|||
|
|||
export interface SmPushTaskForm extends BaseEntity { |
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
|
|||
/** |
|||
* 系统消息id |
|||
*/ |
|||
messageId?: string | number; |
|||
|
|||
/** |
|||
* 发送序列号 |
|||
*/ |
|||
seqNo?: number; |
|||
|
|||
/** |
|||
* 推送时间 |
|||
*/ |
|||
sendTime?: string; |
|||
|
|||
/** |
|||
* 状态 1:待发送 2:发送中 3:已发送 4:已取消 |
|||
*/ |
|||
status?: number; |
|||
|
|||
/** |
|||
* 是否发送给全体用户 |
|||
*/ |
|||
sendToAll?: number; |
|||
|
|||
/** |
|||
* 接收用户id,逗号分隔,send_to_all为false时有效 |
|||
*/ |
|||
recvIds?: string | number; |
|||
|
|||
/** |
|||
* 删除标识 0：正常 1：已删除 |
|||
*/ |
|||
deleted?: number; |
|||
|
|||
/** |
|||
* 创建者 |
|||
*/ |
|||
creator?: number; |
|||
|
|||
/** |
|||
* 更新者 |
|||
*/ |
|||
updater?: number; |
|||
|
|||
} |
|||
|
|||
export interface SmPushTaskQuery extends PageQuery { |
|||
|
|||
/** |
|||
* 系统消息id |
|||
*/ |
|||
messageId?: string | number; |
|||
|
|||
/** |
|||
* 发送序列号 |
|||
*/ |
|||
seqNo?: number; |
|||
|
|||
/** |
|||
* 推送时间 |
|||
*/ |
|||
sendTime?: string; |
|||
|
|||
/** |
|||
* 状态 1:待发送 2:发送中 3:已发送 4:已取消 |
|||
*/ |
|||
status?: number; |
|||
|
|||
/** |
|||
* 是否发送给全体用户 |
|||
*/ |
|||
sendToAll?: number; |
|||
|
|||
/** |
|||
* 接收用户id,逗号分隔,send_to_all为false时有效 |
|||
*/ |
|||
recvIds?: string | number; |
|||
|
|||
/** |
|||
* 删除标识 0：正常 1：已删除 |
|||
*/ |
|||
deleted?: number; |
|||
|
|||
/** |
|||
* 创建者 |
|||
*/ |
|||
creator?: number; |
|||
|
|||
/** |
|||
* 更新者 |
|||
*/ |
|||
updater?: number; |
|||
|
|||
/** |
|||
* 日期范围参数 |
|||
*/ |
|||
params?: any; |
|||
} |
|||
|
|||
|
|||
|
|||
@ -0,0 +1,63 @@ |
|||
import request from '@/utils/request'; |
|||
import { AxiosPromise } from 'axios'; |
|||
import { SystemMessageVO, SystemMessageForm, SystemMessageQuery } from '@/api/im/systemMessage/types'; |
|||
|
|||
/** |
|||
* 查询系统消息列表 |
|||
* @param query |
|||
* @returns {*} |
|||
*/ |
|||
|
|||
export const listSystemMessage = (query?: SystemMessageQuery): AxiosPromise<SystemMessageVO[]> => { |
|||
return request({ |
|||
url: '/im/systemMessage/list', |
|||
method: 'get', |
|||
params: query |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 查询系统消息详细 |
|||
* @param id |
|||
*/ |
|||
export const getSystemMessage = (id: string | number): AxiosPromise<SystemMessageVO> => { |
|||
return request({ |
|||
url: '/im/systemMessage/' + id, |
|||
method: 'get' |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 新增系统消息 |
|||
* @param data |
|||
*/ |
|||
export const addSystemMessage = (data: SystemMessageForm) => { |
|||
return request({ |
|||
url: '/im/systemMessage', |
|||
method: 'post', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 修改系统消息 |
|||
* @param data |
|||
*/ |
|||
export const updateSystemMessage = (data: SystemMessageForm) => { |
|||
return request({ |
|||
url: '/im/systemMessage', |
|||
method: 'put', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 删除系统消息 |
|||
* @param id |
|||
*/ |
|||
export const delSystemMessage = (id: string | number | Array<string | number>) => { |
|||
return request({ |
|||
url: '/im/systemMessage/' + id, |
|||
method: 'delete' |
|||
}); |
|||
}; |
|||
@ -0,0 +1,161 @@ |
|||
export interface SystemMessageVO { |
|||
/** |
|||
* id |
|||
*/ |
|||
id: string | number; |
|||
|
|||
/** |
|||
* 标题 |
|||
*/ |
|||
title: string; |
|||
|
|||
/** |
|||
* 封面 |
|||
*/ |
|||
coverUrl: string; |
|||
|
|||
/** |
|||
* 简介 |
|||
*/ |
|||
intro: string; |
|||
|
|||
/** |
|||
* 内容类型 0:富文本 1:外部链接 |
|||
*/ |
|||
contentType: number; |
|||
|
|||
/** |
|||
* 富文本内容，base64编码 |
|||
*/ |
|||
richText: string; |
|||
|
|||
/** |
|||
* 外部链接 |
|||
*/ |
|||
externLink: string; |
|||
|
|||
/** |
|||
* 删除标识 0：正常 1：已删除 |
|||
*/ |
|||
deleted: number; |
|||
|
|||
/** |
|||
* 创建者 |
|||
*/ |
|||
creator: number; |
|||
|
|||
/** |
|||
* 更新者 |
|||
*/ |
|||
updater: number; |
|||
|
|||
} |
|||
|
|||
export interface SystemMessageForm extends BaseEntity { |
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
|
|||
/** |
|||
* 标题 |
|||
*/ |
|||
title?: string; |
|||
|
|||
/** |
|||
* 封面 |
|||
*/ |
|||
coverUrl?: string; |
|||
|
|||
/** |
|||
* 简介 |
|||
*/ |
|||
intro?: string; |
|||
|
|||
/** |
|||
* 内容类型 0:富文本 1:外部链接 |
|||
*/ |
|||
contentType?: number; |
|||
|
|||
/** |
|||
* 富文本内容，base64编码 |
|||
*/ |
|||
richText?: string; |
|||
|
|||
/** |
|||
* 外部链接 |
|||
*/ |
|||
externLink?: string; |
|||
|
|||
/** |
|||
* 删除标识 0：正常 1：已删除 |
|||
*/ |
|||
deleted?: number; |
|||
|
|||
/** |
|||
* 创建者 |
|||
*/ |
|||
creator?: number; |
|||
|
|||
/** |
|||
* 更新者 |
|||
*/ |
|||
updater?: number; |
|||
|
|||
} |
|||
|
|||
export interface SystemMessageQuery extends PageQuery { |
|||
|
|||
/** |
|||
* 标题 |
|||
*/ |
|||
title?: string; |
|||
|
|||
/** |
|||
* 封面 |
|||
*/ |
|||
coverUrl?: string; |
|||
|
|||
/** |
|||
* 简介 |
|||
*/ |
|||
intro?: string; |
|||
|
|||
/** |
|||
* 内容类型 0:富文本 1:外部链接 |
|||
*/ |
|||
contentType?: number; |
|||
|
|||
/** |
|||
* 富文本内容，base64编码 |
|||
*/ |
|||
richText?: string; |
|||
|
|||
/** |
|||
* 外部链接 |
|||
*/ |
|||
externLink?: string; |
|||
|
|||
/** |
|||
* 删除标识 0：正常 1：已删除 |
|||
*/ |
|||
deleted?: number; |
|||
|
|||
/** |
|||
* 创建者 |
|||
*/ |
|||
creator?: number; |
|||
|
|||
/** |
|||
* 更新者 |
|||
*/ |
|||
updater?: number; |
|||
|
|||
/** |
|||
* 日期范围参数 |
|||
*/ |
|||
params?: any; |
|||
} |
|||
|
|||
|
|||
|
|||
@ -0,0 +1,63 @@ |
|||
import request from '@/utils/request'; |
|||
import { AxiosPromise } from 'axios'; |
|||
import { UserVO, UserBanDTO, UserUnbanDTO, UserQuery } from '@/api/im/user/types'; |
|||
|
|||
/** |
|||
* 查询用户列表 |
|||
* @param query |
|||
* @returns {*} |
|||
*/ |
|||
|
|||
export const listUser = (query?: UserQuery): AxiosPromise<UserVO[]> => { |
|||
return request({ |
|||
url: '/im/user/list', |
|||
method: 'get', |
|||
params: query |
|||
}); |
|||
}; |
|||
|
|||
/** |
|||
* 查询用户详细 |
|||
* @param id |
|||
*/ |
|||
export const getUser = (id: string | number): AxiosPromise<UserVO> => { |
|||
return request({ |
|||
url: '/im/user/' + id, |
|||
method: 'get' |
|||
}); |
|||
}; |
|||
|
|||
|
|||
/** |
|||
* 封禁用户 |
|||
* @param data |
|||
*/ |
|||
export const ban = (data: UserBanDTO) => { |
|||
return request({ |
|||
url: '/im/user/ban', |
|||
method: 'put', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
|
|||
/** |
|||
* 解封用户 |
|||
* @param data |
|||
*/ |
|||
export const unban = (data: UserUnbanDTO) => { |
|||
return request({ |
|||
url: '/im/user/unban', |
|||
method: 'put', |
|||
data: data |
|||
}); |
|||
}; |
|||
|
|||
|
|||
export const findUserByName = (name?: String): AxiosPromise<UserVO[]> => { |
|||
return request({ |
|||
url: '/im/user/findByName?name='+name, |
|||
method: 'get' |
|||
}); |
|||
}; |
|||
|
|||
@ -0,0 +1,204 @@ |
|||
export interface UserVO { |
|||
/** |
|||
* id |
|||
*/ |
|||
id: string | number; |
|||
|
|||
/** |
|||
* 用户名 |
|||
*/ |
|||
userName: string; |
|||
|
|||
/** |
|||
* 用户昵称 |
|||
*/ |
|||
nickName: string; |
|||
|
|||
/** |
|||
* 用户头像 |
|||
*/ |
|||
headImage: string; |
|||
|
|||
/** |
|||
* 用户头像Url |
|||
*/ |
|||
headImageUrl: string; |
|||
/** |
|||
* 用户头像缩略图 |
|||
*/ |
|||
headImageThumb: string; |
|||
|
|||
/** |
|||
* 密码(明文) |
|||
*/ |
|||
password: string; |
|||
|
|||
/** |
|||
* 性别 0:男 1::女 |
|||
*/ |
|||
sex: number; |
|||
|
|||
/** |
|||
* 个性签名 |
|||
*/ |
|||
signature: string; |
|||
|
|||
/** |
|||
* 最后登录时间 |
|||
*/ |
|||
lastLoginTime: string; |
|||
|
|||
/** |
|||
* 创建时间 |
|||
*/ |
|||
createdTime: string; |
|||
|
|||
/** |
|||
* |
|||
*/ |
|||
type: number; |
|||
|
|||
/** |
|||
* 是否被封禁 0:否 1:是 |
|||
*/ |
|||
isBanned: number; |
|||
|
|||
/** |
|||
* 被封禁原因 |
|||
*/ |
|||
reason: string; |
|||
|
|||
/** |
|||
* 客户端id,用于uni-push推送 |
|||
*/ |
|||
cid: string | number; |
|||
|
|||
/** |
|||
* 状态 0：正常 1:已注销 |
|||
*/ |
|||
status: number; |
|||
|
|||
} |
|||
|
|||
export interface UserForm extends BaseEntity { |
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
|
|||
/** |
|||
* 用户名 |
|||
*/ |
|||
userName?: string; |
|||
|
|||
/** |
|||
* 用户昵称 |
|||
*/ |
|||
nickName?: string; |
|||
|
|||
/** |
|||
* 用户头像 |
|||
*/ |
|||
headImage?: string; |
|||
|
|||
/** |
|||
* 用户头像缩略图 |
|||
*/ |
|||
headImageThumb?: string; |
|||
|
|||
/** |
|||
* 密码(明文) |
|||
*/ |
|||
password?: string; |
|||
|
|||
/** |
|||
* 性别 0:男 1::女 |
|||
*/ |
|||
sex?: number; |
|||
|
|||
/** |
|||
* 个性签名 |
|||
*/ |
|||
signature?: string; |
|||
|
|||
/** |
|||
* 最后登录时间 |
|||
*/ |
|||
lastLoginTime?: string; |
|||
|
|||
/** |
|||
* 创建时间 |
|||
*/ |
|||
createdTime?: string; |
|||
|
|||
/** |
|||
* |
|||
*/ |
|||
type?: number; |
|||
|
|||
/** |
|||
* 是否被封禁 0:否 1:是 |
|||
*/ |
|||
isBanned?: number; |
|||
|
|||
/** |
|||
* 被封禁原因 |
|||
*/ |
|||
reason?: string; |
|||
|
|||
/** |
|||
* 客户端id,用于uni-push推送 |
|||
*/ |
|||
cid?: string | number; |
|||
|
|||
/** |
|||
* 状态 0：正常 1:已注销 |
|||
*/ |
|||
status?: number; |
|||
|
|||
} |
|||
|
|||
export interface UserQuery extends PageQuery { |
|||
|
|||
/** |
|||
* 用户名 |
|||
*/ |
|||
userName?: string; |
|||
|
|||
/** |
|||
* 用户昵称 |
|||
*/ |
|||
nickName?: string; |
|||
/** |
|||
* 创建时间 |
|||
*/ |
|||
createdTime?: string; |
|||
/** |
|||
* 日期范围参数 |
|||
*/ |
|||
params?: any; |
|||
} |
|||
|
|||
export interface UserBanDTO { |
|||
|
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
|
|||
/** |
|||
* 被封禁原因 |
|||
*/ |
|||
reason?: string; |
|||
} |
|||
|
|||
|
|||
export interface UserUnbanDTO { |
|||
|
|||
/** |
|||
* id |
|||
*/ |
|||
id?: string | number; |
|||
} |
|||
|
|||
|
|||
@ -0,0 +1,52 @@ |
|||
<template> |
|||
<el-select v-model="groupIds" :multiple="multiple" filterable remote clearable |
|||
:placeholder="placeholder" :remote-method="handleRemote" :loading="loading" |
|||
style="width: 240px"> |
|||
<el-option v-for="group in options" :key="group.id" :label="group.name" :value="group.id" /> |
|||
</el-select> |
|||
</template> |
|||
|
|||
<script setup lang="ts" name="ImGroupSelect"> |
|||
|
|||
import { computed } from 'vue' |
|||
import { ref } from 'vue' |
|||
import { findGroupByName } from '@/api/im/group' |
|||
|
|||
const props = defineProps({ |
|||
multiple: { |
|||
type: Boolean, |
|||
required: false, |
|||
default: () => false |
|||
}, |
|||
placeholder: { |
|||
type: String, |
|||
required: false, |
|||
default: () => '' |
|||
} |
|||
}) |
|||
|
|||
const loading = ref(false) |
|||
const options = ref() |
|||
const model = defineModel<number | Array<Number>>() |
|||
const groupIds = computed({ |
|||
get() { |
|||
if(model.value != undefined){ |
|||
return model.value |
|||
}else if(props.multiple){ |
|||
return [] |
|||
} |
|||
}, |
|||
set(value) { |
|||
model.value = value |
|||
} |
|||
}) |
|||
|
|||
const handleRemote = (name: String)=>{ |
|||
loading.value = true |
|||
findGroupByName().then((res) => { |
|||
loading.value = false; |
|||
options.value = res.data; |
|||
}); |
|||
} |
|||
|
|||
</script> |
|||
@ -0,0 +1,39 @@ |
|||
<template> |
|||
<div> |
|||
<div v-if="message.type == 1" > |
|||
<image-preview :src="JSON.parse(message.content).thumbUrl" :full-src="JSON.parse(message.content).originUrl" :width="40" :height="40" /> |
|||
</div> |
|||
<div v-else-if="message.type == 2"> |
|||
<el-link type="primary" :href="JSON.parse(message.content).url" :download="JSON.parse(message.content).name" target="_blank"> |
|||
{{ JSON.parse(message.content).name }} |
|||
</el-link> |
|||
</div> |
|||
<div v-else-if="message.type == 3"> |
|||
<audio style="height: 40px;" controls :src="JSON.parse(message.content).url"></audio> |
|||
</div> |
|||
<div v-else-if="message.type == 4"> |
|||
<video style="max-height: 120px;max-width: 200px;" controls :poster="JSON.parse(message.content).coverUrl" :src="JSON.parse(message.content).videoUrl"></video> |
|||
</div> |
|||
<div v-else> |
|||
{{ message.content }} |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup lang="ts" name="ImMessageContent"> |
|||
import { ref} from 'vue' |
|||
|
|||
const props = defineProps({ |
|||
message: { |
|||
type: Object, |
|||
required: true |
|||
} |
|||
}) |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.link { |
|||
color: inherit; |
|||
text-decoration: none; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,51 @@ |
|||
<template> |
|||
<el-select v-model="messageIds" :multiple="multiple" filterable remote clearable |
|||
:placeholder="placeholder" :remote-method="handleRemote" :loading="loading"> |
|||
<el-option v-for="message in options" :key="message.id" :label="message.title" :value="message.id" /> |
|||
</el-select> |
|||
</template> |
|||
|
|||
<script setup lang="ts" name="ImSmSelect"> |
|||
|
|||
import { computed } from 'vue' |
|||
import { ref } from 'vue' |
|||
import { listSystemMessage } from '@/api/im/systemMessage' |
|||
|
|||
const props = defineProps({ |
|||
multiple: { |
|||
type: Boolean, |
|||
required: false, |
|||
default: () => false |
|||
}, |
|||
placeholder: { |
|||
type: String, |
|||
required: false, |
|||
default: () => '' |
|||
} |
|||
}) |
|||
|
|||
const loading = ref(false) |
|||
const options = ref() |
|||
const model = defineModel<number | Array<Number>>() |
|||
const messageIds = computed({ |
|||
get() { |
|||
if(model.value != undefined){ |
|||
return model.value |
|||
}else if(props.multiple){ |
|||
return [] |
|||
} |
|||
}, |
|||
set(value) { |
|||
model.value = value |
|||
} |
|||
}) |
|||
|
|||
const handleRemote = (name: string)=>{ |
|||
loading.value = true |
|||
listSystemMessage().then((res) => { |
|||
loading.value = false; |
|||
options.value = res.data; |
|||
}); |
|||
} |
|||
|
|||
</script> |
|||
@ -0,0 +1,51 @@ |
|||
<template> |
|||
<el-select v-model="userIds" :multiple="multiple" filterable remote clearable |
|||
:placeholder="placeholder" :remote-method="handleRemote" :loading="loading"> |
|||
<el-option v-for="user in options" :key="user.id" :label="user.userName" :value="user.id" /> |
|||
</el-select> |
|||
</template> |
|||
|
|||
<script setup lang="ts" name="ImUserSelect"> |
|||
|
|||
import { computed } from 'vue' |
|||
import { ref } from 'vue' |
|||
import { findUserByName } from '@/api/im/user' |
|||
|
|||
const props = defineProps({ |
|||
multiple: { |
|||
type: Boolean, |
|||
required: false, |
|||
default: () => false |
|||
}, |
|||
placeholder: { |
|||
type: String, |
|||
required: false, |
|||
default: () => '' |
|||
} |
|||
}) |
|||
|
|||
const loading = ref(false) |
|||
const options = ref() |
|||
const model = defineModel<number | Array<Number>>() |
|||
const userIds = computed({ |
|||
get() { |
|||
if(model.value != undefined){ |
|||
return model.value |
|||
}else if(props.multiple){ |
|||
return [] |
|||
} |
|||
}, |
|||
set(value) { |
|||
model.value = value |
|||
} |
|||
}) |
|||
|
|||
const handleRemote = (name: String)=>{ |
|||
loading.value = true |
|||
findUserByName(name).then((res) => { |
|||
loading.value = false; |
|||
options.value = res.data; |
|||
}); |
|||
} |
|||
|
|||
</script> |
|||
@ -0,0 +1,292 @@ |
|||
<template> |
|||
<div class="p-2"> |
|||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" |
|||
:leave-active-class="proxy?.animate.searchAnimate.leave"> |
|||
<div v-show="showSearch" class="mb-[10px]"> |
|||
<el-card shadow="hover"> |
|||
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
|||
<el-form-item label="群名" prop="name"> |
|||
<el-input v-model="queryParams.name" placeholder="请输入群名字" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="群主" prop="ownerIds"> |
|||
<im-user-select v-model="queryParams.ownerId"></im-user-select> |
|||
</el-form-item> |
|||
<el-form-item label="创建时间" prop="createdTime"> |
|||
<el-date-picker |
|||
v-model="dateRange" |
|||
value-format="YYYY-MM-DD HH:mm:ss" |
|||
type="daterange" |
|||
range-separator="-" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期" |
|||
:default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]" |
|||
></el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
</div> |
|||
</transition> |
|||
|
|||
<el-card shadow="never"> |
|||
<template #header> |
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button type="warning" plain icon="Download" @click="handleExport" |
|||
v-hasPermi="['im:group:export']">导出</el-button> |
|||
</el-col> |
|||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
</template> |
|||
|
|||
<el-table v-loading="loading" :data="groupList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="群头像" align="center" prop="headImage" width="100"> |
|||
<template #default="scope"> |
|||
<image-preview :src="scope.row.headImageThumb" :full-src="scope.row.headImage" :width="40" :height="40" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="群名" align="center" prop="name" /> |
|||
<el-table-column label="群主" align="center" prop="ownerUserName" /> |
|||
<el-table-column label="成员数量" align="center" prop="memberCount" /> |
|||
<el-table-column label="创建时间" align="center" prop="createdTime" width="180"> |
|||
<template #default="scope"> |
|||
<span>{{ parseTime(scope.row.createdTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="是否解散" align="center" prop="dissolve"> |
|||
<template #default="scope"> |
|||
<dict-tag :options="sys_bool" :value="scope.row.dissolve" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="是否封禁" align="center" prop="isBanned"> |
|||
<template #default="scope"> |
|||
<dict-tag :options="sys_bool" :value="scope.row.isBanned" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|||
<template #default="scope"> |
|||
<el-tooltip content="详情" placement="top"> |
|||
<el-button link type="primary" v-hasPermi="['im:group:query']" |
|||
@click="handleDetail(scope.row)">详情</el-button> |
|||
</el-tooltip> |
|||
<el-tooltip v-if="scope.row.isBanned" placement="top"> |
|||
<el-button link type="danger" v-hasPermi="['im:group:ban']" @click="handleUnban(scope.row)">解封</el-button> |
|||
</el-tooltip> |
|||
<el-tooltip v-else placement="top"> |
|||
<el-button link type="danger" v-hasPermi="['im:group:ban']" @click="handleBan(scope.row)">封禁</el-button> |
|||
</el-tooltip> |
|||
<el-tooltip placement="top"> |
|||
<el-button link type="primary" @click="handleShowMember(scope.row.id)">查看成员</el-button> |
|||
</el-tooltip> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" |
|||
v-model:limit="queryParams.pageSize" @pagination="getList" /> |
|||
</el-card> |
|||
<!-- 添加或修改群对话框 --> |
|||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="800px" append-to-body> |
|||
<el-form ref="groupFormRef" :model="form" label-width="100px" disabled> |
|||
<el-form-item label="群头像" prop="headImage"> |
|||
<image-preview :src="form.headImageThumb" :full-src="form.headImage" :width="50" :height="50" /> |
|||
</el-form-item> |
|||
<el-form-item label="群名字" prop="name"> |
|||
<el-input v-model="form.name" placeholder="请输入群名字" /> |
|||
</el-form-item> |
|||
<el-form-item label="群主" prop="name"> |
|||
<el-input v-model="form.ownerUserName" placeholder="请输入群名字" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建时间" prop="createdTime"> |
|||
<el-date-picker clearable v-model="form.createdTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="是否已解散" prop="dissolve"> |
|||
<dict-tag :options="sys_bool" :value="form.dissolve" /> |
|||
</el-form-item> |
|||
<el-form-item label="是否被封禁" prop="isBanned"> |
|||
<dict-tag :options="sys_bool" :value="form.isBanned" /> |
|||
</el-form-item> |
|||
<el-form-item v-if="form.isBanned" label="被封禁原因" prop="reason"> |
|||
<el-input v-model="form.reason" placeholder="请输入被封禁原因" /> |
|||
</el-form-item> |
|||
<el-form-item label="群公告" prop="notice"> |
|||
<el-input type="textarea" v-model="form.notice"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
<el-drawer v-model="memberVisible" title="成员列表" :size="900" :close-on-press-escape="false" :close-on-click-modal="true"> |
|||
<member ref="memberRef"></member> |
|||
</el-drawer> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup name="Group" lang="ts"> |
|||
import { listGroup, getGroup, ban, unban } from '@/api/im/group'; |
|||
import { GroupVO, GroupQuery, GroupForm } from '@/api/im/group/types'; |
|||
import member from './member.vue'; |
|||
|
|||
const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
|||
|
|||
const groupList = ref<GroupVO[]>([]); |
|||
const buttonLoading = ref(false); |
|||
const loading = ref(true); |
|||
const showSearch = ref(true); |
|||
const ids = ref<Array<string | number>>([]); |
|||
const single = ref(true); |
|||
const multiple = ref(true); |
|||
const total = ref(0); |
|||
const memberVisible = ref(false); |
|||
const dateRange = ref<[DateModelType, DateModelType]>(['', '']); |
|||
const queryFormRef = ref<ElFormInstance>(); |
|||
const groupFormRef = ref<ElFormInstance>(); |
|||
const memberRef = ref(); |
|||
|
|||
const dialog = reactive<DialogOption>({ |
|||
visible: false, |
|||
title: '' |
|||
}); |
|||
|
|||
const initFormData: GroupForm = { |
|||
id: undefined, |
|||
name: undefined, |
|||
ownerId: undefined, |
|||
ownerUserName: undefined, |
|||
headImage: undefined, |
|||
headImageThumb: undefined, |
|||
notice: undefined, |
|||
dissolve: undefined, |
|||
createdTime: undefined, |
|||
isBanned: undefined, |
|||
reason: undefined |
|||
} |
|||
const data = reactive<PageData<GroupForm, GroupQuery>>({ |
|||
form: { ...initFormData }, |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
name: undefined, |
|||
ownerId: undefined, |
|||
headImage: undefined, |
|||
headImageThumb: undefined, |
|||
notice: undefined, |
|||
dissolve: undefined, |
|||
createdTime: undefined, |
|||
isBanned: undefined, |
|||
reason: undefined, |
|||
params: { |
|||
} |
|||
}, |
|||
rules: { |
|||
|
|||
} |
|||
}); |
|||
|
|||
const { queryParams, form } = toRefs(data); |
|||
const { sys_bool } = toRefs<any>(proxy?.useDict('sys_bool')); |
|||
|
|||
/** 查询群列表 */ |
|||
const getList = async () => { |
|||
loading.value = true; |
|||
const res = await listGroup(proxy?.addDateRange(queryParams.value, dateRange.value)); |
|||
groupList.value = res.rows; |
|||
total.value = res.total; |
|||
loading.value = false; |
|||
} |
|||
|
|||
|
|||
|
|||
/** 表单重置 */ |
|||
const reset = () => { |
|||
form.value = { ...initFormData }; |
|||
groupFormRef.value?.resetFields(); |
|||
} |
|||
|
|||
/** 搜索按钮操作 */ |
|||
const handleQuery = () => { |
|||
queryParams.value.pageNum = 1; |
|||
getList(); |
|||
} |
|||
|
|||
/** 重置按钮操作 */ |
|||
const resetQuery = () => { |
|||
dateRange.value = ['', '']; |
|||
queryFormRef.value?.resetFields(); |
|||
handleQuery(); |
|||
} |
|||
|
|||
/** 多选框选中数据 */ |
|||
const handleSelectionChange = (selection: GroupVO[]) => { |
|||
ids.value = selection.map(item => item.id); |
|||
single.value = selection.length != 1; |
|||
multiple.value = !selection.length; |
|||
} |
|||
|
|||
/** 详情按钮操作 */ |
|||
const handleDetail = async (row?: GroupVO) => { |
|||
reset(); |
|||
const _id = row?.id || ids.value[0] |
|||
const res = await getGroup(_id); |
|||
Object.assign(form.value, res.data); |
|||
dialog.visible = true; |
|||
dialog.title = "用户信息"; |
|||
} |
|||
|
|||
const handleBan = (group: any) => { |
|||
ElMessageBox.prompt('封禁原因:', '确定对该群组进行封禁？', { |
|||
inputPattern: /\S/, |
|||
inputErrorMessage: '请输入封禁原因', |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消' |
|||
}).then(({ value }) => { |
|||
const data = { id: group.id, reason: value } |
|||
ban(data).then(() => { |
|||
group.isBanned = true; |
|||
ElMessage.success(`群组'${group.name}'已被封禁`); |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
const handleUnban = (group: any) => { |
|||
ElMessageBox.confirm('确定解除该群组的封禁状态？', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消' |
|||
}).then(() => { |
|||
const data = { id: group.id } |
|||
unban(data).then(() => { |
|||
group.isBanned = false; |
|||
ElMessage.success(`群组'${group.name}'解封成功`); |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
const handleShowMember = (id: number) => { |
|||
memberVisible.value = true; |
|||
nextTick(() => memberRef.value.init(id)); |
|||
} |
|||
|
|||
/** 提交按钮 */ |
|||
const submitForm = () => { |
|||
dialog.visible = false; |
|||
} |
|||
|
|||
/** 导出按钮操作 */ |
|||
const handleExport = () => { |
|||
proxy?.download('im/group/export', { |
|||
...queryParams.value |
|||
}, `group_${new Date().getTime()}.xlsx`) |
|||
} |
|||
|
|||
onMounted(() => { |
|||
getList(); |
|||
}); |
|||
</script> |
|||
@ -0,0 +1,99 @@ |
|||
<template> |
|||
<div class="p-2"> |
|||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" |
|||
:leave-active-class="proxy?.animate.searchAnimate.leave"> |
|||
<div v-show="showSearch" class="mb-[10px]"> |
|||
<el-card shadow="hover"> |
|||
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
|||
<el-form-item label="用户" prop="userId"> |
|||
<im-user-select v-model="queryParams.userId"></im-user-select> |
|||
</el-form-item> |
|||
<el-form-item label="昵称" prop="userNickName"> |
|||
<el-input v-model="queryParams.userNickName" placeholder="请输入用户昵称" clearable /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
</div> |
|||
</transition> |
|||
<el-card shadow="never"> |
|||
<el-table v-loading="loading" :data="groupMemberList"> |
|||
<el-table-column label="头像" align="center" prop="headImage" width="100"> |
|||
<template #default="scope"> |
|||
<image-preview :src="scope.row.headImage" :width="50" :height="50" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="用户" align="center" prop="userName" /> |
|||
<el-table-column label="群内昵称" align="center" prop="showNickName" /> |
|||
<el-table-column label="进群时间" align="center" prop="createdTime" width="180"> |
|||
<template #default="scope"> |
|||
<span>{{ parseTime(scope.row.createdTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" |
|||
v-model:limit="queryParams.pageSize" @pagination="getList" /> |
|||
</el-card> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup name="member" lang="ts"> |
|||
import { listGroupMember } from '@/api/im/groupMember'; |
|||
import { GroupMemberVO, GroupMemberQuery } from '@/api/im/groupMember/types'; |
|||
|
|||
const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
|||
const groupMemberList = ref<GroupMemberVO[]>([]); |
|||
const loading = ref(true); |
|||
const showSearch = ref(true); |
|||
const total = ref(0); |
|||
const queryFormRef = ref<ElFormInstance>(); |
|||
|
|||
const queryParams = ref<GroupMemberQuery>({ |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
groupId: undefined, |
|||
userId: undefined, |
|||
userName: undefined, |
|||
remarkNickName: undefined, |
|||
headImage: undefined, |
|||
remarkGroupName: undefined, |
|||
quit: undefined, |
|||
createdTime: undefined, |
|||
quitTime: undefined, |
|||
userNickName: undefined, |
|||
showNickName: undefined |
|||
}) |
|||
|
|||
/** 查询群成员列表 */ |
|||
const getList = async () => { |
|||
loading.value = true; |
|||
const res = await listGroupMember(queryParams.value); |
|||
groupMemberList.value = res.rows; |
|||
total.value = res.total; |
|||
loading.value = false; |
|||
} |
|||
|
|||
/** 搜索按钮操作 */ |
|||
const handleQuery = () => { |
|||
queryParams.value.pageNum = 1; |
|||
getList(); |
|||
} |
|||
|
|||
/** 重置按钮操作 */ |
|||
const resetQuery = () => { |
|||
queryFormRef.value?.resetFields(); |
|||
handleQuery(); |
|||
} |
|||
|
|||
const init = (id: number) => { |
|||
queryParams.value.groupId = id; |
|||
getList(); |
|||
} |
|||
|
|||
defineExpose({ |
|||
init |
|||
}) |
|||
</script> |
|||
@ -0,0 +1,339 @@ |
|||
<template> |
|||
<div class="p-2"> |
|||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> |
|||
<div v-show="showSearch" class="mb-[10px]"> |
|||
<el-card shadow="hover"> |
|||
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
|||
<el-form-item label="群id" prop="groupId"> |
|||
<el-input v-model="queryParams.groupId" placeholder="请输入群id" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="用户id" prop="userId"> |
|||
<el-input v-model="queryParams.userId" placeholder="请输入用户id" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="组内显示名称" prop="remarkNickName"> |
|||
<el-input v-model="queryParams.remarkNickName" placeholder="请输入组内显示名称" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="群名备注" prop="remarkGroupName"> |
|||
<el-input v-model="queryParams.remarkGroupName" placeholder="请输入群名备注" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="是否已退出" prop="quit"> |
|||
<el-input v-model="queryParams.quit" placeholder="请输入是否已退出" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建时间" prop="createdTime"> |
|||
<el-date-picker clearable |
|||
v-model="queryParams.createdTime" |
|||
type="date" |
|||
value-format="YYYY-MM-DD" |
|||
placeholder="请选择创建时间" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="退出时间" prop="quitTime"> |
|||
<el-date-picker clearable |
|||
v-model="queryParams.quitTime" |
|||
type="date" |
|||
value-format="YYYY-MM-DD" |
|||
placeholder="请选择退出时间" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="用户昵称" prop="userNickName"> |
|||
<el-input v-model="queryParams.userNickName" placeholder="请输入用户昵称" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
</div> |
|||
</transition> |
|||
|
|||
<el-card shadow="never"> |
|||
<template #header> |
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['im:groupMember:add']">新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['im:groupMember:edit']">修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['im:groupMember:remove']">删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['im:groupMember:export']">导出</el-button> |
|||
</el-col> |
|||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
</template> |
|||
|
|||
<el-table v-loading="loading" :data="groupMemberList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="id" align="center" prop="id" v-if="true" /> |
|||
<el-table-column label="群id" align="center" prop="groupId" /> |
|||
<el-table-column label="用户id" align="center" prop="userId" /> |
|||
<el-table-column label="组内显示名称" align="center" prop="remarkNickName" /> |
|||
<el-table-column label="用户头像" align="center" prop="headImageUrl" width="100"> |
|||
<template #default="scope"> |
|||
<image-preview :src="scope.row.headImageUrl" :width="50" :height="50"/> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="群名备注" align="center" prop="remarkGroupName" /> |
|||
<el-table-column label="是否已退出" align="center" prop="quit" /> |
|||
<el-table-column label="创建时间" align="center" prop="createdTime" width="180"> |
|||
<template #default="scope"> |
|||
<span>{{ parseTime(scope.row.createdTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="退出时间" align="center" prop="quitTime" width="180"> |
|||
<template #default="scope"> |
|||
<span>{{ parseTime(scope.row.quitTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="用户昵称" align="center" prop="userNickName" /> |
|||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|||
<template #default="scope"> |
|||
<el-tooltip content="修改" placement="top"> |
|||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['im:groupMember:edit']"></el-button> |
|||
</el-tooltip> |
|||
<el-tooltip content="删除" placement="top"> |
|||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['im:groupMember:remove']"></el-button> |
|||
</el-tooltip> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> |
|||
</el-card> |
|||
<!-- 添加或修改群成员对话框 --> |
|||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> |
|||
<el-form ref="groupMemberFormRef" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item label="群id" prop="groupId"> |
|||
<el-input v-model="form.groupId" placeholder="请输入群id" /> |
|||
</el-form-item> |
|||
<el-form-item label="用户id" prop="userId"> |
|||
<el-input v-model="form.userId" placeholder="请输入用户id" /> |
|||
</el-form-item> |
|||
<el-form-item label="组内显示名称" prop="remarkNickName"> |
|||
<el-input v-model="form.remarkNickName" placeholder="请输入组内显示名称" /> |
|||
</el-form-item> |
|||
<el-form-item label="用户头像" prop="headImage"> |
|||
<image-upload v-model="form.headImage"/> |
|||
</el-form-item> |
|||
<el-form-item label="群名备注" prop="remarkGroupName"> |
|||
<el-input v-model="form.remarkGroupName" placeholder="请输入群名备注" /> |
|||
</el-form-item> |
|||
<el-form-item label="是否已退出" prop="quit"> |
|||
<el-input v-model="form.quit" placeholder="请输入是否已退出" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建时间" prop="createdTime"> |
|||
<el-date-picker clearable |
|||
v-model="form.createdTime" |
|||
type="datetime" |
|||
value-format="YYYY-MM-DD HH:mm:ss" |
|||
placeholder="请选择创建时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="退出时间" prop="quitTime"> |
|||
<el-date-picker clearable |
|||
v-model="form.quitTime" |
|||
type="datetime" |
|||
value-format="YYYY-MM-DD HH:mm:ss" |
|||
placeholder="请选择退出时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="用户昵称" prop="userNickName"> |
|||
<el-input v-model="form.userNickName" placeholder="请输入用户昵称" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup name="GroupMember" lang="ts"> |
|||
import { listGroupMember, getGroupMember, delGroupMember, addGroupMember, updateGroupMember } from '@/api/im/groupMember'; |
|||
import { GroupMemberVO, GroupMemberQuery, GroupMemberForm } from '@/api/im/groupMember/types'; |
|||
|
|||
const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
|||
|
|||
const groupMemberList = ref<GroupMemberVO[]>([]); |
|||
const buttonLoading = ref(false); |
|||
const loading = ref(true); |
|||
const showSearch = ref(true); |
|||
const ids = ref<Array<string | number>>([]); |
|||
const single = ref(true); |
|||
const multiple = ref(true); |
|||
const total = ref(0); |
|||
|
|||
const queryFormRef = ref<ElFormInstance>(); |
|||
const groupMemberFormRef = ref<ElFormInstance>(); |
|||
|
|||
const dialog = reactive<DialogOption>({ |
|||
visible: false, |
|||
title: '' |
|||
}); |
|||
|
|||
const initFormData: GroupMemberForm = { |
|||
id: undefined, |
|||
groupId: undefined, |
|||
userId: undefined, |
|||
remarkNickName: undefined, |
|||
headImage: undefined, |
|||
remarkGroupName: undefined, |
|||
quit: undefined, |
|||
createdTime: undefined, |
|||
quitTime: undefined, |
|||
userNickName: undefined |
|||
} |
|||
const data = reactive<PageData<GroupMemberForm, GroupMemberQuery>>({ |
|||
form: {...initFormData}, |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
groupId: undefined, |
|||
userId: undefined, |
|||
remarkNickName: undefined, |
|||
headImage: undefined, |
|||
remarkGroupName: undefined, |
|||
quit: undefined, |
|||
createdTime: undefined, |
|||
quitTime: undefined, |
|||
userNickName: undefined, |
|||
params: { |
|||
} |
|||
}, |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "id不能为空", trigger: "blur" } |
|||
], |
|||
groupId: [ |
|||
{ required: true, message: "群id不能为空", trigger: "blur" } |
|||
], |
|||
userId: [ |
|||
{ required: true, message: "用户id不能为空", trigger: "blur" } |
|||
], |
|||
remarkNickName: [ |
|||
{ required: true, message: "组内显示名称不能为空", trigger: "blur" } |
|||
], |
|||
headImage: [ |
|||
{ required: true, message: "用户头像不能为空", trigger: "blur" } |
|||
], |
|||
remarkGroupName: [ |
|||
{ required: true, message: "群名备注不能为空", trigger: "blur" } |
|||
], |
|||
quit: [ |
|||
{ required: true, message: "是否已退出不能为空", trigger: "blur" } |
|||
], |
|||
createdTime: [ |
|||
{ required: true, message: "创建时间不能为空", trigger: "blur" } |
|||
], |
|||
quitTime: [ |
|||
{ required: true, message: "退出时间不能为空", trigger: "blur" } |
|||
], |
|||
userNickName: [ |
|||
{ required: true, message: "用户昵称不能为空", trigger: "blur" } |
|||
] |
|||
} |
|||
}); |
|||
|
|||
const { queryParams, form, rules } = toRefs(data); |
|||
|
|||
/** 查询群成员列表 */ |
|||
const getList = async () => { |
|||
loading.value = true; |
|||
const res = await listGroupMember(queryParams.value); |
|||
groupMemberList.value = res.rows; |
|||
total.value = res.total; |
|||
loading.value = false; |
|||
} |
|||
|
|||
/** 取消按钮 */ |
|||
const cancel = () => { |
|||
reset(); |
|||
dialog.visible = false; |
|||
} |
|||
|
|||
/** 表单重置 */ |
|||
const reset = () => { |
|||
form.value = {...initFormData}; |
|||
groupMemberFormRef.value?.resetFields(); |
|||
} |
|||
|
|||
/** 搜索按钮操作 */ |
|||
const handleQuery = () => { |
|||
queryParams.value.pageNum = 1; |
|||
getList(); |
|||
} |
|||
|
|||
/** 重置按钮操作 */ |
|||
const resetQuery = () => { |
|||
queryFormRef.value?.resetFields(); |
|||
handleQuery(); |
|||
} |
|||
|
|||
/** 多选框选中数据 */ |
|||
const handleSelectionChange = (selection: GroupMemberVO[]) => { |
|||
ids.value = selection.map(item => item.id); |
|||
single.value = selection.length != 1; |
|||
multiple.value = !selection.length; |
|||
} |
|||
|
|||
/** 新增按钮操作 */ |
|||
const handleAdd = () => { |
|||
reset(); |
|||
dialog.visible = true; |
|||
dialog.title = "添加群成员"; |
|||
} |
|||
|
|||
/** 修改按钮操作 */ |
|||
const handleUpdate = async (row?: GroupMemberVO) => { |
|||
reset(); |
|||
const _id = row?.id || ids.value[0] |
|||
const res = await getGroupMember(_id); |
|||
Object.assign(form.value, res.data); |
|||
dialog.visible = true; |
|||
dialog.title = "修改群成员"; |
|||
} |
|||
|
|||
/** 提交按钮 */ |
|||
const submitForm = () => { |
|||
groupMemberFormRef.value?.validate(async (valid: boolean) => { |
|||
if (valid) { |
|||
buttonLoading.value = true; |
|||
if (form.value.id) { |
|||
await updateGroupMember(form.value).finally(() => buttonLoading.value = false); |
|||
} else { |
|||
await addGroupMember(form.value).finally(() => buttonLoading.value = false); |
|||
} |
|||
proxy?.$modal.msgSuccess("操作成功"); |
|||
dialog.visible = false; |
|||
await getList(); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 删除按钮操作 */ |
|||
const handleDelete = async (row?: GroupMemberVO) => { |
|||
const _ids = row?.id || ids.value; |
|||
await proxy?.$modal.confirm('是否确认删除群成员编号为"' + _ids + '"的数据项？').finally(() => loading.value = false); |
|||
await delGroupMember(_ids); |
|||
proxy?.$modal.msgSuccess("删除成功"); |
|||
await getList(); |
|||
} |
|||
|
|||
/** 导出按钮操作 */ |
|||
const handleExport = () => { |
|||
proxy?.download('im/groupMember/export', { |
|||
...queryParams.value |
|||
}, `groupMember_${new Date().getTime()}.xlsx`) |
|||
} |
|||
|
|||
onMounted(() => { |
|||
getList(); |
|||
}); |
|||
</script> |
|||
@ -0,0 +1,333 @@ |
|||
<template> |
|||
<div class="p-2"> |
|||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> |
|||
<div v-show="showSearch" class="mb-[10px]"> |
|||
<el-card shadow="hover"> |
|||
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
|||
<el-form-item label="群id" prop="groupId"> |
|||
<el-input v-model="queryParams.groupId" placeholder="请输入群id" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="发送用户id" prop="sendId"> |
|||
<el-input v-model="queryParams.sendId" placeholder="请输入发送用户id" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="发送用户昵称" prop="sendNickName"> |
|||
<el-input v-model="queryParams.sendNickName" placeholder="请输入发送用户昵称" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="被@用户id列表，逗号分隔" prop="atUserIds"> |
|||
<el-input v-model="queryParams.atUserIds" placeholder="请输入被@用户id列表，逗号分隔" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="发送时间" prop="sendTime"> |
|||
<el-date-picker clearable |
|||
v-model="queryParams.sendTime" |
|||
type="date" |
|||
value-format="YYYY-MM-DD" |
|||
placeholder="请选择发送时间" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="回执消息是否完成" prop="receiptOk"> |
|||
<el-input v-model="queryParams.receiptOk" placeholder="请输入回执消息是否完成" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="是否回执消息" prop="receipt"> |
|||
<el-input v-model="queryParams.receipt" placeholder="请输入是否回执消息" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="接收用户id,逗号分隔，为空表示发给所有成员" prop="recvIds"> |
|||
<el-input v-model="queryParams.recvIds" placeholder="请输入接收用户id,逗号分隔，为空表示发给所有成员" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
</div> |
|||
</transition> |
|||
|
|||
<el-card shadow="never"> |
|||
<template #header> |
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['im:groupMessage:add']">新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['im:groupMessage:edit']">修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['im:groupMessage:remove']">删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['im:groupMessage:export']">导出</el-button> |
|||
</el-col> |
|||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
</template> |
|||
|
|||
<el-table v-loading="loading" :data="groupMessageList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="id" align="center" prop="id" v-if="true" /> |
|||
<el-table-column label="群id" align="center" prop="groupId" /> |
|||
<el-table-column label="发送用户id" align="center" prop="sendId" /> |
|||
<el-table-column label="发送用户昵称" align="center" prop="sendNickName" /> |
|||
<el-table-column label="被@用户id列表，逗号分隔" align="center" prop="atUserIds" /> |
|||
<el-table-column label="发送内容" align="center" prop="content" /> |
|||
<el-table-column label="" align="center" prop="status" /> |
|||
<el-table-column label="消息类型" align="center" prop="type" /> |
|||
<el-table-column label="发送时间" align="center" prop="sendTime" width="180"> |
|||
<template #default="scope"> |
|||
<span>{{ parseTime(scope.row.sendTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="回执消息是否完成" align="center" prop="receiptOk" /> |
|||
<el-table-column label="是否回执消息" align="center" prop="receipt" /> |
|||
<el-table-column label="接收用户id,逗号分隔，为空表示发给所有成员" align="center" prop="recvIds" /> |
|||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|||
<template #default="scope"> |
|||
<el-tooltip content="修改" placement="top"> |
|||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['im:groupMessage:edit']"></el-button> |
|||
</el-tooltip> |
|||
<el-tooltip content="删除" placement="top"> |
|||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['im:groupMessage:remove']"></el-button> |
|||
</el-tooltip> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> |
|||
</el-card> |
|||
<!-- 添加或修改群消息对话框 --> |
|||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> |
|||
<el-form ref="groupMessageFormRef" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item label="群id" prop="groupId"> |
|||
<el-input v-model="form.groupId" placeholder="请输入群id" /> |
|||
</el-form-item> |
|||
<el-form-item label="发送用户id" prop="sendId"> |
|||
<el-input v-model="form.sendId" placeholder="请输入发送用户id" /> |
|||
</el-form-item> |
|||
<el-form-item label="发送用户昵称" prop="sendNickName"> |
|||
<el-input v-model="form.sendNickName" placeholder="请输入发送用户昵称" /> |
|||
</el-form-item> |
|||
<el-form-item label="被@用户id列表，逗号分隔" prop="atUserIds"> |
|||
<el-input v-model="form.atUserIds" placeholder="请输入被@用户id列表，逗号分隔" /> |
|||
</el-form-item> |
|||
<el-form-item label="发送内容"> |
|||
<editor v-model="form.content" :min-height="192"/> |
|||
</el-form-item> |
|||
<el-form-item label="发送时间" prop="sendTime"> |
|||
<el-date-picker clearable |
|||
v-model="form.sendTime" |
|||
type="datetime" |
|||
value-format="YYYY-MM-DD HH:mm:ss" |
|||
placeholder="请选择发送时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="回执消息是否完成" prop="receiptOk"> |
|||
<el-input v-model="form.receiptOk" placeholder="请输入回执消息是否完成" /> |
|||
</el-form-item> |
|||
<el-form-item label="是否回执消息" prop="receipt"> |
|||
<el-input v-model="form.receipt" placeholder="请输入是否回执消息" /> |
|||
</el-form-item> |
|||
<el-form-item label="接收用户id,逗号分隔，为空表示发给所有成员" prop="recvIds"> |
|||
<el-input v-model="form.recvIds" placeholder="请输入接收用户id,逗号分隔，为空表示发给所有成员" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup name="GroupMessage" lang="ts"> |
|||
import { listGroupMessage, getGroupMessage, delGroupMessage, addGroupMessage, updateGroupMessage } from '@/api/im/groupMessage'; |
|||
import { GroupMessageVO, GroupMessageQuery, GroupMessageForm } from '@/api/im/groupMessage/types'; |
|||
|
|||
const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
|||
|
|||
const groupMessageList = ref<GroupMessageVO[]>([]); |
|||
const buttonLoading = ref(false); |
|||
const loading = ref(true); |
|||
const showSearch = ref(true); |
|||
const ids = ref<Array<string | number>>([]); |
|||
const single = ref(true); |
|||
const multiple = ref(true); |
|||
const total = ref(0); |
|||
|
|||
const queryFormRef = ref<ElFormInstance>(); |
|||
const groupMessageFormRef = ref<ElFormInstance>(); |
|||
|
|||
const dialog = reactive<DialogOption>({ |
|||
visible: false, |
|||
title: '' |
|||
}); |
|||
|
|||
const initFormData: GroupMessageForm = { |
|||
id: undefined, |
|||
groupId: undefined, |
|||
sendId: undefined, |
|||
sendNickName: undefined, |
|||
atUserIds: undefined, |
|||
content: undefined, |
|||
status: undefined, |
|||
type: undefined, |
|||
sendTime: undefined, |
|||
receiptOk: undefined, |
|||
receipt: undefined, |
|||
recvIds: undefined |
|||
} |
|||
const data = reactive<PageData<GroupMessageForm, GroupMessageQuery>>({ |
|||
form: {...initFormData}, |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
groupId: undefined, |
|||
sendId: undefined, |
|||
sendNickName: undefined, |
|||
atUserIds: undefined, |
|||
content: undefined, |
|||
status: undefined, |
|||
type: undefined, |
|||
sendTime: undefined, |
|||
receiptOk: undefined, |
|||
receipt: undefined, |
|||
recvIds: undefined, |
|||
params: { |
|||
} |
|||
}, |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "id不能为空", trigger: "blur" } |
|||
], |
|||
groupId: [ |
|||
{ required: true, message: "群id不能为空", trigger: "blur" } |
|||
], |
|||
sendId: [ |
|||
{ required: true, message: "发送用户id不能为空", trigger: "blur" } |
|||
], |
|||
sendNickName: [ |
|||
{ required: true, message: "发送用户昵称不能为空", trigger: "blur" } |
|||
], |
|||
atUserIds: [ |
|||
{ required: true, message: "被@用户id列表，逗号分隔不能为空", trigger: "blur" } |
|||
], |
|||
content: [ |
|||
{ required: true, message: "发送内容不能为空", trigger: "blur" } |
|||
], |
|||
status: [ |
|||
{ required: true, message: "不能为空", trigger: "change" } |
|||
], |
|||
type: [ |
|||
{ required: true, message: "消息类型 0:文字 1:图片 2:文件不能为空", trigger: "change" } |
|||
], |
|||
sendTime: [ |
|||
{ required: true, message: "发送时间不能为空", trigger: "blur" } |
|||
], |
|||
receiptOk: [ |
|||
{ required: true, message: "回执消息是否完成不能为空", trigger: "blur" } |
|||
], |
|||
receipt: [ |
|||
{ required: true, message: "是否回执消息不能为空", trigger: "blur" } |
|||
], |
|||
recvIds: [ |
|||
{ required: true, message: "接收用户id,逗号分隔，为空表示发给所有成员不能为空", trigger: "blur" } |
|||
] |
|||
} |
|||
}); |
|||
|
|||
const { queryParams, form, rules } = toRefs(data); |
|||
|
|||
/** 查询群消息列表 */ |
|||
const getList = async () => { |
|||
loading.value = true; |
|||
const res = await listGroupMessage(queryParams.value); |
|||
groupMessageList.value = res.rows; |
|||
total.value = res.total; |
|||
loading.value = false; |
|||
} |
|||
|
|||
/** 取消按钮 */ |
|||
const cancel = () => { |
|||
reset(); |
|||
dialog.visible = false; |
|||
} |
|||
|
|||
/** 表单重置 */ |
|||
const reset = () => { |
|||
form.value = {...initFormData}; |
|||
groupMessageFormRef.value?.resetFields(); |
|||
} |
|||
|
|||
/** 搜索按钮操作 */ |
|||
const handleQuery = () => { |
|||
queryParams.value.pageNum = 1; |
|||
getList(); |
|||
} |
|||
|
|||
/** 重置按钮操作 */ |
|||
const resetQuery = () => { |
|||
queryFormRef.value?.resetFields(); |
|||
handleQuery(); |
|||
} |
|||
|
|||
/** 多选框选中数据 */ |
|||
const handleSelectionChange = (selection: GroupMessageVO[]) => { |
|||
ids.value = selection.map(item => item.id); |
|||
single.value = selection.length != 1; |
|||
multiple.value = !selection.length; |
|||
} |
|||
|
|||
/** 新增按钮操作 */ |
|||
const handleAdd = () => { |
|||
reset(); |
|||
dialog.visible = true; |
|||
dialog.title = "添加群消息"; |
|||
} |
|||
|
|||
/** 修改按钮操作 */ |
|||
const handleUpdate = async (row?: GroupMessageVO) => { |
|||
reset(); |
|||
const _id = row?.id || ids.value[0] |
|||
const res = await getGroupMessage(_id); |
|||
Object.assign(form.value, res.data); |
|||
dialog.visible = true; |
|||
dialog.title = "修改群消息"; |
|||
} |
|||
|
|||
/** 提交按钮 */ |
|||
const submitForm = () => { |
|||
groupMessageFormRef.value?.validate(async (valid: boolean) => { |
|||
if (valid) { |
|||
buttonLoading.value = true; |
|||
if (form.value.id) { |
|||
await updateGroupMessage(form.value).finally(() => buttonLoading.value = false); |
|||
} else { |
|||
await addGroupMessage(form.value).finally(() => buttonLoading.value = false); |
|||
} |
|||
proxy?.$modal.msgSuccess("操作成功"); |
|||
dialog.visible = false; |
|||
await getList(); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 删除按钮操作 */ |
|||
const handleDelete = async (row?: GroupMessageVO) => { |
|||
const _ids = row?.id || ids.value; |
|||
await proxy?.$modal.confirm('是否确认删除群消息编号为"' + _ids + '"的数据项？').finally(() => loading.value = false); |
|||
await delGroupMessage(_ids); |
|||
proxy?.$modal.msgSuccess("删除成功"); |
|||
await getList(); |
|||
} |
|||
|
|||
/** 导出按钮操作 */ |
|||
const handleExport = () => { |
|||
proxy?.download('im/groupMessage/export', { |
|||
...queryParams.value |
|||
}, `groupMessage_${new Date().getTime()}.xlsx`) |
|||
} |
|||
|
|||
onMounted(() => { |
|||
getList(); |
|||
}); |
|||
</script> |
|||
@ -0,0 +1,231 @@ |
|||
<template> |
|||
<div class="p-2"> |
|||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> |
|||
<div v-show="showSearch" class="mb-[10px]"> |
|||
<el-card shadow="hover"> |
|||
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
|||
<el-form-item label="发送时间" prop="createdTime"> |
|||
<el-date-picker |
|||
v-model="dateRange" |
|||
value-format="YYYY-MM-DD HH:mm:ss" |
|||
type="daterange" |
|||
range-separator="-" |
|||
start-placeholder="开始日期" |
|||
end-placeholder="结束日期" |
|||
:default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]" |
|||
></el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="发送用户" prop="sendId"> |
|||
<im-user-select v-model="queryParams.sendId"></im-user-select> |
|||
</el-form-item> |
|||
<el-form-item label="接收用户" prop="recvId"> |
|||
<im-user-select v-model="queryParams.recvId"></im-user-select> |
|||
</el-form-item> |
|||
<el-form-item label="内容" prop="content"> |
|||
<el-input v-model="queryParams.content"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="消息类型" prop="type"> |
|||
<el-select v-model="queryParams.type" clearable> |
|||
<el-option v-for="dict in im_message_type" :key="dict.value" :label="dict.label" :value="dict.value" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label="消息类型" prop="status"> |
|||
<el-select v-model="queryParams.status" clearable> |
|||
<el-option v-for="dict in im_message_status" :key="dict.value" :label="dict.label" :value="dict.value" /> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
</div> |
|||
</transition> |
|||
|
|||
<el-card shadow="never"> |
|||
<el-table v-loading="loading" :data="privateMessageList" @selection-change="handleSelectionChange"> |
|||
<el-table-column label="发送用户" align="center" prop="sendUserName" /> |
|||
<el-table-column label="接收用户" align="center" prop="recvUserName" /> |
|||
<el-table-column label="发送内容" align="center" prop="content" > |
|||
<template #default="scope"> |
|||
<im-message-content :message="scope.row" ></im-message-content> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="消息类型" align="center" prop="type" > |
|||
<template #default="scope"> |
|||
<dict-tag :options="im_message_type" :value="scope.row.type" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态 " align="center" prop="status" > |
|||
<template #default="scope"> |
|||
<dict-tag :options="im_message_status" :value="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="发送时间" align="center" prop="sendTime" width="180"> |
|||
<template #default="scope"> |
|||
<span>{{ parseTime(scope.row.sendTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|||
<template #default="scope"> |
|||
<el-tooltip content="详情" placement="top"> |
|||
<el-button link type="primary" @click="handleUpdate(scope.row)" v-hasPermi="['im:privateMessage:query']">详情</el-button> |
|||
</el-tooltip> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> |
|||
</el-card> |
|||
<!-- 添加或修改私聊消息对话框 --> |
|||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> |
|||
<el-form ref="privateMessageFormRef" :model="form" :rules="rules" label-width="80px" disabled> |
|||
<el-form-item label="发送用户" prop="sendUserName"> |
|||
<el-input v-model="form.sendUserName" /> |
|||
</el-form-item> |
|||
<el-form-item label="接收用户" prop="sendUserName"> |
|||
<el-input v-model="form.recvUserName" /> |
|||
</el-form-item> |
|||
<el-form-item label="发送内容"> |
|||
<el-input v-model="form.content" :min-height="192"/> |
|||
</el-form-item> |
|||
<el-form-item label="发送时间" prop="sendTime"> |
|||
<el-date-picker clearable |
|||
v-model="form.sendTime" |
|||
type="datetime" |
|||
value-format="YYYY-MM-DD HH:mm:ss" |
|||
placeholder="请选择发送时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="消息类型"> |
|||
<dict-tag :options="im_message_type" :value="form.type" /> |
|||
</el-form-item> |
|||
<el-form-item label="消息状态"> |
|||
<dict-tag :options="im_message_status" :value="form.status" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup name="PrivateMessage" lang="ts"> |
|||
import { listPrivateMessage, getPrivateMessage } from '@/api/im/privateMessage'; |
|||
import { PrivateMessageVO, PrivateMessageQuery, PrivateMessageForm } from '@/api/im/privateMessage/types'; |
|||
|
|||
const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
|||
|
|||
const privateMessageList = ref<PrivateMessageVO[]>([]); |
|||
const buttonLoading = ref(false); |
|||
const loading = ref(true); |
|||
const showSearch = ref(true); |
|||
const ids = ref<Array<string | number>>([]); |
|||
const single = ref(true); |
|||
const multiple = ref(true); |
|||
const total = ref(0); |
|||
|
|||
const queryFormRef = ref<ElFormInstance>(); |
|||
const privateMessageFormRef = ref<ElFormInstance>(); |
|||
const dateRange = ref<[DateModelType, DateModelType]>(['', '']); |
|||
|
|||
const dialog = reactive<DialogOption>({ |
|||
visible: false, |
|||
title: '' |
|||
}); |
|||
|
|||
const initFormData: PrivateMessageForm = { |
|||
id: undefined, |
|||
sendId: undefined, |
|||
sendUserName: undefined, |
|||
recvUserName: undefined, |
|||
recvId: undefined, |
|||
content: undefined, |
|||
type: undefined, |
|||
status: undefined, |
|||
sendTime: undefined |
|||
} |
|||
const data = reactive<PageData<PrivateMessageForm, PrivateMessageQuery>>({ |
|||
form: {...initFormData}, |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
sendId: undefined, |
|||
recvId: undefined, |
|||
content: undefined, |
|||
type: undefined, |
|||
status: undefined, |
|||
sendTime: undefined, |
|||
params: { |
|||
} |
|||
}, |
|||
rules: { |
|||
} |
|||
}); |
|||
|
|||
const { queryParams, form, rules } = toRefs(data); |
|||
const { im_message_type, im_message_status } = toRefs<any>(proxy?.useDict('im_message_type', 'im_message_status')); |
|||
/** 查询私聊消息列表 */ |
|||
const getList = async () => { |
|||
loading.value = true; |
|||
const res = await listPrivateMessage(proxy?.addDateRange(queryParams.value, dateRange.value)); |
|||
privateMessageList.value = res.rows; |
|||
total.value = res.total; |
|||
loading.value = false; |
|||
} |
|||
|
|||
/** 确定按钮 */ |
|||
const submitForm = () => { |
|||
dialog.visible = false; |
|||
} |
|||
|
|||
/** 表单重置 */ |
|||
const reset = () => { |
|||
form.value = {...initFormData}; |
|||
privateMessageFormRef.value?.resetFields(); |
|||
} |
|||
|
|||
/** 搜索按钮操作 */ |
|||
const handleQuery = () => { |
|||
queryParams.value.pageNum = 1; |
|||
getList(); |
|||
} |
|||
|
|||
/** 重置按钮操作 */ |
|||
const resetQuery = () => { |
|||
queryFormRef.value?.resetFields(); |
|||
handleQuery(); |
|||
} |
|||
|
|||
/** 多选框选中数据 */ |
|||
const handleSelectionChange = (selection: PrivateMessageVO[]) => { |
|||
ids.value = selection.map(item => item.id); |
|||
single.value = selection.length != 1; |
|||
multiple.value = !selection.length; |
|||
} |
|||
|
|||
/** 修改按钮操作 */ |
|||
const handleUpdate = async (row?: PrivateMessageVO) => { |
|||
reset(); |
|||
const _id = row?.id || ids.value[0] |
|||
const res = await getPrivateMessage(_id); |
|||
Object.assign(form.value, res.data); |
|||
dialog.visible = true; |
|||
dialog.title = "消息详情"; |
|||
} |
|||
|
|||
/** 导出按钮操作 */ |
|||
const handleExport = () => { |
|||
proxy?.download('im/privateMessage/export', { |
|||
...queryParams.value |
|||
}, `privateMessage_${new Date().getTime()}.xlsx`) |
|||
} |
|||
|
|||
onMounted(() => { |
|||
getList(); |
|||
}); |
|||
</script> |
|||
@ -0,0 +1,304 @@ |
|||
<template> |
|||
<div class="p-2"> |
|||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> |
|||
<div v-show="showSearch" class="mb-[10px]"> |
|||
<el-card shadow="hover"> |
|||
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
|||
<el-form-item label="标题" prop="title"> |
|||
<el-input v-model="queryParams.title" placeholder="请输入标题" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="封面" prop="coverUrl"> |
|||
<el-input v-model="queryParams.coverUrl" placeholder="请输入封面" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="简介" prop="intro"> |
|||
<el-input v-model="queryParams.intro" placeholder="请输入简介" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="富文本内容，base64编码" prop="richText"> |
|||
<el-input v-model="queryParams.richText" placeholder="请输入富文本内容，base64编码" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="外部链接" prop="externLink"> |
|||
<el-input v-model="queryParams.externLink" placeholder="请输入外部链接" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="删除标识 0：正常 1：已删除" prop="deleted"> |
|||
<el-input v-model="queryParams.deleted" placeholder="请输入删除标识 0：正常 1：已删除" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建者" prop="creator"> |
|||
<el-input v-model="queryParams.creator" placeholder="请输入创建者" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="更新者" prop="updater"> |
|||
<el-input v-model="queryParams.updater" placeholder="请输入更新者" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
</div> |
|||
</transition> |
|||
|
|||
<el-card shadow="never"> |
|||
<template #header> |
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['im:systemMessage:add']">新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['im:systemMessage:edit']">修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['im:systemMessage:remove']">删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['im:systemMessage:export']">导出</el-button> |
|||
</el-col> |
|||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
</template> |
|||
|
|||
<el-table v-loading="loading" :data="systemMessageList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="id" align="center" prop="id" v-if="true" /> |
|||
<el-table-column label="标题" align="center" prop="title" /> |
|||
<el-table-column label="封面" align="center" prop="coverUrl" /> |
|||
<el-table-column label="简介" align="center" prop="intro" /> |
|||
<el-table-column label="内容类型 0:富文本 1:外部链接" align="center" prop="contentType" /> |
|||
<el-table-column label="富文本内容，base64编码" align="center" prop="richText" /> |
|||
<el-table-column label="外部链接" align="center" prop="externLink" /> |
|||
<el-table-column label="删除标识 0：正常 1：已删除" align="center" prop="deleted" /> |
|||
<el-table-column label="创建者" align="center" prop="creator" /> |
|||
<el-table-column label="更新者" align="center" prop="updater" /> |
|||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|||
<template #default="scope"> |
|||
<el-tooltip content="修改" placement="top"> |
|||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['im:systemMessage:edit']"></el-button> |
|||
</el-tooltip> |
|||
<el-tooltip content="删除" placement="top"> |
|||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['im:systemMessage:remove']"></el-button> |
|||
</el-tooltip> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> |
|||
</el-card> |
|||
<!-- 添加或修改系统消息对话框 --> |
|||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> |
|||
<el-form ref="systemMessageFormRef" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item label="标题" prop="title"> |
|||
<el-input v-model="form.title" placeholder="请输入标题" /> |
|||
</el-form-item> |
|||
<el-form-item label="封面" prop="coverUrl"> |
|||
<el-input v-model="form.coverUrl" placeholder="请输入封面" /> |
|||
</el-form-item> |
|||
<el-form-item label="简介" prop="intro"> |
|||
<el-input v-model="form.intro" placeholder="请输入简介" /> |
|||
</el-form-item> |
|||
<el-form-item label="富文本内容，base64编码" prop="richText"> |
|||
<el-input v-model="form.richText" type="textarea" placeholder="请输入内容" /> |
|||
</el-form-item> |
|||
<el-form-item label="外部链接" prop="externLink"> |
|||
<el-input v-model="form.externLink" placeholder="请输入外部链接" /> |
|||
</el-form-item> |
|||
<el-form-item label="删除标识 0：正常 1：已删除" prop="deleted"> |
|||
<el-input v-model="form.deleted" placeholder="请输入删除标识 0：正常 1：已删除" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建者" prop="creator"> |
|||
<el-input v-model="form.creator" placeholder="请输入创建者" /> |
|||
</el-form-item> |
|||
<el-form-item label="更新者" prop="updater"> |
|||
<el-input v-model="form.updater" placeholder="请输入更新者" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup name="SystemMessage" lang="ts"> |
|||
import { listSystemMessage, getSystemMessage, delSystemMessage, addSystemMessage, updateSystemMessage } from '@/api/im/systemMessage'; |
|||
import { SystemMessageVO, SystemMessageQuery, SystemMessageForm } from '@/api/im/systemMessage/types'; |
|||
|
|||
const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
|||
|
|||
const systemMessageList = ref<SystemMessageVO[]>([]); |
|||
const buttonLoading = ref(false); |
|||
const loading = ref(true); |
|||
const showSearch = ref(true); |
|||
const ids = ref<Array<string | number>>([]); |
|||
const single = ref(true); |
|||
const multiple = ref(true); |
|||
const total = ref(0); |
|||
|
|||
const queryFormRef = ref<ElFormInstance>(); |
|||
const systemMessageFormRef = ref<ElFormInstance>(); |
|||
|
|||
const dialog = reactive<DialogOption>({ |
|||
visible: false, |
|||
title: '' |
|||
}); |
|||
|
|||
const initFormData: SystemMessageForm = { |
|||
id: undefined, |
|||
title: undefined, |
|||
coverUrl: undefined, |
|||
intro: undefined, |
|||
contentType: undefined, |
|||
richText: undefined, |
|||
externLink: undefined, |
|||
deleted: undefined, |
|||
creator: undefined, |
|||
updater: undefined, |
|||
} |
|||
const data = reactive<PageData<SystemMessageForm, SystemMessageQuery>>({ |
|||
form: {...initFormData}, |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
title: undefined, |
|||
coverUrl: undefined, |
|||
intro: undefined, |
|||
contentType: undefined, |
|||
richText: undefined, |
|||
externLink: undefined, |
|||
deleted: undefined, |
|||
creator: undefined, |
|||
updater: undefined, |
|||
params: { |
|||
} |
|||
}, |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "id不能为空", trigger: "blur" } |
|||
], |
|||
title: [ |
|||
{ required: true, message: "标题不能为空", trigger: "blur" } |
|||
], |
|||
coverUrl: [ |
|||
{ required: true, message: "封面不能为空", trigger: "blur" } |
|||
], |
|||
intro: [ |
|||
{ required: true, message: "简介不能为空", trigger: "blur" } |
|||
], |
|||
contentType: [ |
|||
{ required: true, message: "内容类型 0:富文本 1:外部链接不能为空", trigger: "change" } |
|||
], |
|||
richText: [ |
|||
{ required: true, message: "富文本内容，base64编码不能为空", trigger: "blur" } |
|||
], |
|||
externLink: [ |
|||
{ required: true, message: "外部链接不能为空", trigger: "blur" } |
|||
], |
|||
deleted: [ |
|||
{ required: true, message: "删除标识 0：正常 1：已删除不能为空", trigger: "blur" } |
|||
], |
|||
creator: [ |
|||
{ required: true, message: "创建者不能为空", trigger: "blur" } |
|||
], |
|||
updater: [ |
|||
{ required: true, message: "更新者不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}); |
|||
|
|||
const { queryParams, form, rules } = toRefs(data); |
|||
|
|||
/** 查询系统消息列表 */ |
|||
const getList = async () => { |
|||
loading.value = true; |
|||
const res = await listSystemMessage(queryParams.value); |
|||
systemMessageList.value = res.rows; |
|||
total.value = res.total; |
|||
loading.value = false; |
|||
} |
|||
|
|||
/** 取消按钮 */ |
|||
const cancel = () => { |
|||
reset(); |
|||
dialog.visible = false; |
|||
} |
|||
|
|||
/** 表单重置 */ |
|||
const reset = () => { |
|||
form.value = {...initFormData}; |
|||
systemMessageFormRef.value?.resetFields(); |
|||
} |
|||
|
|||
/** 搜索按钮操作 */ |
|||
const handleQuery = () => { |
|||
queryParams.value.pageNum = 1; |
|||
getList(); |
|||
} |
|||
|
|||
/** 重置按钮操作 */ |
|||
const resetQuery = () => { |
|||
queryFormRef.value?.resetFields(); |
|||
handleQuery(); |
|||
} |
|||
|
|||
/** 多选框选中数据 */ |
|||
const handleSelectionChange = (selection: SystemMessageVO[]) => { |
|||
ids.value = selection.map(item => item.id); |
|||
single.value = selection.length != 1; |
|||
multiple.value = !selection.length; |
|||
} |
|||
|
|||
/** 新增按钮操作 */ |
|||
const handleAdd = () => { |
|||
reset(); |
|||
dialog.visible = true; |
|||
dialog.title = "添加系统消息"; |
|||
} |
|||
|
|||
/** 修改按钮操作 */ |
|||
const handleUpdate = async (row?: SystemMessageVO) => { |
|||
reset(); |
|||
const _id = row?.id || ids.value[0] |
|||
const res = await getSystemMessage(_id); |
|||
Object.assign(form.value, res.data); |
|||
dialog.visible = true; |
|||
dialog.title = "修改系统消息"; |
|||
} |
|||
|
|||
/** 提交按钮 */ |
|||
const submitForm = () => { |
|||
systemMessageFormRef.value?.validate(async (valid: boolean) => { |
|||
if (valid) { |
|||
buttonLoading.value = true; |
|||
if (form.value.id) { |
|||
await updateSystemMessage(form.value).finally(() => buttonLoading.value = false); |
|||
} else { |
|||
await addSystemMessage(form.value).finally(() => buttonLoading.value = false); |
|||
} |
|||
proxy?.$modal.msgSuccess("操作成功"); |
|||
dialog.visible = false; |
|||
await getList(); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 删除按钮操作 */ |
|||
const handleDelete = async (row?: SystemMessageVO) => { |
|||
const _ids = row?.id || ids.value; |
|||
await proxy?.$modal.confirm('是否确认删除系统消息编号为"' + _ids + '"的数据项？').finally(() => loading.value = false); |
|||
await delSystemMessage(_ids); |
|||
proxy?.$modal.msgSuccess("删除成功"); |
|||
await getList(); |
|||
} |
|||
|
|||
/** 导出按钮操作 */ |
|||
const handleExport = () => { |
|||
proxy?.download('im/systemMessage/export', { |
|||
...queryParams.value |
|||
}, `systemMessage_${new Date().getTime()}.xlsx`) |
|||
} |
|||
|
|||
onMounted(() => { |
|||
getList(); |
|||
}); |
|||
</script> |
|||
@ -0,0 +1,318 @@ |
|||
<template> |
|||
<div class="p-2"> |
|||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> |
|||
<div v-show="showSearch" class="mb-[10px]"> |
|||
<el-card shadow="hover"> |
|||
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
|||
<el-form-item label="系统消息id" prop="messageId"> |
|||
<el-input v-model="queryParams.messageId" placeholder="请输入系统消息id" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="发送序列号" prop="seqNo"> |
|||
<el-input v-model="queryParams.seqNo" placeholder="请输入发送序列号" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="推送时间" prop="sendTime"> |
|||
<el-date-picker clearable |
|||
v-model="queryParams.sendTime" |
|||
type="date" |
|||
value-format="YYYY-MM-DD" |
|||
placeholder="请选择推送时间" |
|||
/> |
|||
</el-form-item> |
|||
<el-form-item label="是否发送给全体用户" prop="sendToAll"> |
|||
<el-input v-model="queryParams.sendToAll" placeholder="请输入是否发送给全体用户" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="接收用户id,逗号分隔,send_to_all为false时有效" prop="recvIds"> |
|||
<el-input v-model="queryParams.recvIds" placeholder="请输入接收用户id,逗号分隔,send_to_all为false时有效" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="删除标识 0：正常 1：已删除" prop="deleted"> |
|||
<el-input v-model="queryParams.deleted" placeholder="请输入删除标识 0：正常 1：已删除" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建者" prop="creator"> |
|||
<el-input v-model="queryParams.creator" placeholder="请输入创建者" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="更新者" prop="updater"> |
|||
<el-input v-model="queryParams.updater" placeholder="请输入更新者" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
</div> |
|||
</transition> |
|||
|
|||
<el-card shadow="never"> |
|||
<template #header> |
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['im:smPushTask:add']">新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['im:smPushTask:edit']">修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['im:smPushTask:remove']">删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['im:smPushTask:export']">导出</el-button> |
|||
</el-col> |
|||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
</template> |
|||
|
|||
<el-table v-loading="loading" :data="smPushTaskList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="id" align="center" prop="id" v-if="true" /> |
|||
<el-table-column label="系统消息id" align="center" prop="messageId" /> |
|||
<el-table-column label="发送序列号" align="center" prop="seqNo" /> |
|||
<el-table-column label="推送时间" align="center" prop="sendTime" width="180"> |
|||
<template #default="scope"> |
|||
<span>{{ parseTime(scope.row.sendTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态 1:待发送 2:发送中 3:已发送 4:已取消" align="center" prop="status" /> |
|||
<el-table-column label="是否发送给全体用户" align="center" prop="sendToAll" /> |
|||
<el-table-column label="接收用户id,逗号分隔,send_to_all为false时有效" align="center" prop="recvIds" /> |
|||
<el-table-column label="删除标识 0：正常 1：已删除" align="center" prop="deleted" /> |
|||
<el-table-column label="创建者" align="center" prop="creator" /> |
|||
<el-table-column label="更新者" align="center" prop="updater" /> |
|||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|||
<template #default="scope"> |
|||
<el-tooltip content="修改" placement="top"> |
|||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['im:smPushTask:edit']"></el-button> |
|||
</el-tooltip> |
|||
<el-tooltip content="删除" placement="top"> |
|||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['im:smPushTask:remove']"></el-button> |
|||
</el-tooltip> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> |
|||
</el-card> |
|||
<!-- 添加或修改系统消息推送任务对话框 --> |
|||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> |
|||
<el-form ref="smPushTaskFormRef" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item label="系统消息id" prop="messageId"> |
|||
<el-input v-model="form.messageId" placeholder="请输入系统消息id" /> |
|||
</el-form-item> |
|||
<el-form-item label="发送序列号" prop="seqNo"> |
|||
<el-input v-model="form.seqNo" placeholder="请输入发送序列号" /> |
|||
</el-form-item> |
|||
<el-form-item label="推送时间" prop="sendTime"> |
|||
<el-date-picker clearable |
|||
v-model="form.sendTime" |
|||
type="datetime" |
|||
value-format="YYYY-MM-DD HH:mm:ss" |
|||
placeholder="请选择推送时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="是否发送给全体用户" prop="sendToAll"> |
|||
<el-input v-model="form.sendToAll" placeholder="请输入是否发送给全体用户" /> |
|||
</el-form-item> |
|||
<el-form-item label="接收用户id,逗号分隔,send_to_all为false时有效" prop="recvIds"> |
|||
<el-input v-model="form.recvIds" placeholder="请输入接收用户id,逗号分隔,send_to_all为false时有效" /> |
|||
</el-form-item> |
|||
<el-form-item label="删除标识 0：正常 1：已删除" prop="deleted"> |
|||
<el-input v-model="form.deleted" placeholder="请输入删除标识 0：正常 1：已删除" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建者" prop="creator"> |
|||
<el-input v-model="form.creator" placeholder="请输入创建者" /> |
|||
</el-form-item> |
|||
<el-form-item label="更新者" prop="updater"> |
|||
<el-input v-model="form.updater" placeholder="请输入更新者" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup name="SmPushTask" lang="ts"> |
|||
import { listSmPushTask, getSmPushTask, delSmPushTask, addSmPushTask, updateSmPushTask } from '@/api/im/smPushTask'; |
|||
import { SmPushTaskVO, SmPushTaskQuery, SmPushTaskForm } from '@/api/im/smPushTask/types'; |
|||
|
|||
const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
|||
|
|||
const smPushTaskList = ref<SmPushTaskVO[]>([]); |
|||
const buttonLoading = ref(false); |
|||
const loading = ref(true); |
|||
const showSearch = ref(true); |
|||
const ids = ref<Array<string | number>>([]); |
|||
const single = ref(true); |
|||
const multiple = ref(true); |
|||
const total = ref(0); |
|||
|
|||
const queryFormRef = ref<ElFormInstance>(); |
|||
const smPushTaskFormRef = ref<ElFormInstance>(); |
|||
|
|||
const dialog = reactive<DialogOption>({ |
|||
visible: false, |
|||
title: '' |
|||
}); |
|||
|
|||
const initFormData: SmPushTaskForm = { |
|||
id: undefined, |
|||
messageId: undefined, |
|||
seqNo: undefined, |
|||
sendTime: undefined, |
|||
status: undefined, |
|||
sendToAll: undefined, |
|||
recvIds: undefined, |
|||
deleted: undefined, |
|||
creator: undefined, |
|||
updater: undefined, |
|||
} |
|||
const data = reactive<PageData<SmPushTaskForm, SmPushTaskQuery>>({ |
|||
form: {...initFormData}, |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
messageId: undefined, |
|||
seqNo: undefined, |
|||
sendTime: undefined, |
|||
status: undefined, |
|||
sendToAll: undefined, |
|||
recvIds: undefined, |
|||
deleted: undefined, |
|||
creator: undefined, |
|||
updater: undefined, |
|||
params: { |
|||
} |
|||
}, |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "id不能为空", trigger: "blur" } |
|||
], |
|||
messageId: [ |
|||
{ required: true, message: "系统消息id不能为空", trigger: "blur" } |
|||
], |
|||
seqNo: [ |
|||
{ required: true, message: "发送序列号不能为空", trigger: "blur" } |
|||
], |
|||
sendTime: [ |
|||
{ required: true, message: "推送时间不能为空", trigger: "blur" } |
|||
], |
|||
status: [ |
|||
{ required: true, message: "状态 1:待发送 2:发送中 3:已发送 4:已取消不能为空", trigger: "change" } |
|||
], |
|||
sendToAll: [ |
|||
{ required: true, message: "是否发送给全体用户不能为空", trigger: "blur" } |
|||
], |
|||
recvIds: [ |
|||
{ required: true, message: "接收用户id,逗号分隔,send_to_all为false时有效不能为空", trigger: "blur" } |
|||
], |
|||
deleted: [ |
|||
{ required: true, message: "删除标识 0：正常 1：已删除不能为空", trigger: "blur" } |
|||
], |
|||
creator: [ |
|||
{ required: true, message: "创建者不能为空", trigger: "blur" } |
|||
], |
|||
updater: [ |
|||
{ required: true, message: "更新者不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}); |
|||
|
|||
const { queryParams, form, rules } = toRefs(data); |
|||
|
|||
/** 查询系统消息推送任务列表 */ |
|||
const getList = async () => { |
|||
loading.value = true; |
|||
const res = await listSmPushTask(queryParams.value); |
|||
smPushTaskList.value = res.rows; |
|||
total.value = res.total; |
|||
loading.value = false; |
|||
} |
|||
|
|||
/** 取消按钮 */ |
|||
const cancel = () => { |
|||
reset(); |
|||
dialog.visible = false; |
|||
} |
|||
|
|||
/** 表单重置 */ |
|||
const reset = () => { |
|||
form.value = {...initFormData}; |
|||
smPushTaskFormRef.value?.resetFields(); |
|||
} |
|||
|
|||
/** 搜索按钮操作 */ |
|||
const handleQuery = () => { |
|||
queryParams.value.pageNum = 1; |
|||
getList(); |
|||
} |
|||
|
|||
/** 重置按钮操作 */ |
|||
const resetQuery = () => { |
|||
queryFormRef.value?.resetFields(); |
|||
handleQuery(); |
|||
} |
|||
|
|||
/** 多选框选中数据 */ |
|||
const handleSelectionChange = (selection: SmPushTaskVO[]) => { |
|||
ids.value = selection.map(item => item.id); |
|||
single.value = selection.length != 1; |
|||
multiple.value = !selection.length; |
|||
} |
|||
|
|||
/** 新增按钮操作 */ |
|||
const handleAdd = () => { |
|||
reset(); |
|||
dialog.visible = true; |
|||
dialog.title = "添加系统消息推送任务"; |
|||
} |
|||
|
|||
/** 修改按钮操作 */ |
|||
const handleUpdate = async (row?: SmPushTaskVO) => { |
|||
reset(); |
|||
const _id = row?.id || ids.value[0] |
|||
const res = await getSmPushTask(_id); |
|||
Object.assign(form.value, res.data); |
|||
dialog.visible = true; |
|||
dialog.title = "修改系统消息推送任务"; |
|||
} |
|||
|
|||
/** 提交按钮 */ |
|||
const submitForm = () => { |
|||
smPushTaskFormRef.value?.validate(async (valid: boolean) => { |
|||
if (valid) { |
|||
buttonLoading.value = true; |
|||
if (form.value.id) { |
|||
await updateSmPushTask(form.value).finally(() => buttonLoading.value = false); |
|||
} else { |
|||
await addSmPushTask(form.value).finally(() => buttonLoading.value = false); |
|||
} |
|||
proxy?.$modal.msgSuccess("操作成功"); |
|||
dialog.visible = false; |
|||
await getList(); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 删除按钮操作 */ |
|||
const handleDelete = async (row?: SmPushTaskVO) => { |
|||
const _ids = row?.id || ids.value; |
|||
await proxy?.$modal.confirm('是否确认删除系统消息推送任务编号为"' + _ids + '"的数据项？').finally(() => loading.value = false); |
|||
await delSmPushTask(_ids); |
|||
proxy?.$modal.msgSuccess("删除成功"); |
|||
await getList(); |
|||
} |
|||
|
|||
/** 导出按钮操作 */ |
|||
const handleExport = () => { |
|||
proxy?.download('im/smPushTask/export', { |
|||
...queryParams.value |
|||
}, `smPushTask_${new Date().getTime()}.xlsx`) |
|||
} |
|||
|
|||
onMounted(() => { |
|||
getList(); |
|||
}); |
|||
</script> |
|||
@ -0,0 +1,235 @@ |
|||
<template> |
|||
<div class="p-2"> |
|||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> |
|||
<div v-show="showSearch" class="mb-[10px]"> |
|||
<el-card shadow="hover"> |
|||
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
|||
<el-form-item label="是否启用 0:未启用 1:启用" prop="enabled"> |
|||
<el-input v-model="queryParams.enabled" placeholder="请输入是否启用 0:未启用 1:启用" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建者" prop="creator"> |
|||
<el-input v-model="queryParams.creator" placeholder="请输入创建者" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
</div> |
|||
</transition> |
|||
|
|||
<el-card shadow="never"> |
|||
<template #header> |
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['im:sensitiveWord:add']">新增</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['im:sensitiveWord:edit']">修改</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['im:sensitiveWord:remove']">删除</el-button> |
|||
</el-col> |
|||
<el-col :span="1.5"> |
|||
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['im:sensitiveWord:export']">导出</el-button> |
|||
</el-col> |
|||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
</template> |
|||
|
|||
<el-table v-loading="loading" :data="sensitiveWordList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
<el-table-column label="id" align="center" prop="id" v-if="true" /> |
|||
<el-table-column label="敏感词内容" align="center" prop="content" /> |
|||
<el-table-column label="是否启用 0:未启用 1:启用" align="center" prop="enabled" /> |
|||
<el-table-column label="创建者" align="center" prop="creator" /> |
|||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|||
<template #default="scope"> |
|||
<el-tooltip content="修改" placement="top"> |
|||
<el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['im:sensitiveWord:edit']"></el-button> |
|||
</el-tooltip> |
|||
<el-tooltip content="删除" placement="top"> |
|||
<el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['im:sensitiveWord:remove']"></el-button> |
|||
</el-tooltip> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> |
|||
</el-card> |
|||
<!-- 添加或修改敏感词对话框 --> |
|||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body> |
|||
<el-form ref="sensitiveWordFormRef" :model="form" :rules="rules" label-width="80px"> |
|||
<el-form-item label="敏感词内容"> |
|||
<editor v-model="form.content" :min-height="192"/> |
|||
</el-form-item> |
|||
<el-form-item label="是否启用 0:未启用 1:启用" prop="enabled"> |
|||
<el-input v-model="form.enabled" placeholder="请输入是否启用 0:未启用 1:启用" /> |
|||
</el-form-item> |
|||
<el-form-item label="创建者" prop="creator"> |
|||
<el-input v-model="form.creator" placeholder="请输入创建者" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button> |
|||
<el-button @click="cancel">取 消</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup name="SensitiveWord" lang="ts"> |
|||
import { listSensitiveWord, getSensitiveWord, delSensitiveWord, addSensitiveWord, updateSensitiveWord } from '@/api/im/sensitiveWord'; |
|||
import { SensitiveWordVO, SensitiveWordQuery, SensitiveWordForm } from '@/api/im/sensitiveWord/types'; |
|||
|
|||
const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
|||
|
|||
const sensitiveWordList = ref<SensitiveWordVO[]>([]); |
|||
const buttonLoading = ref(false); |
|||
const loading = ref(true); |
|||
const showSearch = ref(true); |
|||
const ids = ref<Array<string | number>>([]); |
|||
const single = ref(true); |
|||
const multiple = ref(true); |
|||
const total = ref(0); |
|||
|
|||
const queryFormRef = ref<ElFormInstance>(); |
|||
const sensitiveWordFormRef = ref<ElFormInstance>(); |
|||
|
|||
const dialog = reactive<DialogOption>({ |
|||
visible: false, |
|||
title: '' |
|||
}); |
|||
|
|||
const initFormData: SensitiveWordForm = { |
|||
id: undefined, |
|||
content: undefined, |
|||
enabled: undefined, |
|||
creator: undefined, |
|||
} |
|||
const data = reactive<PageData<SensitiveWordForm, SensitiveWordQuery>>({ |
|||
form: {...initFormData}, |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
content: undefined, |
|||
enabled: undefined, |
|||
creator: undefined, |
|||
params: { |
|||
} |
|||
}, |
|||
rules: { |
|||
id: [ |
|||
{ required: true, message: "id不能为空", trigger: "blur" } |
|||
], |
|||
content: [ |
|||
{ required: true, message: "敏感词内容不能为空", trigger: "blur" } |
|||
], |
|||
enabled: [ |
|||
{ required: true, message: "是否启用 0:未启用 1:启用不能为空", trigger: "blur" } |
|||
], |
|||
creator: [ |
|||
{ required: true, message: "创建者不能为空", trigger: "blur" } |
|||
], |
|||
} |
|||
}); |
|||
|
|||
const { queryParams, form, rules } = toRefs(data); |
|||
|
|||
/** 查询敏感词列表 */ |
|||
const getList = async () => { |
|||
loading.value = true; |
|||
const res = await listSensitiveWord(queryParams.value); |
|||
sensitiveWordList.value = res.rows; |
|||
total.value = res.total; |
|||
loading.value = false; |
|||
} |
|||
|
|||
/** 取消按钮 */ |
|||
const cancel = () => { |
|||
reset(); |
|||
dialog.visible = false; |
|||
} |
|||
|
|||
/** 表单重置 */ |
|||
const reset = () => { |
|||
form.value = {...initFormData}; |
|||
sensitiveWordFormRef.value?.resetFields(); |
|||
} |
|||
|
|||
/** 搜索按钮操作 */ |
|||
const handleQuery = () => { |
|||
queryParams.value.pageNum = 1; |
|||
getList(); |
|||
} |
|||
|
|||
/** 重置按钮操作 */ |
|||
const resetQuery = () => { |
|||
queryFormRef.value?.resetFields(); |
|||
handleQuery(); |
|||
} |
|||
|
|||
/** 多选框选中数据 */ |
|||
const handleSelectionChange = (selection: SensitiveWordVO[]) => { |
|||
ids.value = selection.map(item => item.id); |
|||
single.value = selection.length != 1; |
|||
multiple.value = !selection.length; |
|||
} |
|||
|
|||
/** 新增按钮操作 */ |
|||
const handleAdd = () => { |
|||
reset(); |
|||
dialog.visible = true; |
|||
dialog.title = "添加敏感词"; |
|||
} |
|||
|
|||
/** 修改按钮操作 */ |
|||
const handleUpdate = async (row?: SensitiveWordVO) => { |
|||
reset(); |
|||
const _id = row?.id || ids.value[0] |
|||
const res = await getSensitiveWord(_id); |
|||
Object.assign(form.value, res.data); |
|||
dialog.visible = true; |
|||
dialog.title = "修改敏感词"; |
|||
} |
|||
|
|||
/** 提交按钮 */ |
|||
const submitForm = () => { |
|||
sensitiveWordFormRef.value?.validate(async (valid: boolean) => { |
|||
if (valid) { |
|||
buttonLoading.value = true; |
|||
if (form.value.id) { |
|||
await updateSensitiveWord(form.value).finally(() => buttonLoading.value = false); |
|||
} else { |
|||
await addSensitiveWord(form.value).finally(() => buttonLoading.value = false); |
|||
} |
|||
proxy?.$modal.msgSuccess("操作成功"); |
|||
dialog.visible = false; |
|||
await getList(); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
/** 删除按钮操作 */ |
|||
const handleDelete = async (row?: SensitiveWordVO) => { |
|||
const _ids = row?.id || ids.value; |
|||
await proxy?.$modal.confirm('是否确认删除敏感词编号为"' + _ids + '"的数据项？').finally(() => loading.value = false); |
|||
await delSensitiveWord(_ids); |
|||
proxy?.$modal.msgSuccess("删除成功"); |
|||
await getList(); |
|||
} |
|||
|
|||
/** 导出按钮操作 */ |
|||
const handleExport = () => { |
|||
proxy?.download('im/sensitiveWord/export', { |
|||
...queryParams.value |
|||
}, `sensitiveWord_${new Date().getTime()}.xlsx`) |
|||
} |
|||
|
|||
onMounted(() => { |
|||
getList(); |
|||
}); |
|||
</script> |
|||
@ -0,0 +1,284 @@ |
|||
<template> |
|||
<div class="p-2"> |
|||
<transition :enter-active-class="proxy?.animate.searchAnimate.enter" |
|||
:leave-active-class="proxy?.animate.searchAnimate.leave"> |
|||
<div v-show="showSearch" class="mb-[10px]"> |
|||
<el-card shadow="hover"> |
|||
<el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
|||
<el-form-item label="用户名" prop="userName"> |
|||
<el-input v-model="queryParams.userName" placeholder="请输入用户名" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item label="用户昵称" prop="nickName"> |
|||
<el-input v-model="queryParams.nickName" placeholder="请输入用户昵称" clearable @keyup.enter="handleQuery" /> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
|||
<el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-card> |
|||
</div> |
|||
</transition> |
|||
|
|||
<el-card shadow="never"> |
|||
<template #header> |
|||
<el-row :gutter="10" class="mb8"> |
|||
<el-col :span="1.5"> |
|||
<el-button type="warning" plain icon="Download" @click="handleExport" |
|||
v-hasPermi="['im:user:export']">导出</el-button> |
|||
</el-col> |
|||
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
|||
</el-row> |
|||
</template> |
|||
|
|||
<el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange"> |
|||
<el-table-column type="selection" width="55" align="center" /> |
|||
|
|||
<el-table-column label="用户名" align="center" prop="userName" /> |
|||
<el-table-column label="用户昵称" align="center" prop="nickName" /> |
|||
<el-table-column label="用户头像" align="center" prop="headImageThumb" width="100"> |
|||
<template #default="scope"> |
|||
<image-preview :src="scope.row.headImageThumb" :full-src="scope.row.headImage" :width="50" :height="50" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="性别" align="center" prop="sex"> |
|||
<template #default="scope"> |
|||
<dict-tag :options="sys_user_sex" :value="scope.row.sex" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="是否被封禁" align="center" prop="isBanned"> |
|||
<template #default="scope"> |
|||
<dict-tag :options="sys_bool" :value="scope.row.isBanned" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="状态" align="center" prop="status"> |
|||
<template #default="scope"> |
|||
<dict-tag :options="im_user_status" :value="scope.row.status" /> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="注册时间" align="center" prop="createdTime" width="180"> |
|||
<template #default="scope"> |
|||
<span>{{ parseTime(scope.row.createdTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="最后登录时间" align="center" prop="lastLoginTime" width="180"> |
|||
<template #default="scope"> |
|||
<span>{{ parseTime(scope.row.lastLoginTime, '{y}-{m}-{d}') }}</span> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|||
<template #default="scope"> |
|||
<el-tooltip content="详情" placement="top"> |
|||
<el-button link type="primary" v-hasPermi="['im:user:query']" |
|||
@click="handleDetail(scope.row)">详情</el-button> |
|||
</el-tooltip> |
|||
<el-tooltip v-if="scope.row.isBanned" content="解封" placement="top"> |
|||
<el-button link type="danger" v-hasPermi="['im:user:ban']" @click="unbanHandle(scope.row)">解封</el-button> |
|||
</el-tooltip> |
|||
<el-tooltip v-else content="封禁" placement="top"> |
|||
<el-button link type="danger" v-hasPermi="['im:user:ban']" @click="banHandle(scope.row)">封禁</el-button> |
|||
</el-tooltip> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" |
|||
v-model:limit="queryParams.pageSize" @pagination="getList" /> |
|||
</el-card> |
|||
<!-- 添加或修改用户对话框 --> |
|||
<el-dialog :title="dialog.title" v-model="dialog.visible" width="800px" append-to-body> |
|||
<el-form ref="userFormRef" :model="form" :rules="rules" label-width="100px" disabled> |
|||
<el-form-item label="用户头像" prop="headImage"> |
|||
<image-preview :src="form.headImageThumb" :full-src="form.headImage" :width="100" :height="100" /> |
|||
</el-form-item> |
|||
<el-form-item label="用户名" prop="userName"> |
|||
<el-input v-model="form.userName" placeholder="请输入用户名" /> |
|||
</el-form-item> |
|||
<el-form-item label="性别" prop="sex"> |
|||
<dict-tag :options="sys_user_sex" :value="form.sex" /> |
|||
</el-form-item> |
|||
<el-form-item label="用户昵称" prop="nickName"> |
|||
<el-input v-model="form.nickName" placeholder="请输入用户昵称" /> |
|||
</el-form-item> |
|||
<el-form-item label="个性签名" prop="signature"> |
|||
<el-input v-model="form.signature" placeholder="请输入个性签名" /> |
|||
</el-form-item> |
|||
<el-form-item label="最后登录时间" prop="lastLoginTime"> |
|||
<el-date-picker clearable v-model="form.lastLoginTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" |
|||
placeholder="请选择最后登录时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="注册时间" prop="createdTime"> |
|||
<el-date-picker clearable v-model="form.createdTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" |
|||
placeholder="请选择创建时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
<el-form-item label="是否被封禁" prop="isBanned"> |
|||
<dict-tag :options="sys_bool" :value="form.isBanned" /> |
|||
</el-form-item> |
|||
<el-form-item v-if="form.isBanned" label="被封禁原因" prop="reason"> |
|||
<el-input v-model="form.reason" placeholder="请输入被封禁原因" /> |
|||
</el-form-item> |
|||
<el-form-item label="客户端id" prop="cid"> |
|||
<el-input v-model="form.cid" placeholder="请输入客户端id,用于uni-push推送" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
<template #footer> |
|||
<div class="dialog-footer"> |
|||
<el-button type="primary" @click="submitForm">确 定</el-button> |
|||
</div> |
|||
</template> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script setup name="User" lang="ts"> |
|||
import { listUser, getUser, ban, unban } from '@/api/im/user'; |
|||
import { UserVO, UserQuery, UserForm } from '@/api/im/user/types'; |
|||
|
|||
const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
|||
|
|||
const userList = ref<UserVO[]>([]); |
|||
const loading = ref(true); |
|||
const showSearch = ref(true); |
|||
const ids = ref<Array<string | number>>([]); |
|||
const single = ref(true); |
|||
const multiple = ref(true); |
|||
const total = ref(0); |
|||
|
|||
const queryFormRef = ref<ElFormInstance>(); |
|||
const userFormRef = ref<ElFormInstance>(); |
|||
const dialog = reactive<DialogOption>({ |
|||
visible: false, |
|||
title: '' |
|||
}); |
|||
|
|||
const initFormData: UserForm = { |
|||
id: undefined, |
|||
userName: undefined, |
|||
nickName: undefined, |
|||
headImage: undefined, |
|||
headImageThumb: undefined, |
|||
password: undefined, |
|||
sex: undefined, |
|||
signature: undefined, |
|||
lastLoginTime: undefined, |
|||
createdTime: undefined, |
|||
type: undefined, |
|||
isBanned: undefined, |
|||
reason: undefined, |
|||
cid: undefined, |
|||
status: undefined |
|||
} |
|||
const data = reactive<PageData<UserForm, UserQuery>>({ |
|||
form: { ...initFormData }, |
|||
queryParams: { |
|||
pageNum: 1, |
|||
pageSize: 10, |
|||
userName: undefined, |
|||
nickName: undefined, |
|||
params: { |
|||
} |
|||
}, |
|||
rules: {} |
|||
}); |
|||
const { queryParams, form, rules } = toRefs(data); |
|||
|
|||
const { sys_bool } = toRefs<any>(proxy?.useDict('sys_bool')); |
|||
const { im_user_status } = toRefs<any>(proxy?.useDict('im_user_status')); |
|||
const { sys_user_sex } = toRefs<any>(proxy?.useDict('sys_user_sex')); |
|||
|
|||
/** 查询用户列表 */ |
|||
const getList = async () => { |
|||
loading.value = true; |
|||
const res = await listUser(queryParams.value); |
|||
userList.value = res.rows; |
|||
total.value = res.total; |
|||
loading.value = false; |
|||
console.log("getList") |
|||
} |
|||
/** 搜索按钮操作 */ |
|||
const handleQuery = () => { |
|||
queryParams.value.pageNum = 1; |
|||
getList(); |
|||
console.log("handleQuery") |
|||
} |
|||
|
|||
/** 重置按钮操作 */ |
|||
const resetQuery = () => { |
|||
queryFormRef.value?.resetFields(); |
|||
handleQuery(); |
|||
console.log("handleQuery") |
|||
} |
|||
|
|||
/** 多选框选中数据 */ |
|||
const handleSelectionChange = (selection: UserVO[]) => { |
|||
ids.value = selection.map(item => item.id); |
|||
single.value = selection.length != 1; |
|||
multiple.value = !selection.length; |
|||
console.log("handleSelectionChange") |
|||
} |
|||
|
|||
/** 表单重置 */ |
|||
const reset = () => { |
|||
form.value = { ...initFormData }; |
|||
userFormRef.value?.resetFields(); |
|||
console.log("reset") |
|||
} |
|||
|
|||
/** 修改按钮操作 */ |
|||
const handleDetail = async (row?: UserVO) => { |
|||
reset(); |
|||
const _id = row?.id || ids.value[0] |
|||
const res = await getUser(_id); |
|||
Object.assign(form.value, res.data); |
|||
dialog.visible = true; |
|||
dialog.title = "用户信息"; |
|||
} |
|||
|
|||
/** 提交按钮 */ |
|||
const submitForm = () => { |
|||
dialog.visible = false; |
|||
} |
|||
|
|||
const banHandle = (user: any) => { |
|||
ElMessageBox.prompt('封禁原因:', '确定对该用户进行封禁？', { |
|||
inputPattern: /\S/, |
|||
inputErrorMessage: '请输入封禁原因', |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消' |
|||
}).then(({ value }) => { |
|||
const data = { id: user.id, reason: value } |
|||
ban(data).then(() => { |
|||
user.isBanned = true |
|||
ElMessage.success(`用户'${user.userName}'已被封禁`); |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
const unbanHandle = (user: any) => { |
|||
ElMessageBox.confirm('确定解除该用户的封禁状态？？', '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消' |
|||
}).then(() => { |
|||
const data = { id: user.id } |
|||
unban(data).then(() => { |
|||
user.isBanned = false |
|||
ElMessage.success(`用户'${user.userName}'解锁成功`); |
|||
}) |
|||
|
|||
}) |
|||
} |
|||
|
|||
/** 导出按钮操作 */ |
|||
const handleExport = () => { |
|||
proxy?.download('im/user/export', { |
|||
...queryParams.value |
|||
}, `user_${new Date().getTime()}.xlsx`) |
|||
} |
|||
|
|||
|
|||
onMounted(() => { |
|||
getList(); |
|||
}); |
|||
</script> |
|||
Loading…
Reference in new issue