<!--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">{{flag?threeList[curCaseIndex].name:"默认选项"}}</view>
				</picker>
			</view>
		</view>
	</view>
	<!-- 项目选择 -->
	<view class="address" wx:if="{{isXiangm}}">
		<!-- <view class="title">森林经营项目</view> -->
		<image style="width:38rpx;height:35rpx" src="/img/nav/case.png"></image>
		<view class="title">碳中和项目类型选择</view>
		<view class="info">
			<picker bindchange="senChange" value="{{senIndex}}" range-key="name" range="{{senList}}">
				<view class="picker">
					{{flag?senList[senIndex].name:"默认选项"}}
				</view>
			</picker>
		</view>
	</view>
	<!-- 地址选择 -->
	<view class="address">
		<!-- <view class="title">地址选择</view> -->
		<image style="width:38rpx;height:35rpx" src="/img/nav/address.png"></image>
		<view class="title">碳中和项目地点选择</view>
		<view class="info">
			<picker bindchange="addrressChange" value="{{addressIndex}}" range-key="info" range="{{threeList[curCaseIndex].address}}">
				<view class="picker">
					<!-- address -->
					{{flag?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">可选{{flag?'作业方式':'树种'}}</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>
