| | |
|---|
| | | v-on:resizing="resize($event, index)" |
|---|
| | | v-on:dragging="resize($event, index)" |
|---|
| | | :parentLimitation="parentLimitation" |
|---|
| | | :parentH="parentH" |
|---|
| | | :minw="70" |
|---|
| | | :minh="70" |
|---|
| | | :isDraggable="isDraggable" |
|---|
| | |
|---|
| | | isResizable: false, // 是否开启缩放 |
|---|
| | | isSwitchChecked: false, // 是否开启功能 |
|---|
| | | timingAcquisition: null, // 定时刷新是否开启 |
|---|
| | | parentH: 5000,//父级高度 |
|---|
| | | deviceList: [ |
|---|
| | | // { |
|---|
| | | // equipmentId: '123213213123232',// 设备ID |
|---|
| | |
|---|
| | | )})` |
|---|
| | | |
|---|
| | | this.$refs.deviceContainerRef.style.height = (this.windowHeight - this.pageHeaderHeight) + 'px' |
|---|
| | | this.parentH = this.windowHeight - this.pageHeaderHeight |
|---|
| | | this.parentLimitation = true // 在父元素高度设置后再设置限制拖拽区域，不这样有概率导致父元素高度未设置就限制拖拽 |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | |
|---|
| | | openDetail(item) { |
|---|
| | | if (!this.isSwitchChecked) { |
|---|
| | | if (item.equipmentStatus == 0) { |
|---|
| | | // this.$message.warn("设备处于关机状态！"); |
|---|
| | | this.$message.warning('设备处于关机状态！') |
|---|
| | | return false |
|---|
| | | } |
|---|
| | |
|---|
| | | * 浏览器尺寸发生改变时触发 |
|---|
| | | */ |
|---|
| | | handleWindowSizeChange() { |
|---|
| | | if (this.isFullScreen) location.reload() // 如果页面进入时为全屏模式，则在切换模式时重新加载页面以重新获取浏览器可视区域高度 |
|---|
| | | this.isFullScreen = !this.isFullScreen |
|---|
| | | if (!this.isFullScreen) location.reload() // 如果为全屏模式，则在切换模式时重新加载页面以重新获取浏览器可视区域高度 |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | |
|---|
| | | justify-content: space-between; |
|---|
| | | |
|---|
| | | .single-status-info { |
|---|
| | | /*width: 70px;*/ |
|---|
| | | /*display: flex;*/ |
|---|
| | | /*align-items: center;*/ |
|---|
| | | /*justify-content: space-between;*/ |
|---|
| | | |
|---|
| | | .status-square { |
|---|
| | | width: 14px; |
|---|
| | |
|---|
| | | |
|---|
| | | .content-container { |
|---|
| | | width: 100%; |
|---|
| | | /*height: calc(100% - 200px);*/ |
|---|
| | | /*height: 100%;*/ |
|---|
| | | background-repeat: no-repeat; |
|---|
| | | background-size: 100% 100%; |
|---|
| | | |
|---|
