cxc/sphc
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
quantulr
2024-05-17 17:14:40 +08:00
parent 8e5986a8ef
commit e679915b6c
11 changed files with 272 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
pages/logistics_details/logistics_details.wxml
View File

@ -1,20 +1,54 @@
<!--pages/logistics_details/logistics_details.wxml-->
<view style="padding:48rpx 48rpx 92rpx;">
<view style="margin-bottom: 36rpx;display: flex;align-items: center;">
<picker range="{{expressComName}}" value="{{currentExpressComIndex}}" bindchange="pickExpressCom">
<view style="display: flex;align-items: center;">
<image src="../../icon/arrows-exchange-alt-v.svg" style="width: 40rpx; height: 40rpx;" />
{{expressComs[currentExpressComIndex].name}}
<view style="background-color: #fff;display: flex;justify-content: space-between; align-items: center;padding: 20rpx 12rpx;color: #4c4c4c;">
<text>订单编号: {{orderNumber}}</text><text>{{logistics.length}}个包裹</text>
</view>
<view style="margin: 24rpx 24rpx 0;">
<!-- 选择包裹 -->
<scroll-view scroll-x enable-flex class="packages-scroll">
<view wx:for="{{logistics}}" class="package" bind:tap="pickPackage" data-index="{{index}}">
<image class="icon" src="/icon/package.svg" />
<text>包裹{{index+1}}</text>
<view wx:if="{{activePackage===index}}" class="active-indicator"></view>
</view>
</scroll-view>
<!-- 包裹内容, 物流公司 -->
<view style="height: 400rpx; width: 100%;background-color: #fff;border-radius: 24rpx;overflow: hidden;">
<view style="background-color: #fef8ec;color: #f85900;font-size: 24rpx;padding: 12rpx 12rpx;">快递走件，催派等物流信息，请联系物流公司，如需平台接入请联系客服</view>
<view style="margin: 36rpx 0 0 24rpx;display: flex;align-items: center;">
<picker range="{{expressComName}}" value="{{currentExpressComIndex}}" bindchange="pickExpressCom">
<view style="display: flex;align-items: center;">
<image src="../../icon/arrows-exchange-alt-v.svg" style="width: 40rpx; height: 40rpx;" />
<text style="font-size: 38rpx;font-weight: bold;">{{expressComs[currentExpressComIndex].name}}</text>
</view>
</picker>
</view>
<view style="margin: 24rpx 0 0 24rpx;display: flex;align-items: center;">
<text>运单号: {{logistics[activePackage].logisticsNumber}}</text>
<button data-logistics-number="{{logistics[activePackage].logisticsNumber}}" style="border-radius: 999rpx;margin: 0 0 0 12rpx;" plain size="mini" bind:tap="copyLogisticsNumber">复制</button>
</view>
<view style="margin: 24rpx 48rpx 0">
<view style="justify-content: space-between;align-items: center;display: flex;height: 48rpx;" wx:for="{{logistics[activePackage].goods}}" wx:key="id">
<view class="goods-name" style="flex:7;">{{item.name}}</view>
<view class="goods-name" style="flex:3;text-align: center;">{{item.spec}}</view>
<view style="flex:1;text-align: right;">{{item.num}}</view>
<!-- {{item.unit}} -->
</view>
</picker>：{{num}}
</view>
<view wx:if="{{records.length}}">
<view wx:for="{{records}}" wx:key="context" class="record-item">
<view class="dot" />
<view class="line" />
<text class="time">{{item.time}}</text>
<text style="margin-top: 20rpx;">{{item.context}}</text>
</view>
</view>
<view wx:else style="text-align: center; margin: 256rpx 96rpx 0;">暂无物流信息，请检查快递单号或者快递公司是否正确，可以点击左上方快递公司名称选择正确的快递公司。</view>
</view>
<!-- 物流详情 -->
<view style="background-color: #fff;padding: 24rpx;margin-top: 24rpx;border-radius: 24rpx;">
<text style="font-size:36rpx;font-weight: bold;">物流详情</text>
<view style="height: 2rpx;background-color: rgb(209 213 219);margin-top: 24rpx;"></view>
<view style="margin-top: 24rpx;" wx:if="{{records.length}}">
<view wx:for="{{records}}" wx:key="context" class="record-item">
<view class="dot" />
<view class="line" />
<text class="time">{{item.time}}</text>
<text style="margin-top: 20rpx;">{{item.context}}</text>
</view>
</view>
<view wx:else style="text-align: center;margin-top: 24rpx;">暂无物流信息，请检查快递单号或者快递公司是否正确，可以点击左上方快递公司名称选择正确的快递公司。</view>
</view>
</view>
<view style="height: 48rpx;"></view>