mirror of https://github.com/jeecgboot/jeecg-boot
v3.7.2 删除报错代码暂时无用
JEECG
parent
a626b6a4d0
commit
ef16814216
|
|
@ -1,76 +0,0 @@
|
||||||
<template>
|
|
||||||
<div>
|
|
||||||
<keep-alive>
|
|
||||||
<component
|
|
||||||
v-if="currentModal"
|
|
||||||
v-bind="bindParams"
|
|
||||||
:key="currentModal"
|
|
||||||
:is="currentModal"
|
|
||||||
@register="modalRegCache[currentModal].register"
|
|
||||||
@reply="handReply"
|
|
||||||
@selected="reloadPage"
|
|
||||||
/>
|
|
||||||
</keep-alive>
|
|
||||||
<!-- 历史弹出框 -->
|
|
||||||
<HisTaskDealModal ref="taskDealRef" v-bind="bindParams" />
|
|
||||||
<!-- 系统公告弹窗 -->
|
|
||||||
<DynamicNotice ref="showDynamNotice" v-bind="bindParams" />
|
|
||||||
<!-- eoa查看详情 -->
|
|
||||||
<EoaDetailModal ref="detailRef" />
|
|
||||||
<!-- 表单设计器弹窗 -->
|
|
||||||
<DesformDataModal ref="desformRef" v-bind="bindParams" @added="handleDesformDataAdded" />
|
|
||||||
<!-- 我的计划弹窗 -->
|
|
||||||
<PlanModal ref="planRef" v-bind="bindParams" @success="reloadPage" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
import { defineComponent, onMounted } from 'vue';
|
|
||||||
import { useDragNotice } from '/@/hooks/web/useDragNotice';
|
|
||||||
import EoaMailBoxInModal from '/@/views/super/eoa/email/components/EoaMailBoxInModal.vue';
|
|
||||||
import DynamicNotice from '@/views/monitor/mynews/DynamicNotice.vue';
|
|
||||||
import EoaDetailModal from '@/views/super/eoa/cmsoa/modules/EoaDetailModal.vue';
|
|
||||||
import PlanModal from '/@/views/super/eoa/plan/components/PlanModal.vue';
|
|
||||||
|
|
||||||
export default defineComponent({
|
|
||||||
name: 'JDragNotice',
|
|
||||||
components: {
|
|
||||||
EoaDetailModal,
|
|
||||||
DynamicNotice,
|
|
||||||
EoaMailBoxInModal,
|
|
||||||
PlanModal,
|
|
||||||
},
|
|
||||||
setup() {
|
|
||||||
const {
|
|
||||||
initDragWebSocket,
|
|
||||||
currentModal,
|
|
||||||
modalParams,
|
|
||||||
modalRegCache,
|
|
||||||
bindParams,
|
|
||||||
taskDealRef,
|
|
||||||
desformRef,
|
|
||||||
handleDesformDataAdded,
|
|
||||||
handReply,
|
|
||||||
reloadPage,
|
|
||||||
} = useDragNotice();
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
initDragWebSocket();
|
|
||||||
});
|
|
||||||
|
|
||||||
return {
|
|
||||||
currentModal,
|
|
||||||
modalParams,
|
|
||||||
modalRegCache,
|
|
||||||
bindParams,
|
|
||||||
taskDealRef,
|
|
||||||
desformRef,
|
|
||||||
handleDesformDataAdded,
|
|
||||||
handReply,
|
|
||||||
reloadPage,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="less"></style>
|
|
||||||
|
|
@ -1,349 +0,0 @@
|
||||||
import { ref, nextTick, getCurrentInstance, watch } from 'vue';
|
|
||||||
import { getToken } from '/@/utils/auth';
|
|
||||||
import md5 from 'crypto-js/md5';
|
|
||||||
import { connectWebSocket, onWebSocket } from '/@/hooks/web/useWebSocket';
|
|
||||||
import { useGlobSetting } from '/@/hooks/setting';
|
|
||||||
import { useModal } from '/@/components/Modal';
|
|
||||||
import { useUserStore } from '/@/store/modules/user';
|
|
||||||
//弹窗业务需求引用的
|
|
||||||
import { useMyRunningTaskList } from '@/hooks/jeecg/process/useMyRunningTaskList';
|
|
||||||
import { hisProcessNodeInfo } from '@/hooks/jeecg/process/useBpmNodeInfo';
|
|
||||||
import { queryByCode, save } from '@/views/super/eoa/cmsbpm/cmsbpm.api';
|
|
||||||
import { isUrl } from '@/utils/is';
|
|
||||||
import { getQueryVariable, getUrlParams } from '@/utils';
|
|
||||||
import { backProcess, invalidProcess } from '@/views/super/eoa/cmsbpm/cmsbpm.api';
|
|
||||||
import { editReadStatus } from '@/views/super/eoa/cmsoa/cmsoa.api';
|
|
||||||
import { useRouter } from 'vue-router';
|
|
||||||
import { useMessage } from '@/hooks/web/useMessage';
|
|
||||||
const { createMessage } = useMessage();
|
|
||||||
export function useDragNotice() {
|
|
||||||
//*********************************websocket配置begin******************************************
|
|
||||||
const glob = useGlobSetting();
|
|
||||||
const { push, currentRoute } = useRouter();
|
|
||||||
const userStore = useUserStore();
|
|
||||||
const instance: any = getCurrentInstance();
|
|
||||||
const taskDealRef = ref<any>(null);
|
|
||||||
const desformRef = ref<any>(null);
|
|
||||||
// 初始化 WebSocket
|
|
||||||
function initWebSocket() {
|
|
||||||
const token = getToken();
|
|
||||||
//将登录token生成一个短的标识
|
|
||||||
const wsClientId = md5(token);
|
|
||||||
// WebSocket与普通的请求所用协议有所不同，ws等同于http，wss等同于https
|
|
||||||
const url = glob.domainUrl?.replace('https://', 'wss://').replace('http://', 'ws://') + '/dragChannelSocket/' + wsClientId;
|
|
||||||
connectWebSocket(url);
|
|
||||||
onWebSocket(onWebSocketMessage);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function onWebSocketMessage(data) {
|
|
||||||
console.log('仪表盘监听按钮点击事件websocket', data);
|
|
||||||
if (data?.CMD === 'drag') {
|
|
||||||
//触发动作： url：路径 modal：弹窗
|
|
||||||
const action = data.result.action;
|
|
||||||
//弹窗类型： 点击按钮打开什么弹窗，根据type打开不同的弹窗
|
|
||||||
const type = data.result.type;
|
|
||||||
//url地址，可以是路由，也可以是外部链接
|
|
||||||
let url = data.result.url;
|
|
||||||
//弹窗参数或者url参数
|
|
||||||
const record = data.result.records || {};
|
|
||||||
console.log('仪表盘监听点击事件类型type', type);
|
|
||||||
console.log('仪表盘监听点击事件动作action', action);
|
|
||||||
console.log('仪表盘监听点击事件路径url', url);
|
|
||||||
console.log('仪表盘监听点击事件参数', record);
|
|
||||||
//1.路径的话，判断外部链接还是内部路由跳转
|
|
||||||
if (action == 'url') {
|
|
||||||
//常用下載特殊处理
|
|
||||||
if (url == 'fileUrl') {
|
|
||||||
url = record[url];
|
|
||||||
}
|
|
||||||
const urlParamsObj = getUrlParams(url);
|
|
||||||
if (url.startsWith('http')) {
|
|
||||||
window.open(url, '_blank');
|
|
||||||
} else {
|
|
||||||
push({ path: urlParamsObj.url, query: { ...urlParamsObj.params, ...record } });
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
//2.弹窗方式打开项目组件
|
|
||||||
switch (type) {
|
|
||||||
case 'task':
|
|
||||||
//流程办理弹窗
|
|
||||||
const { formData, formUrl } = await getTaskNodeInfo(record);
|
|
||||||
formData['PROCESS_TAB_TYPE'] = 'run';
|
|
||||||
handleOpenType('task', { formData, formUrl, title: '流程办理' });
|
|
||||||
break;
|
|
||||||
case 'history':
|
|
||||||
//历史流程弹窗
|
|
||||||
hisProcessNodeInfo({ procInstId: record.processInstanceId }).then((res) => {
|
|
||||||
console.log('获取流程节点信息', res);
|
|
||||||
if (res.success) {
|
|
||||||
const formData = {
|
|
||||||
dataId: res.result.dataId,
|
|
||||||
taskId: record.id,
|
|
||||||
taskDefKey: record.taskId,
|
|
||||||
procInsId: record.processInstanceId,
|
|
||||||
tableName: res.result.tableName,
|
|
||||||
vars: res.result.records,
|
|
||||||
};
|
|
||||||
let tempFormUrl = res.result.formUrl;
|
|
||||||
//节点配置表单URL，VUE组件类型对应的拓展参数
|
|
||||||
if (tempFormUrl && tempFormUrl.indexOf('?') != -1 && !isUrl(tempFormUrl) && tempFormUrl.indexOf('{{DOMAIN_URL}}') == -1) {
|
|
||||||
tempFormUrl = res.result.formUrl.split('?')[0];
|
|
||||||
formData['extendUrlParams'] = getQueryVariable(res.result.formUrl);
|
|
||||||
}
|
|
||||||
currentModal.value = null;
|
|
||||||
modalParams.value = { path: tempFormUrl, formData };
|
|
||||||
taskDealRef.value.deal(record);
|
|
||||||
taskDealRef.value.data.title = '流程历史';
|
|
||||||
console.log('taskDealRef', taskDealRef.value);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case 'entrust':
|
|
||||||
//委托办理
|
|
||||||
handleOpenType('entrust', { taskId: record.id });
|
|
||||||
break;
|
|
||||||
case 'taskNotify':
|
|
||||||
//催办任务
|
|
||||||
handleOpenType('taskNotify', {
|
|
||||||
title: '催办提醒',
|
|
||||||
procInstId: record.processInstanceId,
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case 'invalid':
|
|
||||||
//作废流程
|
|
||||||
await invalidProcess({
|
|
||||||
processInstanceId: record.processInstanceId,
|
|
||||||
});
|
|
||||||
reloadPage();
|
|
||||||
break;
|
|
||||||
case 'backTask':
|
|
||||||
//取回流程
|
|
||||||
await backProcess({
|
|
||||||
processInstanceId: record.processInstanceId,
|
|
||||||
});
|
|
||||||
reloadPage();
|
|
||||||
break;
|
|
||||||
case 'sysNotice':
|
|
||||||
//通知公告弹窗
|
|
||||||
await editReadStatus({ anntId: record.anntId });
|
|
||||||
currentModal.value = null;
|
|
||||||
if (record.openType === 'component') {
|
|
||||||
modalParams.value = { path: record.openPage, formData: { id: record.busId } };
|
|
||||||
instance.refs.dynamicNoticeRef?.detail(record.openPage);
|
|
||||||
} else {
|
|
||||||
instance.refs.detailRef?.show({
|
|
||||||
record,
|
|
||||||
isUpdate: true,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'email':
|
|
||||||
//邮箱查看弹窗
|
|
||||||
handleOpenType('email', { record });
|
|
||||||
break;
|
|
||||||
case 'plan':
|
|
||||||
//我的计划弹窗
|
|
||||||
let data = {};
|
|
||||||
if (!!record?.id) {
|
|
||||||
data = { id: record?.id };
|
|
||||||
instance.refs.planRef?.show({
|
|
||||||
isUpdate: !!record?.id,
|
|
||||||
record: data,
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
data = { joinPerson: userStore.getUserInfo.username, ...record };
|
|
||||||
instance.refs.planRef?.show({
|
|
||||||
isUpdate: !!record?.id,
|
|
||||||
...data,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
case 'desform':
|
|
||||||
const title = '表单【' + record.desformName + '】发起申请';
|
|
||||||
bindParams.value = { dialogOptions: { top: 60, width: 1000, padding: { top: 25, right: 25, bottom: 30, left: 25 } } };
|
|
||||||
openDesformModal('add', record, title);
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//*********************************websocket配置end******************************************
|
|
||||||
|
|
||||||
//*********************************打开弹窗修改，动态设置弹窗begin*******************************
|
|
||||||
//当前表单弹窗
|
|
||||||
const currentModal = ref<string | null>(null);
|
|
||||||
//当前表单参数
|
|
||||||
const modalParams = ref<Recordable>({});
|
|
||||||
//表单注册缓存
|
|
||||||
const modalRegCache = ref<Recordable>({});
|
|
||||||
//组件绑定参数
|
|
||||||
const bindParams = ref<Recordable>({});
|
|
||||||
/**
|
|
||||||
* 根据类型打开不同弹窗
|
|
||||||
* @param type
|
|
||||||
* @param params
|
|
||||||
*/
|
|
||||||
async function handleOpenType(type, params) {
|
|
||||||
currentModal.value = null;
|
|
||||||
modalParams.value = { ...params };
|
|
||||||
switch (type) {
|
|
||||||
case 'task':
|
|
||||||
//流程办理
|
|
||||||
currentModal.value = 'TaskHandleModal';
|
|
||||||
break;
|
|
||||||
case 'history':
|
|
||||||
currentModal.value = 'HisTaskDealModal';
|
|
||||||
case 'entrust':
|
|
||||||
//委托
|
|
||||||
currentModal.value = 'SelectEntrusterModal';
|
|
||||||
break;
|
|
||||||
case 'taskNotify':
|
|
||||||
//催办
|
|
||||||
currentModal.value = 'TaskNotifyModal';
|
|
||||||
break;
|
|
||||||
case 'email':
|
|
||||||
//邮件查看
|
|
||||||
currentModal.value = 'EoaMailBoxInModal';
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
currentModal.value = null;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
//注册表单弹窗
|
|
||||||
initModalRegister();
|
|
||||||
await nextTick(() => {
|
|
||||||
if (modalRegCache.value[currentModal.value!]?.isRegister) {
|
|
||||||
console.log('已注冊，走缓存');
|
|
||||||
modalRegCache.value[currentModal.value!].modalMethods.openModal(true, modalParams.value);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 初始化弹窗注册
|
|
||||||
*/
|
|
||||||
function initModalRegister() {
|
|
||||||
//如果当前选择表单为null，就不处理
|
|
||||||
if (!currentModal.value) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
//判断缓存中是否存在，不存在就走缓存逻辑
|
|
||||||
if (!modalRegCache.value[currentModal.value]) {
|
|
||||||
const [registerModal, modalMethods] = useModal();
|
|
||||||
modalRegCache.value[currentModal.value] = {
|
|
||||||
isRegister: false,
|
|
||||||
register: bindRegisterModal(registerModal, modalMethods),
|
|
||||||
modalMethods,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 绑定注册弹窗
|
|
||||||
* @param regFn
|
|
||||||
* @param modalMethod
|
|
||||||
*/
|
|
||||||
function bindRegisterModal(regFn, modalMethod) {
|
|
||||||
return async (...args) => {
|
|
||||||
console.log('开始注册：', currentModal.value);
|
|
||||||
await regFn(...args);
|
|
||||||
console.log('注册完成：', currentModal.value);
|
|
||||||
//打开弹窗
|
|
||||||
modalMethod.openModal(true, modalParams.value);
|
|
||||||
//设置缓存标识
|
|
||||||
modalRegCache.value[currentModal.value!].isRegister = true;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
//*********************************打开弹窗修改，动态设置弹窗end******************************************
|
|
||||||
//***********************打开弹窗的业务逻辑处理*********************************************************
|
|
||||||
const { getTaskNodeInfo } = useMyRunningTaskList('run');
|
|
||||||
/**
|
|
||||||
* 打开表单
|
|
||||||
*/
|
|
||||||
function openDesformModal(mode, record, title) {
|
|
||||||
let desform = record,
|
|
||||||
dataId = null;
|
|
||||||
if (mode === 'edit' || mode === 'detail') {
|
|
||||||
let { desformId: id, desformCode, desformDataId } = record;
|
|
||||||
dataId = desformDataId;
|
|
||||||
desform = { id, desformCode };
|
|
||||||
}
|
|
||||||
queryByCode({ desformCode: desform.desformCode }).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
const designJson = res.result.desformDesignJson;
|
|
||||||
const json = JSON.parse(designJson);
|
|
||||||
if (json.config.dialogOptions) {
|
|
||||||
bindParams.value = { dialogOptions: json.config.dialogOptions };
|
|
||||||
}
|
|
||||||
desformRef.value.open(mode, desform, dataId, title);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 添加我的申请表单流程
|
|
||||||
*/
|
|
||||||
function handleDesformDataAdded(event) {
|
|
||||||
const flowCodePre = 'desform_';
|
|
||||||
// 将流程保存至后台
|
|
||||||
let { desform, dataId } = event;
|
|
||||||
save({
|
|
||||||
desformId: desform.id,
|
|
||||||
desformCode: desform.desformCode,
|
|
||||||
desformDataId: dataId,
|
|
||||||
desformName: desform.desformName,
|
|
||||||
processName: desform.procName,
|
|
||||||
flowCode: `${flowCodePre}${desform.desformCode}`,
|
|
||||||
titleExp: desform.titleExp,
|
|
||||||
}).then((res) => {
|
|
||||||
if (!res.success) {
|
|
||||||
createMessage.error(res.message);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
push({ path: '/oaOffice/myOrder' });
|
|
||||||
});
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 邮箱回复
|
|
||||||
* @param record
|
|
||||||
*/
|
|
||||||
function handReply(record) {
|
|
||||||
//跳转到邮箱
|
|
||||||
push({ name: 'eoa-email', params: { type: 'process', rec: JSON.stringify(record.value) } });
|
|
||||||
}
|
|
||||||
watch(
|
|
||||||
() => currentRoute.value,
|
|
||||||
(value) => {
|
|
||||||
if (value?.meta?.frameSrc && value?.meta?.frameSrc.indexOf('/drag/view?pageId=') >= 0) {
|
|
||||||
reloadPage();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
//刷新页面
|
|
||||||
function reloadPage() {
|
|
||||||
const iframes: any = document.getElementsByClassName('jeecg-iframe-page__main');
|
|
||||||
// 将 HTMLCollection 转换为数组
|
|
||||||
const iframeArray = Array.from(iframes);
|
|
||||||
if (currentRoute.value?.meta?.frameSrc && currentRoute.value?.meta?.frameSrc.indexOf('/drag/view?pageId=') >= 0) {
|
|
||||||
const targetIframe: any = iframeArray.find((iframe: any) => iframe.src == currentRoute.value?.meta?.frameSrc);
|
|
||||||
console.log('targetIframe', targetIframe);
|
|
||||||
if (targetIframe) {
|
|
||||||
targetIframe.contentWindow.postMessage({ reload: true }, '*');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return {
|
|
||||||
initDragWebSocket: initWebSocket,
|
|
||||||
handleOpenType,
|
|
||||||
currentModal,
|
|
||||||
modalParams,
|
|
||||||
modalRegCache,
|
|
||||||
bindParams,
|
|
||||||
taskDealRef,
|
|
||||||
desformRef,
|
|
||||||
handleDesformDataAdded,
|
|
||||||
handReply,
|
|
||||||
reloadPage,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue