From 268f72e3f35bde5f58bc30e9ea4a4fca68c7b444 Mon Sep 17 00:00:00 2001 From: "liu.shiyi" Date: Tue, 17 Oct 2023 13:38:17 +0800 Subject: [PATCH 01/11] =?UTF-8?q?fix:=E7=BB=84=E4=BB=B6=E6=95=B0=E6=8D=AE?= =?UTF-8?q?=E6=BA=90=E9=80=89=E9=A1=B9=E4=BF=9D=E5=AD=98=E5=88=B0=E5=90=8E?= =?UTF-8?q?=E7=AB=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../RightSetting/DataSetting.vue | 20 +++++++++---------- .../packages/js/config/commonConfig.js | 1 + data-room-ui/packages/js/store/actions.js | 4 ++++ 3 files changed, 14 insertions(+), 11 deletions(-) diff --git a/data-room-ui/packages/BigScreenDesign/RightSetting/DataSetting.vue b/data-room-ui/packages/BigScreenDesign/RightSetting/DataSetting.vue index d297967e..21eac27a 100644 --- a/data-room-ui/packages/BigScreenDesign/RightSetting/DataSetting.vue +++ b/data-room-ui/packages/BigScreenDesign/RightSetting/DataSetting.vue @@ -27,7 +27,7 @@ label="数据来源" > @@ -39,7 +39,7 @@ {
@@ -300,7 +300,7 @@ data.forEach(item => { @@ -277,13 +285,15 @@ import BorderColorSetting from 'data-room-ui/BigScreenDesign/RightSetting/Border import ColorSelect from 'data-room-ui/ColorMultipleSelect/index.vue' import BorderSelect from 'data-room-ui/BorderSelect/index.vue' import SourceDialog from '../SourceDialog/index.vue' +import MoveDialog from './MoveDialog/index.vue' export default { name: '', components: { BorderSelect, ColorSelect, BorderColorSetting, - SourceDialog + SourceDialog, + MoveDialog }, props: { bigTitle:{ @@ -381,6 +391,9 @@ export default { // } }, methods: { + changeBorder(val){ + this.$set(this.config,'borderArray',val) + }, changeImg(val){ this.$set(this.config,'imgUrl',val.url) }, @@ -389,6 +402,10 @@ export default { }, initCard(){ this.$refs.SourceDialog.init() + }, + initMove(val){ + console.log(val) + this.$refs.MoveDialog.init(val,this.config.borderArray) } } diff --git a/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue b/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue new file mode 100644 index 00000000..d627d0a1 --- /dev/null +++ b/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue @@ -0,0 +1,278 @@ + + + + diff --git a/data-room-ui/packages/BorderComponents/GcBorder16/index.vue b/data-room-ui/packages/BorderComponents/GcBorder16/index.vue index ac4205e0..f86ee0de 100644 --- a/data-room-ui/packages/BorderComponents/GcBorder16/index.vue +++ b/data-room-ui/packages/BorderComponents/GcBorder16/index.vue @@ -33,6 +33,9 @@ export default { } }, computed: { + url(){ + return require('data-room-ui/BorderComponents/GcBorder16/component.png') + }, borderArray(){ return this.config.border.borderArray ? this.config.border.borderArray : [100,100,100,100] @@ -44,6 +47,9 @@ export default { if(val){ const a =document.getElementById('border'+ this.config.code) a.style['border-image-source']=`url(${val})` + }else{ + const a =document.getElementById('border'+ this.config.code) + a.style['border-image-source']=`url(${this.url})` } } } @@ -52,6 +58,9 @@ export default { if(this.config.border.imgUrl){ const a =document.getElementById('border'+ this.config.code) a.style['border-image-source']=`url(${this.config.border.imgUrl})` + }else{ + const a =document.getElementById('border'+ this.config.code) + a.style['border-image-source']=`url(${this.url})` } }, methods: { @@ -61,7 +70,7 @@ export default { diff --git a/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue b/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue index 98b5447a..0bda30f7 100644 --- a/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue +++ b/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue @@ -3,6 +3,7 @@ title="点九图" :visible.sync="dialogVisible" :modal="true" + width="75%" :modal-append-to-body="false" :appen-to-body="false" class="bs-dialog-wrap bs-el-dialog" @@ -10,11 +11,55 @@ @opened='getDom' >
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
方向描述
左上角不能拉伸
右上角不能拉伸
左下角不能拉伸
右下角不能拉伸
左侧宽度不变,高度自动拉伸
右侧宽度不变,高度自动拉伸
顶部高度不变,宽度自动拉伸
底部高度不变,宽度自动拉伸
中部宽度,高度自动拉伸
+
+ + fit="fill">
- - diff --git a/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue b/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue index 0bda30f7..64b5795f 100644 --- a/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue +++ b/data-room-ui/packages/BigScreenDesign/RightSetting/MoveDialog/index.vue @@ -139,13 +139,9 @@