85 lines
2.1 KiB
Vue
85 lines
2.1 KiB
Vue
<template>
|
||
<view class="shipPlan">
|
||
<view class="container">
|
||
<p class="title">基本信息</p>
|
||
<view class="ul">
|
||
<view class="li wLi">船名：</view>
|
||
<view class="li">进口航次：</view>
|
||
<view class="li">贸易类型：</view>
|
||
<view class="li">航线：？？？</view>
|
||
<view class="li">船公司：？？？</view>
|
||
<view class="li wLi">船名：</view>
|
||
<view class="li">进口航次：</view>
|
||
<view class="li">贸易类型：</view>
|
||
<view class="li">航线：？？？</view>
|
||
<view class="li">船公司：？？？</view>
|
||
<view class="li wLi">船代：？？？</view>
|
||
</view>
|
||
<p class="title">船期信息</p>
|
||
<view class="ul">
|
||
<view class="li">计划到港时间：？？？</view>
|
||
<view class="li">计划离港时间：？？？</view>
|
||
<view class="li">计划靠泊时间：？？？</view>
|
||
<view class="li">计划离泊时间：？？？</view>
|
||
<view class="li">确报时间：？？？</view>
|
||
<view class="li">船期状态：？？？</view>
|
||
<view class="li">靠泊状态：？？？</view>
|
||
<view class="li">计划泊位：</view>
|
||
</view>
|
||
<p class="title">计划信息</p>
|
||
<view class="ul">
|
||
<view class="li">计划开工时间：</view>
|
||
<view class="li">计划完工时间：</view>
|
||
<view class="li">品牌：？？？</view>
|
||
<view class="li">计划数量：</view>
|
||
<view class="li">工班人数：？？？</view>
|
||
<view class="li">计划组数：？？？</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
shipInfo: {},
|
||
}
|
||
},
|
||
mounted() {
|
||
this.shipInfo = uni.getStorageSync('shipInfo')
|
||
console.log(this.shipInfo)
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
.shipPlan {
|
||
.container {
|
||
padding: 30px 20px;
|
||
|
||
.title {
|
||
padding-left: 10px;
|
||
border-left: 5px solid #2979ff;
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.ul {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
padding: 0 20px;
|
||
margin-bottom: 20px;
|
||
|
||
.li {
|
||
min-width: 45%;
|
||
margin: 10px 20px;
|
||
}
|
||
|
||
.wLi {
|
||
width: 100%;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style> |