fix: 修改预览的问题

This commit is contained in:
mtruning 2022-03-06 20:31:45 +08:00
parent 75232ee902
commit e3816524da
3 changed files with 16 additions and 11 deletions

View File

@ -31,21 +31,24 @@ const previewHandle = () => {
const { id } = routerParamsInfo.params
// id
const previewId = typeof id === 'string' ? id : id[0]
const storageInfo = chartEditStore.getStorageInfo
const localStorageInfo = getLocalStorage(StorageEnum.GO_CHART_STORAGE_LIST) || []
if (localStorageInfo?.length) {
//
const repeateIndex = localStorageInfo.findIndex((e: { id: string }) => e.id === previewId)
//
if (repeateIndex !== -1) {
localStorageInfo.splice(repeateIndex, 1, { id: previewId, ...storageInfo })
setLocalStorage(StorageEnum.GO_CHART_STORAGE_LIST, localStorageInfo)
} else {
localStorageInfo.push({
id: previewId, ...storageInfo
})
setLocalStorage(StorageEnum.GO_CHART_STORAGE_LIST, localStorageInfo)
}
setLocalStorage(StorageEnum.GO_CHART_STORAGE_LIST, localStorageInfo)
} else {
setLocalStorage(StorageEnum.GO_CHART_STORAGE_LIST, [{ id: previewId, ...storageInfo }])
}
//
routerTurnByPath(path, [previewId], undefined, true)
}

View File

@ -55,7 +55,7 @@ const previewRefStyle = computed(() => {
if (!localStorageInfo) {
window['$message'].warning('获取数据失败')
}
console.log(localStorageInfo);
nextTick(() => {
const { calcRate, windowResize, unWindowResize } = usePreviewScale(width.value as number, height.value as number, previewRef.value)

View File

@ -20,7 +20,7 @@
:key="item.key"
@click="btnHandle"
>
<component :is="item.title"> </component>
<component :is="item.title"></component>
<template #icon>
<n-icon size="18">
<component :is="item.icon" />
@ -28,7 +28,7 @@
</template>
</n-button>
</n-space>
<template #action> </template>
<template #action></template>
</n-card>
</n-space>
</n-modal>
@ -38,7 +38,7 @@
import { watch, reactive } from 'vue'
import { icon } from '@/plugins'
import { PageEnum, ChartEnum } from '@/enums/pageEnum'
import { routerTurnByName, renderLang } from '@/utils'
import { fetchPathByName, routerTurnByPath, renderLang, getUUID } from '@/utils'
const { FishIcon, CloseIcon } = icon.ionicons5
const { StoreIcon, ObjectStorageIcon } = icon.carbon
@ -84,13 +84,15 @@ const closeHandle = () => {
//
const btnHandle = (key: string) => {
closeHandle()
routerTurnByName(ChartEnum.CHART_HOME_NAME, undefined, true)
const id = getUUID()
const path = fetchPathByName(ChartEnum.CHART_HOME_NAME, 'href')
routerTurnByPath(path, [id], undefined, true)
}
</script>
<style lang="scss" scoped>
$cardWidth: 570px;
@include go('create-modal') {
@include go("create-modal") {
position: fixed;
top: 200px;
left: 50%;
@ -101,7 +103,7 @@ $cardWidth: 570px;
border: 1px solid rgba(0, 0, 0, 0);
@extend .go-transition;
&:hover {
@include hover-border-color('hover-border-color');
@include hover-border-color("hover-border-color");
}
&-tite {
font-size: 14px;