zkyxcx/pages/eventDetail/eventDetail.wxml

<wxs src="../../utils/util.wxs" module="tools" />
<image class='banner'  mode="widthFix" src="{{info.img}}"></image>
<view class="info">
    <view>{{info.name}}</view>
    <text>主办单位：{{info.organizer_info.name}}</text>
    <text>主讲人：{{info.speaker}}</text>
    <text>时间：{{info.begin_time}}—{{info.end_time}} </text>
    <text>地址：{{info.city}}{{info.address}}</text>
</view>
 
<view class="content">
    <view class="tt">会议简介</view>
    <view id='content' class="p {{zk1==1?'':'sq'}}">
      {{info.desc}}
    </view>
    <block wx:if='{{show1}}'>
    <text bindtap="sq1" class="zksq" wx:if='{{zk1}}'>收起</text>
    <text bindtap="zk1" class="zksq"  wx:if='{{!zk1}}'>展开</text>
    </block>
</view>

<view class="content">
    <view class="tt">{{info.organizer_info.name}}</view>
    <view  id='content1'  class="p {{zk2==1?'':'sq'}}">
      {{info.organizer_info.desc}}
      
    </view>
    <block wx:if='{{show2}}'>
    <text bindtap="sq2" class="zksq" wx:if='{{zk2}}'>收起</text>
    <text bindtap="zk2" class="zksq"  wx:if='{{!zk2}}'>展开</text>
    </block>
</view>

<view>
    <view class="tt">会议内容</view>
    <!-- <editor style="margin:10px 0;padding:0 10px;" read-only="{{true}}" id="editor"  class="ql-container">
    </editor> -->
    <view class="content">
      <rich-text nodes='{{info.content}}'></rich-text>
    </view>
</view>

<view class="hotel" wx:if='{{info.hotel.name}}'>
    <view class="tt">酒店信息</view>
    <image style="width:100%;" mode="widthFix" src="{{info.hotel.imgs[0]}}"></image>
    <view>{{info.hotel.name}}</view>
    <view>地址：{{info.hotel.address}}  <text class="map" bindtap="map">查看地图</text></view>
    <view>联系电话：{{info.hotel.telephone}}</view>
    <view class="room">
        <image  src="{{info.room.imgs[0]}}"></image>
        <view>
            <view>{{info.room.name}}</view>
            <view><text>{{info.room.room_area}}m²</text> <text>{{info.room.enable_number}}人入住</text></view>
            <view>剩余数量：{{info.room.room_number}}</view>
        </view>
    </view>
</view>
                              
<button  wx:if='{{info.is_signup && !info.is_user_signuped && !info.is_over}}' bindtap="open" class="post">我要报名</button>
<button  wx:if='{{info.is_signup && info.is_user_signuped && !info.is_over}}' disabled="true" class="post">已报名</button>
<button  wx:if='{{info.is_over}}' disabled="true" class="post">已结束</button>


<view class="bg" wx:if='{{show}}'>
    <form wx:if='{{page==1}}' class="form" bindsubmit='submit'>
      <image bindtap='close' class='close'  mode="widthFix" src="../images/close.png"></image>
        <view class="form_tt">请填写报名信息</view>
        <view class="item">
            <label>姓名：</label><input name='name' placeholder-style='color:#999;'  placeholder="请输入姓名"></input>
        </view>
        <view class="item" wx:if='{{tools.indexOf(info.signup_fields, "sex")}}'>
            <label>性别：</label>
             <picker name='sex' bindchange="bindSexChange" value="{{sex}}" range="{{sex_array}}">
              <view class="picker">
                <text wx:if='{{sex<0}}'>请选择</text>
                {{sex_array[sex]}}
              </view>
            </picker>
        </view>
        <view class="item" wx:if='{{tools.indexOf(info.signup_fields, "age")}}'>
            <label>年龄：</label><input name='age' placeholder-style='color:#999;' placeholder="请输入年龄"></input>
        </view>
        <view class="item" wx:if='{{tools.indexOf(info.signup_fields, "job")}}'>
            <label>职务：</label><input name='job' placeholder-style='color:#999;' placeholder="请输入职务"></input>
        </view>
        <view class="item" wx:if='{{tools.indexOf(info.signup_fields, "title")}}'>
            <label>职称：</label><input name='title' placeholder-style='color:#999;' placeholder="请输入职称"></input>
        </view>
        <view class="item" wx:if='{{tools.indexOf(info.signup_fields, "company")}}'>
            <label>所属单位：</label>
            <picker name='is_caos' bindchange="bindPickerChange" value="{{job}}" range="{{job_array}}">
              <view class="picker">
                {{job_array[job]}}
              </view>
            </picker>
        </view>
        
        <view class="item"  wx:if='{{tools.indexOf(info.signup_fields, "company")}}'>
            <label>单位名称：</label>
            <input wx:if='{{job==0}}' name='company' placeholder-style='color:#999;' placeholder="请输入单位名称"></input>

            <picker wx:else   mode="multiSelector" bindchange="bindMultiPickerChange"  range-key='value' 
            bindcolumnchange="bindMultiPickerColumnChange" value="{{index}}" range="{{list}}">
              <view class="picker">
                {{list[0][index[0]].value}} {{list[1][index[1]].value}} {{list[2][index[2]].value}}
              </view>
            </picker>
        </view>
        <view class="item">
            <label>手机号：</label><input bindinput="phoneChange" name='phone' placeholder-style='color:#999;' placeholder="请输入手机号"></input>
            <text wx:if='{{text=="发送验证码"}}' bindtap="sendcode" class="code">{{text}}</text>
             <text wx:else  style="color:#999;" class="code">{{text}}</text>
        </view>
        <view class="item">
            <label>验证码：</label><input name='code' placeholder-style='color:#999;' placeholder="请输入验证码"></input>
        </view>
        <view class="item" wx:if='{{tools.indexOf(info.signup_fields, "email")}}'>
            <label>邮箱：</label><input name='email' placeholder-style='color:#999;' placeholder="请输入邮箱"></input>
        </view>
        <text class="ts">温馨提示</text>
        <text class="ts">报名成功后工作人员会尽快与您取得联系</text>
        <button  formType="submit"  class="post">提交报名信息</button>
    </form>

    <view class="form form1" wx:if='{{page==2}}'>
          <view class="form_tt">提示</view>
          <view class="tips">您的报名信息已提交成功，请尽快缴纳会议费。
            <text>(!参会人员需先缴纳会议费,才能预订酒店住房)</text>
          </view>
          <view class="form_info">
                <text>{{info.sign_note}}</text>
                <!-- <text>会议费有以下2种方式付款:</text>
                <text>(1）转账汇款（公对公转账)。备注:姓名+29次年会转账汇款信息:</text>
                <text>单位名称：中国科学院文献情报中心</text>
                <text>账号：0200 00450908 8129 221</text>
                <text>开户行：北京工行海淀西区支行</text>

                <text>(2）支票(仅限北京参会代表)。</text> -->
                
          </view>
          <button  bindtap="next" class="post">下一步</button>
    </view>

    <form class="form form2" wx:if='{{page==3}}'  bindsubmit='submit1'>
      <view class="form_tt">上传入住凭证</view>
      <view class="upload" bindtap="upload">
          <block wx:if='{{!proof_img}}'>
            <image  mode="widthFix" src="../images/up.png"></image>
            （上传银行汇款凭证或其他财务转账证明）
          </block>
          <image class="proof_img" wx:else mode="heightFix" src="{{proof_img}}"></image>
      </view>
        <view class="item">
            <label style="width:105rpx;">支付方式</label>
            <radio-group name='paytype'>
                <radio value="1">汇款</radio>
                <radio style="margin-left:10px;" value="2">支票</radio>
            </radio-group>
        </view>
        <view class="item">
            <label style="width:105rpx;">发票种类:</label>
            <radio-group name='billtype'>
                <radio value="1">增值税普通发票</radio>
                <radio  style="margin-left:8px;"  value="2">增值税专用发票</radio>
            </radio-group>
        </view>
        <view class="item">
            <label>发票抬头:</label><input name='billhead'></input>
        </view>
        <view class="item">
            <label>纳税人识别号:</label><input name='billno'></input>
        </view>
        <view class="item">
            <label>注册地址(专票必填):</label><input name='billaddress'></input>
        </view>
        <view class="item">
            <label>注册电话(专票必填):</label><input name='billphone'></input>
        </view>
        <view class="item">
            <label>开户行(专票必填):</label><input name='billbank'></input>
        </view>
        <view class="item">
            <label>银行帐号(专票必填):</label><input name='billbankno'></input>
        </view>
        <view class="btns">
          <button  formType="submit">提交信息</button>
          <button bindtap="skip" class="success">跳过</button>
        </view>
    </form>

    <view  class="form form1" style="height:600rpx;" wx:if='{{page==4}}'>
        <view class="form_tt">提示</view>
        <view class="suc">凭证上传成功</view>
        <view class="form_info">
            <text>待文献情报中心财务部门确认收到会议费后，系统将发送授权码至报名手机。</text>
            <text>请您凭授权码登录报名系统预订酒店住房。</text>
        </view>
        <!-- <button bindtap="sure"  class="post">关闭</button> -->
        <button bindtap="home" class="post">确认</button>
    </view>

    <view wx:if='{{page==5}}' class="bg end" style="background:#F1F1F1;">
        <icon type="success" size='72'></icon>
        <view>恭喜您报名成功</view>
        <view class="form_info">请您准时参加会议，到达会议地点届时将会有我方工作人员安排您的入住</view>
        <button bindtap="home" class="post">确认</button>
    </view>
</view>