tanzhongheY/pages/gproduct/gproduct.wxml

131 lines
5.4 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!--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> -->
<view class="picker">{{threeList[curCaseIndex].name}}</view>
</picker>
</view>
</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:"默认选项"}} -->
{{threeList[curCaseIndex].address[addressIndex].info}}
</view>
</picker>
</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:"默认选项"}} -->
{{senList[senIndex].name}}
</view>
</picker>
</view>
</view>
<view class="address">
<view>
<image style="width:38rpx;height:35rpx" src="/img/nav/shumu.png"></image>
<view class="title">可选{{isShif?'作业方式':'树种'}}</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>