| | |
| | | <image v-else src="@/static/waybill/ic_dingdan@2x.png" mode=""></image>
|
| | | </view>
|
| | | <view class="content">
|
| | | <view class="name">{{item.receiveLocation}}</view>
|
| | | <view class="name" :class="{primaryColor: (info.logisticsStatus == 1 && item.actualArrivedDate) || info.logisticsStatus == 2}">{{item.receiveLocation}}</view>
|
| | | <view class="status">
|
| | | <view v-if="info.logisticsStatus == 0" class="btn">到货</view>
|
| | | <view v-else-if="info.logisticsStatus == 1 && !item.actualArrivedDate" @click="startAri(item.stopNumber)"
|
| | |
| | | </view>
|
| | | <view class="top1">
|
| | | <view class="left_icon"></view>
|
| | | <view class="time">到货时间:{{ item.actualArrivedDate || '-' }}</view>
|
| | | <view class="time" v-if="item.actualArrivedDate">到货时间:{{ item.actualArrivedDate}}</view> |
| | | <view class="time" style="margin-top: -10rpx;" v-else>-</view>
|
| | | </view>
|
| | | </view>
|
| | | </view>
|
| | |
| | | optType: 0
|
| | | }).then((ress) => {
|
| | | if (ress.code == 200) {
|
| | | this.showToast('启运成功')
|
| | | this.showToast('启运成功') |
| | | this.getDetail()
|
| | | }
|
| | | })
|
| | | }
|
| | |
| | | id: this.id
|
| | | }).then(ress => {
|
| | | if (ress.code == 200) {
|
| | | this.showToast('到货成功')
|
| | | this.showToast('到货成功') |
| | | this.getDetail()
|
| | | }
|
| | | })
|
| | | }
|
| | |
| | | position: absolute;
|
| | | top: 0;
|
| | | left: 0;
|
| | | z-index: -1;
|
| | | }
|
| | |
|
| | | .info {
|
| | |
| | | overflow: hidden;
|
| | | margin-top: 30rpx;
|
| | | background: #FFFFFF;
|
| | |
|
| | | position: relative; |
| | | z-index: 1;
|
| | | .head {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | |
| | | color: #222222;
|
| | |
|
| | | .line {
|
| | | height: 68rpx;
|
| | | min-height: 68rpx;
|
| | | align-items: center;
|
| | | display: flex;
|
| | | border-bottom: 1px solid #E5E5E5;
|
| | |
| | | border-radius: 16rpx;
|
| | | padding: 30rpx;
|
| | | margin-top: 20rpx;
|
| | |
|
| | | margin-bottom: 20rpx;
|
| | | .title {
|
| | | font-weight: 500;
|
| | | font-size: 32rpx;
|
| | |
| | | .list {
|
| | | .item {
|
| | | position: relative;
|
| | |
|
| | | padding-bottom: 24rpx; |
| | | &:nth-last-child(1){ |
| | | padding-bottom: 0; |
| | | }
|
| | | .dian {
|
| | | border: 1rpx dashed #CCCCCC;
|
| | | height: calc(100% - 48rpx);
|
| | |
| | |
|
| | | .top1 {
|
| | | display: flex;
|
| | |
|
| | | .left_icon {
|
| | | width: 78rpx;
|
| | |
|
| | |
| | | flex: 1;
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | // align-items: center;
|
| | | margin-bottom: 12rpx;
|
| | |
|
| | | .name {
|
| | |
| | |
|
| | | .status {
|
| | | display: flex;
|
| | | align-items: center;
|
| | | // align-items: center;
|
| | | font-size: 26rpx;
|
| | |
|
| | | .btn {
|
| | |
| | |
|
| | | .pri {
|
| | | color: #fff;
|
| | | background-color: $uni-color-primary;
|
| | | background-color: $uni-color-primary; |
| | | border: 1rpx solid $uni-color-primary;
|
| | | }
|
| | |
|
| | | image {
|