货运位置

szh_zidingyibiaoti
lilu 2 years ago
parent 8401cba8a9
commit 09abefbeb0

Binary file not shown.

@ -471,7 +471,31 @@ export default {
</span>
)
}
}
},
// {
// field: 'weighdate',
// key: 'weighdate',
// title: '',
// align: 'left',
// width: 120,
// edit: false,
// renderBodyCell: ({ row, column, rowIndex }, h) => {
// return (
// <a-date-picker on-change={(date, dateString) => {
// console.log('== ==', dateString)
// this.tableData[rowIndex].weighdate = dateString
// row['weighdate'] = dateString
// }} />
// )
// },
// renderHeaderCell: ({ column }, h) => {
// return (
// <span class="text-bold" style="text-align: center;">
// {this.rules.weightype.required ? <i style="color: #f00">*</i> : ''} {column.title}
// </span>
// )
// }
// },
],
modelColumns: [
{

@ -397,7 +397,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>
@ -760,6 +760,7 @@ export default {
goodStatusScreenX: 0,
goodStatusScreenY: 0,
goodStatusData: null,
goodStatusSeat: 'bottom',
editingForm: this.$form.createForm(this),
vesselData: [],
WebVessel: '',
@ -1620,8 +1621,15 @@ export default {
// this.goodStatusScreenX = e.pageX - 300
this.goodStatusScreenX = e.pageX - 139
}
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.goodStatusScreenY = e.pageY + 25
this.goodStatusData = data.goodsStatusList
this.goodStatusShow = true
},
@ -2299,7 +2307,7 @@ export default {
.active {
cursor: pointer;
// color: @primary-color;
color: #004d11;
color: #336600;
}
}
}
@ -2337,7 +2345,7 @@ export default {
.active {
cursor: pointer;
// color: @primary-color;
color: #004d11;
color: #336600;
}
&:nth-of-type(3) {
i {
@ -2560,6 +2568,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;
@ -2580,6 +2596,7 @@ export default {
left: 50%;
margin-left: -16px;
}
.title {
height: 30px;
line-height: 30px;

@ -94,7 +94,7 @@
import { AutoComplete } from 'ant-design-vue'
import inputView from '../components/inputView'
import datePickerView from '../components/datePickerView'
import { mapGetters } from 'vuex'
let timer;
export default {
components: {
@ -162,6 +162,9 @@ export default {
dataSourceList: []
}
},
computed: {
...mapGetters(['carrierList', 'yardList', 'packageList', 'issuetypeList', 'blfrtList', 'lineList', 'bookingInitData'])
},
mounted() { },
methods: {
debounce (func, wait, ...args) {
@ -276,10 +279,18 @@ export default {
},
completeChangeFirst (value) {
if (this.value) { return false }
this.$emit('getCompleteList', {
form: this.labelData,
value: value || ''
})
//
// console.log(this.type, this.bookingInitData)
// const label = this.labelData.label.toLowerCase()
// const arr = this.bookingInitData[`${label}InitList`]
// if (arr.length > 0) {
// this.dataSourceList = arr
// } else {
this.$emit('getCompleteList', {
form: this.labelData,
value: value || ''
})
// }
},
inputChange (data) {
this.changeInput(data)

Loading…
Cancel
Save