public/dataease
1
0
Fork 0
mirror of https://github.com/dataease/dataease.git synced 2026-05-21 04:08:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(数据大屏): 组件支持3d设置

Browse Source
This commit is contained in:
wangjiahao
2024-08-05 13:14:29 +08:00
parent 31d727a7c1
commit 6362fef337
6 changed files with 105 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
core/core-frontend/src/components/visualization/common/ComponentPosition.vue
View File

@@ -28,6 +28,61 @@
保持宽高比
</el-checkbox>
</el-form-item>
<el-row v-if="curComponent && curComponent.multiDimensional">
<el-col :span="12">
<el-form-item class="form-item" :class="'form-item-' + themes">
<el-checkbox
size="small"
:effect="themes"
v-model="curComponent.multiDimensional.enable"
@change="multiDimensionalChange"
>
3D
</el-checkbox>
</el-form-item>
<template v-if="curComponent.multiDimensional.enable">
<el-form-item class="form-item" :class="'form-item-' + themes" label="X">
<el-input-number
:effect="themes"
size="middle"
:disabled="curComponent['isLock']"
:min="-360"
:max="360"
:step="1"
v-model="curComponent.multiDimensional.x"
@change="multiDimensionalChange"
controls-position="right"
/>
</el-form-item>
<el-form-item class="form-item" :class="'form-item-' + themes" label="Y">
<el-input-number
:effect="themes"
size="middle"
:disabled="curComponent['isLock']"
:min="-360"
:max="360"
:step="1"
v-model="curComponent.multiDimensional.y"
@change="multiDimensionalChange"
controls-position="right"
/>
</el-form-item>
<el-form-item class="form-item" :class="'form-item-' + themes" label="Z">
<el-input-number
:effect="themes"
size="middle"
:disabled="curComponent['isLock']"
:min="-360"
:max="360"
:step="1"
v-model="curComponent.multiDimensional.z"
@change="multiDimensionalChange"
controls-position="right"
/>
</el-form-item>
</template>
</el-col>
</el-row>
</el-form>
</template>
@@ -117,6 +172,9 @@ const maintainRadioChange = () => {
curComponent.value.aspectRatio = curComponent.value.style.width / curComponent.value.style.height
snapshotStore.recordSnapshotCache()
}
const multiDimensionalChange = () => {
// do change
}
const positionInit = () => {
if (curComponent.value) {