addListDetail.wxml 15.9 KB
<!-- 保障方案弹窗 -->
<view class='mask_box' wx:if='{{popup_state}}'>
  <view class='popup_box'>
    <view class='main_container'>
      <view class='iconfont icon-guanbi2' bindtap='cancleMask'></view>
      <view class='popup_item'>
        <view class='popup_list' wx:for='{{showProjectlist}}' wx:key=''>
          <view bindtap='popupState' data-index='{{index}}'>
            <view class="iconfont icon-fangkuang  {{item.choose_status?'icon-xuanzhongkuang':''}}"></view>
          </view>
          <view class='popup_info_box'>
            <view class='popup_content'>
              <view class='popup_title'>{{item.name}}</view>
              <view class='popup_input'>
                <!-- {{item.num}} -->   
                <input type='number' placeholder='请输入保额' value="{{item.num!=0?item.num:''}}" bindinput='popupNum' data-index='{{index}}' data-id='{{item.id}}'></input>
                <!-- <text>{{item.title}}</text> -->
              </view>
            </view>
            <view class='popup_label_box'>
              <view class="popup_label_item {{sitem.label_state  ? 'popup_label_active' :''}}" wx:for='{{item.title}}' wx:for-index='sub_index' data-sindex='{{sub_index}}' wx:for-item='sitem' data-index='{{index}}' wx:key='' bindtap='getUnit'>
                {{sitem.name}}</view>
            </view>
          </view>
        </view>
      </view>
      <view class='popup_btn' bindtap='confirmCase'>确认</view>
    </view>
  </view>
</view>

<!-- 表单部分 -->
<form bindsubmit='listVerify' wx:else>
  <view class='content_item'>
    <view class='item_list'>
      <view class='list_title'>
        <text class='symbol_icon'>*</text>
        <text>保单号</text>
      </view>
      <view class='list_input'>
        <input type='text' placeholder='请输入' name='policy_num' value="{{in_num!='undefined'?in_num:''}}" bindinput='policyNum'></input>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>所属公司</view>
      <view class='list_input'>
        <input type='text' placeholder='请输入' name='company' value="{{firm!='undefined'?firm:''}}" bindinput='setFirm'></input>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>投保人</view>
      <view class='list_input'>
        <picker class='picker' range='{{insure}}' value='{{insureindex}}' range-key='name' bindchange='insureSelect'>
          <input type='text' placeholder='请选择' name='policy_holder' value='{{applicant_name}}' disabled='true'></input>
        </picker>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>被保险人</view>
      <view class='list_input'>
        <!-- bindchange='recognizeeSelect' range='{{recognizee}}' value='{{recognizeeindex}}'  -->
        <view class='picker'>
          <input placeholder='请选择' value='{{recognizee_name}}' disabled='true'></input>
        </view>
      </view>
    </view>
    <!-- <view>
      <view class='item_list benefic' wx:for='{{beneficiary_list}}' wx:key='' wx:for-index='its'>
        <view class='list_title'>受益人</view>
        <view class='list_input_box'>
          <view class='list_input'>
            <picker class='picker' range='{{item.name_array}}' range-key='' value='{{beneficiaryindex}}' wx:for-index='index' bindchange='beneficiarySelect' data-mindex='{{its}}'>
              <input type='text' placeholder='请选择' name='beneficiary' value='{{item.beneficiary_name}}' disabled='true'></input>
            </picker>
          </view>
          <view class='list_input'>
            <input class='income_input' type='text' placeholder='受益比例' name='beneficiary' value='{{item.unit}}' bindinput='addUnit'></input>
            <text>%</text>
          </view>
        </view>
        <view class='iconfont icon-guanbi shouyi' bindtap='deletebenefict' wx:if="{{its>0}}" data-index='{{its}}'></view>
      </view>
      <view class='iconfont icon-wuuiconxiangjifangda add_person' wx:if="{{beneficiary_list.length<beneficiary_list[0].name_array.length}}" data-mindex='{{its}}' data-sindex='{{index}}' bindtap='addPersons'>
        <text>添加受益人</text>
      </view>
    </view> -->

    <!-- 受益人 -->
    <view>
      <view class='item_list benefic' wx:for='{{beneficiary_list}}' wx:key='' wx:for-index='its'>
        <view class='list_title'>受益人</view>
        <view class='list_input_box'>
          <view class='list_input' style='width:120rpx;'>
            <input type='text' placeholder='请输入' value='{{item.name}}' data-index='{{its}}' bindinput='addPeople'></input>
          </view>
          <view class='list_input' style='width:150rpx;'>
            <input class='income_input' style='width:150rpx;text-align:right' type='number' placeholder='受益比例' value='{{item.unit}}' data-index='{{its}}' bindinput='addUnit2'></input>
            <text>%</text>
          </view>
        </view>
        <view class='iconfont icon-guanbi shouyi' bindtap='deletebenefict' wx:if="{{its>0}}" data-index='{{its}}'></view>
      </view>
      <view class='iconfont icon-wuuiconxiangjifangda add_person' data-mindex='{{its}}' data-sindex='{{index}}' bindtap='addPersons2'>
        <text>添加受益人</text>
      </view>
    </view>
    <!-- 受益人 -->
  </view>
  <view class='content_item'>
    <view class='item_list'>
      <view class='list_title'>
        <text class='symbol_icon'>*</text>
        <text>主险名称</text>
      </view>
      <view class='list_input'>
        <input type='text' placeholder='请填写' name='main_risks' value="{{main_risks!='undefined'?main_risks:''}}" bindinput='setRiskName'></input>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>
        <text class='symbol_icon'>*</text>
        <text>主险基本保额</text>
      </view>

      <view class='list_input_box'>
        <view class='list_input' style='width:120rpx;'>
          <input type='number' placeholder='请填写' name='coverage' value='{{coverage}}' bindinput='setRiskMoney'></input>
        </view>
        <view class='list_input' style='width:150rpx;'>
          <input class='income_input' type='text' placeholder='请填写' value='万' disabled='true'></input>
        </view>
      </view>
    </view>
    <view class='protec_item_box'>
      <view>
        <view class='protec_item' wx:for='{{main_array}}' wx:key=''>
          <view>{{item.name}}</view>
          <view class='protec_num'>{{item.num}}
            <text>{{item.title}}</text>
            <!-- <block wx:else>
              <block wx:for='{{item.title}}' wx:for-item='danwei' wx:key=''>
                <text wx:if="{{danwei.label_state}}">{{danwei.name}}</text>
              </block>
            </block> -->
          </view>
        </view>
      </view>
      <view class='protec_bottom_box'>
        <view class='add_risk_btn protec_btn' bindtap='ensureProject' data-type='zhuxian' data-xulie='0'>
          <text class='iconfont icon-shezhi'></text>
          <text>管理保障项目</text>
        </view>
      </view>
    </view>
  </view>
  <view class='content_item'>
    <view class='item_list'>
      <view class='list_title'>
        <text class='symbol_icon'>*</text>
        <text>保费</text>
      </view>
      <view class='list_input_box'>
        <view class='list_input'>
          <input type='number' placeholder='请填写' name='year_money' value='{{year_money}}' focus='{{focus2}}' bindinput='yearMoney'></input>
        </view>
        <view class='list_input'>
          <input class='income_input' type='text' placeholder='请填写' value='元/年' disabled='true'></input>
        </view>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>合同生效日</view>
      <view class='list_input'>
        <picker class='picker' mode="date" bindchange='compactTime' value='{{compact_time}}'>
          <input placeholder='请选择' value='{{compact_time}}' disabled='true'></input>
        </picker>
        <text class='iconfont icon-riqi'></text>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>保障期</view>
      <view class='list_input_box'>
        <view class='list_input'>
          <input type='text' placeholder="{{unit=='终身'?'':'请输入'}}" value='{{warranty_two.num}}' bindinput='warrantyTwo' disabled='{{unit=="终身"}}'></input>
        </view>
        <view class='list_label_box'>
          <view class="list_label_item {{unit=='年'?'list_label_active':''}}" bindtap='selectUnit' data-unit='年'>年</view>
          <view class="list_label_item {{unit=='岁'?'list_label_active':''}}" bindtap='selectUnit' data-unit='岁'>岁 </view>
          <view class="list_label_item {{unit=='终身'?'list_label_active':''}}" bindtap='selectUnit' data-unit='终身'>终身</view>
        </view>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>缴费时长</view>
      <view class='list_input_box'>
        <view class='list_input'>
          <input type='text' placeholder="{{unit2=='终身'?'':'请输入'}}" value='{{long_money.num}}' bindinput='burningTime' disabled='{{unit2=="终身"}}'></input>
        </view>
        <view class='list_label_box'>
          <view class="list_label_item {{unit2=='年'?'list_label_active':''}}" bindtap='selectUnit2' data-unit='年'>年</view>
          <view class="list_label_item {{unit2=='岁'?'list_label_active':''}}" bindtap='selectUnit2' data-unit='岁'>岁 </view>
          <view class="list_label_item {{unit2=='终身'?'list_label_active':''}}" bindtap='selectUnit2' data-unit='终身'>终身</view>
        </view>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>缴费方式</view>
      <view class='list_label_box'>
        <view class="list_label_item {{unit3=='年交'?'list_label_active':''}}" bindtap='selectUnit3' data-unit='年交'>年交</view>
        <view class="list_label_item {{unit3=='趸交'?'list_label_active':''}}" bindtap='selectUnit3' data-unit='趸交'>趸交(一次付清)</view>
        <view class="list_label_item {{unit3=='月交'?'list_label_active':''}}" bindtap='selectUnit3' data-unit='月交'>月交</view>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>续费银行</view>
      <view class='list_input'>
        <input type='text' placeholder='请填写' name='bank' value="{{bank!='undefined'?bank:''}}" bindinput='setBank'></input>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>续费账号</view>
      <view class='list_input'>
        <input type='text' placeholder='请输入末四位' maxlength='4' name='bank_num' value="{{bank_num!=0?bank_num:''}}" bindinput='setBankNum'></input>
      </view>
    </view>

    <view class='item_list'>
      <view class='list_title'>缴费期满日</view>
      <view class='list_input'>
        <input type='text' placeholder='自动计算' name='impletion_time' value='{{impletion_time}}' disabled='true'></input>
      </view>
    </view>
    <view class='item_list'>
      <view class='list_title'>主险保障期</view>
      <view class='list_input'>
        <input type='text' placeholder='自动计算' name='warranty_one' value='{{warranty_one}}' disabled='true'></input>
      </view>
    </view>
  </view>

  <view class='content_item'>
    <view class='risk_box'>
      <view class='risk_item' wx:for='{{risk_list}}' wx:key=''>
        <view class='iconfont icon-guanbi symool_box' bindtap='deleteRisk' wx:if="{{index>0}}" data-index='{{index}}'></view>
        <view class='item_list' style='align-items: flex-start;'>
          <view class='list_title project'>附加险名称</view>
          <view class='list_input'>
            <textarea type='text' placeholder='请填写' bindinput='addRiskName' value='{{item.name}}' data-index='{{index}}'></textarea>
          </view>
        </view>
        <view class='protec_item_box'>
          <view>
            <view class='protec_item' wx:for='{{item.mo}}' wx:for-item='project' wx:key=''>
              <view>{{project.name}}</view>
              <view class='protec_num'>{{project.num}}
                <!-- <text wx:if='{{edit_state2}}'>{{project.title}}</text> -->
                <text>{{project.title}}</text>
                <!-- <block wx:else>
                  <block wx:for='{{project.title}}' wx:for-item='danwei' wx:key=''>
                    <text wx:if="{{danwei.label_state}}">{{danwei.name}}</text>
                  </block>
                </block> -->
              </view>
            </view>
          </view>
          <view class='protec_bottom_box'>
            <view class='add_risk_btn protec_btn' bindtap='ensureProject' data-type='fujiaxian' data-xulie='{{index}}'>
              <text class='iconfont icon-shezhi'></text>
              <text>管理保障项目</text>
            </view>
          </view>
        </view>
         <!-- style='margin-bottom:{{height}}rpx;' -->
        <view class='item_list'>
          <view class='list_title'>保障期</view>
          <view class='list_input_box'>
            <view class='list_input' >
              <input type='text' placeholder="{{item.title=='终身'?'':'请输入'}}" confirm-type="{{focus?false:''}}"  
              value='{{item.num}}' data-index='{{index}}' disabled='{{item.title=="终身"}}'  cursor-spacing='2000px'  bindinput='addRiskUnit'></input>
              <!-- focus='{{focus}}' -->
            </view>
            <view class='list_label_box'>
              <view class="list_label_item {{item.title=='年'?'list_label_active':''}}" bindtap='selectUnit4' data-index="{{index}}" data-unit='年'>年</view>
              <view class="list_label_item {{item.title=='岁'?'list_label_active':''}}" bindtap='selectUnit4' data-index="{{index}}" data-unit='岁'>岁</view>
              <view class="list_label_item {{item.title=='终身'?'list_label_active':''}}" bindtap='selectUnit4' data-index="{{index}}" data-unit='终身'>终身</view>
            </view>
          </view>
        </view>
      </view>
      <view class='add_risk_box'>
        <!-- <view class='add_risk_btn' bindtap='deleteRisk' data-index='{{index}}'>
          <text class='iconfont icon-shanchu'></text>
          <text>删除</text>
        </view> -->
        <view class='add_risk_btn' bindtap='addRisk'>
          <text class='iconfont icon-tianjia'></text>
          <text>继续添加附加险</text>
        </view>
      </view>
    </view>
  </view>

  <view class='popup_item' wx:if='{{show}}'>
    <view class='popup_list' wx:for='{{showProjectlist}}' wx:key='' wx:if='{{item.status}}'>
      <view class='popup_content popup_content2'>
        <view class=''>{{item.name}}</view>
        <view class='popup_input'>
          <view class='input_content'>{{item.num}}{{item.title}}</view>
        </view>
      </view>
    </view>
  </view>
  <view class='box'>
  <view class="remarktitle">备注</view>
  <view class="remark">
      <textarea placeholder='请输入备注' bindinput="entermark" value="{{remark}}"/>
  </view>
    <!-- 上传图片  -->
    <view class='upload_box'>
      <block wx:for='{{imgs}}' wx:key=''>
        <view class='popup_img'>
          <view class='iconfont icon-guanbi' catchtap='deleteImg' data-index='{{index}}'></view>
          <image src='{{item}}' bindtap='viewImg' data-index='{{index}}'></image>
        </view>
      </block>
      <view class='popup_img' bindtap='uploadImage' wx:if='{{imgs.length<6}}'>
        <view class='iconfont icon-add'></view>
        <view>请上传清晰的保单照片</view>
      </view>
    </view>
  </view>

  <!-- 继续添加保单按钮 -->
  <button class='add_btn' data-type='continue1' formType='submit'>继续添加保单</button>
  <!--底部按钮  -->
  <view class='null_box'></view>
  <cover-view class='bottom_box'>
    <cover-view class='bottom_btn save_btn'>
      <button class='bottom_btn save_btn' bindtap='setStorge'>暂存</button>
    </cover-view>
    <cover-view class='bottom_btn'>
      <button class='bottom_btn' style='' data-type='complete' formType='submit'>完成</button>
    </cover-view>
  </cover-view>
</form>