Files
Smart-Farm/front/claim/pages/detail.wxml
2025-12-22 17:13:05 +08:00

1 line
14 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<block wx:if="{{detail.id}}"><view class="claim-detail"><view class="banner-info"><swiper class="banner-swiper" autoplay="{{true}}" data-event-opts="{{[['change',[['handerSwiperChange',['$event']]]]]}}" bindchange="__e"><block wx:for="{{bannerList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item data-event-opts="{{[['tap',[['handerBannerClick',[index]]]]]}}" bindtap="__e"><image class="banner-img" mode="aspectFill" src="{{item.img}}"></image><block wx:if="{{bannerList[bannerCurrent].link_type=='monitor'}}"><view class="banner-swiper img-bg c-base iconfont icon-zhibo abs flex-center"></view></block></swiper-item></block></swiper><view class="banner-tagitem banner-tagitem_count">{{bannerCurrent+1+"/"+$root.g0}}</view><view class="banner-taglist"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['banner-tagitem',[(item.$orig.type==bannerList[bannerCurrent].link_type)?'banner-tagitem_active':''],[(item.g1==1)?'radius-10':''],[(item.g2)?'radius-left':''],[(item.g3)?'radius-right':'']]}}">{{''+item.$orig.title+''}}</view></block></view></view><block wx:if="{{detail.collage_data&&detail.collage_data.id}}"><view class="collage-info rel mb-md"><image class="collage-img abs" mode="aspectFill" src="https://lbqny.migugu.com/admin/farm/collage.png"></image><view class="collage-count abs"><min-countdown vue-id="f63663ae-1" type="{{3}}" targetTime="{{detail.collage_data.end_time*1000}}" color="{{primaryColor}}" textColor="#fff" className="sm" data-event-opts="{{[['^callback',[['countEnd']]]]}}" bind:callback="__e" bind:__l="__l"></min-countdown><view class="flex-center f-icontext c-base mt-sm">距结束还剩</view></view><view class="collage-content pt-md pl-md f-icontext c-base abs"><view class="f-lg-title">{{'¥'+detail.collage_data.price+''}}</view><view class="flex-y-center"><view class="f-caption text-delete">{{"原价 ¥"+detail.price+''}}</view><view class="collage-num flex-center radius-4 ml-sm pl-sm pr-sm" style="{{'color:'+(primaryColor)+';'}}">{{''+detail.collage_data.success_num+'人团'}}</view></view></view></view></block><view class="pd-lg fill-base"><view class="flex-center"><view class="max-566"><view class="f-title c-title">{{detail.title}}</view><view class="flex-y-baseline"><view class="price c-warning">{{"¥"+detail.price}}</view><view class="f-caption c-caption ml-sm">{{"/"+detail.unit}}</view></view></view><button class="clear-btn flex-center flex-column" open-type="share"><view class="iconfont icon-share c-title _i"></view><view class="f-caption c-title">分享</view></button></view><view class="f-caption c-caption"><text style="word-break:break-all;" decode="emsp">{{detail.desc}}</text></view></view><block wx:if="{{$root.g4>0}}"><view class="fill-base pd-lg mt-md"><view class="flex-between"><view class="f-paragraph c-title">不想自己开团? 可与下面小伙伴快速成团</view><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="flex-y-center f-caption c-caption" bindtap="__e">查看更多<view class="iconfont icon-right _i" style="font-size:24rpx;"></view></view></view><block wx:for="{{detail.collage_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['toJoin',[index]]]]]}}" class="{{['collage-item','flex-center','pt-lg','pb-lg',[(index!=0)?'b-1px-t':'']]}}" bindtap="__e"><image class="avatar radius" src="{{item.user_info.avatarUrl}}"></image><view class="flex-1 flex-center ml-md"><view class="flex-1 mr-md flex-between"><view class="f-desc c-title max-150 ellipsis">{{item.user_info.nickName}}</view><view><view class="flex-between"><view></view><view class="flex-y-center f-paragraph">差<view class="c-warning">{{''+item.surplus_num+''}}</view>人成团</view></view><view class="flex-y-center f-icontext c-caption">剩<min-countdown vue-id="{{'f63663ae-2-'+index}}" type="{{5}}" targetTime="{{item.end_time*1000}}" color="#999" data-event-opts="{{[['^callback',[['countEnd']]]]}}" bind:callback="__e" bind:__l="__l"></min-countdown>结束</view></view></view><view class="common-btn flex-center f-paragraph c-base" style="{{'background:'+(primaryColor)+';'}}">去参与</view></view></view></block></view></block><view class="count-list flex-y-center fill-base pd-lg mt-md"><view class="count-item flex-center flex-column"><view class="f-title c-title ellipsis">{{detail.breed}}</view><view class="f-caption c-caption">认养品种</view></view><view class="line"></view><view class="count-item flex-center flex-column"><view class="f-title c-title ellipsis">{{detail.cycle+"天"}}</view><view class="f-caption c-caption">认养周期</view></view><view class="line"></view><view class="count-item flex-center flex-column"><view class="f-title c-title">{{detail.output+"kg"}}</view><view class="f-caption c-caption">产量</view></view></view><view class="mt-md pt-sm pl-lg pr-lg pb-lg fill-base f-paragraph c-title"><view class="common-nav-title flex-center c-title"><view class="common-line" style="{{'background:'+(primaryColor)+';'}}"></view><view class="f-title text-bold flex-1">认养收获</view></view><view class="flex-center mt-md"><image class="avatar lg box-shadow-mini radius-10" mode="aspectFill" lazy-load="{{true}}" src="{{detail.harvest_cover}}"></image><view class="flex-1 ml-lg f-paragraph c-title ellipsis">{{detail.harvest_text}}</view></view></view><block wx:if="{{$root.g5}}"><view class="mt-md pt-sm pl-lg pr-lg pb-lg fill-base f-paragraph c-title"><view class="common-nav-title flex-center c-title"><view class="common-line" style="{{'background:'+(primaryColor)+';'}}"></view><view class="f-title text-bold flex-1">认养流程</view></view><block wx:for="{{detail.process}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['flex-warp',[(index==0)?'mt-md':''],[(index!=0)?'mt-lg':'']]}}"><image class="avatar sm" mode="aspectFill" lazy-load="{{true}}" src="{{item.cover}}"></image><view class="flex-1 ml-lg"><view class="f-paragraph c-title">{{item.title}}</view><view class="f-caption c-caption">{{item.time}}</view><view class="f-caption c-desc">{{item.sub_title}}</view></view></view></block></view></block><block wx:if="{{list.all_count>0}}"><block><view class="mt-md pt-sm pl-lg pr-lg fill-base f-paragraph c-title"><view class="common-nav-title flex-center c-title"><view class="common-line" style="{{'background:'+(primaryColor)+';'}}"></view><view class="flex-1 flex-between"><view class="f-title text-bold">{{"评价("+list.all_count+""}}</view><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="flex-y-center f-paragraph c-caption" catchtap="__e"><view>查看全部</view><view class="iconfont icon-right _i" style="font-size:28rpx;"></view></view></view></view></view><block wx:for="{{$root.l2}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block><block wx:if="{{index<2}}"><view class="{{['flex-warp','fill-base','pd-lg',[(index!=0)?'b-1px-t':'']]}}"><image class="avatar sm radius" mode="aspectFill" lazy-load="{{true}}" src="{{item.$orig.user_info.avatarUrl}}"></image><view class="flex-1 ml-lg"><view class="flex-between"><view class="f-paragraph c-title max-350 ellipsis">{{item.$orig.user_info.nickName}}</view><view class="f-icontext c-caption">{{item.$orig.create_time}}</view></view><view class="flex-warp"><block wx:for="{{5}}" wx:for-item="aitem" wx:for-index="aindex" wx:key="aindex"><view class="iconfont icon-star-fill icon-font-color mr-sm _i" style="{{'background-image:'+(aindex<item.$orig.star?'-webkit-linear-gradient(90deg, #FDCD47, #FFC000)':'-webkit-linear-gradient(90deg, #eee, #eee)')+';'}}"></view></block></view><view class="f-caption c-desc mt-md"><text style="word-break:break-all;" decode="emsp">{{item.$orig.text||'该用户没有填写评价哦'}}</text></view><block wx:if="{{item.g6}}"><view class="flex-warp mt-md"><block wx:for="{{item.l1}}" wx:for-item="aitem" wx:for-index="aindex" wx:key="aindex"><block><block wx:if="{{aindex<3}}"><view class="eva-img sm radius-10 rel"><image class="eva-img sm radius-10" mode="aspectFill" src="{{aitem.$orig}}" data-event-opts="{{[['tap',[['toPreviewImage',[index,aindex]]]]]}}" catchtap="__e"></image><block wx:if="{{aitem.g7}}"><view class="more f-caption c-base abs">{{'+'+(aitem.g8-3)}}</view></block></view></block></block></block></view></block></view></view></block></block></block></block></block><view class="mt-md pt-sm pl-lg pr-lg pb-lg fill-base f-paragraph c-title"><view class="common-nav-title flex-center c-title"><view class="common-line" style="{{'background:'+(primaryColor)+';'}}"></view><view class="f-title text-bold flex-1">认养环境</view></view><view class="flex-center"><image class="avatar mini radius" mode="aspectFill" lazy-load="{{true}}" src="{{detail.farmer_info.cover}}"></image><view class="flex-1 ml-md">{{detail.farmer_info.title}}</view></view></view><view class="map-info rel"><map latitude="{{detail.lat}}" longitude="{{detail.lng}}" markers="{{detail.markers}}" enable-satellite="{{true}}"></map><view data-event-opts="{{[['tap',[['toMap',['$event']]]]]}}" class="farmer-title flex-center pl-md pr-sm c-base radius abs" catchtap="__e"><view class="f-desc max-500 ellipsis">{{''+detail.farmer_info.title+''}}</view><view class="iconfont icon-right _i"></view></view></view><block wx:if="{{$root.g9}}"><view class="order-count-info fill-base"><view class="flex-between pt-lg pl-lg pr-lg"><view class="flex-y-baseline f-paragraph c-caption"><view class="c-title text-bold mr-sm">实时数据</view></view></view><view class="pt-lg pl-lg pr-lg pb-md f-paragraph c-desc"><view class="flex-y-baseline"><view class="mr-md">无线温湿度</view><view>土壤电导率三合一</view></view><veiw class="flex-warp pb-md" vue-id="f63663ae-3" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{$root.l3}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="machine-item flex-warp f-desc c-caption mt-md"><view class="num">{{'('+(index*1+1)+')'}}</view><view class="text">{{item.$orig.text}}</view><view>{{item.g10==0?'无':item.$orig.value}}</view></view></block></veiw></view></view></block><view class="mt-md pt-sm pl-lg pr-lg pb-lg fill-base f-paragraph c-title"><view class="common-nav-title flex-center c-title"><view class="common-line" style="{{'background:'+(primaryColor)+';'}}"></view><view class="f-title text-bold flex-1">详细说明</view></view><block wx:if="{{detail.text}}"><view class="pt-sm"><parser vue-id="f63663ae-4" html="{{detail.text}}" show-with-animation="{{true}}" lazy-load="{{true}}" data-event-opts="{{[['^linkpress',[['linkpress']]]]}}" bind:linkpress="__e" bind:__l="__l" vue-slots="{{['default']}}">加载中...</parser></view></block></view><view class="space-max-footer"></view><view class="footer-btn fill-base fix"><view class="footer-item flex-between pr-lg"><view class="flex-warp f-caption c-title"><view data-event-opts="{{[['tap',[['e2',['$event']]]]]}}" class="flex-center flex-column pl-lg pr-lg" catchtap="__e"><view class="iconfont icon-home _i"></view><view>首页</view></view><view data-event-opts="{{[['tap',[['e3',['$event']]]]]}}" class="flex-center flex-column pl-md" catchtap="__e"><view class="iconfont icon-dianhua text-bold _i"></view><view>客服</view></view></view><block wx:if="{{detail.collage_data&&detail.collage_data.id}}"><view class="flex-warp"><view data-event-opts="{{[['tap',[['toOrder',['$event']]]]]}}" class="order-btn flex-center f-title c-base text-bold radius-20" style="{{'color:'+(primaryColor)+';'+('border:'+('1rpx solid '+primaryColor)+';')}}" catchtap="__e">单独认养</view><view data-event-opts="{{[['tap',[['toOrder',[1]]]]]}}" class="order-btn flex-center ml-md f-title c-base text-bold radius-20" style="{{'background:'+(primaryColor)+';'+('border:'+('1rpx solid '+primaryColor)+';')}}" catchtap="__e">去众筹</view></view></block><block wx:else><view data-event-opts="{{[['tap',[['toOrder',['$event']]]]]}}" class="order-btn md flex-center f-title c-base text-bold radius-20" style="{{'background:'+(primaryColor)+';'}}" catchtap="__e">立即认养</view></block></view><view class="space-safe"></view></view><uni-popup class="vue-ref" vue-id="f63663ae-5" type="center" data-ref="show_collage_share" bind:__l="__l" vue-slots="{{['default']}}"><view class="show-collage-share"><view class="flex-center flex-column fill-base pd-lg radius-24"><view class="f-md-title text-bold pt-lg pb-lg" style="{{'color:'+(primaryColor)+';'}}">您有一个拼团正在进行中</view><view class="user-list flex-center mt-lg mb-lg"><block wx:for="{{detail.user_start_collage.user_avatar}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block><block wx:if="{{index<detail.user_start_collage.success_num>3?3:detail.user_start_collage.success_num-1}}"><view class="avatar-group lg"><image class="abs avatar fill-body radius" mode="aspectFill" lazy-load="{{true}}" src="{{item}}"></image></view></block></block></block><block wx:if="{{detail.user_start_collage.surplus_num}}"><block><view class="iconfont icon-more ml-sm pl-lg pr-lg _i"></view><view class="more-btn flex-center radius"><view class="iconfont icon-add _i"></view></view></block></block></view><min-countdown vue-id="{{('f63663ae-6')+','+('f63663ae-5')}}" type="{{2}}" targetTime="{{detail.user_start_collage.end_time*1000}}" color="#333" textColor="#999" bgColor="#F7F7F7" className="md" data-event-opts="{{[['^callback',[['countEnd']]]]}}" bind:callback="__e" bind:__l="__l"></min-countdown><view class="f-desc c-caption mt-md mb-lg">{{"还差"+detail.user_start_collage.surplus_num+'人成团,距离结束还剩'}}</view><view class="space-lg"></view><button class="clear-btn share-btn flex-center f-sm-title" style="{{'background:'+(primaryColor)+';'}}" open-type="share">邀请好友</button><view class="space-lg"></view></view><view data-event-opts="{{[['tap',[['e4',['$event']]]]]}}" class="flex-center mt-lg iconfont icon-close c-base _i" bindtap="__e"></view></view></uni-popup></view></block>