style(仪表板): 地图编辑样式调整

This commit is contained in:
wangjiahao 2024-11-03 21:29:12 +08:00
parent 89f16ffca0
commit ba5b72b022
4 changed files with 9 additions and 29 deletions

View File

@ -298,7 +298,6 @@ const showCheck = computed(() => {
}) })
const updateFromMobile = (e, type) => { const updateFromMobile = (e, type) => {
console.log('====updateFromMobile===' + type)
if (type === 'syncPcDesign') { if (type === 'syncPcDesign') {
e.preventDefault() e.preventDefault()
e.stopPropagation() e.stopPropagation()

View File

@ -283,7 +283,7 @@ onMounted(() => {
</el-tooltip> </el-tooltip>
</el-form-item> </el-form-item>
</el-space> </el-space>
<el-space> <el-space style="width: 100%">
<div v-if="chartType === 'map'"> <div v-if="chartType === 'map'">
<el-row> <el-row>
<el-col> <el-col>

View File

@ -129,7 +129,7 @@ const hanedleMessage = event => {
targetViewInfo = deepCopy(sourceViewInfo) targetViewInfo = deepCopy(sourceViewInfo)
targetViewInfo.customStyleMobile = null targetViewInfo.customStyleMobile = null
targetViewInfo.customAttrMobile = null targetViewInfo.customAttrMobile = null
canvasViewInfoMobile[targetComponent.id] = targetViewInfo canvasViewInfoMobile.value[targetComponent.id] = targetViewInfo
} }
snapshotStore.recordSnapshotCacheToMobile('syncPcDesign', targetComponent, targetViewInfo) snapshotStore.recordSnapshotCacheToMobile('syncPcDesign', targetComponent, targetViewInfo)
} }
@ -154,19 +154,10 @@ const hanedleMessage = event => {
ele.propValue.forEach(tabItem => { ele.propValue.forEach(tabItem => {
tabItem.componentData.forEach(tabComponent => { tabItem.componentData.forEach(tabComponent => {
const { const {
x: tx,
y: ty,
sizeX: tSizeX,
sizeY: tSizeY,
style: tStyle,
propValue: tPropValue, propValue: tPropValue,
events: tEvents, events: tEvents,
commonBackground: tCommonBackground commonBackground: tCommonBackground
} = com.tab[tabComponent.id] } = com.tab[tabComponent.id]
tabComponent.mx = tx
tabComponent.my = ty
tabComponent.mSizeX = tSizeX
tabComponent.mSizeY = tSizeY
tabComponent.mStyle = tStyle tabComponent.mStyle = tStyle
tabComponent.mEvents = tEvents tabComponent.mEvents = tEvents
tabComponent.mCommonBackground = tCommonBackground tabComponent.mCommonBackground = tCommonBackground

View File

@ -39,28 +39,18 @@ const hanedleMessage = event => {
ele.propValue.forEach(tabItem => { ele.propValue.forEach(tabItem => {
tabItem.componentData.forEach(tabComponent => { tabItem.componentData.forEach(tabComponent => {
const { const {
mx: tx,
my: ty,
mSizeX: tSizeX,
mSizeY: tSizeY,
mStyle: tStyle, mStyle: tStyle,
mCommonBackground: tCommonBackground, mCommonBackground: tCommonBackground,
mEvents: tEvents, mEvents: tEvents,
mPropValue: tPropValue mPropValue: tPropValue
} = tabComponent } = tabComponent
if (tSizeX && tSizeY) { tabComponent.style = deepCopy(tStyle || tabComponent.style)
tabComponent.x = tx tabComponent.commonBackground = deepCopy(
tabComponent.y = ty tCommonBackground || tabComponent.commonBackground
tabComponent.sizeX = tSizeX )
tabComponent.sizeY = tSizeY tabComponent.events = deepCopy(tEvents || tabComponent.events)
tabComponent.style = deepCopy(tStyle || tabComponent.style) if (tabComponent.component === 'VQuery') {
tabComponent.commonBackground = deepCopy( tabComponent.propValue = deepCopy(tPropValue || tabComponent.propValue)
tCommonBackground || tabComponent.commonBackground
)
tabComponent.events = deepCopy(tEvents || tabComponent.events)
if (tabComponent.component === 'VQuery') {
tabComponent.propValue = deepCopy(tPropValue || tabComponent.propValue)
}
} }
}) })
}) })