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

1 line
11 KiB
Plaintext
Raw 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="land-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><view class="pd-lg fill-base"><view class="flex-between"><view class="max-566"><view class="f-title c-title">{{detail.title}}</view><view class="flex-y-baseline"><view class="price c-warning">{{"¥"+detail.min_price}}</view><view class="f-caption c-caption ml-sm">起</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 mb-sm"><text style="word-break:break-all;" decode="emsp">{{detail.desc}}</text></view><view data-event-opts="{{[['tap',[['toMap',['$event']]]]]}}" class="flex-warp fill-base f-caption c-desc" catchtap="__e"><view class="iconfont icon-dingwei mr-sm _i" style="margin-top:6rpx;font-size:24rpx;"></view><view style="max-width:656rpx;">{{detail.address}}</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-between c-title"><view class="flex-center"><view class="common-line" style="{{'background:'+(primaryColor)+';'}}"></view><view class="f-title text-bold flex-1">选择地块</view></view><view class="f-paragraph c-caption">{{"剩余\n\t\t\t\t"+(detail.spe_info.all_num-detail.spe_info.app_num+'/'+detail.spe_info.all_num)+''}}</view></view><view class="dot-item flex-warp pt-md pb-md f-caption c-title"><view class="flex-y-center"><view class="dot radius" style="background:#B3D465;"></view>可选</view><view class="flex-y-center ml-lg mr-lg"><view class="dot cur_app radius"></view>选中</view><view class="flex-y-center"><view class="dot fill-space radius"></view>已租</view></view><block wx:if="{{$root.g4}}"><scroll-view class="spe-list" scroll-x="{{true}}" scroll-with-animation="{{true}}"><block wx:for="{{detail.spe}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['toChangeItem',['speInd',index]]]]]}}" class="{{['spe-item','flex-center','text-center','f-title','c-title','radius-16',[(index!=0)?'ml-md':'']]}}" catchtap="__e"><view class="title flex-center f-little c-base" style="{{'background:'+(primaryColor)+';'}}"><view class="pl-sm pr-sm ellipsis">{{item.spe_name}}</view></view><view class="{{['area','flex-center','flex-column','f-desc',[(!item.is_app)?'can_app':''],[(speInd==index)?'cur_app':'']]}}"><view>{{item.area}}</view><view>m²</view></view></view></block></scroll-view></block></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><block wx:if="{{$root.g5}}"><scroll-view class="cycle-list" scroll-x="{{true}}" scroll-with-animation="{{true}}"><block wx:for="{{detail.cycle}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['toChangeItem',['cycleInd',index]]]]]}}" class="{{['cycle-item','flex-center','text-center','pt-lg','pb-lg','f-title','c-title','radius-16',[(index!=0)?'ml-md':'']]}}" style="{{'height:40rpx;'+('background:'+(cycleInd==index?primaryColor:'#f5f5f5')+';')+('color:'+(cycleInd==index?'#fff':'')+';')}}" catchtap="__e">{{''+(item+'/天')+''}}</view></block></scroll-view></block></view><view class="mt-md pt-sm pl-lg pr-lg pb-lg fill-base f-paragraph c-title"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="common-nav-title flex-between c-title" catchtap="__e"><view class="flex-center"><view class="common-line" style="{{'background:'+(primaryColor)+';'}}"></view><view class="f-title text-bold flex-1">地块服务</view></view><view class="flex-y-baseline f-paragraph c-caption"><view>了解特权</view><view class="iconfont icon-right _i"></view></view></view><block wx:if="{{$root.g6}}"><scroll-view class="cycle-list" scroll-x="{{true}}" scroll-with-animation="{{true}}"><block wx:for="{{detail.massif}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['toChangeItem',['massifInd',index]]]]]}}" class="{{['cycle-item','flex-center','flex-column','text-center','pt-lg','pb-lg','pl-md','pr-md','radius-16',[(index!=0)?'ml-md':''],[(massifInd==index)?'cur':'']]}}" style="{{'background:'+(massifInd==index?primaryColor:'')+';'}}" catchtap="__e"><view class="f-title c-title ellipsis">{{item.title}}</view><view class="flex-center f-caption c-caption mt-sm mb-sm"><view class="flex-center c-warning">¥<view class="f-title">{{item.price}}</view></view>/天</view><view class="f-caption c-caption ellipsis-2">{{''+item.desc+''}}</view></view></block></scroll-view></block></view><block wx:if="{{$root.g7}}"><view class="order-count-info fill-base mt-md"><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="af890b78-1" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{$root.l1}}" 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.g8==0?'无':item.$orig.value}}</view></view></block></veiw></view></view></block><block wx:if="{{$root.g9}}"><view class="mt-md pt-sm pl-lg pr-lg pb-lg fill-base f-paragraph c-title"><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="common-nav-title flex-between c-title" catchtap="__e"><view class="flex-center"><view class="common-line" style="{{'background:'+(primaryColor)+';'}}"></view><view class="f-title text-bold flex-1">种子列表</view></view><view class="flex-y-baseline f-paragraph c-caption"><view>查看全部</view><view class="iconfont icon-right _i"></view></view></view><view class="flex-warp"><block wx:for="{{detail.seed}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block><block wx:if="{{index<8}}"><view class="{{['flex-center','mt-md',[(index%2===0)?'mr-md':'']]}}" style="width:330rpx;"><image class="avatar lg box-shadow-mini radius-10" mode="aspectFill" lazy-load="{{true}}" src="{{item.imgs[0]}}"></image><view class="flex-1 ml-md"><view class="f-paragraph c-title ellipsis" style="max-width:210rpx;">{{item.title}}</view><view class="f-caption c-caption ellipsis" style="max-width:210rpx;">{{'预估产值:'+item.output_value+"kg/㎡"}}</view></view></view></block></block></block></view></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',[['e2',['$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.l3}}" 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.g10}}"><view class="flex-warp mt-md"><block wx:for="{{item.l2}}" 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.g11}}"><view class="more f-caption c-base abs">{{'+'+(aitem.g12-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><block wx:if="{{detail.text}}"><view class="pt-sm"><parser vue-id="af890b78-2" 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',[['e3',['$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',[['e4',['$event']]]]]}}" class="flex-center flex-column pl-md" catchtap="__e"><view class="iconfont icon-dianhua text-bold _i"></view><view>客服</view></view></view><view data-event-opts="{{[['tap',[['toOrder',['$event']]]]]}}" class="order-btn flex-center f-title c-base text-bold radius" style="{{'background:'+(primaryColor)+';'}}" catchtap="__e">立即租赁</view></view><view class="space-safe"></view></view></view></block>