扫码会议报名的页面
This commit is contained in:
fengachen
@@ -97,6 +97,10 @@ Page({
|
|||||||
wx.navigateTo({
|
wx.navigateTo({
|
||||||
url: `../meetingDetailSigned/meetingDetailSigned?meetingInfo=${meetingInfo}`, // (已报名)
|
url: `../meetingDetailSigned/meetingDetailSigned?meetingInfo=${meetingInfo}`, // (已报名)
|
||||||
})
|
})
|
||||||
|
}else{
|
||||||
|
wx.navigateTo({
|
||||||
|
url: `../meetingDetailSigned/meetingDetailSigned?meetingInfo=${meetingInfo}`, // (已报名)
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -0,0 +1,151 @@
|
|||||||
|
// pages/signUpEntrance/signUpEntrance.js
|
||||||
|
import MeetingApi from '../../assets/js/http/meetingApi'
|
||||||
|
import {
|
||||||
|
initFileList,
|
||||||
|
previewFile,
|
||||||
|
getFileInfo
|
||||||
|
} from '../../assets/js/preview'
|
||||||
|
import {
|
||||||
|
baseUrl,
|
||||||
|
URL_CONFIG
|
||||||
|
} from '../../assets/js/http/api'
|
||||||
|
|
||||||
|
Page({
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
// 会议详情信息
|
||||||
|
meetingDetailIngfo: {},
|
||||||
|
// 会议类型
|
||||||
|
meetingType: '',
|
||||||
|
// 标协会议类型 1标准宣贯 2学习培训
|
||||||
|
tbMeetingType:'',
|
||||||
|
// 会议通知文件资料数组
|
||||||
|
meetingFilesList: [],
|
||||||
|
// 缴费二维码的图片路径
|
||||||
|
payOrCode: '',
|
||||||
|
},
|
||||||
|
// 获取会议详情
|
||||||
|
queryMeetingDetail(id) {
|
||||||
|
const that = this
|
||||||
|
MeetingApi.meetingDetail({
|
||||||
|
id
|
||||||
|
}).then(res => {
|
||||||
|
if (res.success) {
|
||||||
|
that.setData({
|
||||||
|
meetingDetailIngfo: res.result,
|
||||||
|
meetingType: that.generateMeetingType(res.result.meetingType),
|
||||||
|
payOrCode: baseUrl + URL_CONFIG + 'sys/common/download/' + res.result.paymentQrCode,
|
||||||
|
tbMeetingType:that.generateTbMeetingType(res.result.tbMeetingType)
|
||||||
|
})
|
||||||
|
initFileList(res.result.meetingFiles).then(res => {
|
||||||
|
that.setData({
|
||||||
|
meetingFilesList: res,
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 报名
|
||||||
|
signUp() {
|
||||||
|
// 不同的会议通跳转不同的会议页面
|
||||||
|
let meetingType = this.data.meetingDetailIngfo.meetingType
|
||||||
|
|
||||||
|
if (meetingType !== '3') {
|
||||||
|
wx.navigateTo({
|
||||||
|
url: '../signUpPage/signUpPage',
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
wx.navigateTo({
|
||||||
|
url: '../signUpPageGuoji/signUpPageGuoji',
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 会议类型
|
||||||
|
generateMeetingType(meetingType) {
|
||||||
|
switch (meetingType) {
|
||||||
|
case "1":
|
||||||
|
return "工作组会议"
|
||||||
|
case "2":
|
||||||
|
return "标协会议"
|
||||||
|
case "3":
|
||||||
|
return "国际研讨会议"
|
||||||
|
case "4":
|
||||||
|
return "其他会议"
|
||||||
|
case "5":
|
||||||
|
return "分标委会议"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 标协会议类型
|
||||||
|
generateTbMeetingType(type) {
|
||||||
|
switch (type) {
|
||||||
|
case "1":
|
||||||
|
return "标准宣贯"
|
||||||
|
case "2":
|
||||||
|
return "学习培训"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 预览文件
|
||||||
|
preview(e) {
|
||||||
|
console.log(e);
|
||||||
|
const fileObj = e.currentTarget.dataset.file;
|
||||||
|
previewFile(fileObj.id, fileObj.name)
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad: function (options) {
|
||||||
|
this.queryMeetingDetail('1448568227696041986')
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面显示
|
||||||
|
*/
|
||||||
|
onShow: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面隐藏
|
||||||
|
*/
|
||||||
|
onHide: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面卸载
|
||||||
|
*/
|
||||||
|
onUnload: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||||||
|
*/
|
||||||
|
onPullDownRefresh: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面上拉触底事件的处理函数
|
||||||
|
*/
|
||||||
|
onReachBottom: function () {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 用户点击右上角分享
|
||||||
|
*/
|
||||||
|
onShareAppMessage: function () {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
@@ -0,0 +1,108 @@
|
|||||||
|
<!--pages/signUpEntrance/signUpEntrance.wxml-->
|
||||||
|
<view>
|
||||||
|
<view class="basic-info">
|
||||||
|
<view class="meeting-name">
|
||||||
|
<text>会议名称</text>
|
||||||
|
<text>{{meetingDetailIngfo.meetingName}}</text>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<text>会议类型</text>
|
||||||
|
<text>{{meetingType}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view wx:if="{{meetingDetailIngfo.meetingType === '2'}}">
|
||||||
|
<text>标协会议类型</text>
|
||||||
|
<text>{{tbMeetingType}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view>
|
||||||
|
<text>负责人</text>
|
||||||
|
<text>{{meetingDetailIngfo.directorName}}</text>
|
||||||
|
</view>
|
||||||
|
<view wx:if="{{meetingDetailIngfo.meetingType === '1'}}">
|
||||||
|
<text>所属工作组</text>
|
||||||
|
<text>{{meetingDetailIngfo.workingGroupName}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view wx:if="{{meetingDetailIngfo.meetingType === '5'}}">
|
||||||
|
<text>所属分标委</text>
|
||||||
|
<text>{{meetingDetailIngfo.caseCommitteeName}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view>
|
||||||
|
<text>召开时间</text>
|
||||||
|
<text>{{meetingDetailIngfo.startTime + '~' + meetingDetailIngfo.endTime }}</text>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<text>召开地点</text>
|
||||||
|
<text>{{meetingDetailIngfo.venue + '/' + meetingDetailIngfo.address}}</text>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<text>年份</text>
|
||||||
|
<text>{{meetingDetailIngfo.particularYear}}</text>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<text>报名截止时间</text>
|
||||||
|
<text>{{meetingDetailIngfo.registerDeadline}}</text>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<text>会议费用</text>
|
||||||
|
<text>{{meetingDetailIngfo.meetingCosts}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view wx:if="{{meetingDetailIngfo.meetingType === '2' }}">
|
||||||
|
<text>会议费用（VIP）</text>
|
||||||
|
<text>{{meetingDetailIngfo.meetingCostsVip}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view wx:if="{{meetingDetailIngfo.meetingType === '2' }}" class="sign-in">
|
||||||
|
<text>注册签到时间</text>
|
||||||
|
<text class="sign-in-text">{{meetingDetailIngfo.startSignInTime + '~'+ meetingDetailIngfo.endSignInTime}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="sign-in">
|
||||||
|
<text>会议内容</text>
|
||||||
|
<text class="sign-in-text">{{meetingDetailIngfo.meetingContent}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="meeting-files" wx:if="{{meetingFilesList.length > 0}}" >
|
||||||
|
<text>会议通知</text>
|
||||||
|
<view class="file-name" wx:for="{{meetingFilesList}}" wx:key="item">
|
||||||
|
<view>
|
||||||
|
<image src="../../assets/images/pdf.png"></image>
|
||||||
|
<text>{{item.name}}</text>
|
||||||
|
</view>
|
||||||
|
<text class="look-file" bindtap='preview' data-file="{{item}}">查看</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="meeting-files" wx:if="{{meetingFilesList.length === 0}}" >
|
||||||
|
<text>会议通知</text>
|
||||||
|
<view class="file-name" >
|
||||||
|
<view>
|
||||||
|
<image src="../../assets/images/pdf.png"></image>
|
||||||
|
<text>{{item.name}}</text>
|
||||||
|
</view>
|
||||||
|
<text style="color:#999" bindtap='preview' data-file="{{item}}">暂无</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="form-payQrCode">
|
||||||
|
<text style="padding-left:15px">缴费二维码</text>
|
||||||
|
<view>
|
||||||
|
<image class="payQrCode" src='{{payOrCode}}'></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="sign-in">
|
||||||
|
<text>备注</text>
|
||||||
|
<text class="sign-in-text">{{meetingDetailIngfo.remark === null ? '' : meetingDetailIngfo.remark}}</text>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="sign-up-empty"></view>
|
||||||
|
<view class="sign-up" >
|
||||||
|
<button class="sign-up-btn" bindtap='signUp'>报名</button>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
@@ -0,0 +1,180 @@
|
|||||||
|
/* pages/signUpEntrance/signUpEntrance.wxss */
|
||||||
|
page{
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #F5F5F5;
|
||||||
|
}
|
||||||
|
.basic-info .title{
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
.basic-info .title text{
|
||||||
|
display: block;
|
||||||
|
border-left: 3px solid #069F99;
|
||||||
|
height: 14px;
|
||||||
|
padding-left: 10px;
|
||||||
|
border-radius: 2px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #333;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.basic-info view{
|
||||||
|
background-color: #FFF;
|
||||||
|
padding: 15px;
|
||||||
|
height: 40px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
color: #333;
|
||||||
|
font-size: 14px;
|
||||||
|
border-bottom: 0.5px solid #f5f5f5;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.basic-info view:last-child{
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.meeting-name{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.meeting-files{
|
||||||
|
margin-top: 10px;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start !important;
|
||||||
|
height: auto !important;
|
||||||
|
}
|
||||||
|
.basic-info .meeting-files .file-name{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0;
|
||||||
|
height: 40px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.file-name view{
|
||||||
|
padding: 0;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
.file-name view image{
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.basic-info .meeting-files .file-name .look-file{
|
||||||
|
color: #069F99;
|
||||||
|
}
|
||||||
|
.warning-text{
|
||||||
|
position: absolute !important;
|
||||||
|
top: 5px;
|
||||||
|
left: 75px;
|
||||||
|
color: #FF5E60 !important;
|
||||||
|
font-size: 10px !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
.warning-text image{
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
.pay-prove-box{
|
||||||
|
display: flex !important;
|
||||||
|
flex-direction: column !important;
|
||||||
|
justify-content: flex-start !important;
|
||||||
|
align-items: flex-start !important;
|
||||||
|
padding: 0;
|
||||||
|
height: 120px !important;
|
||||||
|
}
|
||||||
|
.pay-prove-box .pay-prove-content{
|
||||||
|
margin-top: 20px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0;
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
.pay-prove-box .pay-prove-content .pay-prove{
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
margin-right: 10px;
|
||||||
|
position: relative !important;
|
||||||
|
background-color: #D1D1D1;
|
||||||
|
padding: 0;
|
||||||
|
border-radius: 5px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.pay-prove-box .pay-prove-content .pay-prove image{
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
.pay-prove-box .pay-prove-content .pay-prove .delete-image{
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
color: #fff;
|
||||||
|
background-color: #FF5E60;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 7px;
|
||||||
|
position: absolute;
|
||||||
|
top: -3px;
|
||||||
|
right: -3px;
|
||||||
|
}
|
||||||
|
.sign-up-empty{
|
||||||
|
height: 60px;
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.sign-up{
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.sign-up text{
|
||||||
|
background-color: #069F99;
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 10px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
.form-payQrCode {
|
||||||
|
height: 140px!important;
|
||||||
|
padding: 5rpx!important;
|
||||||
|
}
|
||||||
|
.payQrCode {
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
padding: 2px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sign-up-btn {
|
||||||
|
background-color: #069F99;
|
||||||
|
font-weight: 500;
|
||||||
|
color:#fff
|
||||||
|
}
|
||||||
|
|
||||||
|
.basic-info view.sign-in {
|
||||||
|
display: flex!important;
|
||||||
|
flex-direction: column!important;
|
||||||
|
align-items: start;
|
||||||
|
justify-content: start;
|
||||||
|
height: auto!important;
|
||||||
|
}
|
||||||
|
.sign-in-text {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user