dorm-manager/dorm-manager-wx/pages/handle/write/write.wxml

<form bindsubmit='formData'>
  <view class='tab'>
    <view class='top'>
      <view class="{{index==0?'select':''}}" catchtap='tab' data-index='0'>申报条件</view>
      <view class="{{index==1?'select':''}}" catchtap='tab' data-index='1'>基本表单</view>
      <view class="{{index==2?'select':''}}" catchtap='tab' data-index='2'>材料上传</view>
      <view class="{{index==3?'select':''}}" catchtap='tab' data-index='3'>申报确认</view>
    </view>
  </view>
  <swiper current='{{current_index}}' style="height: {{clientHeight?clientHeight+'px':'auto'}}" bindchange='change'>
    <swiper-item>
      <scroll-view scroll-y="{{true}}" style="height: {{clientHeight?clientHeight+'px':'auto'}}">
        <view class='top2'>
          <view class='msg1'>
            <view class='triangle1'></view>
            <view class='msg_content1'>
              <text>注：办理该项业务，需满足以下受理条件，才能进行业务的申报，请自检是否满足</text>
              <!-- <text>注：您本次网上申报的办件，工作人员受理后将与您联系</text> -->
            </view>
          </view>
        </view>
        <view style='background-color:#fff;margin-top:20rpx;'>
          <view class='content'>
            <view class='sp-title'>
              审批条件
            </view>
            <view class='sp-content_text'>
              <view>{{server.preService.applyConditionDesc?server.preService.applyConditionDesc:'无'}}</view>
            </view>
          </view>
          <view class='content' style='margin-top:30rpx;'>
            <view class='title'>
              收取材料
            </view>
            <view class='sp-content_text'>
              <block wx:for='{{server.preService.preServiceMaterialList}}' wx:key='{{item.unid}}'>
                <view>
                  <text>{{index+1}}.{{item.name}}<text wx:if='{{item.importLevel==3||item.importLevel==1}}' style='margin-left:20rpx;'>{{item.importLevel==1?'[非必要]':item.importLevel==3?'[容缺后补]':''}}</text>
                  <text style='margin-left:20rpx;color:red'>{{item.importLevel==2?'[必要]':''}}</text></text>
                </view>
              </block>
              <view>{{server.preService.preServiceMaterialList.length==0?'无':''}}</view>
            </view>
            <view class='ps'>注：本人对办理该事项提交的申报材料实质内容真实性负责</view>
          </view>
        </view>
        <!-- <view class='btn'>
          <button catchtap='next'>下一步</button>
        </view> -->
      </scroll-view>
    </swiper-item>
    <swiper-item>
      <scroll-view scroll-y="{{true}}" style="height: {{clientHeight?clientHeight+'px':'auto'}}">
        <view>
          <!-- <view class='top1'>
            <view class='msg'>
              <view class='triangle_view'>
                <view class='triangle'></view>
              </view>
              <view class='msg_content'>
                <text>注：</text>
                <text>1. 带 * 号为必填项，请根据实际情况进行填写；
                2.    为必要资料，您必须提交才能申报，  为容缺后
                补资料，您可以在网上预受理后在窗口提交，  为非
                必要材料，根据您实际情况提交；
                3.附件大小不能超过50M。
                </text>
              </view>
            </view>
          </view> -->
          <view style='background-color:#fff;margin-top:20rpx;'>
            <!-- <view style='padding:30rpx;font-size:26rpx;' wx:if='{{search||radio}}'>
              <radio-group class="radio-group" bindchange="radioChange">
                <label class="radio">
                  <radio value="1" checked="checked"/>个人办事
                  <radio value="2"/>法人办事
                </label>
              </radio-group>
            </view> -->
            <view class='content'>
              <view class='title'>
                申请者信息
              </view>
              <view class='content_text'>
                <view class='form'>
                  <view class='xing'>*</view>
                  <view class='form_title'>审报事项名称</view>
                  <view class='input no1'>
                    <text>{{server.preService.serviceName}}</text>
                  </view>
                </view>
                <view class='form'>
                  <view class='xing'>*</view>
                  <view class='form_title'>申报人</view>
                  <view class='input'>
                    <input name='applyname' bindinput="applyname" value='{{identity==0?user.userName:user.lInstitutionName}}' placeholder-class='place'></input>
                  </view>
                </view>
                <view class='form'>
                  <view class='xing'>*</view>
                  <view class='form_title'>证件类型</view>
                  <view style='width:62%;'>
                    <picker style='width:100%;display:flex;' name='applyCardtype' range="{{code}}" range-key='dictValueName' bindchange="bindSbCodeChange">
                      <view class='picker'>
                        <text>{{code[codeIndex].dictValueName}}</text>
                        <image style='width:18rpx;height:18rpx;' src='../../../images/bottom.png'></image>
                      </view>

                    </picker>
                  </view>
                </view>
                <view class='form'>
                  <view class='xing'>*</view>
                  <view class='form_title'>证件号码</view>
                  <view class='input'>
                    <input name='applyCardnumber' bindinput="applyCardnumber" value='{{identity==0?user.pDocumentNum:user.lInstitutionNum}}' placeholder-class='place'></input>
                  </view>
                </view>
                <view class='form'>
                  <view class='xing'>*</view>
                  <view class='form_title'>联系人姓名</view>
                  <view class='input'>
                    <input name='contactman' bindblur='contactman' placeholder='请输入联系人姓名' placeholder-class='place'></input>
                  </view>
                </view>
                <view class='form'>
                  <view class='xing'>*</view>
                  <view class='form_title'>证件类型</view>
                  <view style='width:62%;'>
                    <picker style='width:100%;display:flex;' name='contactmanCardtype' range="{{code}}" range-key='dictValueName' bindchange="bindLxCodeChange">
                      <view class='picker'>
                        <text>{{code[lxCodeIndex].dictValueName}}</text>
                        <image style='width:18rpx;height:18rpx;' src='../../../images/bottom.png'></image>
                      </view>

                    </picker>
                  </view>
                </view>
                <view class='form'>
                  <view class='xing'>*</view>
                  <view class='form_title'>联系人证件</view>
                  <view class='input'>
                    <input bindblur='contactmanCardnumber' name='contactmanCardnumber' maxlength="18" placeholder='请输入联系人证件号码' placeholder-class='place'></input>
                  </view>
                </view>
                <view class='form'>
                  <view class='xing'>*</view>
                  <view class='form_title'>联系人电话</view>
                  <view class='input'>
                    <input bindblur='telphone' type="number" maxlength="11" name='telphone' placeholder='请输入联系人电话' placeholder-class='place'></input>
                  </view>
                </view>
                <view class='form'>
                  <view class='xing'></view>
                  <view class='form_title'>邮编</view>
                  <view class='input'>
                    <input name='postcode' type='number' maxlength='6' placeholder='请输入邮编' bindblur="postcode" placeholder-class='place'></input>
                  </view>
                </view>
                <view class='form'>
                  <view class='xing'></view>
                  <view class='form_title'>通讯地址</view>
                  <view class='input'>
                    <input bindblur="address" name='address' placeholder='请输入通讯地址' placeholder-class='place'></input>
                  </view>
                </view>
                <view class='form'>
                  <view class='xing'></view>
                  <view class='form_title'>备注</view>
                  <view class='input'>
                    <input bindblur="remark" name='remark' placeholder='请输入备注' placeholder-class='place'></input>
                  </view>
                </view>
              </view>
            </view>
          </view>

          <!-- <view class='submit'>
            <view catchtap='up'>上一步</view>
            <view catchtap='next'>下一步</view>
          </view> -->
        </view>
      </scroll-view>
    </swiper-item>
    <swiper-item>
      <scroll-view scroll-y="{{true}}" style="height: {{clientHeight?clientHeight+'px':'auto'}}">
        <view style='background-color:#fff;margin-top:20rpx;padding-bottom:60rpx;'>
          <view style='width:690rpx;margin:0 auto;'>
            <view class='content'>
              <view class='title'>
                <text>申报材料</text>
                <text style='font-size:24rpx;'>（共{{server.preService.preServiceMaterialList.length}}项）</text>
              </view>
            </view>
            <block wx:for='{{server.preService.preServiceMaterialList}}' wx:for-item='item' wx:key='{{item.unid}}' wx:if='{{item.importLevel==2}}'>
              <view class='img'>
                <view class='img_title'>
                  <text>{{index+1}}.{{item.name}}<text wx:if='{{item.importLevel==3||item.importLevel==1}}' style='margin-left:20rpx;'>{{item.importLevel==1?'[非必要]':item.importLevel==3?'[容缺后补]':''}}</text>
                  <text style='margin-left:20rpx;color:red'>{{item.importLevel==2?'[必要]':''}}</text></text>
                  <!-- <image src='../../../images/wode_guanzhu.png'></image> -->
                </view>
                <view class='img-content'>
                  <view class='bdimg' wx:for='{{image}}' wx:for-item='i' wx:for-index='ind' wx:key='{{index}}' wx:if='{{index==i.index}}'>
                    <image catchtap='preview' data-i='{{ind}}' data-url='{{image}}' data-index='{{index}}' data-http='{{i.http}}' mode='aspectFill' src='{{i.http+i.url}}'></image>
                    <image class='delete-img' data-index='{{index}}' catchtap='deleteImg' style='width:50rpx;height:50rpx;' src='../../../images/delete_img.png' data-id='{{i.time}}'></image>
                  </view>
                  <view class='image'>
                    <image catchtap='image' data-index='{{index}}' src='../../../images/upload.png'></image>
                    <!-- // catchtap='image' -->
                  </view>
                </view>

              </view>
            </block>

            <!-- <view class='img'>
              <view class='img_title'>
                <text>2.社保关系转移表</text>
                <image src='../../../images/wode_guanzhu.png'></image>
              </view>
              <view class='img-content'>
                <view class='bdimg' wx:for='{{image}}' wx:key='{{index}}' wx:if='{{item.index==1}}'>
                  <image mode='aspectFill' src='{{item.url}}'></image>
                  <image class='delete-img' catchtap='deleteImg' style='width:50rpx;height:50rpx;' src='../../../images/delete_img.png' data-id='{{item.time}}'></image>
                </view>
                <view class='image'>
                  <image catchtap='image' data-index='1' src='../../../images/upload.png'></image>
                </view>
              </view>
            </view> -->
          </view>
        </view>
        <!-- <view class='submit'>
          <view catchtap='up'>上一步</view>
          <view catchtap='next'>下一步</view>
        </view> -->
      </scroll-view>
    </swiper-item>
    <swiper-item>
      <scroll-view scroll-y="{{true}}" style="height: {{clientHeight?clientHeight+'px':'auto'}}">
        <view style='background-color:#fff;margin-top:30rpx;'>
          <view class='basis kind-list-item-hd-show' data-value='basis' bindtap="kindToggle">
            <view class='result-left'>
              <image mode='aspectFill' src="{{setInput?'../../../images/result.png':'../../../images/delete_img.png'}}"></image>
              <view>申报信息确认</view>
            </view>
            <image src='../../../images/icon_show.png'></image>
          </view>
        </view>
        <block>
          <view class="basis-content kind-list-item-bd {{expand=='basis'&dis?'kind-list-item-bd-show':''}}">
            <view class="navigator-box {{expand=='basis'&dis?'navigator-box-show':''}}">
              <view class='content'>
                <view class='title'>
                  申请者信息
                </view>
                <view class='content_text'>
                  <view class='form'>
                    <!-- <view class='xing'>*</view> -->
                    <view class='form_title'>审报事项名称</view>
                    <view class='input'>
                      {{server.preService.serviceName}}
                    </view>
                  </view>
                  <view class='form'>
                    <!-- <view class='xing'>*</view> -->
                    <view class='form_title'>申报人</view>
                    <view wx:if='{{applyname}}'>
                      {{applyname}}
                    </view>
                    <view wx:else class='input'>
                      {{identity==0?user.userName:user.lInstitutionName}}
                    </view>
                  </view>
                  <view class='form'>
                    <!-- <view class='xing'>*</view> -->
                    <view class='form_title'>证件类型</view>
                    <view style='width:62%;'>
                      <picker disabled style='width:100%;display:flex;' range="{{code}}" range-key='dictValueName' bindchange="bindSbCodeChange">
                        <view class='picker'>
                          <text>{{code[codeIndex].dictValueName}}</text>
                          <!-- <image style='width:18rpx;height:18rpx;' src='../../../images/bottom.png'></image> -->
                        </view>
                      </picker>
                    </view>
                  </view>
                  <view class='form'>
                    <!-- <view class='xing'>*</view> -->
                    <view class='form_title'>证件号码</view>
                    <view class='input' wx:if='{{applyCardnumber}}'>
                      {{applyCardnumber}}
                    </view>
                    <view class='input' wx:else>
                      {{identity==0?user.pDocumentNum:user.lInstitutionNum}}
                    </view>
                  </view>
                  <view class='form'>
                    <!-- <view class='xing'>*</view> -->
                    <view class='form_title'>联系人姓名</view>
                    <view class='input'>
                      {{contactman}}
                    </view>
                  </view>
                  <view class='form'>
                    <!-- <view class='xing'>*</view> -->
                    <view class='form_title'>证件类型</view>
                    <view style='width:62%;'>
                      <picker disabled style='width:100%;display:flex;' range="{{code}}" range-key='dictValueName' bindchange="bindLxCodeChange">
                        <view class='picker'>
                          <text>{{code[lxCodeIndex].dictValueName}}</text>
                          <!-- <image style='width:18rpx;height:18rpx;' src='../../../images/bottom.png'></image> -->
                        </view>

                      </picker>
                    </view>
                  </view>
                  <view class='form'>
                    <!-- <view class='xing'>*</view> -->
                    <view class='form_title'>联系人证件</view>
                    <view class='input'>
                      {{contactmanCardnumber}}
                    </view>
                  </view>
                  <view class='form'>
                    <!-- <view class='xing'>*</view> -->
                    <view class='form_title'>联系人电话</view>
                    <view class='input'>
                      {{telphone}}
                    </view>
                  </view>
                  <view class='form'>
                    <!-- <view class='xing'></view> -->
                    <view class='form_title'>邮编</view>
                    <view class='input'>
                      {{postcode}}
                    </view>
                  </view>
                  <view class='form'>
                    <!-- <view class='xing'></view> -->
                    <view class='form_title'>通讯地址</view>
                    <view class='input'>
                      {{address}}
                    </view>
                  </view>
                  <view class='form'>
                    <!-- <view class='xing'></view> -->
                    <view class='form_title'>备注</view>
                    <view class='input'>
                      {{remark}}
                    </view>
                  </view>
                  <!-- <view class='form'>
                    <view class='xing'></view>
                    <view class='form_title'>备注</view>
                    <view class='input'>
                      <input placeholder='请输入备注' placeholder-class='place'></input>
                    </view>
                  </view> -->
                </view>
              </view>
            </view>
          </view>
        </block>
        <view style="padding-bottom:100rpx;">
          <block wx:for='{{server.preService.preServiceMaterialList}}' wx:for-item='item' wx:key='{{item.unid}}'>
            <!-- <view class='result' bindtap="kindToggle"  data-value='{{index}}'>
              <view class='result-left'>
                <image mode='aspectFill' src="{{item.isSet==1?'../../../images/result.png':'../../../images/delete_img.png'}}"></image>
                <view>{{item.name}}</view>
              </view>
              <image class='result-show' src='../../../images/icon_show.png'></image>
            </view> -->
            <view style='background-color:#fff;' wx:if='{{item.importLevel==2}}'>
              <view class='basis kind-list-item-hd-show' data-value='{{index}}' bindtap="kindToggle">
                <view class='result-left'>
                  <image mode='aspectFill' src="{{item.isSet==1?'../../../images/result.png':'../../../images/delete_img.png'}}"></image>
                  <view>{{item.name}}</view>
                </view>
                <image src='../../../images/icon_show.png'></image>
              </view>
            </view>
            <block>
              <view class="basis-content kind-list-item-bd {{expand==index&dis?'kind-list-item-bd-show':''}}">
                <view class="navigator-box {{expand==index&dis?'navigator-box-show':''}}">
                  <block wx:for='{{image}}' wx:for-item='items' wx:for-index='ind' wx:key='{{ind}}'>
                    <block wx:if='{{index==items.index}}'>
                      <image catchtap="preview" data-i='{{ind}}' data-url="{{image}}" style="width:150rpx;height:150rpx;padding:8rpx;" src="{{items.http+items.url}}"></image>
                    </block>
                  </block>
                  <view style="margin-left:56rpx;" wx:if='{{image.length==0}}'>无</view>
                </view>
              </view>
            </block>
          </block>
        </view>
      </scroll-view>
      <!-- <view class='submit'>
        <button catchtap='up'>上一步</button>
        <button form-type='submit'>确认申报</button>
      </view> -->
    </swiper-item>
  </swiper>
  <!-- 遮罩层 -->
  <view class='mask' wx:if='{{mask}}'>
    <view>
      <view class='mask_content'>
        <text>请输入材料名称</text>
        <view class='mask-input'>
          <input bindblur='dataName' adjust-position='true'></input>
        </view>
        <view class='mask-btn'>
          <view class='mask-clear' catchtap='clear'>取消</view>
          <view class='mask-true' catchtap='maskSubmit'>确认</view>
        </view>
      </view>
      <!-- <view class='clear'>
        <image catchtap='clear' src='../../../images/clear.png'></image>
      </view> -->
    </view>
  </view>
  <view class='{{index==3?"flxed-bottom1":"flxed-bottom"}}'>
    <block wx:if='{{index==3}}'>
      <view class="mode-view">
        <view class="mode">
          <view>取件方式:</view>
          <view>
            <radio-group class="radio-group" bindchange="radioChange">
              <label class="radio" wx:for="{{items}}">
                <radio value="{{item.name}}" checked="{{item.checked}}" />{{item.value}}
              </label>
            </radio-group>
          </view>
        </view>
        <!-- <input wx:if='{{modeInput}}' value="{{identity==0?user.userName+'　'+user.pPhone+'　'+(user.pAddress?user.pAddress:''):user.lInstitutionName+'　'+user.lPhone+'　'+(user.lAddress?user.lAddress:'')}}" name='postalAddress' placeholder="请输入邮寄地址"></input> -->
        <scroll-view scroll-x="true" style=" width: 600rpx;margin:0 auto;" class="scroll_display">
          <text catchtap="addresstext" wx:if='{{modeInput&&textaddress}}' class="test_display">{{!youjiaddress?(identity==0?user.userName+'　'+user.pPhone+'　'+(user.pAddress?user.pAddress:''):user.lInstitutionName+'　'+user.lPhone+'　'+(user.lAddress?user.lAddress:'')):youjiaaddress}}</text>
          <input wx:if='{{modeInput&&!textaddress&&!youjiaddress}}' name='postalAddress' placeholder="请输入邮寄地址" bindblur='blur' focus class="test_display" value="{{identity==0?user.userName+'　'+user.pPhone+'　'+(user.pAddress?user.pAddress:''):user.lInstitutionName+'　'+user.lPhone+'　'+(user.lAddress?user.lAddress:'')}}"></input>
          <input wx:if='{{youjiaddress}}' name='postalAddress' placeholder="请输入邮寄地址" bindblur='blur' focus class="test_display" value="{{youjiaddress}}"></input>
          <text  wx:if='{{!modeInput}}' class="test_display">洛龙区行政中心{{server.preService.deptName}}
          </text>
        </scroll-view>
      </view>
    </block>
    <view style="height:20rpx;background-color:#efefef;"></view>
    <view class="sub">
      <view catchtap='up' wx:if='{{index!=0}}'>上一步</view>
      <view catchtap='next' wx:if='{{index!=3}}'>下一步</view>
      <view wx:if='{{index==3}}' class="sub">
        <button form-type='submit'>确认申报</button>
        <!-- <button wx:if='{{!disabled}}' disabled form-type='submit'>确认申报</button> -->
      </view>
    </view>
  </view>
</form>