<!-- 标题 -->
<view class="makeTitle">
    <image src="/static/img/makeForm_title_00.png" mode="widthFix"></image>
    <view class="makeTitle-text">
        {{makeData.name}}
    </view>
</view>

<view class="makeCont">
    <view class="makeOne">
        <image class="makeOne-img" src="/static/img/makeForm_title_01.png"></image>
        <view class="makeOne-cont">
            <view class="makeTwo-title">
                * 请选择权益生效时间
            </view>
            <radio-group name="radio" bindchange="radioChange">
                <label class="makeOne-label {{checkedId == item.id ? 'active' : ''}}" wx:for="{{makeTime}}" wx:key="makeTime">
                    <text>{{item.name}}生效</text>
                    <radio value="{{item.id}}" checked="{{item.checked}}" />
                </label>
            </radio-group>
        </view>
    </view>
    <view class="makeTwo">
        <view class="makeTwo-img">
            <image src="/static/img/makeForm_title_02.png"></image>
            <text>权益套餐列表</text>
        </view>
        <view class="makeOne-cont">
            <view class="makeTwo-title">
                * 请选择权益套餐类型
            </view>
            <view class="makeTwo-list">
                <view class="makeTwo-label {{itemsId == item.business_item_id ? 'active':''}}" wx:for="{{makeItems}}" wx:key="makeItems" data-id="{{item.business_item_id}}" bindtap="makeTap">
                    <view class="makeTwo-left">
                        <image class="makeTwo-left-img" src="{{itemsId == item.business_item_id ? '/static/img/makeForm_price_back_active.png':'/static/img/makeForm_price_back.png'}}"></image>
                        <view class="makeTwo-left-cont {{itemsId == item.business_item_id ? 'active':''}}">
                            <view class="makeTwo-left-tips">畅享套餐</view>
                            <view class="makeTwo-left-price"><text>{{item.name}}</text>元</view>
                        </view>
                    </view>
                    <view class="makeTwo-right {{itemsId == item.business_item_id ? 'active':''}}">
                        <view class="makeTwo-right-title">{{item.remark}}</view>
                        <view class="makeTwo-right-text">大流量 享权益 超值优惠</view>
                    </view>
                    <view class="makeTwo-checked {{itemsId == item.business_item_id ? 'active':''}}">
                        <image src="/static/img/makeForm_checked.png"></image>
                    </view>
                </view>
            </view>
        </view>
    </view>
    <view class="makeTwo">
        <view class="makeTwo-img">
            <image src="/static/img/makeForm_title_02.png"></image>
            <text>用户预留信息</text>
        </view>
        <view class="makeOne-cont">
            <view class="makeTwo-title">
                * 请填写预留信息
            </view>
            <view class="makeForm">
                <form bindsubmit="formSubmit">
                    <input type="text" name="username" placeholder="请输入姓名" />
                    <input type="number" name="mobile" placeholder="请输入手机号" />
                    <button formType="submit" disabled="{{disabled}}">立即预约</button>
                </form>
            </view>
        </view>
    </view>

    <view class="makeOne-tel">客服热线：{{makeData.mobile}}<view class="makeOne-tel-btn" bindtap="makeOneTel">拨打客服电话</view></view>
</view>