<!--pages/calculator/index.wxml-->
|
<view class="container">
|
<image class="main_bg" src="{{ background }}" mode="widthFix"></image>
|
<view class="container-content" style="overflow-y: {{ containerContentStyle }};">
|
<van-nav-bar title="装修计算器" border="{{ false }}" custom-class="top-head-transparent" bind:click-left="navigateBack" fixed placeholder>
|
<van-icon name="arrow-left" class="top-head-icon" slot="left" />
|
</van-nav-bar>
|
|
<!-- 计算器 -->
|
<view class="calculator">
|
<view class="title">装修计算器</view>
|
<view class="tips">为您计算最优家装分配</view>
|
|
<!-- 计算器输入内容 -->
|
<view class="form">
|
|
<view class="form-item">
|
<view class="label">房屋类型：</view>
|
<view class="input-box" data-index="type" bindtap="toSelectType">
|
<view class="select">
|
<view class="value" wx:if="{{ type !== '' }}">{{ typeArray[type] }}</view>
|
<view class="placeholder" wx:else>请选择</view>
|
</view>
|
<van-icon class="icon" name="arrow-down" />
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="label">户型信息：</view>
|
<view class="input-box" data-index="info" bindtap="toSelectType">
|
<view class="select">
|
<view class="value" wx:if="{{ info !== '' }}">{{ infoArray[info] }}</view>
|
<view class="placeholder" wx:else>请选择</view>
|
</view>
|
<van-icon class="icon" name="arrow-down" />
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="label">房屋面积：</view>
|
<view class="input-box">
|
<input class="input" placeholder-class="placeholder" placeholder="0"
|
data-index="area" bindinput="inputTyping" value="{{ area }}"/>
|
<view class="icon">㎡</view>
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="label">装修预算：</view>
|
<view class="input-box">
|
<input class="input" placeholder-class="placeholder" placeholder="0"
|
data-index="money" bindinput="inputTyping" value="{{ money }}"/>
|
<view class="icon">万元</view>
|
</view>
|
</view>
|
|
<view class="form-item">
|
<view class="submit-btn" bindtap="submit" wx:if="{{ userPhone != null && userPhone != 'undefined' && userPhone.length === 11 }}">立即计算</view>
|
<button class="submit-btn" wx:else
|
open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">立即计算</button>
|
</view>
|
</view>
|
</view>
|
<!-- 计算器 end -->
|
|
<!-- 计算结果展示 -->
|
<view class="results" style="opacity: {{ showResultMoney ? '1' : '0.2' }};">
|
<view class="results-title">最优家装分配表</view>
|
<view class="flex thead">
|
<view class="td name">详情</view>
|
<view class="td rate">参考比例</view>
|
<view class="td money">参考价格</view>
|
</view>
|
<view class="item" wx:for="{{ activeList }}" wx:key="index"
|
hidden="{{ type == item.info }}">
|
<view class="flex th">
|
<view class="td name">{{ item.name }}</view>
|
<view class="td rate">占比{{ item.rate }}%</view>
|
<view class="td money">合计{{ item.money }}(万元)</view>
|
</view>
|
<view class="flex tr" wx:for="{{ item.children }}" wx:for-item="ite" wx:for-index="idx" wx:key="idx">
|
<view class="td name">{{ ite.name }}</view>
|
<view class="td rate">{{ ite.rate }}%</view>
|
<view class="td money">{{ ite.money }}</view>
|
</view>
|
</view>
|
</view>
|
|
</view>
|
</view>
|
|
<!-- 选择器 -->
|
<van-popup round show="{{ showPopup }}" position="bottom" custom-style="height: auto;">
|
<view class="popup-content">
|
<view class="flex-cb buttons">
|
<view class="btn btn-cancel" bindtap="cancelPicker">取消</view>
|
<view class="btn btn-confirm" bindtap="confirmPicker">确定</view>
|
</view>
|
<van-picker class="picker" columns="{{ typeArray }}" bind:change="onChange" default-index="{{ type }}" wx:if="{{ activePicker === 'type' }}" />
|
<van-picker class="picker" columns="{{ infoArray }}" bind:change="onChange" default-index="{{ info }}" wx:if="{{ activePicker === 'info' }}" />
|
</view>
|
</van-popup>
|
