|
|
|
@ -4,50 +4,21 @@
|
|
|
|
<inputView ref="inputView" :type="labelData.label" :parentVal="value" @getInputChange="inputChange" />
|
|
|
|
<inputView ref="inputView" :type="labelData.label" :parentVal="value" @getInputChange="inputChange" />
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template v-else-if="labelData.type == 'date'">
|
|
|
|
<template v-else-if="labelData.type == 'date'">
|
|
|
|
<datePickerView
|
|
|
|
<datePickerView ref="datePickerView" class="date-picker" :parentVal="value" type="etd" format="YYYY-MM-DD"
|
|
|
|
ref="datePickerView"
|
|
|
|
@dateChange="dateChangeFun"></datePickerView>
|
|
|
|
class="date-picker"
|
|
|
|
|
|
|
|
:parentVal="value"
|
|
|
|
|
|
|
|
type="etd"
|
|
|
|
|
|
|
|
format="YYYY-MM-DD"
|
|
|
|
|
|
|
|
@dateChange="dateChangeFun"
|
|
|
|
|
|
|
|
></datePickerView>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template v-else-if="labelData.type == 'dateRange'">
|
|
|
|
<template v-else-if="labelData.type == 'dateRange'">
|
|
|
|
<div class="picker-box" style="display: flex; padding-right: 2px">
|
|
|
|
<div class="picker-box" style="display: flex; padding-right: 2px">
|
|
|
|
<a-date-picker
|
|
|
|
<a-date-picker style="min-width: 30px; flex: 1" v-model="startValue" :disabled-date="disabledStartDate"
|
|
|
|
style="min-width: 30px; flex: 1"
|
|
|
|
format="YYYY-MM-DD" suffixIcon=" " placeholder="开始时间" @openChange="handleStartOpenChange" />
|
|
|
|
v-model="startValue"
|
|
|
|
|
|
|
|
:disabled-date="disabledStartDate"
|
|
|
|
|
|
|
|
format="YYYY-MM-DD"
|
|
|
|
|
|
|
|
suffixIcon=" "
|
|
|
|
|
|
|
|
placeholder="开始时间"
|
|
|
|
|
|
|
|
@openChange="handleStartOpenChange"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<span style="margin: 0 4px">-</span>
|
|
|
|
<span style="margin: 0 4px">-</span>
|
|
|
|
<a-date-picker
|
|
|
|
<a-date-picker style="min-width: 30px; flex: 1" v-model="endValue" :disabled-date="disabledEndDate"
|
|
|
|
style="min-width: 30px; flex: 1"
|
|
|
|
format="YYYY-MM-DD" placeholder="结束时间" suffixIcon=" " :open="endOpen" @openChange="handleEndOpenChange" />
|
|
|
|
v-model="endValue"
|
|
|
|
|
|
|
|
:disabled-date="disabledEndDate"
|
|
|
|
|
|
|
|
format="YYYY-MM-DD"
|
|
|
|
|
|
|
|
placeholder="结束时间"
|
|
|
|
|
|
|
|
suffixIcon=" "
|
|
|
|
|
|
|
|
:open="endOpen"
|
|
|
|
|
|
|
|
@openChange="handleEndOpenChange"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template v-else-if="labelData.type == 'select'">
|
|
|
|
<template v-else-if="labelData.type == 'select'">
|
|
|
|
<a-select
|
|
|
|
<a-select size="small" style="margin-top: 7px" v-model="value" show-search :dropdownMatchSelectWidth="false"
|
|
|
|
size="small"
|
|
|
|
:filter-option="filterOption" @change="debounce(handleSelectChange, 300, $event)" @focus="getSelectFirst">
|
|
|
|
style="margin-top: 7px"
|
|
|
|
|
|
|
|
v-model="value"
|
|
|
|
|
|
|
|
show-search
|
|
|
|
|
|
|
|
:dropdownMatchSelectWidth="false"
|
|
|
|
|
|
|
|
:filter-option="filterOption"
|
|
|
|
|
|
|
|
@change="debounce(handleSelectChange, 300, $event)"
|
|
|
|
|
|
|
|
@focus="getSelectFirst"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<template v-if="['CARRIER', 'YARDID', 'ISSUETYPE', 'CARGOID'].includes(labelData.label)">
|
|
|
|
<template v-if="['CARRIER', 'YARDID', 'ISSUETYPE', 'CARGOID'].includes(labelData.label)">
|
|
|
|
<a-select-option v-for="(sitem, sindex) in dataList" :key="sindex">
|
|
|
|
<a-select-option v-for="(sitem, sindex) in dataList" :key="sindex">
|
|
|
|
{{ sitem[labelData.showLabel2] }}/ {{ sitem[labelData.showLabel] }}
|
|
|
|
{{ sitem[labelData.showLabel2] }}/ {{ sitem[labelData.showLabel] }}
|
|
|
|
@ -66,18 +37,9 @@
|
|
|
|
</a-select>
|
|
|
|
</a-select>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<template v-else-if="labelData.type == 'complete'">
|
|
|
|
<template v-else-if="labelData.type == 'complete'">
|
|
|
|
<auto-complete
|
|
|
|
<auto-complete size="small" :allowClear="true" class="customer-input" :dropdown-match-select-width="false"
|
|
|
|
size="small"
|
|
|
|
:dropdown-style="{ width: '200px' }" v-model="value" option-label-prop="label" @select="completeSelect"
|
|
|
|
:allowClear="true"
|
|
|
|
@focus="completeChangeFirst" @change="debounce(completeChange, 300, $event)">
|
|
|
|
class="customer-input"
|
|
|
|
|
|
|
|
:dropdown-match-select-width="false"
|
|
|
|
|
|
|
|
:dropdown-style="{ width: '200px' }"
|
|
|
|
|
|
|
|
v-model="value"
|
|
|
|
|
|
|
|
option-label-prop="label"
|
|
|
|
|
|
|
|
@select="completeSelect"
|
|
|
|
|
|
|
|
@focus="completeChangeFirst"
|
|
|
|
|
|
|
|
@change="debounce(completeChange, 300, $event)"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<!-- <template slot="dataSource" v-if="labelData.label === 'VESSEL'">
|
|
|
|
<!-- <template slot="dataSource" v-if="labelData.label === 'VESSEL'">
|
|
|
|
<a-select-option v-for="(item, index) in dataSourceList" :key="index" :value="item[labelData.showLabel]">
|
|
|
|
<a-select-option v-for="(item, index) in dataSourceList" :key="index" :value="item[labelData.showLabel]">
|
|
|
|
<div class="vessel-label">
|
|
|
|
<div class="vessel-label">
|
|
|
|
@ -87,12 +49,8 @@
|
|
|
|
</a-select-option>
|
|
|
|
</a-select-option>
|
|
|
|
</template>-->
|
|
|
|
</template>-->
|
|
|
|
<template slot="dataSource">
|
|
|
|
<template slot="dataSource">
|
|
|
|
<a-select-option
|
|
|
|
<a-select-option v-for="(item, index) in dataSourceList" :key="`${index}-${item[labelData.showLabel]}`"
|
|
|
|
v-for="(item, index) in dataSourceList"
|
|
|
|
:value="`${index}-${item[labelData.showLabel]}`" :label="item[labelData.showLabel]">
|
|
|
|
:key="`${index}-${item[labelData.showLabel]}`"
|
|
|
|
|
|
|
|
:value="`${index}-${item[labelData.showLabel]}`"
|
|
|
|
|
|
|
|
:label="item[labelData.showLabel]"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="title">{{ item[labelData.showLabel] }}</div>
|
|
|
|
<div class="title">{{ item[labelData.showLabel] }}</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -188,7 +146,7 @@ export default {
|
|
|
|
'bookingInitData'
|
|
|
|
'bookingInitData'
|
|
|
|
])
|
|
|
|
])
|
|
|
|
},
|
|
|
|
},
|
|
|
|
mounted() {},
|
|
|
|
mounted() { },
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
debounce(func, wait, ...args) {
|
|
|
|
debounce(func, wait, ...args) {
|
|
|
|
if (timer) clearTimeout(timer)
|
|
|
|
if (timer) clearTimeout(timer)
|
|
|
|
@ -286,10 +244,7 @@ export default {
|
|
|
|
'NOBILL',
|
|
|
|
'NOBILL',
|
|
|
|
'CARGOID',
|
|
|
|
'CARGOID',
|
|
|
|
'zhanCangFlag',
|
|
|
|
'zhanCangFlag',
|
|
|
|
'status',
|
|
|
|
'OP'
|
|
|
|
'taskCategory',
|
|
|
|
|
|
|
|
'taskSource',
|
|
|
|
|
|
|
|
'taskType'
|
|
|
|
|
|
|
|
].includes(this.labelData.label)
|
|
|
|
].includes(this.labelData.label)
|
|
|
|
) {
|
|
|
|
) {
|
|
|
|
this.dataList = this.emnuData(this.labelData.label)
|
|
|
|
this.dataList = this.emnuData(this.labelData.label)
|
|
|
|
@ -303,6 +258,7 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
emnuData(type) {
|
|
|
|
emnuData(type) {
|
|
|
|
|
|
|
|
console.log(this.bookingInitData.opInitList)
|
|
|
|
switch (type) {
|
|
|
|
switch (type) {
|
|
|
|
case 'LINENAME':
|
|
|
|
case 'LINENAME':
|
|
|
|
return this.lineList
|
|
|
|
return this.lineList
|
|
|
|
@ -322,14 +278,8 @@ export default {
|
|
|
|
return this.labelData.data
|
|
|
|
return this.labelData.data
|
|
|
|
case 'zhanCangFlag':
|
|
|
|
case 'zhanCangFlag':
|
|
|
|
return this.labelData.data
|
|
|
|
return this.labelData.data
|
|
|
|
case 'status':
|
|
|
|
case 'OP':
|
|
|
|
return this.labelData.data
|
|
|
|
return this.bookingInitData.opInitList
|
|
|
|
case 'taskCategory':
|
|
|
|
|
|
|
|
return this.labelData.data
|
|
|
|
|
|
|
|
case 'taskSource':
|
|
|
|
|
|
|
|
return this.labelData.data
|
|
|
|
|
|
|
|
case 'taskType':
|
|
|
|
|
|
|
|
return this.labelData.data
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
completeSelect(value) {
|
|
|
|
completeSelect(value) {
|
|
|
|
@ -362,7 +312,6 @@ export default {
|
|
|
|
'FORWARDER',
|
|
|
|
'FORWARDER',
|
|
|
|
'SALE',
|
|
|
|
'SALE',
|
|
|
|
'CUSTSERVICE',
|
|
|
|
'CUSTSERVICE',
|
|
|
|
'OP',
|
|
|
|
|
|
|
|
'DOC',
|
|
|
|
'DOC',
|
|
|
|
'ROUTE',
|
|
|
|
'ROUTE',
|
|
|
|
'PAYABLEAT',
|
|
|
|
'PAYABLEAT',
|
|
|
|
@ -413,10 +362,13 @@ export default {
|
|
|
|
.aa {
|
|
|
|
.aa {
|
|
|
|
transform: scaleY(0.8);
|
|
|
|
transform: scaleY(0.8);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-select-selection__clear {
|
|
|
|
/deep/ .ant-select-selection__clear {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.vessel-label {
|
|
|
|
.vessel-label {
|
|
|
|
|
|
|
|
|
|
|
|
// border-bottom:1px solid #eee;
|
|
|
|
// border-bottom:1px solid #eee;
|
|
|
|
.title {
|
|
|
|
.title {
|
|
|
|
height: 28px;
|
|
|
|
height: 28px;
|
|
|
|
@ -427,6 +379,7 @@ export default {
|
|
|
|
border-bottom: 1px dashed #ddd;
|
|
|
|
border-bottom: 1px dashed #ddd;
|
|
|
|
margin-bottom: 4px;
|
|
|
|
margin-bottom: 4px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.voyno,
|
|
|
|
.voyno,
|
|
|
|
.etd {
|
|
|
|
.etd {
|
|
|
|
height: 22px;
|
|
|
|
height: 22px;
|
|
|
|
@ -439,10 +392,12 @@ export default {
|
|
|
|
/deep/.ant-calendar-picker-input {
|
|
|
|
/deep/.ant-calendar-picker-input {
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/.ant-calendar-range-picker-input {
|
|
|
|
/deep/.ant-calendar-range-picker-input {
|
|
|
|
height: 24px !important;
|
|
|
|
height: 24px !important;
|
|
|
|
line-height: 24px !important;
|
|
|
|
line-height: 24px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .ant-input {
|
|
|
|
/deep/ .ant-input {
|
|
|
|
height: 24px !important;
|
|
|
|
height: 24px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
