195 lines
11 KiB
Plaintext
195 lines
11 KiB
Plaintext
<!--报名页面-->
|
|
<!--发票信息 自定义头部start -->
|
|
<view class="custom flex_center" style="padding-top:{{statusBarHeight}}px">
|
|
<image src="../../assets/images/back.png" bindtap="goBack"></image>
|
|
<text>{{pageTitle}}</text>
|
|
</view>
|
|
<view class="empty_custom" style="padding-top:{{statusBarHeight}}px"></view><!-- 空view用来填充自定义头部的padding-top -->
|
|
<!-- 自定义头部end -->
|
|
|
|
<view class="color-f5 wrap">
|
|
<form bindsubmit="formSubmit">
|
|
<view class="form-wrap">
|
|
<!-- 如果是小程序消息进入的报名页面 需要回显企业与参会人 参会企业不可更改 -->
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">参会单位：</text>
|
|
<input placeholder-class="text-right" bindtap="selectCompany" disabled="{{true}}" name="selectedCompany.companyName" data-nolimit="{{nolimitBool}}" value="{{selectedCompany.companyName}}" placeholder="请选择参会单位" />
|
|
</view>
|
|
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">参会人：</text>
|
|
<input placeholder-class="text-right" data-nolimit="{{nolimitBool}}" disabled="{{true}}" bindtap="selectPerson" data-selectType='1' value="{{selectedPerson.name}}" placeholder="请选择参会人" />
|
|
</view>
|
|
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">手机号：</text>
|
|
<input placeholder-class="text-right" disabled bindblur="validatePhone" data-type="phone" data-message='请输入手机号' data-errmsg='请输入正确的手机号' type="number" maxlength="11" name="phone" bindinput="bindInputPhone" value="{{phone}}" placeholder="请输入手机号" />
|
|
</view>
|
|
|
|
<view class="form-item-radio">
|
|
<view class="radio-label">
|
|
<text class="item-label flex-1 validate">参会身份：</text>
|
|
</view>
|
|
<view>
|
|
<radio-group name='identity' bindchange="changeIdentity">
|
|
<label class="radio radio-item" wx:for="{{identifyList}}" wx:key="item">
|
|
<radio wx:if="{{!item.disabled}}" class="radio-scale" value="{{item.value}}" color="#069F99" disabled="{{item.disabled}}" checked="{{item.checked}}" />
|
|
<text wx:if="{{!item.disabled}}">{{item.name}}</text>
|
|
</label>
|
|
</radio-group>
|
|
</view>
|
|
</view>
|
|
<!-- 选择身份为嘉宾和内部企业不需要付费 不显示缴费方式 邮寄联系人 邮寄地址 邮编 -->
|
|
<view class="form-item-radio" wx:if="{{selectedIdentity === '2' && selectedMeeting.meetingCosts !== '0.00'}}">
|
|
<view class="radio-label">
|
|
<text class="item-label flex-1 validate">缴费方式：</text>
|
|
</view>
|
|
<view>
|
|
<radio-group name='payMode' bindchange="paymentMethodRadioChange">
|
|
<label class="radio radio-item" wx:for="{{paymentMethodList}}" wx:key="item" style="font-size:13px">
|
|
<radio class="radio-scale" value="{{item.value}}" color="#069F99" checked="{{item.checked}}" />{{item.name}}
|
|
</label>
|
|
</radio-group>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 缴费方式为打包的不显示 参会身份选择嘉宾和内部企业不显示 --缴费方式存在 并且 不是打包 -->
|
|
<view class="form-item" wx:if="{{selectedMeeting.meetingCosts !== '0.00' && selectedIdentity === '2' && paymentMethod && paymentMethod !== '3'}}">
|
|
<text class="item-label flex-1 validate">是否需要发票：</text>
|
|
<picker name='needInvoice' bindchange="needInvoiceChange" range="{{needInvoiceList}}" value="{{index}}" range-key='name'>
|
|
<view class="picker">
|
|
{{index === -1 ? '请选择' :needInvoiceList[index].name }}
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
<!-- 发票信息对应的字段 ===开始 -->
|
|
<!-- 判断条件： 参会人 && 缴费方式-不是打包 && 需要发票 && 会议需要花钱 -->
|
|
<view class="form-item-template" wx:if="{{selectedIdentity === '2' && paymentMethod !== '3' && index !== '0' && index !== -1 && selectedMeeting.meetingCosts !== '0.00'}}">
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">企业名称：</text>
|
|
<input placeholder-class="text-right" name="companyName" maxlength="50" value="{{selectedCompany.companyName}}" placeholder="请输入企业名称" disabled />
|
|
</view>
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">信用代码：</text>
|
|
<input placeholder-class="text-right" name="dutyCode" maxlength="50" value="{{selectedCompany.dutyCode}}" bindblur="validateDutyCode" data-message='请输入信用代码' data-errmsg='请输入正确的信用代码' placeholder="请输入信用代码" />
|
|
</view>
|
|
<!-- 下面的专票才会存在 -->
|
|
<view class="form-item-template" wx:if="{{index === '2'}}">
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">公司地址：</text>
|
|
<input placeholder-class="text-right" name="companyAddress" maxlength="50" value="{{selectedCompany.companyAddress}}" placeholder="请输入公司地址" />
|
|
</view>
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">公司电话：</text>
|
|
<input placeholder-class="text-right" name="companyPhone" maxlength="50" value="{{selectedCompany.companyPhone}}" placeholder="请输入公司电话" />
|
|
</view>
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">开户行：</text>
|
|
<input placeholder-class="text-right" name="openingBank" maxlength="50" value="{{selectedCompany.openingBank}}" placeholder="请输入开户行" />
|
|
</view>
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">银行账号：</text>
|
|
<input placeholder-class="text-right" name="bankAccount" maxlength="50" value="{{selectedCompany.bankAccount}}" placeholder="请输入银行账号" />
|
|
</view>
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">联行号：</text>
|
|
<input placeholder-class="text-right" name="linkBankNumber" maxlength="50" value="{{selectedCompany.linkBankNumber}}" placeholder="请输入联行号" />
|
|
</view>
|
|
</view>
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">发票项目：</text>
|
|
<picker name='invoiceProject' range="{{invoiceProjectList}}" bindchange="invoiceProjectChange" value="{{invoiceProjectIndex}}" range-key='name'>
|
|
<view class="picker">
|
|
{{invoiceProjectIndex === -1 ? '请选择发票项目' : invoiceProjectList[invoiceProjectIndex].name }}
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
</view>
|
|
<!-- 发票信息对应的字段 ===结束 -->
|
|
<view class="form-item-template" wx:if="{{selectedIdentity === '2' && paymentMethod !== '3'&& index !== '0' && index !== -1 && selectedMeeting.meetingCosts !== '0.00'}}">
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">邮寄联系人：</text>
|
|
<input placeholder-class="text-right" data-selectType='2' disabled="{{true}}" data-nolimit="{{nolimitBool}}" name="postContactName" bindtap="selectPerson" value="{{selectedPostPerson.name}}" placeholder="请选择邮寄联系人" />
|
|
</view>
|
|
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">邮寄地址：</text>
|
|
<input placeholder-class="text-right" name="postContactAddress" maxlength="50" bindinput="bindInputPhone" value="{{selectedPostPerson.contactAddress}}" placeholder="请输入邮寄地址" />
|
|
</view>
|
|
|
|
<view class="form-item">
|
|
<text class="item-label flex-1 validate">邮编：</text>
|
|
<input placeholder-class="text-right" name="postCode" bindblur="validatePostCode" value="{{selectedPostPerson.postalCode}}" data-message='请输入邮编' data-errmsg='请输入正确的邮编' type="number" maxlength="6" placeholder="请输入邮编" />
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 这3个字段感觉国际研讨会才会存在 目前企业端报名的时候不存在 所以先去掉 -->
|
|
<!-- <view class="form-item-radio">
|
|
<view class="radio-label">
|
|
<text class="item-label flex-1">是否住酒店：</text>
|
|
</view>
|
|
<view>
|
|
<radio-group name='checkInHotel' bindchange="paymentMethodRadioChange">
|
|
<label class="radio radio-item" wx:for="{{needCheckInHotel}}" wx:key="item">
|
|
<radio class="radio-scale" color="#069F99" value="{{item.value}}" checked="{{item.checked}}" />{{item.name}}
|
|
</label>
|
|
</radio-group>
|
|
</view>
|
|
</view> -->
|
|
|
|
<!-- <view class="form-item">
|
|
<text class="item-label flex-1">抵达时间：</text>
|
|
<picker name='arrivalTime' mode="date" value="{{date}}" bindchange="bindDateChangeArriveTime">
|
|
<view class="picker">
|
|
{{arrivalTime}}
|
|
</view>
|
|
</picker>
|
|
</view> -->
|
|
|
|
<!-- <view class="form-item">
|
|
<text class="item-label flex-1">离开时间：</text>
|
|
<picker name='departureTime' mode="date" value="{{date}}" bindchange="bindDateChangeLeaveTime">
|
|
<view class="picker">
|
|
{{departureTime}}
|
|
</view>
|
|
</picker>
|
|
</view> -->
|
|
|
|
|
|
<view class="form-item-radio">
|
|
<text class="item-label flex-1">备注：</text>
|
|
<textarea name="remark" placeholder="请输入备注" name="remark" value="{{remark}}" />
|
|
</view>
|
|
|
|
<view class="form-item">
|
|
<text class="item-label flex-1">费用合计：</text>
|
|
<!-- 需要后端判断企业 是否是标准协会的企业 是标协的企业 vip费用 -->
|
|
<text>{{meetingCost}}元</text>
|
|
</view>
|
|
|
|
<view class="btn-wrap">
|
|
<button class="btn-ok" formType="submit">确定</button>
|
|
</view>
|
|
|
|
</view>
|
|
</form>
|
|
</view>
|
|
|
|
<!-- 增加二次确认发票信息的dom -->
|
|
<page-container show="{{invoiceConfirmModalVisible}}" round="{{round}}" overlay="{{overlay}}" duration="{{duration}}" position="{{position}}" close-on-slide-down="{{false}}" custom-style="{{customStyle}}" overlay-style="{{overlayStyle}}">
|
|
<view class="detail-page">
|
|
<view class="flex-content">
|
|
<view class="top-notice">请确认以下发票信息是否正确?</view>
|
|
<view class="top-notice">点击确认后该企业后续相关信息将替换成新的内容</view>
|
|
<view class="item-view" wx:for="{{confirmArr}}" wx:key="item">
|
|
<view class="label-box">{{item.name}} : </view>
|
|
<view class="value-box">{{confirmObj[item.key]}} </view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="btn-view">
|
|
<button class="cancel" hover-class="none" type="primary" bindtap="confirmModalCancel">取消</button>
|
|
<button hover-class="none" type="primary" bindtap="confirmModalSureFunc">确认</button>
|
|
</view>
|
|
</view>
|
|
</page-container> |