7.10
parent
3a4fd8b906
commit
720b33a1d2
|
@ -3,7 +3,7 @@
|
||||||
<view class="info">
|
<view class="info">
|
||||||
<image class="toux" src="@/static/images/theme/toux.png" mode="widthFix"></image>
|
<image class="toux" src="@/static/images/theme/toux.png" mode="widthFix"></image>
|
||||||
<text>wchenp</text>
|
<text>wchenp</text>
|
||||||
<uni-icons type="gear" size="21" @click="uni.navigateBack('-1')"/>
|
<uni-icons type="gear" size="21" />
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"name": "gang",
|
"name": "iapd",
|
||||||
"appid": "__UNI__820CEDC",
|
"appid": "__UNI__820CEDC",
|
||||||
"description": "",
|
"description": "",
|
||||||
"versionName": "1.0.0",
|
"versionName": "1.0.0",
|
||||||
|
|
|
@ -51,6 +51,42 @@
|
||||||
<view class="tab" :class="active==1?'active':''" type="default" @click="active=1">未发送</view>
|
<view class="tab" :class="active==1?'active':''" type="default" @click="active=1">未发送</view>
|
||||||
<view class="tab" :class="active==2?'active':''" type="default" @click="active=2">已发送</view>
|
<view class="tab" :class="active==2?'active':''" type="default" @click="active=2">已发送</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="itemList">
|
||||||
|
<view class="item" v-for="item in itemList" :key="item.index">
|
||||||
|
<view class="row">
|
||||||
|
<view class="col weight">
|
||||||
|
船舱层数:5层3舱
|
||||||
|
</view>
|
||||||
|
<view class="col">
|
||||||
|
数量:1,000
|
||||||
|
</view>
|
||||||
|
<view class="col">
|
||||||
|
港口:厦门港
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="row">
|
||||||
|
<view class="col weight">
|
||||||
|
计划状态:已发送
|
||||||
|
</view>
|
||||||
|
<view class="col">
|
||||||
|
负责人:我是一个负责人
|
||||||
|
</view>
|
||||||
|
<view class="col">
|
||||||
|
发送时间:2023/09/09 16:00
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="rowFoot">
|
||||||
|
<view class="col">
|
||||||
|
装船进度
|
||||||
|
</view>
|
||||||
|
<view class="col">
|
||||||
|
<view class="progress-box">
|
||||||
|
<progress percent="20" show-info stroke-width="3" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
@ -63,7 +99,7 @@
|
||||||
return {
|
return {
|
||||||
value1: "",
|
value1: "",
|
||||||
value: '',
|
value: '',
|
||||||
ltemList: [1, 1, 1, 1, 2, 1, 1, 1, 1],
|
itemList: [1, 1, 1, 1, 2, 1, 1, 1, 1],
|
||||||
range: [1],
|
range: [1],
|
||||||
items: [{
|
items: [{
|
||||||
value: '1',
|
value: '1',
|
||||||
|
@ -170,5 +206,36 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.itemList {
|
||||||
|
margin-top: 30px;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
height: 110px;
|
||||||
|
padding: 20px;
|
||||||
|
border-bottom: 2px solid #e9e9e9;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
|
||||||
|
.weight {
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
width: 30%;
|
||||||
|
flex-direction: column;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rowFoot {
|
||||||
|
width: 40%;
|
||||||
|
flex-direction: column;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue