ssj_parent/pages/add_parent/add_parent.wxml

<!--pages/add_parent/add_parent.wxml-->
<import src="../../templates/nodata/nodata.wxml" />
<view class='container'>
  <view class='wrapper'>
    <!-- 家长列表 -->
    <view class='li' wx:if='{{!isAddParents}}'>
      <view class='li-items' wx:for='{{roleList}}' wx:key='index' wx:if='{{roleList.length>0}}'>
         <view>
            <image class='li-items-headImg' src="{{item.imgUrl?baseImgUrl+item.imgUrl:'../../image/default_headicon5.png'}}"></image>
            <view class='li-items-name'>
                <view class='li-items-name-real'>{{item.name}}</view>
                <view class="li-items-name-role {{item.roleName=='爸爸'?'li-blue':item.roleName=='妈妈'?'li-red':item.roleName=='爷爷'?'li-blue':item.roleName=='奶奶'?'li-red':item.roleName=='外公'?'li-blue':item.roleName=='外婆'?'li-red':'li-yellow'}}">{{item.roleName}}</view>
            </view>
         </view>
         <view class='li-items-tips' data-id='{{item.roleUserId}}' bindtap='showModel'>
            <view class='li-items-relax'>解绑</view>
            <image class='li-items-relax-img' src='../../image/jie_bang.png'></image>
         </view>
      </view>
      <template  wx:if='{{roleList.length==0}}' is='nodata-three'  ></template>
      <view class='li-add-parents' bindtap='skipParents'>
        <text class='li-ten'>+</text>
        <text>添加家长</text>
      </view>
    </view>
    <!-- 添加家长 -->
    <view class='list' wx:if='{{isAddParents}}'>
        <view class='list-tips'>输入要添加的家长的手机号，前提是此手机号必须
登录过我们的平台，才可添加成功。</view>
        <view class='list-item list-one'>
            <view class='li-item-head'>
                <text>家长手机号</text>
                <text class='li-item-head-red'>*</text>
            </view>
            <view class=''>
              <input class='li-input' type='number' placeholder='请填写绑定手机号' placeholder-class='input-placeholder' value='{{}}' bindblur='' bindinput='inputCtl' data-type='phone'></input>
            </view>
        </view>

        <view class='role {{isRole?"role-active":""}}'>
          <view class='role-list-item'>
            <view class='li-item-head'>
                <text> 家长角色</text>
                <text class='li-item-head-red'>*</text>
            </view>
            <view class='li-role' bindtap='clickShow'>
              <view class='li-select {{role?"li-select-active":""}}'>{{role?role:'请选择角色'}}</view>
              <view>
                <image class='li-row-img {{isRole?"li-row-active":""}}' src='../../image/right_zy7@2x.png'></image>
              </view>
            </view>
          </view>
          <view class='list-item-center' wx:if='{{isRole}}'>
            <view class="role-item {{item.status=='active'?'li-active':''}}" wx:for='{{parentList}}' wx:key='index' data-str='{{item.str}}' data-idx='{{index}}' bindtap='selectRole'>{{item.str}}</view>
          </view>
        </view>
        

        <view class='list-item list-three'>
            <view class='li-item-head'>
                <text>家长姓名</text>
                <text class='li-item-head-red'>*</text>
            </view>
            <view class=''>
              <input class='li-input' type='text' placeholder='实名制' placeholder-class='input-placeholder' value='{{parents}}' bindblur='inputCtl' bindinput='' data-type='parents'></input>
            </view>
        </view>

        <view class='li-submit' bindtap='saveParents'>添加家长</view>
    </view>
    <view class='showModel' bindtap='allShowModel' catchtouchmove="allShowModel" wx:if='{{hiddenModel}}'></view>
      <view class='model' wx:if='{{hiddenModel}}'>
          <view class='model-text' bindtap='sureCheckChildren'>是否要解除此家长对孩子的绑定？</view>
          <view class='model-list'>
              <view bindtap='allShowModel'>取消</view>
              <view class='model-list-sure' bindtap='checkCtl'>确定</view>
          </view>
      </view>
  </view>
</view>