|
|
@@ -22,7 +22,7 @@
|
|
|
>
|
|
|
<VueDragResize
|
|
|
v-for="itemV in bigScreenObj[item.ID].signalArr" :key="itemV.Id" class="sitem"
|
|
|
- :w="item.Width*bigScale/bigScreenObj[item.ID].splitStatus" :h="item.Height*bigScale/bigScreenObj[item.ID].splitStatus" :parentLimitation="false"
|
|
|
+ :w="item.Width*bigScale/(bigScreenObj[item.ID].splitStatus+1)" :h="item.Height*bigScale/(bigScreenObj[item.ID].splitStatus+1)" :parentLimitation="false"
|
|
|
:x="itemV.left" :y="itemV.top"
|
|
|
@dragstop="(obj) => dragStop(obj,itemV)"
|
|
|
@resizestop="(obj) => reSizeSignal(obj,itemV)"
|
|
|
@@ -106,7 +106,6 @@
|
|
|
// 根据拼接屏数量得到分屏状态
|
|
|
obj[item.ID].splitStatus = Math.floor(Math.sqrt(num)-1)
|
|
|
})
|
|
|
- console.log(obj)
|
|
|
this.$store.dispatch('updateBigscreenObj',obj)
|
|
|
|
|
|
/*const num = this.currentBigshow[0].BindList.length
|
|
|
@@ -123,6 +122,10 @@
|
|
|
top:getElementTop(screenDiv),
|
|
|
left:getElementLeft(screenDiv)
|
|
|
}
|
|
|
+ console.log(this.screenPosition)
|
|
|
+
|
|
|
+ const bigscreenObj = this.$store.state.bigScreenObj
|
|
|
+ console.log(bigscreenObj)
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
@@ -267,6 +270,14 @@
|
|
|
},
|
|
|
|
|
|
watch: {
|
|
|
+ // 监视大屏对象的变化(深度监视)
|
|
|
+ bigScreenObj: {
|
|
|
+ handler: function (val, oldVal) {
|
|
|
+ // console.log(val,oldVal)
|
|
|
+ },
|
|
|
+ deep: true
|
|
|
+ },
|
|
|
+
|
|
|
// 监视大屏中的信号源，只要变动，就调用回调函数
|
|
|
signalPreList: function (arr) {
|
|
|
this.reqRefreshBigScreen(arr)
|
