zth
/
VueOOCL
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改问题

Browse Source
main
sunzehua 5 months ago
parent 424f9dabee
commit 807678a925
3 changed files with 204 additions and 359 deletions
Show Stats Download Patch File Download Diff File

65
src/views/E2E/Index.vue
Unescape Escape View File

@ -32,8 +32,8 @@
</el-col>
<el-col :span="12" class="searchmainCol">
<span class="searchmainTitle">货物截止时间</span>
<el-date-picker v-model="SearchData.cargoCutoffStartTime" type="date" value-format="yyyy-MM-dd"
placeholder="选择日期" size="small">
<el-date-picker v-model="SearchData.cargoCutoffStartTime" @change="changeTime" type="date"
value-format="yyyy-MM-dd" placeholder="选择日期" size="small">
</el-date-picker>
<span class="searchmainG">-</span>
<el-date-picker v-model="SearchData.cargoCutoffEndTime" type="date" value-format="yyyy-MM-dd"
@ -318,7 +318,8 @@
<el-row>
<el-col :span="24">
<el-form-item label="模板名称:" prop="temId">
<el-select v-model="form.temId" placeholder="请选择" size="small" filterable clearable>
<el-select filterable remote reserve-keyword :remote-method="searchTemp" v-model="form.temId"
placeholder="请选择" size="small" clearable>
<el-option :label="item.templateName" :value="item.id" v-for="item in TemListData"
:key="`${item.id}temId`">
</el-option>
@ -328,19 +329,19 @@
<el-col :span="12" v-if="SearchData.cargoCategory == 'General'">
<el-form-item label="20GP:" prop="quantity">
<el-input-number :disabled="ctn20GPFlag" v-model="form[`20GP_quantity`]" size="small" clearable
:min="1"></el-input-number>
:min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="40GP:" prop="quantity" v-if="SearchData.cargoCategory == 'General'">
<el-input-number :disabled="ctn40GPFlag" v-model="form[`40GP_quantity`]" size="small" clearable
:min="1"></el-input-number>
:min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="40HQ:" prop="quantity" v-if="SearchData.cargoCategory == 'General'">
<el-input-number :disabled="ctn40HQFlag" v-model="form[`40HQ_quantity`]" size="small" clearable
:min="1"></el-input-number>
:min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
@ -348,7 +349,7 @@
SearchData.cargoCategory == 'NOR'
">
<el-input-number :disabled="ctn20RFFlag" v-model="form[`20RF_quantity`]" size="small" clearable
:min="1"></el-input-number>
:min="0"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
@ -356,7 +357,7 @@
SearchData.cargoCategory == 'NOR'
">
<el-input-number :disabled="ctn40RQFlag" v-model="form[`40RQ_quantity`]" size="small" clearable
:min="1"></el-input-number>
:min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
@ -441,7 +442,9 @@ import {
portQuery,
surchargeE2EQuery
} from "@/api/views/ooclApi";
const json = [
]
import NavView from "../../components/Nav.vue";
export default {
name: "SpotIndex",
@ -506,7 +509,8 @@ export default {
},
mounted() {
this.SearchData.startDate = this.FnToday();
this.SearchData.cargoCutoffStartTime = this.FnToday();
this.SearchData.endDate = this.FndayWeek();
// this.SearchData.cargoCutoffStartTime = this.FnToday();
TemList().then((res) => {
this.TemListData = res.data.data.data;
console.log(res);
@ -517,6 +521,13 @@ export default {
this.SearchData.cargoCategory = e;
this.TableData = [];
},
searchTemp(val) {
if (val) {
TemList({ templateName: val }).then((res) => {
this.TemListData = res.data.data.data;
});
}
},
FnToday() {
let data = "";
let date = new Date();
@ -527,6 +538,17 @@ export default {
}`;
return data;
},
FndayWeek() {
let currentDate = new Date();
currentDate.setDate(currentDate.getDate() + 28);
let year = currentDate.getFullYear();
let month = currentDate.getMonth() + 1;
let day = currentDate.getDate();
month = month < 10 ? '0' + month : month;
day = day < 10 ? '0' + day : day;
let newDate = year + '-' + month + '-' + day;
return newDate;
},
firstPolSearch(val) {
this.firstPolLoading = true
portQuery({ name: val }).then(res => {
@ -693,6 +715,12 @@ export default {
return 0;
}
},
changeTime(val) {
var date = new Date(val);
date.setDate(date.getDate() + 28);
var formattedDate = date.toISOString().slice(0, 10);
this.SearchData.cargoCutoffEndTime = formattedDate
},
FnReset() {
this.SearchData = {
cargoCategory: "General",
@ -732,10 +760,21 @@ export default {
quantity: this.container.num3
})
}
for (let key in ApiData) {
if (ApiData[key] === null || ApiData[key] === undefined || ApiData[key] === '') {
delete ApiData[key];
}
}
ApiData.size = 20
this.TableLoading = true;
E2EQuery(ApiData)
.then((res) => {
if (res.data.code == 0) {
if (res.data.data.length == 0) {
this.$message({ message: '暂无数据', type: 'warning' });
this.TableLoading = false;
return false
}
this.TableData = res.data.data
this.TableData.forEach(item => {
let arr = []
@ -744,11 +783,17 @@ export default {
if (ite.cntrType == i) {
ite.hasInventory = item.hasInventory[i]
}
if (item.hasInventory[i] != 0) {
if (item.hasInventory[i] == 1) {
arr.push(1)
}
}
})
item.routeProductPricingList.sort((a, b) => {
const order = ["20GP", "40GP", "40HQ"];
const indexA = order.indexOf(a.cntrType);
const indexB = order.indexOf(b.cntrType);
return indexA - indexB;
});
if (arr.length > 0) {
item.disabledOrder = false
} else {

488
src/views/Spot/Index.vue
Unescape Escape View File

@ -3,12 +3,8 @@
<NavView></NavView>
<el-row class="searchHeader app-main">
<span>
<el-select
class="CscargoCategory"
size="small"
v-model="SearchData.cargoCategory"
@change="FnChangecargoCategory"
>
<el-select class="CscargoCategory" size="small" v-model="SearchData.cargoCategory"
@change="FnChangecargoCategory">
<el-option label="干柜" value="General"> </el-option>
<el-option label="冷箱产品" value="Reefer"> </el-option>
<el-option label="干冻柜" value="NOR"> </el-option>
@ -28,88 +24,38 @@
</el-col> -->
<el-col :span="6" class="searchmainCol">
<span class="searchmainTitle">起运港</span>
<el-select
v-model="SearchData.porCity"
size="small"
filterable
remote
reserve-keyword
placeholder="请输入内容"
:remote-method="remoteMethod"
clearable
:loading="porCityLoading"
@change="SporCityId"
>
<el-option
v-for="item in porCityData"
:key="item.id"
:label="item.cityFullNameCn"
:value="item.id"
>
<el-select v-model="SearchData.porCity" size="small" filterable remote reserve-keyword placeholder="请输入内容"
:remote-method="remoteMethod" clearable :loading="porCityLoading" @change="SporCityId">
<el-option v-for="item in porCityData" :key="item.id" :label="item.cityFullNameCn" :value="item.id">
</el-option>
</el-select>
</el-col>
<el-col :span="6" class="searchmainCol">
<span class="searchmainTitle">目的港</span>
<el-select
v-model="SearchData.fndCityId"
size="small"
filterable
remote
reserve-keyword
placeholder="请输入内容"
:remote-method="remoteMethod2"
clearable
:loading="fndCityLoading"
@change="SfndCityId"
>
<el-option
v-for="item in fndCityData"
:key="item.id"
:label="item.cityFullNameCn"
:value="item.id"
>
<el-select v-model="SearchData.fndCityId" size="small" filterable remote reserve-keyword placeholder="请输入内容"
:remote-method="remoteMethod2" clearable :loading="fndCityLoading" @change="SfndCityId">
<el-option v-for="item in fndCityData" :key="item.id" :label="item.cityFullNameCn" :value="item.id">
</el-option>
</el-select>
</el-col>
<el-col :span="12" class="searchmainCol">
<span class="searchmainTitle">预计开航时间</span>
<el-date-picker
v-model="SearchData.startDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期"
size="small"
>
<el-date-picker v-model="SearchData.startDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
size="small">
</el-date-picker>
<span class="searchmainG">-</span>
<el-date-picker
v-model="SearchData.endDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期"
size="small"
>
<el-date-picker v-model="SearchData.endDate" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
size="small">
</el-date-picker>
</el-col>
<el-col :span="12" class="searchmainCol">
<span class="searchmainTitle">货物截止时间</span>
<el-date-picker
v-model="SearchData.cargoCutoffStartTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期"
size="small"
>
<el-date-picker v-model="SearchData.cargoCutoffStartTime" type="date" value-format="yyyy-MM-dd"
placeholder="选择日期" size="small">
</el-date-picker>
<span class="searchmainG">-</span>
<el-date-picker
v-model="SearchData.cargoCutoffEndTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择日期"
size="small"
>
<el-date-picker v-model="SearchData.cargoCutoffEndTime" type="date" value-format="yyyy-MM-dd"
placeholder="选择日期" size="small">
</el-date-picker>
</el-col>
<el-col :span="24" class="ButtonBox">
@ -196,45 +142,19 @@
<div class="el-row">
<div class="el-col el-col-6">
<div style="text-align: center">
<el-tooltip
class="item"
effect="dark"
:content="item.porCity.cityFullNameCn"
placement="top"
>
<div
class="horizontal-content-div el-tooltip"
aria-describedby="el-tooltip-2173"
tabindex="0"
>
<el-tooltip class="item" effect="dark" :content="item.porCity.cityFullNameCn" placement="top">
<div class="horizontal-content-div el-tooltip" aria-describedby="el-tooltip-2173" tabindex="0">
{{ item.porCity.cityFullNameCn }}
</div>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
:content="item.porCity.cityFullNameEn"
placement="bottom"
>
<div
class="horizontal-content-div el-tooltip"
aria-describedby="el-tooltip-3165"
tabindex="0"
>
<el-tooltip class="item" effect="dark" :content="item.porCity.cityFullNameEn" placement="bottom">
<div class="horizontal-content-div el-tooltip" aria-describedby="el-tooltip-3165" tabindex="0">
{{ item.porCity.cityFullNameEn }}
</div>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
:content="item.porCity.unlocode"
placement="bottom"
>
<div
class="horizontal-content-div facility-name el-tooltip"
aria-describedby="el-tooltip-987"
tabindex="0"
>
<el-tooltip class="item" effect="dark" :content="item.porCity.unlocode" placement="bottom">
<div class="horizontal-content-div facility-name el-tooltip" aria-describedby="el-tooltip-987"
tabindex="0">
{{ item.porCity.unlocode }}
</div>
</el-tooltip>
@ -242,31 +162,13 @@
</div>
<div class="el-col el-col-6">
<div style="text-align: center">
<el-tooltip
class="item"
effect="dark"
:content="item.polPort.portFullNameCn"
placement="top"
>
<div
class="horizontal-content-div el-tooltip"
aria-describedby="el-tooltip-3583"
tabindex="0"
>
<el-tooltip class="item" effect="dark" :content="item.polPort.portFullNameCn" placement="top">
<div class="horizontal-content-div el-tooltip" aria-describedby="el-tooltip-3583" tabindex="0">
{{ item.polPort.portFullNameCn }}
</div>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
:content="item.polPort.portFullNameEn"
placement="bottom"
>
<div
class="horizontal-content-div el-tooltip"
aria-describedby="el-tooltip-6273"
tabindex="0"
>
<el-tooltip class="item" effect="dark" :content="item.polPort.portFullNameEn" placement="bottom">
<div class="horizontal-content-div el-tooltip" aria-describedby="el-tooltip-6273" tabindex="0">
{{ item.polPort.portFullNameEn }}
</div>
</el-tooltip>
@ -275,32 +177,14 @@
<div class="el-col el-col-6">
<div style="text-align: center">
<el-tooltip
class="item"
effect="dark"
:content="item.polPort.portFullNameCn"
placement="top"
>
<div
class="horizontal-content-div el-tooltip"
style="margin-left: 20px"
aria-describedby="el-tooltip-5277"
tabindex="0"
>
<el-tooltip class="item" effect="dark" :content="item.polPort.portFullNameCn" placement="top">
<div class="horizontal-content-div el-tooltip" style="margin-left: 20px"
aria-describedby="el-tooltip-5277" tabindex="0">
{{ item.podPort.portFullNameCn }}
</div>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
:content="item.polPort.portFullNameEn"
placement="bottom"
>
<div
class="horizontal-content-div el-tooltip"
aria-describedby="el-tooltip-7623"
tabindex="0"
>
<el-tooltip class="item" effect="dark" :content="item.polPort.portFullNameEn" placement="bottom">
<div class="horizontal-content-div el-tooltip" aria-describedby="el-tooltip-7623" tabindex="0">
{{ item.podPort.portFullNameEn }}
</div>
</el-tooltip>
@ -308,45 +192,19 @@
</div>
<div class="el-col el-col-6">
<div style="text-align: center">
<el-tooltip
class="item"
effect="dark"
:content="item.fndCity.cityFullNameCn"
placement="top"
>
<div
class="horizontal-content-div el-tooltip"
aria-describedby="el-tooltip-2549"
tabindex="0"
>
<el-tooltip class="item" effect="dark" :content="item.fndCity.cityFullNameCn" placement="top">
<div class="horizontal-content-div el-tooltip" aria-describedby="el-tooltip-2549" tabindex="0">
{{ item.fndCity.cityFullNameCn }}
</div>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
:content="item.fndCity.cityFullNameEn"
placement="bottom"
>
<div
class="horizontal-content-div el-tooltip"
aria-describedby="el-tooltip-2105"
tabindex="0"
>
<el-tooltip class="item" effect="dark" :content="item.fndCity.cityFullNameEn" placement="bottom">
<div class="horizontal-content-div el-tooltip" aria-describedby="el-tooltip-2105" tabindex="0">
{{ item.fndCity.cityFullNameEn }}
</div>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
:content="item.fndCity.unlocode"
placement="bottom"
>
<div
class="horizontal-content-div facility-name el-tooltip"
aria-describedby="el-tooltip-9929"
tabindex="0"
>
<el-tooltip class="item" effect="dark" :content="item.fndCity.unlocode" placement="bottom">
<div class="horizontal-content-div facility-name el-tooltip" aria-describedby="el-tooltip-9929"
tabindex="0">
{{ item.fndCity.unlocode }}
</div>
</el-tooltip>
@ -371,30 +229,21 @@
</div>
<div class="tablemainunit" v-if="item.cargoCategory == 'GENERAL'">
<div>
<p
v-for="d in item.routeProductPricingList"
:key="`20GP${d.cntrType}${index}`"
>
<p v-for="d in item.routeProductPricingList" :key="`20GP${d.cntrType}${index}`">
<span v-if="d.cntrType == '20GP'">
{{ d ? d.price : "-" }}
</span>
</p>
</div>
<div>
<p
v-for="d in item.routeProductPricingList"
:key="`${d.cntrType}${index}`"
>
<p v-for="d in item.routeProductPricingList" :key="`${d.cntrType}${index}`">
<span v-if="d.cntrType == '40GP'">
{{ d ? d.price : "-" }}
</span>
</p>
</div>
<div>
<p
v-for="d in item.routeProductPricingList"
:key="`40HQ${d.cntrType}${index}`"
>
<p v-for="d in item.routeProductPricingList" :key="`40HQ${d.cntrType}${index}`">
<span v-if="d.cntrType == '40HQ'">
{{ d ? d.price : "-" }}
</span>
@ -403,20 +252,14 @@
</div>
<div class="tablemainunit DG" v-else>
<div>
<p
v-for="d in item.routeProductPricingList"
:key="`20RF${d.cntrType}${index}`"
>
<p v-for="d in item.routeProductPricingList" :key="`20RF${d.cntrType}${index}`">
<span v-if="d.cntrType == '20RF'">
{{ d ? d.price : "-" }}
</span>
</p>
</div>
<div>
<p
v-for="d in item.routeProductPricingList"
:key="`40RQ${d.cntrType}${index}`"
>
<p v-for="d in item.routeProductPricingList" :key="`40RQ${d.cntrType}${index}`">
<span v-if="d.cntrType == '40RQ'">
{{ d ? d.price : "-" }}
</span>
@ -429,11 +272,7 @@
</p>
</div>
<div class="tablemainunit">
<el-button
class="ButtonDC"
@click="FnGoBooking(item)"
v-if="item.inventory !== 0"
>
<el-button class="ButtonDC" @click="FnGoBooking(item)" v-if="item.inventory !== 0">
一键订舱
</el-button>
<el-button class="Insufficient" v-else> 库存不足 </el-button>
@ -452,173 +291,73 @@
<span>条款：</span>
<span style="color: rgb(246, 166, 35)">{{ item.haulageType }}</span>
<el-popover class="FJpopover" trigger="click" placement="top">
<el-table
class="FJtable"
:data="FJtableData"
v-loading="FJtableLoading"
height="400"
:header-cell-style="{
background: '#393737',
color: '#fff',
fontSize: '12px',
padding: '6px 0',
}"
:cell-style="{
fontSize: '12px',
}"
>
<el-table class="FJtable" :data="FJtableData" v-loading="FJtableLoading" height="400" :header-cell-style="{
background: '#393737',
color: '#fff',
fontSize: '12px',
padding: '6px 0',
}" :cell-style="{
fontSize: '12px',
}">
<el-table-column property="category"></el-table-column>
<el-table-column
width="150"
property="name"
label="费用名称"
></el-table-column>
<el-table-column width="150" property="name" label="费用名称"></el-table-column>
<el-table-column property="unit" label="单位"></el-table-column>
<el-table-column
property="price"
label="单票价格"
></el-table-column>
<el-table-column
property="20GP"
label="20GP"
v-if="item.cargoCategory == 'GENERAL'"
></el-table-column>
<el-table-column
property="40GP"
label="40GP"
v-if="item.cargoCategory == 'GENERAL'"
></el-table-column>
<el-table-column
property="40HQ"
label="40HQ"
v-if="item.cargoCategory == 'GENERAL'"
></el-table-column>
<el-table-column
property="20RF"
label="20RF"
v-if="item.cargoCategory !== 'GENERAL'"
></el-table-column>
<el-table-column
property="40RQ"
label="40RQ"
v-if="item.cargoCategory !== 'GENERAL'"
></el-table-column>
<el-table-column property="price" label="单票价格"></el-table-column>
<el-table-column property="20GP" label="20GP" v-if="item.cargoCategory == 'GENERAL'"></el-table-column>
<el-table-column property="40GP" label="40GP" v-if="item.cargoCategory == 'GENERAL'"></el-table-column>
<el-table-column property="40HQ" label="40HQ" v-if="item.cargoCategory == 'GENERAL'"></el-table-column>
<el-table-column property="20RF" label="20RF" v-if="item.cargoCategory !== 'GENERAL'"></el-table-column>
<el-table-column property="40RQ" label="40RQ" v-if="item.cargoCategory !== 'GENERAL'"></el-table-column>
</el-table>
<span class="FJ" slot="reference" @click="FnClickFj(item)">
<i
class="iconfont icon-fujian"
style="color: rgb(246, 166, 35)"
></i>
<i class="iconfont icon-fujian" style="color: rgb(246, 166, 35)"></i>
附加费明细
</span>
</el-popover>
</el-row>
</div>
</div>
<el-dialog
class="BookingDialog"
title="配置订舱参数"
:visible.sync="dialogBookingVisible"
width="30vw"
:before-close="FndioligBookingOff"
>
<el-form
ref="form"
:model="form"
label-width="80px"
:rules="rules"
:style="{ width: '100%' }"
>
<el-dialog class="BookingDialog" title="配置订舱参数" :visible.sync="dialogBookingVisible" width="30vw"
:before-close="FndioligBookingOff">
<el-form ref="form" :model="form" label-width="80px" :rules="rules" :style="{ width: '100%' }">
<el-row>
<el-col :span="24">
<el-form-item label="模板名称:" prop="temId">
<el-select
v-model="form.temId"
placeholder="请选择"
size="small"
filterable
clearable
>
<el-option
:label="item.templateName"
:value="item.id"
v-for="item in TemListData"
:key="`${item.id}temId`"
>
<el-select v-model="form.temId" placeholder="请选择" size="small" filterable remote reserve-keyword
:remote-method="searchTemp" clearable>
<el-option :label="item.templateName" :value="item.id" v-for="item in TemListData"
:key="`${item.id}temId`">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="BookingData.cargoCategory == 'GENERAL'">
<el-form-item label="20GP:" prop="quantity">
<el-input-number
v-model="form[`20GP_quantity`]"
size="small"
clearable
:min="1"
></el-input-number>
<el-input-number v-model="form[`20GP_quantity`]" size="small" clearable :min="1"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="40GP:"
prop="quantity"
v-if="BookingData.cargoCategory == 'GENERAL'"
>
<el-input-number
v-model="form[`40GP_quantity`]"
size="small"
clearable
:min="1"
></el-input-number>
<el-form-item label="40GP:" prop="quantity" v-if="BookingData.cargoCategory == 'GENERAL'">
<el-input-number v-model="form[`40GP_quantity`]" size="small" clearable :min="1"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="40HQ:"
prop="quantity"
v-if="BookingData.cargoCategory == 'GENERAL'"
>
<el-input-number
v-model="form[`40HQ_quantity`]"
size="small"
clearable
:min="1"
></el-input-number>
<el-form-item label="40HQ:" prop="quantity" v-if="BookingData.cargoCategory == 'GENERAL'">
<el-input-number v-model="form[`40HQ_quantity`]" size="small" clearable :min="1"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="20RF:"
prop="quantity"
v-if="
BookingData.cargoCategory == 'REEFER' ||
BookingData.cargoCategory == 'NOR'
"
>
<el-input-number
v-model="form[`20RF_quantity`]"
size="small"
clearable
:min="1"
></el-input-number>
<el-form-item label="20RF:" prop="quantity" v-if="BookingData.cargoCategory == 'REEFER' ||
BookingData.cargoCategory == 'NOR'
">
<el-input-number v-model="form[`20RF_quantity`]" size="small" clearable :min="1"></el-input-number>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="40RQ:"
prop="quantity"
v-if="
BookingData.cargoCategory == 'REEFER' ||
BookingData.cargoCategory == 'NOR'
"
>
<el-input-number
v-model="form[`40RQ_quantity`]"
size="small"
clearable
:min="1"
></el-input-number>
<el-form-item label="40RQ:" prop="quantity" v-if="BookingData.cargoCategory == 'REEFER' ||
BookingData.cargoCategory == 'NOR'
">
<el-input-number v-model="form[`40RQ_quantity`]" size="small" clearable :min="1"></el-input-number>
</el-form-item>
</el-col>
</el-row>
@ -717,15 +456,21 @@ export default {
this.SearchData.cargoCategory = e;
this.TableData = [];
},
searchTemp(val) {
if (val) {
TemList({ templateName: val }).then((res) => {
this.TemListData = res.data.data.data;
});
}
},
FnToday() {
let data = "";
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
data = `${year}-${month < 10 ? `0${month}` : month}-${
day < 10 ? `0${day}` : day
}`;
data = `${year}-${month < 10 ? `0${month}` : month}-${day < 10 ? `0${day}` : day
}`;
return data;
},
FndioligBookingNO() {
@ -930,6 +675,7 @@ export default {
line-height: 40px;
border-left: 6px solid #d63246;
margin-top: 10px !important;
/deep/.CscargoCategory {
.el-input {
.el-input__inner {
@ -941,12 +687,14 @@ export default {
padding: 0 15px;
text-align: right;
}
.el-input__suffix {
display: none;
}
}
}
}
.searchmain {
width: 100%;
background: #fff;
@ -954,9 +702,11 @@ export default {
.searchmainRow {
padding: 40px 60px 40px 25px;
.ButtonBox {
display: flex;
justify-content: center;
.Button1 {
margin-right: 35px;
border: 1px solid #000;
@ -967,12 +717,14 @@ export default {
padding-bottom: 10px;
line-height: 16px;
border-radius: 2px;
&:hover {
color: #393737;
border-color: #c4c3c3;
background-color: #ebebeb;
}
}
.Button2 {
width: 200px;
height: 36px;
@ -985,6 +737,7 @@ export default {
color: #fff;
background-color: #d63246;
border-color: #d63246;
&:hover {
background: #de5b6b;
border-color: #de5b6b;
@ -992,8 +745,10 @@ export default {
}
}
}
.searchmainCol {
margin-bottom: 25px;
.searchmainTitle {
margin-right: 10px;
font-size: 12px;
@ -1001,15 +756,18 @@ export default {
text-align: right;
line-height: 12px;
}
.searchmainG {
margin: 0 5px;
}
}
}
}
.app-main {
width: 1210px;
margin: 0 auto;
.tablehead {
display: flex;
background-color: #393737;
@ -1023,26 +781,33 @@ export default {
display: flex;
justify-content: space-around;
align-items: center;
&:nth-child(1) {
flex: 10;
text-align: center;
}
&:nth-child(2) {
flex: 2;
}
&:nth-child(3) {
flex: 2;
}
&:nth-child(4) {
flex: 4;
}
&:nth-child(5) {
flex: 2;
}
&:nth-child(6) {
flex: 3;
border: none;
}
p {
color: #fff;
font-size: 12px;
@ -1050,17 +815,21 @@ export default {
}
}
}
.tablemain {
margin-bottom: 20px;
background: #fff;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
transition: box-shadow 0.2s ease-in-out;
&:hover {
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.tabletop {
display: flex;
padding: 0 0 10px 0;
.tablemainunit {
display: flex;
justify-content: space-around;
@ -1068,10 +837,12 @@ export default {
&:nth-child(1) {
flex: 10;
.schedule-data {
width: 100%;
font-size: 12px;
color: #333;
.ts-mode-icon {
position: absolute;
height: 100%;
@ -1079,6 +850,7 @@ export default {
align-items: flex-end;
justify-content: center;
bottom: -6px;
.card-brand {
color: #a27a51;
font-size: 13px;
@ -1089,6 +861,7 @@ export default {
.circle-center {
text-align: center;
height: 18px;
.hollow-circle {
display: inline-block;
text-align: center;
@ -1097,6 +870,7 @@ export default {
border: 1px solid #a27a51;
border-radius: 50%;
}
.solid-circle {
display: inline-block;
text-align: center;
@ -1105,6 +879,7 @@ export default {
background-color: #a27a51;
border-radius: 50%;
}
.beeline {
margin: 0 3px;
display: inline-block;
@ -1114,20 +889,24 @@ export default {
border-top: 1px solid #a27a51;
}
}
.horizontal-content-div {
margin: 0 5px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
&.facility-name {
color: #909399;
}
}
}
}
&:nth-child(2) {
p {
text-align: center;
span {
font-size: 10px !important;
text-align: center;
@ -1136,45 +915,56 @@ export default {
flex: 2;
}
&:nth-child(3) {
flex: 2;
}
&:nth-child(4) {
display: flex;
> div {
>div {
flex: 1;
text-align: center;
}
&.DG {
}
&.DG {}
flex: 4;
}
&:nth-child(5) {
flex: 2;
}
&:nth-child(6) {
flex: 3;
}
.ButtonDC {
min-width: 130px;
background: #fff;
border-color: #d63246;
color: #d63246;
&:hover {
background: #d63246;
border-color: #d63246;
color: #fff;
}
}
.Insufficient {
min-width: 130px;
background: #fff;
border-color: #999;
color: #999;
}
p {
color: #676a6c;
font-size: 14px;
span {
color: red;
font-weight: bold;
@ -1183,6 +973,7 @@ export default {
}
}
}
.tablebottom {
padding-left: 20px;
padding-right: 20px;
@ -1192,6 +983,7 @@ export default {
color: #999;
font-size: 12px;
letter-spacing: -0.2px;
/deep/.FJpopover {
position: absolute;
left: 640px;

10
src/views/tem/Index.vue
Unescape Escape View File

@ -302,6 +302,13 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="是否定转港:">
<el-checkbox v-model="form.isTransit"></el-checkbox>
</el-form-item>
</el-col>
</el-row>
<p class="Title">箱信息</p>
<el-row v-for="item in containerTypeData" :key="item">
<el-col :span="6">
@ -893,7 +900,8 @@ export default {
form: {
blQuantity: 1,
cargoCategory: "General",
isE2E:false
isE2E:false,
isTransit:false
},
containerTypeData: ["20GP", "40GP", "40HQ"],
moment,

Write Preview
Loading…
Cancel
Save