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

refactor(仪表板): 仪表板中只允许一个按钮，复用的时候判断当前仪表板是否有按钮再进行选择

Browse Source
This commit is contained in:
wangjiahao 2022-08-03 14:19:05 +08:00
parent f8da869ec1
commit 4662a2ea2e
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/canvas/components/Editor/EditBar.vue
View File

@ -5,7 +5,7 @@
<el-checkbox v-model="linkageInfo.linkageActive" size="medium" /> <el-checkbox v-model="linkageInfo.linkageActive" size="medium" />
<linkage-field v-if="linkageInfo.linkageActive" :element="element" /> <linkage-field v-if="linkageInfo.linkageActive" :element="element" />
</div> </div>
<div v-if="positionCheck('multiplexing')" style="margin-right: 1px;width: 18px;z-index: 5"> <div v-if="positionCheck('multiplexing') && showMultiplexingCheck" style="margin-right: 1px;width: 18px;z-index: 5">
<el-checkbox v-model="multiplexingCheckModel" size="medium" @change="multiplexingCheck" /> <el-checkbox v-model="multiplexingCheckModel" size="medium" @change="multiplexingCheck" />
</div> </div>
<div v-if="batchOptAreaShow" style="margin-right: -1px;width: 20px;z-index: 5"> <div v-if="batchOptAreaShow" style="margin-right: -1px;width: 20px;z-index: 5">
@ -108,6 +108,16 @@ export default {
mounted() { mounted() {
}, },
computed: { computed: {
curComponentTypes() {
const types = []
this.componentData.forEach(component => {
types.push(component.type)
})
return types
},
showMultiplexingCheck() {
return this.element.type !== 'custom-button' || (this.element.type === 'custom-button' && !this.curComponentTypes.includes('custom-button'))
},
showEditPosition() { showEditPosition() {
if (this.activeModel === 'edit' && !this.linkageAreaShow && !this.batchOptAreaShow) { if (this.activeModel === 'edit' && !this.linkageAreaShow && !this.batchOptAreaShow) {
const toRight = (this.canvasStyleData.width - this.element.style.left - this.element.style.width) * this.curCanvasScale.scalePointWidth const toRight = (this.canvasStyleData.width - this.element.style.left - this.element.style.width) * this.curCanvasScale.scalePointWidth