tanzhongheY/pages/gproduct/gproduct.wxml

124 lines
4.9 KiB
Plaintext
Raw Normal View History

2021-09-01 07:52:30 +00:00
<!--pages/product/produst.wxml-->
<view class="centent">
<view class="title-top">
<view>
<image style="width:38rpx;height:35rpx" src="{{icon}}"></image>
<view class="title-info">
我的{{list.template_name}}
</view>
<view class="num">
<view class="other">碳足迹数量为</view>
<view class="danwei">千克</view>
<view class="size">{{carbon}}</view>
</view>
</view>
</view>
<view class="address">
<view>
<image style="width:38rpx;height:35rpx" src="/img/nav/didian.png"></image>
<view class="title">碳中和项目</view>
<view class="info">
<picker bindchange="casesChange" value="{{curCaseIndex}}" range-key="name" range="{{threeList}}">
<view class="picker">{{threeList[curCaseIndex].name}}</view>
</picker>
</view>
</view>
</view>
<!-- 项目选择 -->
<view class="address" wx:if="{{isXiangm}}">
<view class="title">森林经营项目</view>
<view class="info">
<picker bindchange="senChange" value="{{senIndex}}" range-key="name" range="{{senList}}">
<view class="picker">
{{senList[senIndex].name}}
</view>
</picker>
</view>
</view>
<!-- 地址选择 -->
<view class="address">
<view class="title">地址选择</view>
<view class="info">
<picker bindchange="addrressChange" value="{{addressIndex}}" range-key="info" range="{{threeList[curCaseIndex].address}}">
<view class="picker">
<!-- address -->
{{threeList[curCaseIndex].address[addressIndex].info}}
</view>
</picker>
</view>
</view>
<view class="address">
<view>
<image style="width:38rpx;height:35rpx" src="/img/nav/shumu.png"></image>
<view class="title">可选树种</view>
</view>
</view>
<!-- 植树 -->
<scroll-view wx:if="{{!isShif}}" scroll-x scroll-with-animation class="shuList">
<view wx:for="{{threeList[curCaseIndex].address[addressIndex].trees}}" wx:key="index" wx:for-index="unique" class="item"
data-num="2">
<view bindtap="setMoney" data-carbon_base="{{item.carbon_base}}" data-id="{{item.id}}" data-money="{{item.price}}"
data-code="{{item.coding}}" data-key="{{unique}}" data-name="{{item.name}}"
data-carbon="{{item.carbon_base}}">
<image mode="aspectFit" src="{{host}}{{item.img}}"></image>
<view class="title">{{item.name}}</view>
<view class="money1">碳汇能力:<view class="red">{{item.carbon_base}}</view>Kg/棵</view>
<view class="money1">造林费用: <view class="red">{{item.price}}</view> 元/棵</view>
</view>
<view style="font-size:24rpx" class="num_input">
<view class="shuzhi">栽植数量:</view>
<num-controller mark:carbon_base="{{item.carbon_base}}" mark:name="{{item.name}}"
mark:price="{{item.price}}" nameId="{{item.coding}}" num="{{tree_num[item.coding]}}"
bindnumChange="numChange"></num-controller>
</view>
<view wx:for="{{curThreeCode}}" wx:key="i" wx:for-index="i" wx:for-item="e" wx:if="{{e == item.coding}}">
<image class="icon" mode="aspectFit" src="/img/xuanz.png"></image>
</view>
</view>
</scroll-view>
<!-- 浇水、施肥 -->
<scroll-view wx:if="{{isShif}}" scroll-x scroll-with-animation class="shuList">
<view wx:for="{{threeList[curCaseIndex].address[addressIndex].forest_management}}" wx:key="index" wx:for-index="unique" class="item"
data-num="2">
<view bindtap="setMoney" data-carbon_base="{{item.carbon_base}}" data-id="{{item.id}}" data-money="{{item.price}}"
data-code="{{item.id}}" data-key="{{unique}}" data-name="{{item.name}}"
data-carbon="{{item.carbon_base}}">
<image mode="aspectFit" src="{{host}}{{item.img}}"></image>
<view class="title">{{item.name}}</view>
<view class="money1">增汇能力:<view class="red">{{item.carbon_base}}</view></view>
<view class="money1">管护费用: <view class="red">{{item.price}}</view> 元/次</view>
</view>
<view style="font-size:24rpx" class="num_input">
<view class="shuzhi">数量:</view>
<num-controller mark:carbon_base="{{item.carbon_base}}" mark:name="{{item.name}}"
mark:price="{{item.price}}" nameId="{{item.id}}" num="{{tree_num[item.id]}}"
bindnumChange="numChange"></num-controller>
</view>
<view wx:for="{{curThreeCode}}" wx:key="i" wx:for-index="i" wx:for-item="e" wx:if="{{e == item.id}}">
<image class="icon" mode="aspectFit" src="/img/xuanz.png"></image>
</view>
</view>
</scroll-view>
<view class="money">
<view class="tips">碳中和</view>
<view class="all_num ">
<view class="green">{{carbon_neutralization}}Kg</view>
<view class="efficiency">碳中和率:{{carbon_efficiency}}%</view>
</view>
</view>
<view class="money">
<view class="tips">支付</view>
<view class="all_num">
<view wx:for="{{priceList}}" wx:key="index">
{{item.name}}{{item.num}}*{{item.price}}={{item.all}}
</view>
</view>
</view>
<view class="bottom-nav">
合计支付:¥{{paid_money}}
<button class="xiadan" bindtap="toPay">
立即支付
</button>
</view>
</view>