Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
T
tokcos-socket-web-ts
概览
概览
详情
活动
周期分析
版本库
存储库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
Issue Boards
Open sidebar
小豪
tokcos-socket-web-ts
Commits
3ac1e7e0
提交
3ac1e7e0
authored
3月 22, 2024
作者:
Hao
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
add
父级
2b11e564
全部展开
显示空白字符变更
内嵌
并排
正在显示
7 个修改的文件
包含
36 行增加
和
88 行删除
+36
-88
src/axios/index.ts
+5
-5
src/axios/model/user.ts
+6
-7
src/minxins/minxin.js
+0
-23
src/store/modules/user.ts
+19
-46
src/utils/websocket.ts
+6
-7
src/views/HomeView-1.vue
+0
-0
src/views/HomeView.vue
+0
-0
没有找到文件。
src/axios/index.ts
浏览文件 @
3ac1e7e0
// axios.js
// axios.js
import
{
useUserStore
}
from
'../store/modules/user'
import
axios
from
"axios"
;
import
axios
from
"axios"
;
const
instance
=
axios
.
create
({
const
instance
=
axios
.
create
({
//
baseURL: "http://192.168.31.228:8080", // 设置基础 URL
baseURL
:
"http://192.168.31.228:8080"
,
// 设置基础 URL
baseURL
:
''
,
//
baseURL:'',
timeout
:
1000
,
// 设置请求超时时间
timeout
:
1000
,
// 设置请求超时时间
});
});
instance
.
interceptors
.
request
.
use
(
instance
.
interceptors
.
request
.
use
(
(
config
:
any
)
=>
{
(
config
:
any
)
=>
{
// 在发送请求之前做些什么,例如添加 token
// 在发送请求之前做些什么,例如添加 token
const
token
=
localStorage
.
getItem
(
"token"
)
;
const
token
=
useUserStore
().
userInfo
.
token
;
if
(
token
)
{
if
(
token
)
{
config
.
headers
[
'
X-Access-Token'
]
=
`Bearer
${
token
}
`
;
config
.
headers
[
'
token'
]
=
`
${
useUserStore
().
userInfo
.
token
}
`
;
}
}
return
config
;
return
config
;
},
},
...
...
src/axios/model/user.ts
浏览文件 @
3ac1e7e0
...
@@ -6,7 +6,6 @@ const Login = (query: any) => {
...
@@ -6,7 +6,6 @@ const Login = (query: any) => {
method
:
"post"
,
method
:
"post"
,
data
:
query
,
data
:
query
,
});
});
};
};
//新增询价单
//新增询价单
const
InquiryAdd
=
(
query
:
any
)
=>
{
const
InquiryAdd
=
(
query
:
any
)
=>
{
...
@@ -27,17 +26,17 @@ const Kjiehuifu = (query: any) => {
...
@@ -27,17 +26,17 @@ const Kjiehuifu = (query: any) => {
//获取用户列表
//获取用户列表
const
getUserList
=
(
query
:
any
)
=>
{
const
getUserList
=
(
query
:
any
)
=>
{
return
http
({
return
http
({
url
:
"/
getUser
List"
,
url
:
"/
kf/chat/getChat
List"
,
method
:
"get"
,
method
:
"get"
,
data
:
query
,
params
:
query
,
});
});
};
};
//查看未读消息
//查看未读消息
const
checkMesssages
=
(
query
:
any
)
=>
{
const
checkMesssages
=
(
query
:
any
)
=>
{
return
http
({
return
http
({
url
:
"/
checkMesssages
"
,
url
:
"/
kf/chat/getChatHisList
"
,
method
:
"get"
,
method
:
"get"
,
data
:
query
,
params
:
query
,
});
});
};
};
//上传接口
//上传接口
...
@@ -62,7 +61,7 @@ const deleteUserList = (query: any) => {
...
@@ -62,7 +61,7 @@ const deleteUserList = (query: any) => {
return
http
({
return
http
({
url
:
`/deleteUserList`
,
url
:
`/deleteUserList`
,
method
:
"delete"
,
method
:
"delete"
,
params
:
query
params
:
query
,
});
});
};
};
export
{
export
{
...
@@ -73,5 +72,5 @@ export {
...
@@ -73,5 +72,5 @@ export {
checkMesssages
,
checkMesssages
,
upload
,
upload
,
getUploadConfigInfo
,
getUploadConfigInfo
,
deleteUserList
deleteUserList
,
};
};
src/minxins/minxin.js
deleted
100644 → 0
浏览文件 @
2b11e564
// import io from 'socket.io-client';
// import { ref, onMounted, onUnmounted } from 'vue'
// import { ElMessage } from 'element-plus'
// export default function () {
// const message = {};
// const showMessage = {};
// const socket = ref(new WebSocket("ws://192.168.31.228:8888?username=admin&password=123"));
// socket.value.onopen = function (e) {
// console.log(e)
// }
// socket.value.onerror = function(e){
// console.log(e)
// };
// socket.value.onmessage = function (e) {
// console.log(e)
// };
// return {
// message,
// showMessage
// }
// }
\ No newline at end of file
src/store/modules/user.ts
浏览文件 @
3ac1e7e0
import
moment
from
"moment"
;
import
moment
from
"moment"
;
import
{
defineStore
}
from
"pinia"
;
import
{
defineStore
}
from
"pinia"
;
import
{
getUserList
}
from
"@/axios/model/user"
;
export
const
useUserStore
=
defineStore
(
"user"
,
{
export
const
useUserStore
=
defineStore
(
"user"
,
{
state
:
()
=>
{
state
:
()
=>
{
return
{
return
{
...
@@ -9,8 +10,8 @@ export const useUserStore = defineStore("user", {
...
@@ -9,8 +10,8 @@ export const useUserStore = defineStore("user", {
count
:
0
,
count
:
0
,
userInfo
:
{
userInfo
:
{
username
:
"admin"
,
username
:
"admin"
,
password
:
""
,
password
:
""
,
token
:
""
token
:
""
,
},
},
userList
:
[],
userList
:
[],
};
};
...
@@ -25,57 +26,29 @@ export const useUserStore = defineStore("user", {
...
@@ -25,57 +26,29 @@ export const useUserStore = defineStore("user", {
setUserInfo
(
res
:
any
)
{
setUserInfo
(
res
:
any
)
{
this
.
userInfo
=
res
;
this
.
userInfo
=
res
;
},
},
setUserList
(
res
:
any
)
{
//
setUserList(res: any) {
this
.
userList
=
res
;
//
this.userList = res;
},
//
},
setUserListMessages
(
res
:
any
)
{
setUserListMessages
(
res
:
any
)
{
console
.
log
(
res
)
console
.
log
(
"调取setUserListMessages"
);
const
userList
:
any
=
this
.
userList
||
[];
return
new
Promise
((
resolve
,
reject
)
=>
{
// res.from = res.from.replace('游客','')
const
query
=
{
const
obj
=
{
code
:
this
.
userInfo
.
username
,
...
res
,
isSent
:
false
,
userImg
:
"https://cdn.lirimall.com//lirigo/filetempImage/新鲜水果_1661668973048.png"
,
time
:
moment
(
res
.
createTime
).
format
(
"YYYY-DD-MM HH:mm:ss"
),
};
};
getUserList
(
query
).
then
(({
success
,
result
,
message
}:
any
)
=>
{
const
info
=
{
if
(
success
)
{
userId
:
res
.
id
,
this
.
userList
=
result
.
map
((
item
:
any
)
=>
{
username
:
res
.
from
,
return
{
messages
:
[
obj
],
...
item
,
userImg
:
obj
.
userImg
,
username
:
item
.
id
,
messages
:
[],
};
};
if
(
userList
.
length
>
0
&&
userList
.
some
((
item
:
any
)
=>
item
.
username
==
res
.
from
)
)
{
userList
.
forEach
((
item
:
any
)
=>
{
if
(
item
.
username
==
res
.
from
)
item
.
messages
.
push
(
obj
);
});
});
}
else
{
console
.
log
(
this
.
userList
);
userList
.
push
(
info
);
resolve
(
result
);
}
}
this
.
userList
=
userList
;
},
setusernameMessage
(
res
:
any
)
{
const
friends
=
res
.
friends
;
for
(
const
key
in
friends
)
{
const
chatDatas
=
friends
[
key
];
chatDatas
.
forEach
((
item
:
any
)
=>
{
item
.
userImg
=
"https://cdn.lirimall.com//lirigo/filetempImage/新鲜水果_1661668973048.png"
;
item
.
time
=
moment
(
res
.
createTime
).
format
(
"YYYY-DD-MM HH:mm:ss"
);
});
});
for
(
const
index
in
chatDatas
)
{
const
userId
=
chatDatas
[
index
].
from
;
this
.
userList
.
forEach
((
item
:
any
)
=>
{
if
(
item
&&
item
?.
username
==
userId
)
{
item
.
messages
=
chatDatas
;
}
});
});
}
}
},
},
connect
()
{
connect
()
{
// 连接成功后,将 isConnected 状态设置为 true
// 连接成功后,将 isConnected 状态设置为 true
...
...
src/utils/websocket.ts
浏览文件 @
3ac1e7e0
...
@@ -26,7 +26,7 @@ function creatWebSocket(wsUrl: string) {
...
@@ -26,7 +26,7 @@ function creatWebSocket(wsUrl: string) {
// 初始化websocket
// 初始化websocket
function
initWebSocket
(
wsUrl
:
string
)
{
function
initWebSocket
(
wsUrl
:
string
)
{
if
(
!
websocket
)
websocket
=
new
WebSocket
(
wsUrl
);
if
(
!
websocket
)
websocket
=
new
WebSocket
(
wsUrl
);
websocket
.
onopen
=
function
()
{
websocket
.
onopen
=
function
(
eee
)
{
websocketOpen
();
websocketOpen
();
};
};
// // 接收
// // 接收
...
@@ -64,14 +64,14 @@ function websocketOpen() {
...
@@ -64,14 +64,14 @@ function websocketOpen() {
}
}
// 数据接收
// 数据接收
function
websocketonmessage
(
e
:
MessageEvent
<
any
>
)
{
function
websocketonmessage
(
e
:
MessageEvent
<
any
>
)
{
console
.
log
(
'接受数据'
,
e
.
data
)
const
res
=
JSON
.
parse
(
e
.
data
);
// 解析JSON格式的数据
const
res
=
JSON
.
parse
(
e
.
data
);
// 解析JSON格式的数据
// 下面的判断则是后台返回的接收到的数据 如何处理自己决定
console
.
log
(
res
,
'res'
)
if
(
res
.
command
==
11
)
{
if
(
res
.
command
==
11
)
{
//将数据放在store中
//将数据放在store中
useUserStore
().
setUserListMessages
(
res
.
data
);
// 下面的判断则是后台返回的接收到的数据 如何处理自己决定
}
else
if
(
res
.
command
==
20
)
{
useUserStore
()
useUserStore
().
setusernameMessage
(
res
.
data
);
.
setUserListMessages
(
res
.
data
)
.
then
();
}
}
}
}
...
@@ -82,7 +82,6 @@ function websocketclose(e: any) {
...
@@ -82,7 +82,6 @@ function websocketclose(e: any) {
// 数据发送
// 数据发送
function
websocketsend
(
res
:
any
)
{
function
websocketsend
(
res
:
any
)
{
console
.
log
(
websocket
,
"websocket"
);
if
(
websocket
&&
useUserStore
().
isConnected
)
{
if
(
websocket
&&
useUserStore
().
isConnected
)
{
// 检查连接状态
// 检查连接状态
console
.
log
(
"发送的数据"
,
websocket
);
console
.
log
(
"发送的数据"
,
websocket
);
...
...
src/views/HomeView-1.vue
deleted
100644 → 0
浏览文件 @
2b11e564
差异被折叠。
点击展开。
src/views/HomeView.vue
浏览文件 @
3ac1e7e0
差异被折叠。
点击展开。
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论