center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

feat(嵌入式): 同一个页面上，嵌入来自不同仪表板或数据大屏的图表，仅能渲染出一个

Browse Source
This commit is contained in:
dataeaseShu 2024-09-24 10:33:28 +08:00
parent dd18abeb61
commit 984463d62b
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
core/core-frontend/src/pages/panel/ViewWrapper.vue
View File

@ -13,7 +13,7 @@ import { XpackComponent } from '@/components/plugin'
const { wsCache } = useCache() const { wsCache } = useCache()
const interactiveStore = interactiveStoreWithOut() const interactiveStore = interactiveStoreWithOut()
const embeddedStore = useEmbedded() const embeddedStore = useEmbedded()
const embeddedParams = inject('embeddedParams') as object const embeddedParamsDiv = inject('embeddedParams') as object
const config = ref() const config = ref()
const viewInfo = ref() const viewInfo = ref()
const userViewEnlargeRef = ref() const userViewEnlargeRef = ref()
@ -28,6 +28,8 @@ const state = reactive({
chartId: null chartId: null
}) })
const embeddedParams = embeddedParamsDiv?.chartId ? embeddedParamsDiv : embeddedStore
// 目标校验： 需要校验targetSourceId 是否是当前可视化资源ID // 目标校验： 需要校验targetSourceId 是否是当前可视化资源ID
const winMsgHandle = event => { const winMsgHandle = event => {
const msgInfo = event.data const msgInfo = event.data
@ -44,29 +46,29 @@ const checkPer = async resourceId => {
if (!window.DataEaseBi || !resourceId) { if (!window.DataEaseBi || !resourceId) {
return true return true
} }
const request = { busiFlag: embeddedStore.busiFlag } const request = { busiFlag: embeddedParams.busiFlag }
await interactiveStore.setInteractive(request) await interactiveStore.setInteractive(request)
const key = embeddedStore.busiFlag === 'dataV' ? 'screen-weight' : 'panel-weight' const key = embeddedParams.busiFlag === 'dataV' ? 'screen-weight' : 'panel-weight'
return check(wsCache.get(key), resourceId, 1) return check(wsCache.get(key), resourceId, 1)
} }
onBeforeMount(async () => { onBeforeMount(async () => {
const checkResult = await checkPer(embeddedStore.dvId) const checkResult = await checkPer(embeddedParams.dvId)
if (!checkResult) { if (!checkResult) {
return return
} }
state.chartId = embeddedStore.dvId state.chartId = embeddedParams.dvId
window.addEventListener('message', winMsgHandle) window.addEventListener('message', winMsgHandle)
// 添加外部参数 // 添加外部参数
let attachParams let attachParams
await getOuterParamsInfo(embeddedStore.dvId).then(rsp => { await getOuterParamsInfo(embeddedParams.dvId).then(rsp => {
dvMainStore.setNowPanelOuterParamsInfo(rsp.data) dvMainStore.setNowPanelOuterParamsInfo(rsp.data)
}) })
// div嵌入 // div嵌入
if (embeddedStore.outerParams) { if (embeddedParams.outerParams) {
try { try {
const outerPramsParse = JSON.parse(embeddedStore.outerParams) const outerPramsParse = JSON.parse(embeddedParams.outerParams)
attachParams = outerPramsParse.attachParams attachParams = outerPramsParse.attachParams
dvMainStore.setEmbeddedCallBack(outerPramsParse.callBackFlag || 'no') dvMainStore.setEmbeddedCallBack(outerPramsParse.callBackFlag || 'no')
} catch (e) { } catch (e) {
@ -75,11 +77,11 @@ onBeforeMount(async () => {
return return
} }
} }
const chartId = embeddedParams?.chartId || embeddedStore.chartId const chartId = embeddedParams?.chartId
initCanvasData( initCanvasData(
embeddedStore.dvId, embeddedParams.dvId,
embeddedStore.busiFlag, embeddedParams.busiFlag,
function ({ canvasDataResult, canvasStyleResult, dvInfo, canvasViewInfoPreview }) { function ({ canvasDataResult, canvasStyleResult, dvInfo, canvasViewInfoPreview }) {
state.canvasDataPreview = canvasDataResult state.canvasDataPreview = canvasDataResult
state.canvasStylePreview = canvasStyleResult state.canvasStylePreview = canvasStyleResult