<template>
|
<div class="column">
|
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name: "VideoManage",
|
components: {},
|
data() {
|
return {
|
|
};
|
},
|
mounted() {
|
// debugger
|
let arr= window.location.host.split(":")
|
const newURL = 'http://'+ arr[0]+":8082"
|
window.location.href = newURL;
|
this.screenHeight = document.documentElement.clientHeight;
|
window.onresize = () => {
|
return (() => {
|
this.screenHeight = document.documentElement.clientHeight;
|
})();
|
};
|
// this.$refs[`item_${0}`][0].style.backgroundColor = "#353A8A";
|
},
|
methods: {
|
|
},
|
directives: {
|
drag(el, binding) {
|
const dialogHeaderEl = el.querySelector(".el-dialog__header");
|
const dragDom = el.querySelector(".el-dialog");
|
dialogHeaderEl.style.cursor = "move";
|
const sty =
|
dragDom.currentStyle || window.getComputedStyle(dragDom, null);
|
dialogHeaderEl.onmousedown = (e) => {
|
const disX = e.clientX - dialogHeaderEl.offsetLeft;
|
const disY = e.clientY - dialogHeaderEl.offsetTop;
|
let styL, styT;
|
|
if (sty.left.includes("%")) {
|
styL =
|
+document.body.clientWidth * (+sty.left.replace(/\%/g, "") / 100);
|
styT =
|
+document.body.clientHeight * (+sty.top.replace(/\%/g, "") / 100);
|
} else {
|
styL = +sty.left.replace(/\px/g, "");
|
styT = +sty.top.replace(/\px/g, "");
|
}
|
document.onmousemove = function (e) {
|
const l = e.clientX - disX;
|
const t = e.clientY - disY;
|
dragDom.style.left = `${l + styL}px`;
|
dragDom.style.top = `${t + styT}px`;
|
};
|
document.onmouseup = function (e) {
|
document.onmousemove = null;
|
document.onmouseup = null;
|
};
|
};
|
},
|
},
|
watch: {
|
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.column {
|
height: 100%;
|
display: flex;
|
flex-direction: row;
|
flex: 1;
|
flex-basis: auto;
|
box-sizing: border-box;
|
}
|
|
</style>
|
