|
|
|
@ -95,29 +95,87 @@
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<div class="title">货物详情</div>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="商品名称">
|
|
|
|
|
<a-input v-model="form.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="商品编码类型">
|
|
|
|
|
<a-input v-model="form.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="总重">
|
|
|
|
|
<a-input v-model="form.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="货物标志">
|
|
|
|
|
<a-input v-model="form.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="是否冷冻处理">
|
|
|
|
|
<a-input v-model="form.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="温度">
|
|
|
|
|
<a-input v-model="form.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="货物探测器数量">
|
|
|
|
|
<a-input v-model="form.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="通风" >
|
|
|
|
|
<a-input v-model="form.name" style="width: 74%;" />
|
|
|
|
|
m³/hour
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="湿度">
|
|
|
|
|
<a-input v-model="form.name" style="width: 84%;" />%
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-row>
|
|
|
|
|
<div class="title">箱型箱量</div>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
<a-modal title="检索船期" :visible="visible" width="1000px" @cancel="visible = false">
|
|
|
|
|
<a-modal title="检索船期" :visible="visible" width="1200px" @cancel="visible = false">
|
|
|
|
|
<div style="display: flex;align-items: center;">
|
|
|
|
|
<a-row>
|
|
|
|
|
<a-form-model :model="searchForm" :label-col="{ span: 6 }" :wrapper-col="{ span: 18 }">
|
|
|
|
|
<a-form-model :model="searchForm" :label-col="{ span: 7 }" :wrapper-col="{ span: 17 }">
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="始发地">
|
|
|
|
|
<a-input style="width: 72%;" v-model="form.name" />
|
|
|
|
|
<a-input v-model="searchForm.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="目的地">
|
|
|
|
|
<a-input style="width: 72%;" v-model="form.name" />
|
|
|
|
|
<a-input v-model="searchForm.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="船名">
|
|
|
|
|
<a-input style="width: 72%;" v-model="form.name" />
|
|
|
|
|
<a-input v-model="searchForm.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
<a-col :span="6">
|
|
|
|
|
<a-form-model-item label="航次号">
|
|
|
|
|
<a-input style="width: 72%;" v-model="form.name" />
|
|
|
|
|
<a-input v-model="searchForm.name" />
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-col>
|
|
|
|
|
</a-form-model>
|
|
|
|
@ -146,6 +204,34 @@
|
|
|
|
|
<div>2024-02-24 06:00</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u102.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>运输时间</div>
|
|
|
|
|
<div>72天数</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u98.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>船名/航次</div>
|
|
|
|
|
<div>MSC MIA / 408W</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<a-button type="primary">选择</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box">
|
|
|
|
|
<div class="left">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<span class="top-text">Qingdao, China </span>
|
|
|
|
|
<img style="margin: 0 15px;" src="../../../assets/icons/u92.svg" alt="">
|
|
|
|
|
<span class="top-text">Belgrade, Serbia</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u90.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
@ -160,10 +246,111 @@
|
|
|
|
|
<div>2024-02-24 06:00</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u102.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>运输时间</div>
|
|
|
|
|
<div>72天数</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u98.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>船名/航次</div>
|
|
|
|
|
<div>MSC MIA / 408W</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right"></div>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<a-button type="primary">选择</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box">
|
|
|
|
|
<div class="left">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<span class="top-text">Qingdao, China </span>
|
|
|
|
|
<img style="margin: 0 15px;" src="../../../assets/icons/u92.svg" alt="">
|
|
|
|
|
<span class="top-text">Belgrade, Serbia</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u90.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>离港</div>
|
|
|
|
|
<div>2024-02-24 06:00</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u90.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>离港</div>
|
|
|
|
|
<div>2024-02-24 06:00</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u102.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>运输时间</div>
|
|
|
|
|
<div>72天数</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u98.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>船名/航次</div>
|
|
|
|
|
<div>MSC MIA / 408W</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<a-button type="primary">选择</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="box">
|
|
|
|
|
<div class="left">
|
|
|
|
|
<div class="top">
|
|
|
|
|
<span class="top-text">Qingdao, China </span>
|
|
|
|
|
<img style="margin: 0 15px;" src="../../../assets/icons/u92.svg" alt="">
|
|
|
|
|
<span class="top-text">Belgrade, Serbia</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bottom">
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u90.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>离港</div>
|
|
|
|
|
<div>2024-02-24 06:00</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u90.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>离港</div>
|
|
|
|
|
<div>2024-02-24 06:00</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u102.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>运输时间</div>
|
|
|
|
|
<div>72天数</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item">
|
|
|
|
|
<div class="item-left"> <img src="../../../assets/icons/u98.svg" alt=""> </div>
|
|
|
|
|
<div class="item-right">
|
|
|
|
|
<div>船名/航次</div>
|
|
|
|
|
<div>MSC MIA / 408W</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<a-button type="primary">选择</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p>共计 4 条船期记录</p>
|
|
|
|
|
</a-modal>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
@ -214,6 +401,14 @@ export default {
|
|
|
|
|
border: 1px black dashed;
|
|
|
|
|
padding: 15px;
|
|
|
|
|
margin: 10px 0;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
.left{
|
|
|
|
|
width: 80%;
|
|
|
|
|
}
|
|
|
|
|
.right{
|
|
|
|
|
width: 20%;
|
|
|
|
|
}
|
|
|
|
|
.top{
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
}
|
|
|
|
@ -225,6 +420,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
.item{
|
|
|
|
|
display: flex;
|
|
|
|
|
width: 20%;
|
|
|
|
|
.item-left{
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
}
|
|
|
|
|