修改看板

master
夜笙歌 3 days ago
parent cfb7c361e6
commit 38299af0db

@ -171,7 +171,7 @@ const createData = () => {
}
};
const compileBoard = (row) => {
router.push({ path: '/boardGenerate', query: { id: row.pageConfigId } });
router.push({ path: '/boardGenerate1', query: { id: row.pageConfigId } });
};
const viewboard = (row) => {
router.push({ path: '/boardView', query: { id: row.pageConfigId } });

@ -339,9 +339,15 @@
trigger="contextmenu"
@command="nodeOperate">
<div class="level" :class="{isSelect: i.selected}" @contextmenu.prevent @click="pitchOnNode(i)">
<div class="isShow">
<el-icon style="cursor: pointer" color="#fff" :size="16">
<View />
<!-- <div class="isShow">-->
<!-- <el-icon style="cursor: pointer" color="#fff" :size="16">-->
<!-- <View />-->
<!-- </el-icon>-->
<!-- </div>-->
<div class="isLock">
<el-icon style="cursor: pointer" color="#fff" :size="16" @click="i.data.isLock = !i.data.isLock">
<Unlock v-if="!i.data.isLock" />
<Lock v-if="i.data.isLock" />
</el-icon>
</div>
<div class="icon">
@ -359,6 +365,7 @@
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item :command="{ type: 'toTop', node: i }">置顶</el-dropdown-item>
<el-dropdown-item :command="{ type: 'toBottom', node: i }">置底</el-dropdown-item>
<el-dropdown-item :command="{ type: 'moveUp', node: i }">上移一层</el-dropdown-item>
<el-dropdown-item :command="{ type: 'moveDown', node: i }">下移一层</el-dropdown-item>
<el-dropdown-item :command="{ type: 'copy', node: i }">复制</el-dropdown-item>
@ -771,7 +778,7 @@
</el-form-item>
<el-form-item label="图标路径" v-if="Object.keys(nodeAttrForm).includes('iconSrc')">
<el-input v-model="nodeAttrForm.imgSrc" style="width: 100%" />
<el-input v-model="nodeAttrForm.iconSrc" style="width: 100%" />
</el-form-item>
<el-form-item label="视频路径" v-if="Object.keys(nodeAttrForm).includes('videoSrc')">
<el-input v-model="nodeAttrForm.videoSrc" style="width: 100%" />
@ -1059,7 +1066,9 @@ import {
Plus,
Setting,
StarFilled,
Delete
Delete,
Unlock,
Lock
} from '@element-plus/icons-vue';
import * as icon from '@element-plus/icons-vue';
import { MarkerType, useVueFlow, VueFlow } from '@vue-flow/core';
@ -1311,7 +1320,7 @@ const save = () => {
customContent: JSON.stringify(pageSettingForm.value),
designPagePointList: nodes.value.map((e, index) => {
let data = {};
let savaField = ['customData', 'options'];
let savaField = ['customData', 'options', 'isLock'];
Object.keys(e.data).forEach((key) => {
if (savaField.includes(key)) {
data[key] = e.data[key];
@ -1429,6 +1438,9 @@ const nodeOperate = (data) => {
case 'toTop':
nodes.value = [...nodes.value.filter(e => e.id !== data.node.id), data.node];
break;
case 'toBottom':
nodes.value = [data.node, ...nodes.value.filter(e => e.id !== data.node.id)];
break;
case 'moveUp':
arr.splice(index, 1);
arr.splice(index + 1, 0, item);

@ -11,7 +11,7 @@
:style="{width:props.dimensions.width+'px',height:props.dimensions.height+'px',fontSize:props.dimensions.width+'px' }">
<component :is="icon[props.data.options.icon]" />
</el-icon>
<el-image style="width: 100%; height: 100%" v-if="props.inputData?.imgSrc ||props.data.options.iconSrc"
<el-image style="width: 100%; height: 100%" v-if="props.inputData?.imgSrc || props.data.options.iconSrc"
:src="props.inputData?.imgSrc ||props.data.options.iconSrc || 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'"
fit="contain" />
</div>

Loading…
Cancel
Save