|
|
|
@ -405,7 +405,7 @@
|
|
|
|
|
<!-- v-show="goodStatusShow" -->
|
|
|
|
|
<div
|
|
|
|
|
class="goods-hovers-list"
|
|
|
|
|
:class="{ 'hide-goods-hover': !goodStatusShow }"
|
|
|
|
|
:class="[{ 'hide-goods-hover': !goodStatusShow }, {'seat-top': goodStatusSeat === 'top'}, {'seat-bottom': goodStatusSeat === 'bottom'}]"
|
|
|
|
|
:style="{ top: `${goodStatusScreenY}px`, left: `${goodStatusScreenX}px` }"
|
|
|
|
|
>
|
|
|
|
|
<div class="title">货运动态</div>
|
|
|
|
@ -768,6 +768,7 @@ export default {
|
|
|
|
|
goodStatusScreenX: 0,
|
|
|
|
|
goodStatusScreenY: 0,
|
|
|
|
|
goodStatusData: null,
|
|
|
|
|
goodStatusSeat: 'bottom',
|
|
|
|
|
editingForm: this.$form.createForm(this),
|
|
|
|
|
vesselData: [],
|
|
|
|
|
WebVessel: '',
|
|
|
|
@ -1628,8 +1629,15 @@ export default {
|
|
|
|
|
// this.goodStatusScreenX = e.pageX - 300
|
|
|
|
|
this.goodStatusScreenX = e.pageX - 139
|
|
|
|
|
}
|
|
|
|
|
// this.goodStatusScreenY = e.pageY + 20
|
|
|
|
|
console.log('== 距离 ==', e.pageY, window.innerHeight - 350)
|
|
|
|
|
if (e.pageY > (window.innerHeight - 340)) {
|
|
|
|
|
this.goodStatusScreenY = e.pageY - 370 - 10
|
|
|
|
|
this.goodStatusSeat = 'top'
|
|
|
|
|
} else {
|
|
|
|
|
this.goodStatusScreenY = e.pageY + 25
|
|
|
|
|
this.goodStatusSeat = 'bottom'
|
|
|
|
|
}
|
|
|
|
|
// this.goodStatusScreenY = e.pageY + 20
|
|
|
|
|
this.goodStatusData = data.goodsStatusList
|
|
|
|
|
this.goodStatusShow = true
|
|
|
|
|
},
|
|
|
|
@ -2311,7 +2319,7 @@ export default {
|
|
|
|
|
.active {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
// color: @primary-color;
|
|
|
|
|
color: #004d11;
|
|
|
|
|
color: #336600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
@ -2349,7 +2357,7 @@ export default {
|
|
|
|
|
.active {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
// color: @primary-color;
|
|
|
|
|
color: #004d11;
|
|
|
|
|
color: #336600;
|
|
|
|
|
}
|
|
|
|
|
&:nth-of-type(3) {
|
|
|
|
|
i {
|
|
|
|
@ -2572,6 +2580,14 @@ export default {
|
|
|
|
|
transition: 0.5s all;
|
|
|
|
|
display: block;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
&.seat-top{
|
|
|
|
|
&::before {
|
|
|
|
|
display: none;
|
|
|
|
|
// content: '';
|
|
|
|
|
// bottom: -15px;
|
|
|
|
|
// left: 50%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.hide-goods-hover {
|
|
|
|
|
display: none;
|
|
|
|
|
opacity: 0;
|
|
|
|
@ -2592,6 +2608,7 @@ export default {
|
|
|
|
|
left: 50%;
|
|
|
|
|
margin-left: -16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.title {
|
|
|
|
|
height: 30px;
|
|
|
|
|
line-height: 30px;
|
|
|
|
|