kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

关闭页签

Browse Source
This commit is contained in:
aixianling
2023-03-13 09:13:46 +08:00
parent 4a88944b9c
commit d0cafeea6d
1 changed files with 35 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
packages/bigscreen/designer/components/Layout.vue
View File

@@ -60,30 +60,30 @@
height: bigscreenHeight + 'px' height: bigscreenHeight + 'px'
}"> }">
<ai-dv-wrapper <ai-dv-wrapper
style="height: 100%" style="height: 100%"
:title="$route.query.name" :title="$route.query.name"
:theme="dashboard.theme" :theme="dashboard.theme"
:background="dashboard.theme == 1 ? 'https://cdn.cunwuyun.cn/dvcp/dv/img/dj_bg.png' : (dashboard.backgroundImage.length ? dashboard.backgroundImage[0].url : '')"> :background="dashboard.theme == 1 ? 'https://cdn.cunwuyun.cn/dvcp/dv/img/dj_bg.png' : (dashboard.backgroundImage.length ? dashboard.backgroundImage[0].url : '')">
<div style="width: 100%; height: 100%"> <div style="width: 100%; height: 100%">
<vue-draggable-resizable <vue-draggable-resizable
:w="item.width" :w="item.width"
:h="item.height" :h="item.height"
:x="item.left" :x="item.left"
:y="item.top" :y="item.top"
:scale="heightScale" :scale="heightScale"
:z="item.zIndex || 0" :z="item.zIndex || 0"
:parent="true" :parent="true"
:resizable="item.type !== 'display' || item.display === 'summary2' || item.display === 'summary3'" :resizable="item.type !== 'display' || item.display === 'summary2' || item.display === 'summary3'"
class-name-active="drag-active" class-name-active="drag-active"
:class="[activeIndex === index ? 'drag-active' : '']" :class="[activeIndex === index ? 'drag-active' : '']"
class="draggable" class="draggable"
@contextmenu.native.stop="e => onContextmenu(e, index)" @contextmenu.native.stop="e => onContextmenu(e, index)"
@dragstop="(x, y) => onDrag(x, y,item)" @dragstop="(x, y) => onDrag(x, y,item)"
@resizestop="(x, y, w, h) => onResizing(x, y, w, h, item)" @resizestop="(x, y, w, h) => onResizing(x, y, w, h, item)"
@activated="onActivated(index)" @activated="onActivated(index)"
@click.native.stop="activeIndex = index" @click.native.stop="activeIndex = index"
v-for="(item, index) in componentList" v-for="(item, index) in componentList"
:key="index"> :key="index">
<div class="coordinate" v-show="activeIndex === index"> <div class="coordinate" v-show="activeIndex === index">
<div class="coordinate-left"></div> <div class="coordinate-left"></div>
<div class="coordinate-top"></div> <div class="coordinate-top"></div>
@@ -225,6 +225,7 @@ import VueDraggableResizable from 'vue-draggable-resizable'
import 'vue-draggable-resizable/dist/VueDraggableResizable.css' import 'vue-draggable-resizable/dist/VueDraggableResizable.css'
import DataConfig from './form/DataConfig.vue' import DataConfig from './form/DataConfig.vue'
import ComponentConfig from "./form/componentConfig"; import ComponentConfig from "./form/componentConfig";
import {mapActions} from "vuex"
export default { export default {
name: "designDashboard", name: "designDashboard",
@@ -310,6 +311,7 @@ export default {
}, },
methods: { methods: {
...mapActions(['closePage']),
copy(link) { copy(link) {
let oInput = document.createElement('input') let oInput = document.createElement('input')
oInput.value = link oInput.value = link
@@ -373,6 +375,7 @@ export default {
} else { } else {
this.$router.back() this.$router.back()
} }
this.closePage()
}, },
save() { save() {
const {did: id} = this.$route.query, {dashboard} = this const {did: id} = this.$route.query, {dashboard} = this
@@ -482,7 +485,7 @@ export default {
color: #fff; color: #fff;
background: #1d1e1f; background: #1d1e1f;
:deep( .dv-scroll-board ){ :deep( .dv-scroll-board ) {
height: calc(100%) !important; height: calc(100%) !important;
.header-item { .header-item {
@@ -566,17 +569,17 @@ export default {
opacity: 0.8; opacity: 0.8;
} }
:deep( .el-upload-list--picture-card), :deep(.el-upload-list__item-thumbnail), :deep( .uploader ){ :deep( .el-upload-list--picture-card), :deep(.el-upload-list__item-thumbnail), :deep( .uploader ) {
width: 232px; width: 232px;
height: 120px; height: 120px;
} }
:deep( .el-upload-list--picture-card .el-upload-list__item ){ :deep( .el-upload-list--picture-card .el-upload-list__item ) {
width: 232px; width: 232px;
height: 120px; height: 120px;
} }
:deep( .el-upload--picture-card ){ :deep( .el-upload--picture-card ) {
background-color: transparent; background-color: transparent;
} }
@@ -603,7 +606,7 @@ export default {
} }
} }
:deep( #dv-full-screen-container ){ :deep( #dv-full-screen-container ) {
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
} }
@@ -871,11 +874,11 @@ export default {
width: 100%; width: 100%;
padding: 18px 0 0 18px; padding: 18px 0 0 18px;
:deep( .vue-ruler-ref-line-v), :deep( .vue-ruler-ref-line-h ){ :deep( .vue-ruler-ref-line-v), :deep( .vue-ruler-ref-line-h ) {
display: none; display: none;
} }
:deep( .vue-ruler-v ){ :deep( .vue-ruler-v ) {
.n { .n {
transform: rotate(180deg); transform: rotate(180deg);
} }
@@ -895,7 +898,7 @@ export default {
} }
} }
:deep( .handle ){ :deep( .handle ) {
border-radius: 100%; border-radius: 100%;
border: none; border: none;
background-color: #09f; background-color: #09f;
@@ -944,7 +947,7 @@ export default {
border-left: 1px solid #000000; border-left: 1px solid #000000;
background: #1D2127; background: #1D2127;
:deep(.el-input-number ){ :deep(.el-input-number ) {
width: 106px; width: 106px;
margin-right: 20px; margin-right: 20px;
@@ -966,7 +969,7 @@ export default {
} }
} }
:deep(.layout-right__content ){ :deep(.layout-right__content ) {
height: calc(100% - 40px); height: calc(100% - 40px);
overflow-y: overlay; overflow-y: overlay;
overflow-x: hidden; overflow-x: hidden;