3 |
4 |
359 |
365 |
366 |
367 |
368 |
608 |
609 |
723 |
--------------------------------------------------------------------------------
/src/components/common/commentBox.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 | {{friends[currentChatFriendId].remark}}
8 |
9 |
10 |
11 |
12 | {{groups[currentChatGroupId].groupName}}
13 |
14 |
15 | 当前在线人数：4
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
75 |
76 |
77 |
26 |
27 |
44 |
45 |
46 |
47 |
28 |
35 |
36 |
37 |
38 |
39 |
40 |
41 | {{$common.getDateDiff(item.createTime)}}
42 |
43 |
50 |
51 |
73 |
74 |
52 |
59 |
60 |
61 |
64 |
65 | {{item.username}}
66 |
67 |
68 |
70 | {{$common.getDateDiff(item.createTime)}}
71 |
72 |
78 |
79 |
356 |
357 |
358 |
80 |
81 |
84 |
85 |
126 |
127 |
128 |
162 |
163 |
195 |
196 |
197 |
198 |
199 |
252 |
253 |
254 |
255 |
256 |
302 |
303 |
304 |
305 |
306 |
322 |
323 |
324 |
325 |
326 |
339 |
340 |
341 |
342 |
348 |
349 |
355 |
86 |
121 |
122 |
123 |
124 |
129 |
155 |
156 |
157 |
158 |
164 |
178 |
179 |
180 |
181 |
182 |
192 |
193 |
194 |
200 |
248 |
249 |
250 | 💕 投递舔狗日记？
251 |
257 |
298 |
299 |
300 | 💕 鸡汤来咯！
301 |
307 |
318 |
319 |
320 | 💕 传教社会语录？
321 |
327 |
335 |
336 |
337 | 💕 发射诗词炮弹？
338 |
360 |
364 | 上传图片
361 |
3 |
4 |
9 |
10 |
32 |
37 |
38 |
39 |
40 |
94 |
95 |
135 |
--------------------------------------------------------------------------------
/src/components/common/emoji.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 |
28 |
29 |
12 |
19 |
20 |
13 | 🌕
14 |
15 |
16 | 🌫️
17 |
18 |
21 |
25 |
26 |
27 |
33 |
36 |
3 |
4 |
13 |
14 |
15 |
16 |
51 |
52 |
84 |
--------------------------------------------------------------------------------
/src/components/common/groupInfo.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
9 | ![]()
10 |
11 |
12 |
3 |
4 |
117 |
118 |
119 |
120 |
121 |
152 |
153 |
154 |
155 |
196 |
197 |
198 |
199 |
200 |
201 |
202 |
334 |
335 |
386 |
--------------------------------------------------------------------------------
/src/components/common/proButton.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 | {{groups[currentGroupId].groupName}}
7 |
8 |
9 |
10 |
11 |
12 |
13 |
110 |
111 |
112 |
14 |
19 |
20 |
21 |
22 |
95 |
96 |
97 |
23 |
24 |
94 |
25 |
26 | 群名称
27 |
28 |
29 | {{groups[currentGroupId].groupName}}
30 |
31 |
34 |
44 |
45 |
46 |
47 |
48 |
49 |
50 | 群公告
51 |
52 |
53 | {{groups[currentGroupId].notice}}
54 |
55 |
58 |
68 |
69 |
70 |
71 |
72 |
73 | 群简介
74 |
75 | {{groups[currentGroupId].introduction}}
76 |
77 |
80 |
91 |
92 |
93 |
98 |
99 | 发消息
100 |
101 |
103 |
104 |
105 | 群设置
106 |
107 |
108 |
109 |
122 |
151 |
123 |
126 |
127 |
129 |
137 |
138 |
130 | 是否需要审核
131 |
132 |
133 |
136 |
139 |
141 | 退出群
142 |
143 |
144 |
145 |
146 | 解散群
147 |
148 |
149 |
150 |
158 |
159 |
195 |
160 |
171 |
172 |
173 |
161 |
166 |
167 |
168 | {{item.username}}
169 |
170 |
174 |
194 |
177 | 管理员
178 |
179 |
180 |
184 | 禁言
185 |
186 |
187 |
191 | 解禁
192 |
193 |
3 |
7 |
8 |
9 |
27 |
28 |
69 |
--------------------------------------------------------------------------------
/src/components/common/treeHole.vue:
--------------------------------------------------------------------------------
1 |
2 | {{info}}
4 | {{info}}
5 | {{info}}
6 |
3 |
42 |
43 |
44 |
81 |
82 |
284 |
--------------------------------------------------------------------------------
/src/components/common/uploadPicture.vue:
--------------------------------------------------------------------------------
1 |
2 | -
4 |
-
8 | 10 |36 |
15 | 17 | 19 | 21 | 22 |35 |23 |34 |😃 {{treeHole.createTime}}24 |27 | 32 |33 |
37 |
39 |
40 |
41 |
3 |
19 |
36 |
37 |
43 |
44 |
45 |
171 |
172 |
175 |
--------------------------------------------------------------------------------
/src/hooks/bindEmail.js:
--------------------------------------------------------------------------------
1 | import {useStore} from 'vuex';
2 |
3 | import {useDialog} from 'naive-ui';
4 |
5 | import {nextTick} from 'vue';
6 |
7 | import {ElMessage} from "element-plus";
8 |
9 | import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue';
10 |
11 | export default function () {
12 | const globalProperties = getCurrentInstance().appContext.config.globalProperties;
13 | const $common = globalProperties.$common;
14 | const $http = globalProperties.$http;
15 | const $constant = globalProperties.$constant;
16 | const store = useStore();
17 | const dialog = useDialog();
18 |
19 | let bindEmailData = reactive({
20 | emailVisible: false,
21 | email: '',
22 | code: '',
23 | password: '',
24 | codeString: "验证码"
25 | })
26 |
27 | let intervalCode = null;
28 |
29 | onMounted(() => {
30 | showEmail();
31 | })
32 |
33 | function showEmail() {
34 | if (!$common.isEmpty(store.state.currentUser) && $common.isEmpty(store.state.currentUser.email)) {
35 | //没有绑定邮箱的用户会弹框
36 | //bindEmailData.emailVisible = true;
37 | }
38 | }
39 |
40 | function getCode() {
41 | if (bindEmailData.codeString === "验证码") {
42 | // 获取验证码
43 | if ($common.isEmpty(bindEmailData.email)) {
44 | ElMessage({
45 | message: "请输入邮箱！",
46 | type: 'error'
47 | });
48 | return;
49 | }
50 | if (!(/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/.test(bindEmailData.email))) {
51 | ElMessage({
52 | message: "邮箱格式有误！",
53 | type: 'error'
54 | });
55 | return;
56 | }
57 |
58 | $http.get($constant.baseURL + "/user/getCodeForBind", {
59 | flag: 2,
60 | place: bindEmailData.email
61 | })
62 | .then((res) => {
63 | ElMessage({
64 | message: "验证码已发送，请注意查收！",
65 | type: 'success'
66 | });
67 | })
68 | .catch((error) => {
69 | ElMessage({
70 | message: error.message,
71 | type: 'error'
72 | });
73 | });
74 | bindEmailData.codeString = "30";
75 | intervalCode = setInterval(() => {
76 | if (bindEmailData.codeString === "0") {
77 | clearInterval(intervalCode)
78 | bindEmailData.codeString = "验证码";
79 | } else {
80 | bindEmailData.codeString = (parseInt(bindEmailData.codeString) - 1) + "";
81 | }
82 | }, 1000);
83 | } else {
84 | ElMessage({
85 | message: "请稍后再试！",
86 | type: 'error'
87 | });
88 | }
89 | }
90 |
91 | function submitDialog() {
92 | if ($common.isEmpty(bindEmailData.email)) {
93 | ElMessage({
94 | message: "请输入邮箱！",
95 | type: 'error'
96 | });
97 | return;
98 | }
99 | if (!(/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/.test(bindEmailData.email))) {
100 | ElMessage({
101 | message: "邮箱格式有误！",
102 | type: 'error'
103 | });
104 | return;
105 | }
106 | if ($common.isEmpty(bindEmailData.code)) {
107 | ElMessage({
108 | message: "请输入验证码！",
109 | type: 'error'
110 | });
111 | return;
112 | }
113 | if ($common.isEmpty(bindEmailData.password)) {
114 | ElMessage({
115 | message: "请输入密码！",
116 | type: 'error'
117 | });
118 | return;
119 | }
120 |
121 | let params = {
122 | code: bindEmailData.code.trim(),
123 | flag: 2,
124 | place: bindEmailData.email.trim(),
125 | password: $common.encrypt(bindEmailData.password.trim())
126 | };
127 | $http.post($constant.baseURL + "/user/updateSecretInfo", params, false)
128 | .then((res) => {
129 | if (!$common.isEmpty(res.data)) {
130 | ElMessage({
131 | message: "保存成功！",
132 | type: 'success'
133 | });
134 | store.commit("loadCurrentUser", res.data);
135 | clearEmailDialog();
136 | }
137 | })
138 | .catch((error) => {
139 | ElMessage({
140 | message: error.message,
141 | type: 'error'
142 | });
143 | });
144 | }
145 |
146 | function clearEmailDialog() {
147 | bindEmailData.password = "";
148 | bindEmailData.codeString = "验证码";
149 | if (intervalCode != null) {
150 | clearInterval(intervalCode);
151 | intervalCode = null;
152 | }
153 | bindEmailData.email = "";
154 | bindEmailData.code = "";
155 | bindEmailData.emailVisible = false;
156 | }
157 |
158 | return {
159 | bindEmailData,
160 | getCode,
161 | submitDialog
162 | }
163 | }
164 |
--------------------------------------------------------------------------------
/src/hooks/changeData.js:
--------------------------------------------------------------------------------
1 | import {useStore} from 'vuex';
2 |
3 | import {useDialog} from 'naive-ui';
4 |
5 | import {nextTick} from 'vue';
6 |
7 | import {ElMessage} from "element-plus";
8 |
9 | import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue';
10 |
11 | export default function (friendData, groupData) {
12 | const globalProperties = getCurrentInstance().appContext.config.globalProperties;
13 | const $common = globalProperties.$common;
14 | const $http = globalProperties.$http;
15 | const $constant = globalProperties.$constant;
16 | const store = useStore();
17 | const dialog = useDialog();
18 |
19 | let changeDataData = reactive({
20 | //修改信息
21 | changeData: '',
22 | changeType: null,
23 | changeModal: false,
24 |
25 | avatarType: null,
26 | avatarPrefix: '',
27 | showAvatarDialog: false
28 | })
29 |
30 | function closeModal() {
31 | changeDataData.avatarType = null;
32 | changeDataData.avatarPrefix = '';
33 |
34 | changeDataData.changeData = '';
35 | changeDataData.changeType = null;
36 | }
37 |
38 | function changeAvatar(type) {
39 | if (type === 1 || (type === 2 && groupData.groups[groupData.currentGroupId].masterFlag)) {
40 | closeModal();
41 | changeDataData.showAvatarDialog = true;
42 | changeDataData.avatarType = type;
43 | if (type === 1) {
44 | changeDataData.avatarPrefix = 'userAvatar';
45 | } else if (type === 2) {
46 | changeDataData.avatarPrefix = 'im/groupAvatar';
47 | }
48 | }
49 | }
50 |
51 | function changeDataType(type) {
52 | closeModal();
53 | changeDataData.changeType = type;
54 | changeDataData.changeModal = true;
55 | }
56 |
57 | function submitAvatar(avatar) {
58 | if ($common.isEmpty(avatar)) {
59 | ElMessage({
60 | message: "请上传头像！",
61 | type: 'warning'
62 | });
63 | return;
64 | }
65 | if (changeDataData.avatarType === 1) {
66 | let user = {
67 | avatar: avatar
68 | };
69 | $http.post($constant.baseURL + "/user/updateUserInfo", user)
70 | .then((res) => {
71 | if (!$common.isEmpty(res.data)) {
72 | ElMessage({
73 | message: "修改成功！",
74 | type: 'success'
75 | });
76 | store.commit("loadCurrentUser", res.data);
77 | closeModal();
78 | changeDataData.showAvatarDialog = false;
79 | }
80 | })
81 | .catch((error) => {
82 | ElMessage({
83 | message: error.message,
84 | type: 'error'
85 | });
86 | });
87 | } else if (changeDataData.avatarType === 2) {
88 | $http.post($constant.baseURL + "/imChatGroup/updateGroup", {
89 | id: groupData.currentGroupId,
90 | avatar: avatar
91 | })
92 | .then((res) => {
93 | ElMessage({
94 | message: "修改成功！",
95 | type: 'success'
96 | });
97 | groupData.groups[groupData.currentGroupId].avatar = avatar;
98 | closeModal();
99 | changeDataData.showAvatarDialog = false;
100 | })
101 | .catch((error) => {
102 | ElMessage({
103 | message: error.message,
104 | type: 'error'
105 | });
106 | });
107 | }
108 | }
109 |
110 | function submitChange() {
111 | if (changeDataData.changeType === 1) {
112 | if ($common.isEmpty(changeDataData.changeData)) {
113 | ElMessage({
114 | message: "请输入备注！",
115 | type: 'warning'
116 | });
117 | return;
118 | }
119 | $http.get($constant.baseURL + "/imChatUserFriend/changeFriend", {
120 | friendId: friendData.currentFriendId,
121 | remark: changeDataData.changeData
122 | })
123 | .then((res) => {
124 | ElMessage({
125 | message: "修改成功！",
126 | type: 'success'
127 | });
128 | friendData.friends[friendData.currentFriendId].remark = changeDataData.changeData;
129 | closeModal();
130 | changeDataData.changeModal = false;
131 | })
132 | .catch((error) => {
133 | ElMessage({
134 | message: error.message,
135 | type: 'error'
136 | });
137 | });
138 | } else if (changeDataData.changeType === 2) {
139 | if ($common.isEmpty(changeDataData.changeData)) {
140 | ElMessage({
141 | message: "请输入群名称！",
142 | type: 'warning'
143 | });
144 | return;
145 | }
146 | $http.post($constant.baseURL + "/imChatGroup/updateGroup", {
147 | id: groupData.currentGroupId,
148 | groupName: changeDataData.changeData
149 | })
150 | .then((res) => {
151 | ElMessage({
152 | message: "修改成功！",
153 | type: 'success'
154 | });
155 | groupData.groups[groupData.currentGroupId].groupName = changeDataData.changeData;
156 | closeModal();
157 | changeDataData.changeModal = false;
158 | })
159 | .catch((error) => {
160 | ElMessage({
161 | message: error.message,
162 | type: 'error'
163 | });
164 | });
165 | } else if (changeDataData.changeType === 3) {
166 | if ($common.isEmpty(changeDataData.changeData)) {
167 | ElMessage({
168 | message: "请输入群公告！",
169 | type: 'warning'
170 | });
171 | return;
172 | }
173 | $http.post($constant.baseURL + "/imChatGroup/updateGroup", {
174 | id: groupData.currentGroupId,
175 | notice: changeDataData.changeData
176 | })
177 | .then((res) => {
178 | ElMessage({
179 | message: "修改成功！",
180 | type: 'success'
181 | });
182 | groupData.groups[groupData.currentGroupId].notice = changeDataData.changeData;
183 | closeModal();
184 | changeDataData.changeModal = false;
185 | })
186 | .catch((error) => {
187 | ElMessage({
188 | message: error.message,
189 | type: 'error'
190 | });
191 | });
192 | } else if (changeDataData.changeType === 4) {
193 | if ($common.isEmpty(changeDataData.changeData)) {
194 | ElMessage({
195 | message: "请输入群简介！",
196 | type: 'warning'
197 | });
198 | return;
199 | }
200 | $http.post($constant.baseURL + "/imChatGroup/updateGroup", {
201 | id: groupData.currentGroupId,
202 | introduction: changeDataData.changeData
203 | })
204 | .then((res) => {
205 | ElMessage({
206 | message: "修改成功！",
207 | type: 'success'
208 | });
209 | groupData.groups[groupData.currentGroupId].introduction = changeDataData.changeData;
210 | closeModal();
211 | changeDataData.changeModal = false;
212 | })
213 | .catch((error) => {
214 | ElMessage({
215 | message: error.message,
216 | type: 'error'
217 | });
218 | });
219 | }
220 | }
221 |
222 | return {
223 | changeDataData,
224 | changeAvatar,
225 | changeDataType,
226 | submitAvatar,
227 | submitChange
228 | }
229 | }
230 |
--------------------------------------------------------------------------------
/src/hooks/friend.js:
--------------------------------------------------------------------------------
1 | import {useStore} from 'vuex';
2 |
3 | import {useDialog} from 'naive-ui';
4 |
5 | import {nextTick} from 'vue';
6 |
7 | import {ElMessage} from "element-plus";
8 |
9 | import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue';
10 |
11 | export default function () {
12 | const globalProperties = getCurrentInstance().appContext.config.globalProperties;
13 | const $common = globalProperties.$common;
14 | const $http = globalProperties.$http;
15 | const $constant = globalProperties.$constant;
16 | const store = useStore();
17 | const dialog = useDialog();
18 |
19 | let friendData = reactive({
20 | //好友请求
21 | friendRequests: [],
22 | //好友列表
23 | friends: {},
24 | //当前朋友信息
25 | currentFriendId: null
26 | })
27 |
28 | async function getImFriend() {
29 | await $http.get($constant.baseURL + "/imChatUserFriend/getFriend", {friendStatus: 1})
30 | .then((res) => {
31 | if (!$common.isEmpty(res.data)) {
32 | res.data.forEach(friend => {
33 | friendData.friends[friend.friendId] = friend;
34 | });
35 | }
36 | })
37 | .catch((error) => {
38 | ElMessage({
39 | message: error.message,
40 | type: 'error'
41 | });
42 | });
43 | }
44 |
45 | function removeFriend(currentFriendId) {
46 | dialog.error({
47 | title: '警告',
48 | content: '你确定删除' + friendData.friends[currentFriendId].remark + '?',
49 | positiveText: '确定',
50 | onPositiveClick: () => {
51 | $http.get($constant.baseURL + "/imChatUserFriend/changeFriend", {
52 | friendId: currentFriendId,
53 | friendStatus: -1
54 | })
55 | .then((res) => {
56 | delete friendData.friends[currentFriendId];
57 | friendData.currentFriendId = null;
58 | ElMessage({
59 | message: "删除成功！",
60 | type: 'success'
61 | });
62 | })
63 | .catch((error) => {
64 | ElMessage({
65 | message: error.message,
66 | type: 'error'
67 | });
68 | });
69 | }
70 | });
71 | }
72 |
73 | function getFriendRequests() {
74 | $http.get($constant.baseURL + "/imChatUserFriend/getFriend", {friendStatus: 0})
75 | .then((res) => {
76 | if (!$common.isEmpty(res.data)) {
77 | friendData.friendRequests = res.data;
78 | ElMessage({
79 | message: "您有好友申请待处理！",
80 | showClose: true,
81 | type: 'success',
82 | duration: 0
83 | });
84 | }
85 | })
86 | .catch((error) => {
87 | ElMessage({
88 | message: error.message,
89 | type: 'error'
90 | });
91 | });
92 | }
93 |
94 | function changeFriendStatus(friendId, status, index) {
95 | $http.get($constant.baseURL + "/imChatUserFriend/changeFriend", {friendId: friendId, friendStatus: status})
96 | .then((res) => {
97 | friendData.friendRequests.splice(index, 1);
98 | ElMessage({
99 | message: "修改成功！",
100 | type: 'success'
101 | });
102 | })
103 | .catch((error) => {
104 | ElMessage({
105 | message: error.message,
106 | type: 'error'
107 | });
108 | });
109 | }
110 |
111 | return {
112 | friendData,
113 | getImFriend,
114 | removeFriend,
115 | getFriendRequests,
116 | changeFriendStatus
117 | }
118 | }
119 |
--------------------------------------------------------------------------------
/src/hooks/friendCircle.js:
--------------------------------------------------------------------------------
1 | import {useStore} from 'vuex';
2 |
3 | import {useDialog} from 'naive-ui';
4 |
5 | import {nextTick} from 'vue';
6 |
7 | import {ElMessage} from "element-plus";
8 |
9 | import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue';
10 |
11 | export default function () {
12 | const globalProperties = getCurrentInstance().appContext.config.globalProperties;
13 | const $common = globalProperties.$common;
14 | const $http = globalProperties.$http;
15 | const $constant = globalProperties.$constant;
16 | const store = useStore();
17 | const dialog = useDialog();
18 |
19 | let friendCircleData = reactive({
20 | showFriendCircle: false,
21 | treeHoleList: [],
22 | weiYanDialogVisible: false,
23 | isPublic: true,
24 | weiYanAvatar: '',
25 | weiYanUsername: '',
26 | pagination: {
27 | current: 1,
28 | size: 10,
29 | total: 0,
30 | userId: null
31 | }
32 | })
33 |
34 | function launch() {
35 | friendCircleData.weiYanDialogVisible = true;
36 | }
37 |
38 | function openFriendCircle(userId, avatar, username) {
39 | friendCircleData.pagination.userId = userId;
40 | friendCircleData.weiYanAvatar = avatar;
41 | friendCircleData.weiYanUsername = username;
42 | getWeiYan();
43 | }
44 |
45 | function deleteTreeHole(id) {
46 | dialog.error({
47 | title: '警告',
48 | content: '确定删除?',
49 | positiveText: '确定',
50 | onPositiveClick: () => {
51 | $http.get($constant.baseURL + "/weiYan/deleteWeiYan", {id: id})
52 | .then((res) => {
53 | ElMessage({
54 | message: "删除成功！",
55 | type: 'success'
56 | });
57 | friendCircleData.pagination.current = 1;
58 | friendCircleData.pagination.size = 10;
59 | friendCircleData.treeHoleList = [];
60 | getWeiYan();
61 | })
62 | .catch((error) => {
63 | ElMessage({
64 | message: error.message,
65 | type: 'error'
66 | });
67 | });
68 | }
69 | });
70 | }
71 |
72 | function getWeiYan() {
73 | $http.post($constant.baseURL + "/weiYan/listWeiYan", friendCircleData.pagination)
74 | .then((res) => {
75 | if (!$common.isEmpty(res.data)) {
76 | res.data.records.forEach(c => {
77 | c.content = c.content.replace(/\n{2,}/g, '');
78 | c.content = c.content.replace(/\n/g, '
20 |
28 |
30 |
31 | 拖拽上传 / 点击上传
29 |
32 | 一次最多上传{{maxNumber}}张图片，且每张图片不超过{{maxSize}}M！
33 |
34 |
35 |
38 |
39 | 上传
40 |
41 |
42 | '); 79 | c.content = $common.faceReg(c.content); 80 | c.content = $common.pictureReg(c.content); 81 | }); 82 | friendCircleData.treeHoleList = friendCircleData.treeHoleList.concat(res.data.records); 83 | friendCircleData.pagination.total = res.data.total; 84 | friendCircleData.showFriendCircle = true; 85 | } 86 | }) 87 | .catch((error) => { 88 | ElMessage({ 89 | message: error.message, 90 | type: 'error' 91 | }); 92 | }); 93 | } 94 | 95 | function submitWeiYan(content) { 96 | let weiYan = { 97 | content: content, 98 | isPublic: friendCircleData.isPublic 99 | }; 100 | 101 | $http.post($constant.baseURL + "/weiYan/saveWeiYan", weiYan) 102 | .then((res) => { 103 | friendCircleData.pagination.current = 1; 104 | friendCircleData.pagination.size = 10; 105 | friendCircleData.treeHoleList = []; 106 | friendCircleData.weiYanDialogVisible = false; 107 | getWeiYan(); 108 | }) 109 | .catch((error) => { 110 | ElMessage({ 111 | message: error.message, 112 | type: 'error' 113 | }); 114 | }); 115 | } 116 | 117 | function cleanFriendCircle() { 118 | friendCircleData.pagination = { 119 | current: 1, 120 | size: 10, 121 | total: 0, 122 | userId: null 123 | }; 124 | friendCircleData.weiYanAvatar = ''; 125 | friendCircleData.weiYanUsername = ''; 126 | friendCircleData.treeHoleList = []; 127 | friendCircleData.showFriendCircle = false; 128 | } 129 | 130 | function pageWeiYan() { 131 | friendCircleData.pagination.current = friendCircleData.pagination.current + 1; 132 | getWeiYan(); 133 | } 134 | 135 | function addFriend() { 136 | dialog.success({ 137 | title: '好友申请', 138 | content: '确认提交好友申请，添加 ' + friendCircleData.weiYanUsername + ' 为好友？', 139 | positiveText: '确定', 140 | onPositiveClick: () => { 141 | $http.get($constant.baseURL + "/imChatUserFriend/addFriend", {friendId: friendCircleData.pagination.userId}) 142 | .then((res) => { 143 | ElMessage({ 144 | message: "提交成功！", 145 | type: 'success' 146 | }); 147 | }) 148 | .catch((error) => { 149 | ElMessage({ 150 | message: error.message, 151 | type: 'error' 152 | }); 153 | }); 154 | } 155 | }); 156 | } 157 | 158 | return { 159 | friendCircleData, 160 | launch, 161 | openFriendCircle, 162 | deleteTreeHole, 163 | submitWeiYan, 164 | pageWeiYan, 165 | cleanFriendCircle, 166 | addFriend 167 | } 168 | } 169 | -------------------------------------------------------------------------------- /src/hooks/group.js: -------------------------------------------------------------------------------- 1 | import {useStore} from 'vuex'; 2 | 3 | import {useDialog} from 'naive-ui'; 4 | 5 | import {nextTick} from 'vue'; 6 | 7 | import {ElMessage} from "element-plus"; 8 | 9 | import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue'; 10 | 11 | export default function () { 12 | const globalProperties = getCurrentInstance().appContext.config.globalProperties; 13 | const $common = globalProperties.$common; 14 | const $http = globalProperties.$http; 15 | const $constant = globalProperties.$constant; 16 | const store = useStore(); 17 | const dialog = useDialog(); 18 | 19 | let groupData = reactive({ 20 | //群组列表 21 | groups: {}, 22 | //当前群信息 23 | currentGroupId: null 24 | }) 25 | 26 | function exitGroup(currentGroupId) { 27 | $http.get($constant.baseURL + "/imChatGroupUser/quitGroup", {id: currentGroupId}) 28 | .then((res) => { 29 | delete groupData.groups[currentGroupId]; 30 | groupData.currentGroupId = null; 31 | ElMessage({ 32 | message: "退群成功！", 33 | type: 'success' 34 | }); 35 | }) 36 | .catch((error) => { 37 | ElMessage({ 38 | message: error.message, 39 | type: 'error' 40 | }); 41 | }); 42 | } 43 | 44 | function dissolveGroup(currentGroupId) { 45 | $http.get($constant.baseURL + "/imChatGroup/deleteGroup", {id: currentGroupId}) 46 | .then((res) => { 47 | delete groupData.groups[currentGroupId]; 48 | groupData.currentGroupId = null; 49 | ElMessage({ 50 | message: "解散群成功！", 51 | type: 'success' 52 | }); 53 | }) 54 | .catch((error) => { 55 | ElMessage({ 56 | message: error.message, 57 | type: 'error' 58 | }); 59 | }); 60 | } 61 | 62 | async function getImGroup() { 63 | await $http.get($constant.baseURL + "/imChatGroup/listGroup") 64 | .then((res) => { 65 | if (!$common.isEmpty(res.data)) { 66 | res.data.forEach(group => { 67 | groupData.groups[group.id] = group; 68 | }); 69 | } 70 | }) 71 | .catch((error) => { 72 | ElMessage({ 73 | message: error.message, 74 | type: 'error' 75 | }); 76 | }); 77 | } 78 | 79 | function addGroupTopic() { 80 | $http.get($constant.baseURL + "/imChatGroup/addGroupTopic", {id: groupData.currentGroupId}) 81 | .then((res) => { 82 | }) 83 | .catch((error) => { 84 | ElMessage({ 85 | message: error.message, 86 | type: 'error' 87 | }); 88 | }); 89 | } 90 | 91 | return { 92 | groupData, 93 | getImGroup, 94 | addGroupTopic, 95 | exitGroup, 96 | dissolveGroup 97 | } 98 | } 99 | -------------------------------------------------------------------------------- /src/hooks/imUtil.js: -------------------------------------------------------------------------------- 1 | import {useStore} from 'vuex'; 2 | 3 | import {useDialog} from 'naive-ui'; 4 | 5 | import {nextTick} from 'vue'; 6 | 7 | import {ElMessage} from "element-plus"; 8 | 9 | import {reactive, getCurrentInstance, onMounted, onBeforeUnmount, watchEffect, toRefs} from 'vue'; 10 | 11 | export default function () { 12 | const globalProperties = getCurrentInstance().appContext.config.globalProperties; 13 | const $common = globalProperties.$common; 14 | const $http = globalProperties.$http; 15 | const $constant = globalProperties.$constant; 16 | const store = useStore(); 17 | const dialog = useDialog(); 18 | 19 | let imUtilData = reactive({ 20 | //系统消息 21 | systemMessages: [], 22 | showBodyLeft: true, 23 | //表情包 24 | imageList: [] 25 | }) 26 | 27 | onMounted(() => { 28 | if ($common.mobile()) { 29 | $(".friend-aside").click(function () { 30 | imUtilData.showBodyLeft = true; 31 | mobileRight(); 32 | }); 33 | 34 | $(".body-right").click(function () { 35 | imUtilData.showBodyLeft = false; 36 | mobileRight(); 37 | }); 38 | } 39 | mobileRight(); 40 | }) 41 | 42 | function changeAside() { 43 | imUtilData.showBodyLeft = !imUtilData.showBodyLeft; 44 | mobileRight(); 45 | } 46 | 47 | function mobileRight() { 48 | if (imUtilData.showBodyLeft && $common.mobile()) { 49 | $(".body-right").addClass("mobile-right"); 50 | } else if (!imUtilData.showBodyLeft && $common.mobile()) { 51 | $(".body-right").removeClass("mobile-right"); 52 | } 53 | } 54 | 55 | function getSystemMessages() { 56 | $http.get($constant.baseURL + "/imChatUserMessage/listSystemMessage") 57 | .then((res) => { 58 | if (!$common.isEmpty(res.data) && !$common.isEmpty(res.data.records)) { 59 | imUtilData.systemMessages = res.data.records; 60 | } 61 | }) 62 | .catch((error) => { 63 | ElMessage({ 64 | message: error.message, 65 | type: 'error' 66 | }); 67 | }); 68 | } 69 | 70 | function hiddenBodyLeft() { 71 | if ($common.mobile()) { 72 | $(".body-right").click(function () { 73 | imUtilData.showBodyLeft = false; 74 | mobileRight(); 75 | }); 76 | } 77 | } 78 | 79 | function imgShow() { 80 | $(".message img").click(function () { 81 | let src = $(this).attr("src"); 82 | $("#bigImg").attr("src", src); 83 | 84 | /** 获取当前点击图片的真实大小，并显示弹出层及大图 */ 85 | $("
'); 138 | content = $common.faceReg(content); 139 | content = $common.pictureReg(content); 140 | return content; 141 | } 142 | 143 | return { 144 | imUtilData, 145 | changeAside, 146 | mobileRight, 147 | getSystemMessages, 148 | hiddenBodyLeft, 149 | imgShow, 150 | getImageList, 151 | parseMessage 152 | } 153 | } 154 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import {createApp} from 'vue' 2 | import App from './App.vue' 3 | import router from './router' 4 | import store from './store' 5 | import { 6 | create, 7 | NAvatar, 8 | NInput, 9 | NIcon, 10 | NTag, 11 | NDivider, 12 | NButton, 13 | NDrawer, 14 | NCard, 15 | NTabs, 16 | NTabPane, 17 | NSwitch, 18 | NModal, 19 | NBadge, 20 | NPopover, 21 | NImage, 22 | NPopconfirm 23 | } from 'naive-ui' 24 | 25 | import { 26 | ElUpload, 27 | ElButton, 28 | ElRadioGroup, 29 | ElRadioButton 30 | } from 'element-plus' 31 | import 'element-plus/dist/index.css' 32 | 33 | import http from './utils/request' 34 | import common from './utils/common' 35 | import constant from './utils/constant' 36 | 37 | import 'vfonts/FiraCode.css' 38 | import './assets/css/index.css' 39 | import './assets/css/color.css' 40 | import './assets/css/animation.css' 41 | 42 | const naive = create({ 43 | components: [NAvatar, NInput, NIcon, NTag, NDivider, NButton, 44 | NDrawer, NCard, NTabs, NTabPane, NSwitch, NModal, NBadge, 45 | NPopover, NImage, NPopconfirm] 46 | }) 47 | 48 | const app = createApp(App) 49 | app.use(router) 50 | app.use(store) 51 | app.use(naive) 52 | 53 | app.component(ElUpload.name, ElUpload) 54 | app.component(ElButton.name, ElButton) 55 | app.component(ElRadioGroup.name, ElRadioGroup) 56 | app.component(ElRadioButton.name, ElRadioButton) 57 | 58 | app.config.globalProperties.$http = http 59 | app.config.globalProperties.$common = common 60 | app.config.globalProperties.$constant = constant 61 | 62 | router.beforeEach((to, from, next) => { 63 | if (to.meta.requiresAuth) { 64 | if (to.path === "/") { 65 | if (typeof to.query.defaultStoreType !== "undefined") { 66 | localStorage.setItem("defaultStoreType", to.query.defaultStoreType); 67 | } 68 | if (typeof to.query.userToken !== "undefined") { 69 | let userToken = to.query.userToken; 70 | const xhr = new XMLHttpRequest(); 71 | xhr.open('post', constant.baseURL + "/user/token", false); 72 | xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 73 | xhr.send("userToken=" + userToken); 74 | let result = JSON.parse(xhr.responseText); 75 | if (!common.isEmpty(result) && result.code === 200) { 76 | store.commit("loadCurrentUser", result.data); 77 | localStorage.setItem("userToken", result.data.accessToken); 78 | window.location.href = constant.imURL; 79 | next(); 80 | } else { 81 | window.location.href = constant.webBaseURL; 82 | } 83 | } else if (Boolean(localStorage.getItem("userToken"))) { 84 | next(); 85 | } else { 86 | window.location.href = constant.webBaseURL; 87 | } 88 | } else { 89 | if (Boolean(localStorage.getItem("userToken"))) { 90 | next(); 91 | } else { 92 | window.location.href = constant.webBaseURL; 93 | } 94 | } 95 | } else { 96 | next(); 97 | } 98 | }) 99 | 100 | app.mount('#app') 101 | -------------------------------------------------------------------------------- /src/router/index.js: -------------------------------------------------------------------------------- 1 | import {createRouter, createWebHistory} from 'vue-router' 2 | import constant from "../utils/constant"; 3 | 4 | const routes = [ 5 | { 6 | path: "/", 7 | meta: {requiresAuth: true}, 8 | component: () => import('../components/index') 9 | } 10 | ] 11 | 12 | const router = createRouter({ 13 | history: createWebHistory(constant.webHistory), 14 | routes, 15 | scrollBehavior(to, from, savedPosition) { 16 | return {left: 0, top: 0}; 17 | } 18 | }) 19 | 20 | export default router 21 | -------------------------------------------------------------------------------- /src/store/index.js: -------------------------------------------------------------------------------- 1 | import {createStore} from 'vuex' 2 | 3 | 4 | export default createStore({ 5 | state: { 6 | currentUser: JSON.parse(localStorage.getItem("currentUser") || '{}'), 7 | sysConfig: JSON.parse(localStorage.getItem("sysConfig") || '{}') 8 | }, 9 | getters: {}, 10 | mutations: { 11 | loadCurrentUser(state, user) { 12 | state.currentUser = user; 13 | localStorage.setItem("currentUser", JSON.stringify(user)); 14 | }, 15 | loadSysConfig(state, sysConfig) { 16 | state.sysConfig = sysConfig; 17 | localStorage.setItem("sysConfig", JSON.stringify(sysConfig)); 18 | } 19 | }, 20 | actions: {}, 21 | modules: {}, 22 | plugins: [] 23 | }) 24 | -------------------------------------------------------------------------------- /src/utils/ajaxUpload.js: -------------------------------------------------------------------------------- 1 | import common from './common' 2 | 3 | function getError( 4 | action, 5 | option, 6 | xhr 7 | ) { 8 | let msg 9 | if (xhr.response) { 10 | msg = `${xhr.response.error || xhr.response}` 11 | } else if (xhr.responseText) { 12 | msg = `${xhr.responseText}` 13 | } else { 14 | msg = `fail to ${action} ${xhr.status}` 15 | } 16 | 17 | return new Error(msg) 18 | } 19 | 20 | function getBody(xhr) { 21 | const text = xhr.responseText || xhr.response 22 | if (!text) { 23 | return text 24 | } 25 | 26 | try { 27 | return JSON.parse(text) 28 | } catch { 29 | return text 30 | } 31 | } 32 | 33 | export default function (option) { 34 | const xhr = new XMLHttpRequest() 35 | const action = option.action 36 | 37 | const formData = new FormData() 38 | if (option.data) { 39 | for (const [key, value] of Object.entries(option.data)) { 40 | if (Array.isArray(value)) formData.append(key, ...value) 41 | else formData.append(key, value) 42 | } 43 | } 44 | formData.append(option.filename, option.file, option.file.name) 45 | 46 | xhr.addEventListener('error', () => { 47 | option.onError(getError(action, option, xhr)) 48 | }) 49 | 50 | xhr.addEventListener('load', () => { 51 | if (xhr.status < 200 || xhr.status >= 300) { 52 | return option.onError(getError(action, option, xhr)) 53 | } 54 | option.onSuccess(getBody(xhr)) 55 | }) 56 | 57 | xhr.open(option.method, action, true) 58 | 59 | if (option.withCredentials && 'withCredentials' in xhr) { 60 | xhr.withCredentials = true 61 | } 62 | 63 | const headers = option.headers || {} 64 | if (headers instanceof Headers) { 65 | headers.forEach((value, key) => xhr.setRequestHeader(key, value)) 66 | } else { 67 | for (const [key, value] of Object.entries(headers)) { 68 | if (common.isEmpty(value)) continue 69 | xhr.setRequestHeader(key, value) 70 | } 71 | } 72 | 73 | xhr.send(formData) 74 | return xhr 75 | } 76 | -------------------------------------------------------------------------------- /src/utils/common.js: -------------------------------------------------------------------------------- 1 | import constant from "./constant"; 2 | import CryptoJS from 'crypto-js'; 3 | import store from '../store'; 4 | import {ElMessage} from "element-plus"; 5 | 6 | export default { 7 | /** 8 | * 判断设备 9 | */ 10 | mobile() { 11 | let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i); 12 | return flag && flag.length && flag.length > 0; 13 | }, 14 | 15 | /** 16 | * 判断是否为空 17 | */ 18 | isEmpty(value) { 19 | if (typeof value === "undefined" || value === null || (typeof value === "string" && value.trim() === "") || (Array.prototype.isPrototypeOf(value) && value.length === 0) || (Object.prototype.isPrototypeOf(value) && Object.keys(value).length === 0)) { 20 | return true; 21 | } else { 22 | return false; 23 | } 24 | }, 25 | 26 | /** 27 | * 加密 28 | */ 29 | encrypt(plaintText) { 30 | let options = { 31 | mode: CryptoJS.mode.ECB, 32 | padding: CryptoJS.pad.Pkcs7 33 | }; 34 | let key = CryptoJS.enc.Utf8.parse(constant.cryptojs_key); 35 | let encryptedData = CryptoJS.AES.encrypt(plaintText, key, options); 36 | return encryptedData.toString().replace(/\//g, "_").replace(/\+/g, "-"); 37 | }, 38 | 39 | /** 40 | * 解密 41 | */ 42 | decrypt(encryptedBase64Str) { 43 | let val = encryptedBase64Str.replace(/\-/g, '+').replace(/_/g, '/'); 44 | let options = { 45 | mode: CryptoJS.mode.ECB, 46 | padding: CryptoJS.pad.Pkcs7 47 | }; 48 | let key = CryptoJS.enc.Utf8.parse(constant.cryptojs_key); 49 | let decryptedData = CryptoJS.AES.decrypt(val, key, options); 50 | return CryptoJS.enc.Utf8.stringify(decryptedData); 51 | }, 52 | 53 | /** 54 | * 表情包转换 55 | */ 56 | faceReg(content) { 57 | content = content.replace(/\[[^\[^\]]+\]/g, (word) => { 58 | let index = constant.emojiList.indexOf(word.replace("[", "").replace("]", "")); 59 | if (index > -1) { 60 | let url = store.state.sysConfig['webStaticResourcePrefix'] + "emoji/q" + (index + 1) + ".gif"; 61 | return '