You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
164 lines
8.5 KiB
164 lines
8.5 KiB
<!--pages/order/order-info/index.wxml-->
|
|
<wxs module="formate" src="../../../pages/formate.wxs"></wxs>
|
|
<cu-custom bgColor="bg-white" isBack="{{true}}">
|
|
<view slot="content" style="color:black;font-size:36rpx">商品详情</view>
|
|
</cu-custom>
|
|
|
|
<view wx:if="{{orderInfo}}">
|
|
<view style="position: relative">
|
|
<swiper class="screen-swiper" style="min-height:{{imageHeight}}rpx" indicator-dots="{{false}}" autoplay="true"
|
|
interval="3000" duration="500" bindchange="onChange">
|
|
<swiper-item wx:for="{{imgList}}" wx:key="index">
|
|
<view wx:if="{{videoUrl && index == 0}}">
|
|
<view class="video-cnt">
|
|
<video src="{{item}}" style="width:100%;min-height:{{imageHeight}}rpx" show-center-play-btn="{{false}}"
|
|
controls="{{false}}" />
|
|
</view>
|
|
<text class="play-btn cuIcon-video text-white" style="font-size:80rpx" catchtap="videoTap"
|
|
wx:if="{{!visible}}"></text>
|
|
</view>
|
|
<view wx:else bindtap="viewImage" style="width:100%;height:100%" data-url="{{item}}">
|
|
<image src="{{item}}" mode="aspectFill"></image>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper>
|
|
<view class="info-layout flex" wx:if="{{expiredTime}}">
|
|
<view class="pacman"></view>
|
|
<view style="width:100%;font-size:30rpx;line-height:60rpx;height: 60rpx;text-align: center">
|
|
活动倒计时：{{expiredTime || ''}}</view>
|
|
</view>
|
|
<view class="text-white"
|
|
style="line-height:60rpx;position: absolute; top: 0; width: 180rpx; height: 60rpx;text-align: center"
|
|
wx:if="{{expiredTime}}">正在进行</view>
|
|
<view class="text-white info-index">{{current}}/{{imgList.length}}</view>
|
|
</view>
|
|
<view class="bg-white flex flex-justify" style="padding:24rpx 0rpx 24rpx 32rpx">
|
|
<view>
|
|
<view class="flex flex-center">
|
|
<image style="width:72rpx;height:36rpx;" src="/assets/image/ico_tag{{orderInfo.bidType == 2 ? '2' : '1'}}.png">
|
|
</image>
|
|
<view class="detail-price" style="margin-left:8rpx"
|
|
wx:if="{{formate.formatePrice(orderInfo.unitPrice, kg)!=''}}">
|
|
￥{{ formate.formatePrice(orderInfo.unitPrice, kg) }}</view>
|
|
<view class="text-df" style="color: rgba(255, 66, 43, 1);margin-left:8rpx;margin-top:8rpx"
|
|
wx:if="{{formate.formatePrice(orderInfo.unitPrice, kg)!=''}}">{{ kg? '元/KG' : '元/吨' }}</view>
|
|
<view class="text-df" style="color: rgba(255, 66, 43, 1);margin-left:8rpx;margin-top:8rpx"
|
|
wx:if="{{formate.formatePrice(orderInfo.unitPrice, kg)==''}}">价格面议</view>
|
|
</view>
|
|
<view class="text-name" style="margin-top:12rpx">{{orderInfo.secondCategoryName}}</view>
|
|
</view>
|
|
<view class="flex flex-center">
|
|
<button open-type="share"
|
|
style="background-color: #DDDDDD;border-radius: 48rpx 0rpx 0rpx 48rpx;padding:0rpx 12rpx 0rpx 16rpx;height:60rpx;line-height: 60rpx">
|
|
<view class="flex flex-center">
|
|
<text class="cuIcon-share text-black" style="font-size:28rpx;"></text>
|
|
<text class="text-sm" style="margin-left:4rpx">分享</text>
|
|
</view>
|
|
</button>
|
|
</view>
|
|
</view>
|
|
<view style="height:18rpx;width:100%"></view>
|
|
<view class="bg-white" style="font-size:28rpx;padding:0rpx 32rpx">
|
|
<view class="bg-white flex" style="padding:24rpx 0rpx;border-bottom:2rpx solid #eee">
|
|
<view class="text-gray" style="min-width:150rpx">发货地址</view>
|
|
<view class="text-black">{{orderInfo.locProvinceName}}{{orderInfo.locCityName}}{{orderInfo.locDistrictName}}
|
|
</view>
|
|
</view>
|
|
<view class="bg-white flex" style="padding:24rpx 0rpx;">
|
|
<view class="text-gray" style="min-width:150rpx">平台保障</view>
|
|
<view class="text-black">平台担保交易、维护买卖双方权益</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex flex-justify" style="width:100%;padding: 24rpx 32rpx"
|
|
wx:if="{{orderInfo.bidType == 2 && recordList}}">
|
|
<view class="page-name flex flex-center">
|
|
<text>竞价记录</text>
|
|
<text style="margin:0rpx 24rpx;height:28rpx;width:2rpx;background-color:#999999"></text>
|
|
<text text-gray>{{recordList.length}}条</text>
|
|
</view>
|
|
<!-- <view class="page-name" style="font-size:13px" wx:if="{{expiredTime}}">倒计时：{{expiredTime || ''}}</view> -->
|
|
</view>
|
|
<view class="bg-white" style="height:12rpx;width:100%" wx:if="{{orderInfo.bidType == 2 && recordList.length == 0}}">
|
|
</view>
|
|
<view wx:for="{{recordList}}" wx:key="index">
|
|
<wux-divider show-text="{{ false }}"></wux-divider>
|
|
<view class="flex flex-justify bg-white" style="width:100%;padding: 20rpx 32rpx" data-index="{{index}}"
|
|
bindtap="checkRecord">
|
|
<view class="flex flex-justify">
|
|
<wux-image width="{{20}}" height="{{20}}" shape="circle" lazyLoad="true"
|
|
src="{{item.avatarUrl || '/assets/image/ygImg.png'}}" mode="aspectFill">
|
|
<image class="image-load" slot="loading" src="/assets/image/def_image.png"></image>
|
|
</wux-image>
|
|
<view class="page-num">{{item.mobile || ''}}</view>
|
|
</view>
|
|
<view class="page-num">{{item.updateTime || ''}}</view>
|
|
<view class="page-num" style="color:red">￥{{formate.formatePrice2(item.biddingUnitPrice, kg)}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="page-name bg-white" style="padding: 32rpx 0rpx;text-align: center;border-top: 1rpx solid #eee"
|
|
wx:if="{{offered}}">当前我的报价：{{formate.formatePrice2(offered, kg)}}</view>
|
|
<view style="height:18rpx;width:100%"></view>
|
|
<view class="bg-white" style="font-size:28rpx;padding:0rpx 32rpx">
|
|
<view class="bg-white flex flex-justify" style="padding:24rpx 0rpx;border-bottom:2rpx solid #eee">
|
|
<view class="text-black" style="min-width:150rpx">库存</view>
|
|
<view class="text-black">{{formate.formateWeight(orderInfo.stock, kg)}}</view>
|
|
</view>
|
|
<view class="bg-white flex flex-justify" style="padding:24rpx 0rpx;border-bottom:2rpx solid #eee"
|
|
wx:if="{{orderInfo.lowestNum}}">
|
|
<view class="text-black" style="min-width:150rpx">起订重量</view>
|
|
<view class="text-black">{{formate.formateWeight(orderInfo.lowestNum, kg)}}</view>
|
|
</view>
|
|
<view class="bg-white flex flex-justify" style="padding:24rpx 0rpx;border-bottom:2rpx solid #eee">
|
|
<view class="text-black" style="min-width:150rpx">含杂比例</view>
|
|
<view class="text-black">{{orderInfo.dopantRateName}}</view>
|
|
</view>
|
|
<view class="bg-white flex flex-justify" style="padding:24rpx 0rpx">
|
|
<view class="text-black" style="min-width:150rpx">湿水比例</view>
|
|
<view class="text-black">{{orderInfo.waterRateName}}</view>
|
|
</view>
|
|
</view>
|
|
<view style="height:18rpx;width:100%"></view>
|
|
<view class="bg-white" style="padding:32rpx">
|
|
<view class="text-black" style="font-size:32rpx">商品描述</view>
|
|
<view class="text-gray" style="font-size:28rpx;margin-top:12rpx">{{orderInfo.description}}</view>
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view style="height:{{136 + safeBottom}}rpx"></view>
|
|
<view class="cu-bar bg-white tabbar foot"
|
|
style="height:{{120 + safeBottom}}rpx;padding: 32rpx 32rpx {{safeBottom + 32}}rpx 16rpx;"
|
|
wx:if="{{formate.formatePrice(orderInfo.unitPrice, kg)!='' && orderInfo.isOwner != 1}}">
|
|
<view class="action" style="width: 100rpx" bindtap="toShopInfo">
|
|
<view class="cuIcon-shop" style="font-size:24px"></view> 店铺
|
|
</view>
|
|
<view class="flex align-end" style="width:100%;margin-left:8rpx">
|
|
<view wx:if="{{amount}}">
|
|
<text class="text-black" style="font-size:32rpx">合计：</text>
|
|
<text class="text-blue" style="font-size:32rpx">￥{{amount}}</text>
|
|
</view>
|
|
<view style="width:100%">
|
|
<wux-button block type="positive" bind:click="offerProject" wx:if="{{orderInfo.bidType == 1}}">立即购买</wux-button>
|
|
<wux-button block type="assertive" bind:click="offerProject"
|
|
wx:if="{{orderInfo.bidType == 2 && orderInfo.biddingActivityId}}">{{offered?'修改':'立即'}}报价</wux-button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view wx:if="{{formate.formatePrice(orderInfo.unitPrice, kg)=='' && orderInfo.isOwner != 1 }}" class="cu-bar bg-white foot flex flex-center" style="height:{{120 + safeBottom}}rpx;padding-bottom:{{safeBottom}}rpx">
|
|
<view class="flex flex-center" style="width: 50%" bindtap="toShopInfo">
|
|
<text class="cuIcon-shop text-blue" style="font-size:20px;margin-right:16rpx"></text>
|
|
<text class="text-blue text-lg">店铺</text>
|
|
</view>
|
|
<text style="width:1px;height:40rpx;background-color:#eee"></text>
|
|
<view class="flex flex-center" style=";width:50%;height: 100%" bindtap="phoneShopInfo">
|
|
<text class="cuIcon-phone text-blue" style="font-size:20px;margin-right:16rpx">
|
|
</text><text class="text-blue text-lg">电话咨询</text>
|
|
</view>
|
|
</view>
|
|
|
|
<wux-landscape visible="{{ visible }}" bind:close="onClose">
|
|
<video id="video" src="{{videoUrl}}" style="width:750rpx;min-height:{{imageHeight}}rpx"
|
|
show-center-play-btn="{{false}}" bindended="bindended" custom-cache="{{false}}" />
|
|
</wux-landscape>
|
|
|
|
<wux-dialog id="wux-dialog" />
|