936 lines
31 KiB
JavaScript
Vendored
936 lines
31 KiB
JavaScript
Vendored
export default {
|
|
/**
|
|
* 访问接口
|
|
* @param state
|
|
* @param dispatch
|
|
* @param params // {url,data,method,timeout,header,spinner,websocket, before,complete,success,error,after}
|
|
* @returns {Promise<unknown>}
|
|
*/
|
|
call({state, dispatch}, params) {
|
|
if (!state.method.isJson(params)) params = {url: params}
|
|
if (!state.method.isJson(params.header)) params.header = {}
|
|
params.url = state.method.apiUrl(params.url);
|
|
params.data = state.method.date2string(params.data);
|
|
params.header['Content-Type'] = 'application/json';
|
|
params.header['language'] = $A.getLanguage();
|
|
params.header['token'] = state.userToken;
|
|
params.header['fd'] = state.method.getStorageString("userWsFd");
|
|
//
|
|
return new Promise(function (resolve, reject) {
|
|
if (params.spinner === true) {
|
|
const spinner = document.getElementById("common-spinner");
|
|
if (spinner) {
|
|
const beforeCall = params.before;
|
|
params.before = () => {
|
|
state.ajaxLoadNum++;
|
|
spinner.style.display = "block"
|
|
typeof beforeCall == "function" && beforeCall();
|
|
};
|
|
//
|
|
const completeCall = params.complete;
|
|
params.complete = () => {
|
|
state.ajaxLoadNum--;
|
|
if (state.ajaxLoadNum <= 0) {
|
|
spinner.style.display = "none"
|
|
}
|
|
typeof completeCall == "function" && completeCall();
|
|
};
|
|
}
|
|
}
|
|
//
|
|
params.success = (result, status, xhr) => {
|
|
if (!state.method.isJson(result)) {
|
|
resolve(result, status, xhr);
|
|
return;
|
|
}
|
|
const {ret, data, msg} = result;
|
|
if (ret === -1 && params.checkRole !== false) {
|
|
//身份丢失
|
|
$A.modalError({
|
|
content: msg,
|
|
onOk: () => {
|
|
dispatch("logout")
|
|
}
|
|
});
|
|
return;
|
|
}
|
|
if (ret === 1) {
|
|
resolve(data, msg);
|
|
} else {
|
|
reject(data, msg || "Unknown error")
|
|
}
|
|
};
|
|
params.error = () => {
|
|
reject({}, "System error")
|
|
};
|
|
//
|
|
if (params.websocket === true || params.ws === true) {
|
|
const apiWebsocket = state.method.randomString(16);
|
|
const apiTimeout = setTimeout(() => {
|
|
const WListener = state.ajaxWsListener.find((item) => item.apiWebsocket == apiWebsocket);
|
|
if (WListener) {
|
|
WListener.complete();
|
|
WListener.error("timeout");
|
|
WListener.after();
|
|
}
|
|
state.ajaxWsListener = state.ajaxWsListener.filter((item) => item.apiWebsocket != apiWebsocket);
|
|
}, params.timeout || 30000);
|
|
state.ajaxWsListener.push({
|
|
apiWebsocket: apiWebsocket,
|
|
complete: typeof params.complete === "function" ? params.complete : () => { },
|
|
success: typeof params.success === "function" ? params.success : () => { },
|
|
error: typeof params.error === "function" ? params.error : () => { },
|
|
after: typeof params.after === "function" ? params.after : () => { },
|
|
});
|
|
//
|
|
params.complete = () => { };
|
|
params.success = () => { };
|
|
params.error = () => { };
|
|
params.after = () => { };
|
|
params.header['Api-Websocket'] = apiWebsocket;
|
|
//
|
|
if (state.ajaxWsReady === false) {
|
|
state.ajaxWsReady = true;
|
|
dispatch("websocketMsgListener", {
|
|
name: "apiWebsocket",
|
|
callback: (msg) => {
|
|
switch (msg.type) {
|
|
case 'apiWebsocket':
|
|
clearTimeout(apiTimeout);
|
|
const apiWebsocket = msg.apiWebsocket;
|
|
const apiSuccess = msg.apiSuccess;
|
|
const apiResult = msg.data;
|
|
const WListener = state.ajaxWsListener.find((item) => item.apiWebsocket == apiWebsocket);
|
|
if (WListener) {
|
|
WListener.complete();
|
|
if (apiSuccess) {
|
|
WListener.success(apiResult);
|
|
} else {
|
|
WListener.error(apiResult);
|
|
}
|
|
WListener.after();
|
|
}
|
|
state.ajaxWsListener = state.ajaxWsListener.filter((item) => item.apiWebsocket != apiWebsocket);
|
|
break;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
$A.ajaxc(params);
|
|
})
|
|
},
|
|
|
|
/**
|
|
* 切换Boolean变量
|
|
* @param state
|
|
* @param key
|
|
*/
|
|
toggleBoolean({state}, key) {
|
|
state[key] = !state[key]
|
|
state.method.setStorage('boolean:' + key, state[key]);
|
|
},
|
|
|
|
/**
|
|
* 获取/更新会员信息
|
|
* @param dispatch
|
|
* @returns {Promise<unknown>}
|
|
*/
|
|
userInfo({dispatch}) {
|
|
return new Promise(function (resolve, reject) {
|
|
dispatch("call", {
|
|
url: 'users/info',
|
|
}).then((data, msg) => {
|
|
dispatch('saveUserInfo', data);
|
|
resolve(data, msg)
|
|
}).catch((data, msg) => {
|
|
dispatch("logout");
|
|
reject(data, msg)
|
|
});
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 更新会员信息
|
|
* @param state
|
|
* @param dispatch
|
|
* @param info
|
|
* @returns {Promise<unknown>}
|
|
*/
|
|
saveUserInfo({state, dispatch}, info) {
|
|
return new Promise(function (resolve) {
|
|
const userInfo = state.method.cloneJSON(info);
|
|
userInfo.userid = state.method.runNum(userInfo.userid);
|
|
userInfo.token = userInfo.userid > 0 ? (userInfo.token || state.userToken) : '';
|
|
state.userInfo = userInfo;
|
|
state.userId = userInfo.userid;
|
|
state.userToken = userInfo.token;
|
|
state.userIsAdmin = state.method.inArray('admin', userInfo.identity);
|
|
state.method.setStorage('userInfo', state.userInfo);
|
|
dispatch('projectList');
|
|
dispatch('dialogMsgUnread');
|
|
dispatch('websocketConnection');
|
|
resolve()
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 更新会员在线
|
|
* @param state
|
|
* @param info {userid,online}
|
|
*/
|
|
saveUserOnlineStatus({state}, info) {
|
|
const {userid, online} = info;
|
|
if (state.userOnline[userid] !== online) {
|
|
state.userOnline = Object.assign({}, state.userOnline, {[userid]: online});
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 获取用户基本信息
|
|
* @param state
|
|
* @param dispatch
|
|
* @param params {userid, success, complete}
|
|
*/
|
|
userBasic({state, dispatch}, params) {
|
|
if (!state.method.isJson(params)) {
|
|
return;
|
|
}
|
|
const {userid, success, complete} = params;
|
|
if (userid === state.userId) {
|
|
typeof success === "function" && success(state.userInfo, true);
|
|
return;
|
|
}
|
|
const time = Math.round(new Date().getTime() / 1000);
|
|
const array = [];
|
|
(state.method.isArray(userid) ? userid : [userid]).some((uid) => {
|
|
if (state.cacheUserBasic[uid]) {
|
|
typeof success === "function" && success(state.cacheUserBasic[uid].data, false);
|
|
if (time - state.cacheUserBasic[uid].time <= 30) {
|
|
return false;
|
|
}
|
|
}
|
|
array.push(uid);
|
|
});
|
|
if (array.length === 0) {
|
|
typeof complete === "function" && complete()
|
|
return;
|
|
}
|
|
//
|
|
if (state.cacheUserBasic["::load"] === true) {
|
|
setTimeout(() => {
|
|
dispatch('userBasic', params);
|
|
}, 20);
|
|
return;
|
|
}
|
|
state.cacheUserBasic["::load"] = true;
|
|
dispatch("call", {
|
|
url: 'users/basic',
|
|
data: {
|
|
userid: array
|
|
},
|
|
}).then((data, msg) => {
|
|
state.cacheUserBasic["::load"] = false;
|
|
typeof complete === "function" && complete()
|
|
data.forEach((item) => {
|
|
state.cacheUserBasic[item.userid] = {
|
|
time,
|
|
data: item
|
|
};
|
|
state.method.setStorage("cacheUserBasic", state.cacheUserBasic);
|
|
dispatch('saveUserOnlineStatus', item);
|
|
typeof success === "function" && success(item, true)
|
|
});
|
|
}).catch((data, msg) => {
|
|
state.cacheUserBasic["::load"] = false;
|
|
typeof complete === "function" && complete()
|
|
$A.modalError(msg);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 登出（打开登录页面）
|
|
* @param dispatch
|
|
*/
|
|
logout({dispatch}) {
|
|
dispatch('saveUserInfo', {}).then(() => {
|
|
const from = window.location.pathname == '/' ? '' : encodeURIComponent(window.location.href);
|
|
$A.goForward({path: '/login', query: from ? {from: from} : {}}, true);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 获取项目列表
|
|
* @param state
|
|
* @param dispatch
|
|
*/
|
|
projectList({state, dispatch}) {
|
|
if (state.userId === 0) {
|
|
state.projectList = [];
|
|
return;
|
|
}
|
|
if (state.cacheProjectList.length > 0) {
|
|
state.projectList = state.cacheProjectList;
|
|
}
|
|
dispatch("call", {
|
|
url: 'project/lists',
|
|
}).then((data, msg) => {
|
|
dispatch('saveProject', data.data);
|
|
}).catch((data, msg) => {
|
|
$A.modalError(msg);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 获取项目信息
|
|
* @param state
|
|
* @param dispatch
|
|
* @param project_id
|
|
*/
|
|
projectOne({state, dispatch}, project_id) {
|
|
if (state.method.runNum(project_id) === 0) {
|
|
return;
|
|
}
|
|
dispatch("call", {
|
|
url: 'project/one',
|
|
data: {
|
|
project_id: project_id,
|
|
},
|
|
}).then((data, msg) => {
|
|
dispatch('saveProject', data);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 获取项目详情
|
|
* @param state
|
|
* @param dispatch
|
|
* @param project_id
|
|
*/
|
|
projectDetail({state, dispatch}, project_id) {
|
|
if (state.method.runNum(project_id) === 0) {
|
|
return;
|
|
}
|
|
const project = state.cacheProjectList.find(({id}) => id == project_id);
|
|
if (project) {
|
|
state.projectDetail = Object.assign({project_column: [], project_user: []}, project);
|
|
}
|
|
state.projectDetail.id = project_id;
|
|
//
|
|
state.projectLoad++;
|
|
dispatch("call", {
|
|
url: 'project/detail',
|
|
data: {
|
|
project_id: project_id,
|
|
},
|
|
}).then((data, msg) => {
|
|
state.projectLoad--;
|
|
dispatch('saveProject', data);
|
|
}).catch((data, msg) => {
|
|
state.projectLoad--;
|
|
$A.modalError(msg);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 保存项目信息
|
|
* @param state
|
|
* @param data
|
|
*/
|
|
saveProject({state}, data) {
|
|
if (state.method.isArray(data)) {
|
|
if (state.projectDetail.id) {
|
|
const project = data.find(({id}) => id == state.projectDetail.id);
|
|
if (project) {
|
|
state.projectDetail = Object.assign({}, state.projectDetail, project)
|
|
}
|
|
}
|
|
state.projectList = data;
|
|
} else if (state.method.isJson(data)) {
|
|
if (data.id == state.projectDetail.id) {
|
|
state.projectDetail = Object.assign({}, state.projectDetail, data)
|
|
}
|
|
let index = state.projectList.findIndex(({id}) => id == data.id);
|
|
if (index > -1) {
|
|
state.projectList.splice(index, 1, Object.assign({}, state.projectList[index], data));
|
|
} else {
|
|
state.projectList.unshift(data);
|
|
}
|
|
}
|
|
state.method.setStorage("cacheProjectList", state.projectList);
|
|
},
|
|
|
|
/**
|
|
* 删除项目信息
|
|
* @param state
|
|
* @param project_id
|
|
*/
|
|
removeProject({state}, project_id) {
|
|
let index = state.projectList.findIndex(({id}) => id == project_id);
|
|
if (index > -1) {
|
|
state.projectList.splice(index, 1);
|
|
state.method.setStorage("cacheProjectList", state.projectList);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 获取任务信息
|
|
* @param state
|
|
* @param dispatch
|
|
* @param task_id
|
|
* @returns {Promise<unknown>}
|
|
*/
|
|
taskOne({state, dispatch}, task_id) {
|
|
return new Promise(function (resolve, reject) {
|
|
dispatch("call", {
|
|
url: 'project/task/one',
|
|
data: {
|
|
task_id,
|
|
},
|
|
}).then((data, msg) => {
|
|
state.projectDetail.project_column.some(({project_task}) => {
|
|
let index = project_task.findIndex(({id}) => id === task_id);
|
|
if (index > -1) {
|
|
project_task.splice(index, 1, Object.assign(project_task[index], data))
|
|
return true;
|
|
}
|
|
});
|
|
if (task_id == state.projectOpenTask.id) {
|
|
state.projectOpenTask = Object.assign({}, state.projectOpenTask, data);
|
|
}
|
|
resolve(data, msg)
|
|
}).catch((data, msg) => {
|
|
reject(data, msg)
|
|
});
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 获取任务详细描述
|
|
* @param state
|
|
* @param dispatch
|
|
* @param task_id
|
|
* @returns {Promise<unknown>}
|
|
*/
|
|
taskContent({state, dispatch}, task_id) {
|
|
return new Promise(function (resolve, reject) {
|
|
dispatch("call", {
|
|
url: 'project/task/content',
|
|
data: {
|
|
task_id,
|
|
},
|
|
}).then((data, msg) => {
|
|
state.projectTaskContent[task_id] = data;
|
|
if (task_id == state.projectOpenTask.id) {
|
|
state.projectOpenTask = Object.assign({}, state.projectOpenTask, {content: data || {}});
|
|
}
|
|
resolve(data, msg)
|
|
}).catch((data, msg) => {
|
|
reject(data, msg)
|
|
});
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 获取任务文件
|
|
* @param state
|
|
* @param dispatch
|
|
* @param task_id
|
|
* @returns {Promise<unknown>}
|
|
*/
|
|
taskFiles({state, dispatch}, task_id) {
|
|
return new Promise(function (resolve, reject) {
|
|
dispatch("call", {
|
|
url: 'project/task/files',
|
|
data: {
|
|
task_id,
|
|
},
|
|
}).then((data, msg) => {
|
|
state.projectTaskFiles[task_id] = data;
|
|
if (task_id == state.projectOpenTask.id) {
|
|
state.projectOpenTask = Object.assign({}, state.projectOpenTask, {files: data});
|
|
}
|
|
resolve(data, msg)
|
|
}).catch((data, msg) => {
|
|
reject(data, msg)
|
|
});
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 获取子任务
|
|
* @param state
|
|
* @param dispatch
|
|
* @param task_id
|
|
* @returns {Promise<unknown>}
|
|
*/
|
|
subTask({state, dispatch}, task_id) {
|
|
return new Promise(function (resolve, reject) {
|
|
dispatch("call", {
|
|
url: 'project/task/sublist',
|
|
data: {
|
|
task_id,
|
|
},
|
|
}).then((data, msg) => {
|
|
state.projectSubTask[task_id] = data;
|
|
if (task_id == state.projectOpenTask.id) {
|
|
state.projectOpenTask = Object.assign({}, state.projectOpenTask, {sub_task: data});
|
|
}
|
|
resolve(data, msg)
|
|
}).catch((data, msg) => {
|
|
reject(data, msg)
|
|
});
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 打开任务详情页
|
|
* @param state
|
|
* @param dispatch
|
|
* @param task_id
|
|
*/
|
|
openTask({state, dispatch}, task_id) {
|
|
let data = {id: task_id};
|
|
state.projectDetail.project_column.some(({project_task}) => {
|
|
const task = project_task.find(({id}) => id === task_id);
|
|
if (task) {
|
|
data = Object.assign(data, task);
|
|
return true
|
|
}
|
|
});
|
|
//
|
|
data.content = state.projectTaskContent[task_id] || {}
|
|
data.files = state.projectTaskFiles[task_id] || []
|
|
data.sub_task = state.projectSubTask[task_id] || []
|
|
//
|
|
state.projectOpenTask = Object.assign({}, data, {_show: true});
|
|
dispatch("taskOne", task_id);
|
|
dispatch("taskContent", task_id);
|
|
dispatch("taskFiles", task_id);
|
|
dispatch("subTask", task_id);
|
|
},
|
|
|
|
/**
|
|
* 获取任务优先级预设数据
|
|
* @param state
|
|
* @param dispatch
|
|
* @returns {Promise<unknown>}
|
|
*/
|
|
taskPriority({state, dispatch}) {
|
|
return new Promise(function (resolve, reject) {
|
|
dispatch("call", {
|
|
url: 'system/priority',
|
|
}).then((data, msg) => {
|
|
state.taskPriority = data;
|
|
resolve(data, msg)
|
|
}).catch((data, msg) => {
|
|
reject(data, msg)
|
|
});
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 获取会话列表
|
|
* @param state
|
|
* @param dispatch
|
|
* @param afterCallback
|
|
*/
|
|
dialogList({state, dispatch}, afterCallback) {
|
|
dispatch("call", {
|
|
url: 'dialog/lists',
|
|
}).then((data, msg) => {
|
|
state.dialogList = data.data;
|
|
typeof afterCallback === "function" && afterCallback();
|
|
}).catch((data, msg) => {
|
|
typeof afterCallback === "function" && afterCallback();
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 更新会话数据
|
|
* @param state
|
|
* @param dispatch
|
|
* @param data
|
|
*/
|
|
dialogUpdate({state, dispatch}, data) {
|
|
let splice = false;
|
|
state.dialogList.some(({id, unread}, index) => {
|
|
if (id == data.id) {
|
|
unread !== data.unread && dispatch('dialogMsgUnread');
|
|
state.dialogList.splice(index, 1, data);
|
|
return splice = true;
|
|
}
|
|
});
|
|
!splice && state.dialogList.unshift(data)
|
|
},
|
|
|
|
/**
|
|
* 获取单个会话
|
|
* @param state
|
|
* @param dispatch
|
|
* @param dialog_id
|
|
*/
|
|
dialogOne({state, dispatch}, dialog_id) {
|
|
dispatch("call", {
|
|
url: 'dialog/one',
|
|
data: {
|
|
dialog_id,
|
|
},
|
|
}).then((data, msg) => {
|
|
dispatch('dialogUpdate', data);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 打开个人会话
|
|
* @param state
|
|
* @param dispatch
|
|
* @param userid
|
|
*/
|
|
openDialogUserid({state, dispatch}, userid) {
|
|
if (userid === state.userId) {
|
|
return;
|
|
}
|
|
dispatch("call", {
|
|
url: 'dialog/open/user',
|
|
data: {
|
|
userid,
|
|
},
|
|
}).then((data, msg) => {
|
|
state.method.setStorage('messengerDialogId', data.id)
|
|
dispatch('dialogMsgList', data.id);
|
|
dispatch('dialogUpdate', data);
|
|
}).catch((data, msg) => {
|
|
$A.modalError(msg);
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 获取会话消息
|
|
* @param state
|
|
* @param dispatch
|
|
* @param dialog_id
|
|
*/
|
|
dialogMsgList({state, dispatch}, dialog_id) {
|
|
if (state.method.runNum(dialog_id) === 0) {
|
|
return;
|
|
}
|
|
if (state.dialogId == dialog_id) {
|
|
return;
|
|
}
|
|
//
|
|
state.dialogMsgList = [];
|
|
if (state.method.isJson(state.cacheDialogList[dialog_id])) {
|
|
let length = state.cacheDialogList[dialog_id].data.length;
|
|
if (length > 50) {
|
|
state.cacheDialogList[dialog_id].data.splice(0, length - 50);
|
|
}
|
|
state.dialogDetail = state.cacheDialogList[dialog_id].dialog
|
|
state.dialogMsgList = state.cacheDialogList[dialog_id].data
|
|
}
|
|
state.dialogId = dialog_id;
|
|
//
|
|
if (state.cacheDialogList[dialog_id + "::load"]) {
|
|
return;
|
|
}
|
|
state.cacheDialogList[dialog_id + "::load"] = true;
|
|
//
|
|
state.dialogMsgLoad++;
|
|
dispatch("call", {
|
|
url: 'dialog/msg/lists',
|
|
data: {
|
|
dialog_id: dialog_id,
|
|
},
|
|
}).then((data, msg) => {
|
|
state.dialogMsgLoad--;
|
|
state.cacheDialogList[dialog_id + "::load"] = false;
|
|
const dialog = data.dialog;
|
|
const reverse = data.data.reverse();
|
|
// 更新缓存
|
|
state.cacheDialogList[dialog_id] = {
|
|
dialog,
|
|
data: reverse,
|
|
};
|
|
state.method.setStorage("cacheDialogList", state.cacheDialogList);
|
|
// 更新当前会话消息
|
|
if (state.dialogId == dialog_id) {
|
|
state.dialogDetail = dialog;
|
|
reverse.forEach((item) => {
|
|
let index = state.dialogMsgList.findIndex(({id}) => id == item.id);
|
|
if (index === -1) {
|
|
state.dialogMsgList.push(item);
|
|
} else {
|
|
state.dialogMsgList.splice(index, 1, item);
|
|
}
|
|
})
|
|
}
|
|
// 更新会话数据
|
|
dispatch('dialogUpdate', dialog);
|
|
}).catch((data, msg) => {
|
|
state.dialogMsgLoad--;
|
|
state.cacheDialogList[dialog_id + "::load"] = false;
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 获取未读信息
|
|
* @param state
|
|
* @param dispatch
|
|
*/
|
|
dialogMsgUnread({state, dispatch}) {
|
|
if (state.userId === 0) {
|
|
state.dialogMsgUnread = 0;
|
|
return;
|
|
}
|
|
const unread = state.dialogMsgUnread;
|
|
dispatch("call", {
|
|
url: 'dialog/msg/unread',
|
|
}).then((data, msg) => {
|
|
if (unread == state.dialogMsgUnread) {
|
|
state.dialogMsgUnread = data.unread;
|
|
} else {
|
|
setTimeout(() => {
|
|
dispatch('dialogMsgUnread');
|
|
}, 200);
|
|
}
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 根据消息ID 删除 或 替换 会话数据
|
|
* @param state
|
|
* @param params {id, data}
|
|
*/
|
|
dialogMsgSplice({state}, params) {
|
|
let {id, data} = params;
|
|
if (!id) {
|
|
return;
|
|
}
|
|
if (state.method.isJson(data)) {
|
|
if (data.id && state.dialogMsgList.find(m => m.id == data.id)) {
|
|
data = null;
|
|
}
|
|
}
|
|
let index = state.dialogMsgList.findIndex(m => m.id == id);
|
|
if (index > -1) {
|
|
if (data) {
|
|
state.dialogMsgList.splice(index, 1, state.method.cloneJSON(data));
|
|
// 是最后一条消息时更新会话 last_msg
|
|
if (state.dialogMsgList.length - 1 == index) {
|
|
const dialog = state.dialogList.find(({id}) => id == data.dialog_id);
|
|
if (dialog) dialog.last_msg = data;
|
|
}
|
|
} else {
|
|
state.dialogMsgList.splice(index, 1);
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 发送已阅消息
|
|
* @param state
|
|
* @param dispatch
|
|
* @param msgData
|
|
*/
|
|
dialogMsgRead({state, dispatch}, msgData) {
|
|
if (msgData.userid == state.userId) return;
|
|
if (typeof msgData.r === "undefined") msgData.r = {};
|
|
//
|
|
const {id, dialog_id, r} = msgData;
|
|
if (!r.read_at) {
|
|
r.read_at = state.method.formatDate('Y-m-d H:i:s');
|
|
let dialog = state.dialogList.find(({id}) => id == dialog_id);
|
|
if (dialog && dialog.unread > 0) {
|
|
dialog.unread--
|
|
state.dialogMsgUnread--;
|
|
}
|
|
}
|
|
//
|
|
state.wsReadWaitList.push(id);
|
|
clearTimeout(state.wsReadTimeout);
|
|
state.wsReadTimeout = setTimeout(() => {
|
|
dispatch('websocketSend', {
|
|
type: 'readMsg',
|
|
data: {
|
|
id: state.method.cloneJSON(state.wsReadWaitList)
|
|
}
|
|
});
|
|
state.wsReadWaitList = [];
|
|
}, 10);
|
|
},
|
|
|
|
/**
|
|
* 初始化 websocket
|
|
* @param state
|
|
* @param dispatch
|
|
*/
|
|
websocketConnection({state, dispatch}) {
|
|
clearTimeout(state.wsTimeout);
|
|
if (state.userId === 0) {
|
|
if (state.ws) {
|
|
state.ws.close();
|
|
state.ws = null;
|
|
}
|
|
return;
|
|
}
|
|
let url = window.webSocketConfig.URL;
|
|
if (!url) {
|
|
url = window.location.origin;
|
|
url = url.replace("https://", "wss://");
|
|
url = url.replace("http://", "ws://");
|
|
url += "/ws";
|
|
}
|
|
url += "?action=web&token=" + state.userToken;
|
|
//
|
|
state.ws = new WebSocket(url);
|
|
state.ws.onopen = (e) => {
|
|
console.log("[WS] Open", e)
|
|
};
|
|
state.ws.onclose = (e) => {
|
|
console.log("[WS] Close", e);
|
|
state.ws = null;
|
|
//
|
|
clearTimeout(state.wsTimeout);
|
|
state.wsTimeout = setTimeout(() => {
|
|
dispatch('websocketConnection');
|
|
}, 3000);
|
|
};
|
|
state.ws.onerror = (e) => {
|
|
console.log("[WS] Error", e);
|
|
state.ws = null;
|
|
//
|
|
clearTimeout(state.wsTimeout);
|
|
state.wsTimeout = setTimeout(() => {
|
|
dispatch('websocketConnection');
|
|
}, 3000);
|
|
};
|
|
state.ws.onmessage = (e) => {
|
|
console.log("[WS] Message", e);
|
|
const msgDetail = state.method.jsonParse(event.data);
|
|
const {type, msgId} = msgDetail;
|
|
switch (type) {
|
|
case "open":
|
|
state.method.setStorage("userWsFd", msgDetail.data.fd)
|
|
break
|
|
|
|
case "receipt":
|
|
typeof state.wsCall[msgId] === "function" && state.wsCall[msgId](msgDetail.body, true);
|
|
delete state.wsCall[msgId];
|
|
break
|
|
|
|
case "line":
|
|
dispatch('saveUserOnlineStatus', msgDetail.data);
|
|
break
|
|
|
|
default:
|
|
msgId && dispatch('websocketSend', {type: 'receipt', msgId});
|
|
state.wsMsg = msgDetail;
|
|
Object.values(state.wsListener).forEach((call) => {
|
|
if (typeof call === "function") {
|
|
try {
|
|
call(msgDetail);
|
|
} catch (err) {
|
|
console.log("[WS] Callerr", err);
|
|
}
|
|
}
|
|
});
|
|
if (type === "dialog") {
|
|
// 更新消息
|
|
(function (msg) {
|
|
const {data} = msg;
|
|
const {dialog_id} = data;
|
|
if (dialog_id == state.dialogId) {
|
|
let index = state.dialogMsgList.findIndex(({id}) => id == data.id);
|
|
if (index === -1) {
|
|
state.dialogMsgList.push(data);
|
|
} else {
|
|
state.dialogMsgList.splice(index, 1, data);
|
|
}
|
|
}
|
|
})(msgDetail);
|
|
// 更新会话
|
|
(function (msg) {
|
|
const {mode, data} = msg;
|
|
const {dialog_id} = data;
|
|
// 更新最后消息
|
|
let dialog = state.dialogList.find(({id}) => id == dialog_id);
|
|
if (dialog) {
|
|
dialog.last_msg = data;
|
|
} else {
|
|
dispatch('dialogOne', dialog_id);
|
|
}
|
|
if (mode === "add") {
|
|
if (dialog) {
|
|
// 新增未读数
|
|
if (data.userid !== state.userId) dialog.unread++;
|
|
// 移动到首位
|
|
const index = state.dialogList.findIndex(({id}) => id == dialog_id);
|
|
if (index > -1) {
|
|
const tmp = state.dialogList[index];
|
|
state.dialogList.splice(index, 1);
|
|
state.dialogList.unshift(tmp);
|
|
}
|
|
}
|
|
// 新增总未读数
|
|
if (data.userid !== state.userId) state.dialogMsgUnread++;
|
|
}
|
|
})(msgDetail);
|
|
}
|
|
break
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 发送 websocket 消息
|
|
* @param state
|
|
* @param params {type, data, callback, msgId}
|
|
*/
|
|
websocketSend({state}, params) {
|
|
if (!state.method.isJson(params)) {
|
|
return;
|
|
}
|
|
const {type, data, callback} = params;
|
|
let msgId = params.msgId;
|
|
if (!state.ws) {
|
|
typeof callback === "function" && callback(null, false)
|
|
return;
|
|
}
|
|
if (typeof callback === "function") {
|
|
msgId = state.method.randomString(16)
|
|
state.wsCall[msgId] = callback;
|
|
}
|
|
try {
|
|
state.ws.send(JSON.stringify({
|
|
type,
|
|
msgId,
|
|
data
|
|
}));
|
|
} catch (e) {
|
|
typeof callback === "function" && callback(null, false)
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 监听消息
|
|
* @param state
|
|
* @param params {name, callback}
|
|
*/
|
|
websocketMsgListener({state}, params) {
|
|
const {name, callback} = params;
|
|
if (typeof callback === "function") {
|
|
state.wsListener[name] = callback;
|
|
} else {
|
|
state.wsListener[name] && delete state.wsListener[name];
|
|
}
|
|
},
|
|
|
|
/**
|
|
* 关闭 websocket
|
|
* @param state
|
|
*/
|
|
websocketClose({state}) {
|
|
state.ws && state.ws.close();
|
|
},
|
|
}
|