| | |
|---|
| | | <div class="content"> |
|---|
| | | <div class="column-left" ref="left"> |
|---|
| | | <div class="resize-line" @mousedown="TextWidthChange"></div> |
|---|
| | | <CameraLeft :appName="'Camera'" ref="left"></CameraLeft> |
|---|
| | | <CameraLeft :appName="'Camera'" ref="left" style="padding-right:10px"></CameraLeft> |
|---|
| | | </div> |
|---|
| | | <div class="right"> |
|---|
| | | <div class="tabs"> |
|---|
| | |
|---|
| | | cluster: "", |
|---|
| | | clusterData: [], |
|---|
| | | intervalTimer: null, |
|---|
| | | leftWith: 0, |
|---|
| | | screenHeight: 0 |
|---|
| | | } |
|---|
| | | }, |
|---|
| | |
|---|
| | | this.$refs.cameraInfo.selectCamera(node) |
|---|
| | | } |
|---|
| | | } else if (this.activeTab === "场景配置") { |
|---|
| | | this.$refs.sepRule.initCameraData(node.id) |
|---|
| | | this.$refs.sepRule.initCameraData(node.id, node.devId) |
|---|
| | | if (!this.TreeDataPool.multiple) { |
|---|
| | | this.$refs.sepRule.showRules(node.id) |
|---|
| | | } |
|---|
| | |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | TextWidthChange(e) { |
|---|
| | | console.log(1212) |
|---|
| | | let odivParent = e.currentTarget.parentNode //获取目标父元素 |
|---|
| | | let dx = e.clientX //当你第一次单击的时候，存储x轴的坐标。 |
|---|
| | | let dw = odivParent.offsetWidth //存储默认的div的宽度。 |
|---|
| | |
|---|
| | | odivParent.style.width = this.pdfWidth - odivParent.offsetLeft + "px" |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | document.onmouseup = (e) => { |
|---|
| | | document.onmousemove = null |
|---|
| | | document.onmouseup = null |
|---|
