小程序picker 车型选择,有联动

根据排量有 好几种驱动形式,一个驱动形式里面又有好几种邮箱容积和发动机启停,这一块最主要的代码在方法 getModelsConfigList()

主要是 activeTab==2部分

<wxs src="./util.wxs" module="tools" />
<comp-nav-dynamic id='comp-nav-dynamic'></comp-nav-dynamic>
<comp-register id='comp-register'></comp-register>
<comp-region id='comp-region'></comp-region>
<view class='container' style="padding-top: {
   {navHeight}}px;">
  <view class='header-wrapper'>
    <block wx:if='{
   {openShow}}'>
      <open-data class='avatar' type="userAvatarUrl"></open-data>
      <open-data class='nickname' type="userNickName"></open-data>
    </block>
  </view>
  <view class='form-wrapper'>
    <view class='label-area'>
      <text class="{
   {activeTab==1?'selected-line label':'label'}}" catchtap='tabChange' data-index='1'>
        基本资料
      </text>
      <text class="{
   {activeTab==2?'selected-line label':'label'}}" style="margin-left:10px" catchtap='tabChange' data-index='2'>
        车型信息
      </text>
      <!-- <text class='remarks'>(完善个人资料可获得100积分)</text> -->
    </view>
    <block wx:if='{
   {activeTab == 1}}'>
      <view class="profile-area">
        <view class='{
   {item.disabled==1?"disabled":""}} {
   {item.value?"":"unvalue"}}' wx:for="{
   {formItems}}" wx:key="index" wx:if="{
   {item.choiced==1}}">
          <view class="name-box">
            <text class='star' wx:if='{
   {item.must==1}}'>*</text>
            <text class='name'>{
   {item.name}}</text>
            <text class='remarks'>{
   {item.remarks}}</text>
          </view>
          <view class='element-box'>
            <!-- input类型 -->
            <block wx:if="{
   {item.ele=='input' && item.type!='radio'}}">
              <input wx:if="{
   {item.action!='updateMobile'}}" disabled='{
   {item.disabled==1}}' placeholder-class="placeholder" catch:input="inputHandle" catch:blur="inputHandle" value='{
   {item.value}}' data-index="{
   {index}}" placeholder="{
   {item.placeholder}}" type="{
   {item.type}}" />
              <!-- 修改手机号 -->
              <block wx:if="{
   {item.action=='updateMobile'}}">
                <input disabled placeholder-class="placeholder" value='{
   {item.value}}' data-index="{
   {index}}" placeholder="{
   {item.placeholder}}" type="{
   {item.type}}" />
                <view class='arrow-ahead'></view>
                <view class='updateMobile-mask-chunk' bindtap='mobileModalToggle'></view>
              </block>
            </block>
            <block wx:if="{
   {item.ele=='input' && item.type=='radio'}}">
              <radio-group catch:change="formChange" data-index="{
   {index}}">
                <label wx:for="{
   {item.items}}" wx:for-index="i" wx:for-item="v" wx:key="i">
                  <radio disabled='{
   {item.disabled==1}}' color="black" value="{
   {v.v}}" checked="{
   {item.value==v.v}}" />
                  <text>{
   {v.k}}</text>
                </label>
              </radio-group>
            </block>
            <!-- picker类型 -->
            <block wx:if="{
   {item.ele=='picker'}}">
              <picker wx:if="{
   {item.type=='selector'}}" disabled='{
   {item.disabled==1}}' catch:change="formChange" data-index="{
   {index}}" mode="{
   {item.type}}" range='{
   {item.items}}' range-key='k'>
                <text>{
   {item.value_k ? item.value_k : item.placeholder}}</text>
                <view class='seat'></view>
              </picker>
              <picker wx:if="{
   {item.type=='date'}}" disabled='{
   {item.disabled==1}}' catch:change="formChange" start='{
   {date_start}}' data-index="{
   {index}}" end='{
   {date_end}}' mode="{
   {item.type}}">
                <text>{
   {item.value ? item.value : item.placeholder}}</text>
                <view class='seat'></view>
              </picker>
              <view class='region' wx:if='{
   {item.action=="region"}}' catch:tap='regionHandle' data-index="{
   {index}}">
                {
   {params_region.provinceName?"":item.placeholder}}{
   {params_region.provinceName}} {
   {params_region.cityName}} {
   {params_region.areaName}}
              </view>
              <view class='arrow-ahead'></view>
            </block>
            <!-- textarea -->
            <textarea wx:if="{
   {item.ele=='textarea'}}" placeholder-class="placeholder" disabled='{
   {item.disabled==1}}' catch:input="formChange" value='{
   {item.value}}' data-index="{
   {index}}" placeholder="{
   {item.placeholder}}"></textarea>
          </view>
        </view>
      </view>
      <view class='hint-area'>*请准确填写您的个人信息</view>
      <view class='error-area'>{
   {errorText}}</view>
      <button class='btn-submit' catch:tap="submitHandle">提交修改</button>
    </block>
    <block wx:if='{
   {activeTab==2}}'>
      <view class="profile-area" >
        <view class='{
   {item.disabled==1?"disabled":""}} {
   {item.value?"":"unvalue"}}' wx:for="{
   {carFormItem}}" wx:for-index="idx" wx:key="*this" wx:if="{
   {item.choiced==1}}">
          <view class="name-box">
            <text class='star' wx:if='{
   { item.must==1}}' style="left:{
   {item.left}}rpx">*</text>
            <text class='name'>{
   {item.name}}</text>
            <text class='remarks'>{
   {item.remarks}}</text>
          </view>
          <view class='element-box' data-index="{
   {idx}}" catchtap="handleCheck">
            <!-- picker类型 selector|multiSelector|time|date|region -->
            <block wx:if="{
   {item.ele=='picker'}}">
              <block wx:if="{
   {idx==0 || idx==1}}">
                 <view class="FLOAT_RIGHT">
                    <text decode="{
   {true}}" class="School_Input" data-index="{
   {idx}}"  bindtap="showSchoolPicker">{
   {tools.calcValueHolder(item)}} </text>
                </view>
                
                <view class='arrow-ahead'></view>
              </block>
              <block wx:else>
                <picker mode="{
   {item.type}}" data-key="{
   {item.key}}" data-current="{
   {idx}}" catch:change="formCarChange" value="{
   {item.value}}" disabled='{
   {item.disabled==1?false:true}}' range='{
   {item.items}}' range-key="name">
                  <!-- <text wx:if="{
   {idx==7}}">{
   {item.value ?item.value + 'km': item.placeholder}} </text> -->
                  <text decode="{
   {true}}">{
   {item.value ?item.value: item.placeholder}}</text>
                  <view class='seat'></view>
                </picker>
                <view class='arrow-ahead'></view>
              </block>
            </block>
            <!-- input 类型 -->
            <block wx:if="{
   {item.ele=='iuput'}}">
              <input disabled='{
   {item.disabled==1?false:true}}' type="{
   {item.type}}" placeholder-class="placeholder" catch:input="carForminputHandle" ca
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值