|
|
|
@ -6,56 +6,71 @@ |
|
|
|
|
|
|
|
<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 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 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> |
|
|
|
<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">¥{{ formate.formatePrice(orderInfo.unitPrice, kg) }}</view> |
|
|
|
<view class="text-df" style="color: rgba(255, 66, 43, 1);margin-left:8rpx;margin-top:8rpx">{{ kg? '元/KG' : '元/吨' }}</view> |
|
|
|
</view> |
|
|
|
<view class="text-name" style="margin-top:12rpx">{{orderInfo.secondCategoryName}}</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"> |
|
|
|
<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> |
|
|
|
<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 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 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> |
|
|
|
<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> |
|
|
|
@ -63,12 +78,15 @@ |
|
|
|
</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 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 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"> |
|
|
|
<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> |
|
|
|
@ -77,26 +95,28 @@ |
|
|
|
<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 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">{{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">{{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 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> |
|
|
|
@ -106,7 +126,9 @@ |
|
|
|
</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="{{orderInfo.isOwner != 1}}"> |
|
|
|
<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> |
|
|
|
@ -117,13 +139,26 @@ |
|
|
|
</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> |
|
|
|
<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}}" /> |
|
|
|
<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" /> |