|
@@ -4,26 +4,26 @@
|
|
|
<image class="logo-img" src="@/static/img/c-logo.png" mode="scaleToFill"></image>
|
|
<image class="logo-img" src="@/static/img/c-logo.png" mode="scaleToFill"></image>
|
|
|
<!-- <image class="music-img" src="@/static/img/c-music.png" mode="scaleToFill"></image> -->
|
|
<!-- <image class="music-img" src="@/static/img/c-music.png" mode="scaleToFill"></image> -->
|
|
|
</view>
|
|
</view>
|
|
|
- <swiper class="swiper" :vertical='true'>
|
|
|
|
|
|
|
+ <swiper class="swiper" :vertical='true' @change="swiperChange">
|
|
|
<!-- 邀请函 -->
|
|
<!-- 邀请函 -->
|
|
|
<swiper-item>
|
|
<swiper-item>
|
|
|
- <view class="swiper-item index-1">
|
|
|
|
|
- <image class="img-text" src="@/static/img/yqh-text.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-48 fc-f text-align-center mb-16">振合网科技集团实体联盟</view>
|
|
|
|
|
- <view class="fs-32 fc-f text-align-center mb-72">未来已来 一触即发</view>
|
|
|
|
|
- <image class="img-xian" src="@/static/img/xian.png" mode="scaleToFill"></image>
|
|
|
|
|
- <image class="name-text" src="@/static/img/name-text.png" mode="scaleToFill"></image>
|
|
|
|
|
- <image class="time-text" src="@/static/img/time-text.png" mode="scaleToFill"></image>
|
|
|
|
|
- <image class="up-icon" src="@/static/img/c-up-icon.png" mode="scaleToFill"></image>
|
|
|
|
|
|
|
+ <view class="swiper-item index-1" v-if="index == 0">
|
|
|
|
|
+ <image class="img-text wow animate__animated animate__bounceInUp" src="@/static/img/yqh-text.png" mode="scaleToFill"></image>
|
|
|
|
|
+ <view class="fs-48 fc-f text-align-center mb-16 wow animate__animated animate__bounceInLeft">振合网科技集团实体联盟</view>
|
|
|
|
|
+ <view class="fs-32 fc-f text-align-center mb-72 wow animate__animated animate__bounceInRight">未来已来 一触即发</view>
|
|
|
|
|
+ <image class="img-xian wow animate__animated animate__bounceInUp" src="@/static/img/xian.png" mode="scaleToFill"></image>
|
|
|
|
|
+ <image class="name-text wow animate__animated animate__bounceInLeft" src="@/static/img/name-text.png" mode="scaleToFill"></image>
|
|
|
|
|
+ <image class="time-text wow animate__animated animate__bounceInRight" src="@/static/img/time-text.png" mode="scaleToFill"></image>
|
|
|
|
|
+ <image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png" mode="scaleToFill"></image>
|
|
|
</view>
|
|
</view>
|
|
|
</swiper-item>
|
|
</swiper-item>
|
|
|
<!-- 诚挚邀请 -->
|
|
<!-- 诚挚邀请 -->
|
|
|
<swiper-item>
|
|
<swiper-item>
|
|
|
<view class="swiper-item">
|
|
<view class="swiper-item">
|
|
|
- <view class="index-2">
|
|
|
|
|
- <image class="text-img" src="@/static/img/czyq-text.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="fs-32 fc-F2D4A9 fw-b mb-24">尊敬的用户</view>
|
|
|
|
|
- <view class="fs-32 fc-F2D4A9 text-box">
|
|
|
|
|
|
|
+ <view class="index-2" v-if="index == 1">
|
|
|
|
|
+ <image class="text-img wow animate__animated animate__bounceInUp" src="@/static/img/czyq-text.png" mode="scaleToFill"></image>
|
|
|
|
|
+ <view class="fs-32 fc-F2D4A9 fw-b mb-24 wow animate__animated animate__bounceInUp">尊敬的用户</view>
|
|
|
|
|
+ <view class="fs-32 fc-F2D4A9 text-box wow animate__animated animate__bounceInUp">
|
|
|
您好!感谢百忙之中阅读此邀请函。
|
|
您好!感谢百忙之中阅读此邀请函。
|
|
|
我们诚挚的邀请您参加于10月20日振合
|
|
我们诚挚的邀请您参加于10月20日振合
|
|
|
科技集团举办的2024年度招商说明会。
|
|
科技集团举办的2024年度招商说明会。
|
|
@@ -34,72 +34,76 @@
|
|
|
您共话友情、 展望末来、共创属于我们
|
|
您共话友情、 展望末来、共创属于我们
|
|
|
新的商业传奇。
|
|
新的商业传奇。
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="fc-F2D4A9 fw-b fs-32 text-align-right mt-32">振合网科技集团</view>
|
|
|
|
|
- <view class="fs-28 fc-F2D4A9 text-align-right">2024年10月20日</view>
|
|
|
|
|
|
|
+ <view class="fc-F2D4A9 fw-b fs-32 text-align-right mt-32 wow animate__animated animate__bounceInUp">振合网科技集团</view>
|
|
|
|
|
+ <view class="fs-28 fc-F2D4A9 text-align-right wow animate__animated animate__bounceInUp">2024年10月20日</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <image class="up-icon" src="@/static/img/c-up-icon.png" mode="scaleToFill"></image>
|
|
|
|
|
|
|
+ <image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png" mode="scaleToFill"></image>
|
|
|
</view>
|
|
</view>
|
|
|
</swiper-item>
|
|
</swiper-item>
|
|
|
<!-- 活动地址 -->
|
|
<!-- 活动地址 -->
|
|
|
<swiper-item>
|
|
<swiper-item>
|
|
|
<view class="swiper-item">
|
|
<view class="swiper-item">
|
|
|
- <view class="index-2">
|
|
|
|
|
- <image class="text-img-1" src="@/static/img/hdtd-text.png" mode="scaleToFill"></image>
|
|
|
|
|
- <image class="img-1" src="@/static/img/h-1.png" mode="scaleToFill"></image>
|
|
|
|
|
|
|
+ <view class="index-2" v-if="index == 2">
|
|
|
|
|
+ <image class="text-img-1 wow animate__animated animate__bounceInUp" src="@/static/img/hdtd-text.png" mode="scaleToFill"></image>
|
|
|
|
|
+ <image class="img-1 wow animate__animated animate__bounceInUp" src="@/static/img/h-1.png" mode="scaleToFill"></image>
|
|
|
|
|
|
|
|
<view class="flex-justify-space">
|
|
<view class="flex-justify-space">
|
|
|
- <image class="img-2" src="@/static/img/h-2.png" mode="scaleToFill"></image>
|
|
|
|
|
- <image class="img-2" src="@/static/img/h-3.png" mode="scaleToFill"></image>
|
|
|
|
|
|
|
+ <image class="img-2 wow animate__animated animate__bounceInLeft" src="@/static/img/h-2.png" mode="scaleToFill"></image>
|
|
|
|
|
+ <image class="img-2 wow animate__animated animate__bounceInRight" src="@/static/img/h-3.png" mode="scaleToFill"></image>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <view class="fc-F2D4A9 fs-40 text-align-center mb-16">重庆丽星君顿酒店</view>
|
|
|
|
|
- <view class="fs-28 fc-F2D4A9 text-align-center">地址:重庆市渝北区服装城大道48号</view>
|
|
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-40 text-align-center mb-16 wow animate__animated animate__bounceInUp">重庆丽星君顿酒店</view>
|
|
|
|
|
+ <view class="fs-28 fc-F2D4A9 text-align-center wow animate__animated animate__bounceInUp">地址:重庆市渝北区服装城大道48号</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <image class="up-icon" src="@/static/img/c-up-icon.png" mode="scaleToFill"></image>
|
|
|
|
|
|
|
+ <image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png" mode="scaleToFill"></image>
|
|
|
</view>
|
|
</view>
|
|
|
</swiper-item>
|
|
</swiper-item>
|
|
|
<!-- 地址导航 -->
|
|
<!-- 地址导航 -->
|
|
|
<swiper-item>
|
|
<swiper-item>
|
|
|
- <view class="swiper-item">
|
|
|
|
|
|
|
+ <view class="swiper-item" v-if="index == 3">
|
|
|
<view class="index-2">
|
|
<view class="index-2">
|
|
|
- <image class="text-img" src="@/static/img/dzdh-text.png" mode="scaleToFill"></image>
|
|
|
|
|
- <view class="b-f" @click="toMap()">
|
|
|
|
|
|
|
+ <image class="text-img wow animate__animated animate__bounceInUp" src="@/static/img/dzdh-text.png" mode="scaleToFill"></image>
|
|
|
|
|
+ <view class="b-f wow animate__animated animate__bounceInUp" @click="toMap()">
|
|
|
<image class="img-3" src="@/static/img/map.png" mode="scaleToFill"></image>
|
|
<image class="img-3" src="@/static/img/map.png" mode="scaleToFill"></image>
|
|
|
<view class="b-c">开始导航</view>
|
|
<view class="b-c">开始导航</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="fc-F2D4A9 fs-36 text-align-center mb-16">会议地址</view>
|
|
|
|
|
- <view class="fc-F2D4A9 fs-28 text-align-center mb-32">重庆丽星君顿酒店</view>
|
|
|
|
|
- <view class="fc-F2D4A9 fs-36 text-align-center mb-16">会议时间</view>
|
|
|
|
|
- <view class="fc-F2D4A9 fs-28 text-align-center mb-32">10月20日早 上08:30</view>
|
|
|
|
|
- <view class="fc-F2D4A9 fs-36 text-align-center mb-16">联系方式</view>
|
|
|
|
|
- <view class="fc-F2D4A9 fs-28 text-align-center mb-32">023-67491176</view>
|
|
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft">会议地址</view>
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">重庆丽星君顿酒店</view>
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft">会议时间</view>
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">10月20日早 上08:30</view>
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-36 text-align-center mb-16 wow animate__animated animate__bounceInLeft">联系方式</view>
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-28 text-align-center mb-32 wow animate__animated animate__bounceInRight">023-67491176</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <image class="up-icon" src="@/static/img/c-up-icon.png" mode="scaleToFill"></image>
|
|
|
|
|
|
|
+ <image class="up-icon wow animate__animated animate__bounceInUp" src="@/static/img/c-up-icon.png" mode="scaleToFill"></image>
|
|
|
</view>
|
|
</view>
|
|
|
</swiper-item>
|
|
</swiper-item>
|
|
|
<!-- 参与预约 -->
|
|
<!-- 参与预约 -->
|
|
|
<swiper-item>
|
|
<swiper-item>
|
|
|
- <view class="swiper-item">
|
|
|
|
|
|
|
+ <view class="swiper-item" v-if="index == 4">
|
|
|
<view class="index-2">
|
|
<view class="index-2">
|
|
|
- <image class="text-img-2" src="@/static/img/cyyy-text.png" mode="scaleToFill"></image>
|
|
|
|
|
|
|
+ <image class="text-img-2 wow animate__animated animate__bounceInUp" src="@/static/img/cyyy-text.png" mode="scaleToFill"></image>
|
|
|
<view class="mb-32">
|
|
<view class="mb-32">
|
|
|
- <view class="fc-F2D4A9 fs-32 mb-16">您的姓名<span class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
- <input type="text" placeholder="请输入您的姓名">
|
|
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的姓名<span class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
+ <input class="wow animate__animated animate__bounceInRight" v-model="fromData.name" type="text" placeholder="请输入您的姓名">
|
|
|
</view>
|
|
</view>
|
|
|
<view class="mb-32">
|
|
<view class="mb-32">
|
|
|
- <view class="fc-F2D4A9 fs-32 mb-16">您的手机号<span class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
- <input type="number" placeholder="请输入您的手机号">
|
|
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的手机号<span class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
+ <input class="wow animate__animated animate__bounceInRight" v-model="fromData.phone" type="number" placeholder="请输入您的手机号">
|
|
|
</view>
|
|
</view>
|
|
|
<view class="mb-32">
|
|
<view class="mb-32">
|
|
|
- <view class="fc-F2D4A9 fs-32 mb-16">您的公司名称</view>
|
|
|
|
|
- <input type="text" placeholder="请输入您的公司名称">
|
|
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-32 mb-16 wow animate__animated animate__bounceInLeft">您的公司名称</view>
|
|
|
|
|
+ <input class="wow animate__animated animate__bounceInRight" v-model="fromData.corporate" type="text" placeholder="请输入您的公司名称">
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="mb-32">
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-32 mb-16 wow animate__animated animate__bounceInLeft">邀请人</view>
|
|
|
|
|
+ <input class="wow animate__animated animate__bounceInRight" v-model="fromData.inviter" type="text" placeholder="请输入您的邀请人">
|
|
|
</view>
|
|
</view>
|
|
|
<view class="mb-72">
|
|
<view class="mb-72">
|
|
|
- <view class="fc-F2D4A9 fs-32 mb-16">邀请人</view>
|
|
|
|
|
- <input type="text" placeholder="请输入您的邀请人">
|
|
|
|
|
|
|
+ <view class="fc-F2D4A9 fs-32 mb-16 wow animate__animated animate__bounceInLeft">邀请人手机号<span class="fc-ED301D fs-32">*</span></view>
|
|
|
|
|
+ <input class="wow animate__animated animate__bounceInRight" v-model="fromData.inviter_phone" type="number" placeholder="请输入邀请人的手机号">
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
- <view class="save-box">提交</view>
|
|
|
|
|
|
|
+ <view class="save-box wow animate__animated animate__bounceInUp" @click="save()">提交</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</swiper-item>
|
|
</swiper-item>
|
|
@@ -108,18 +112,33 @@
|
|
|
|
|
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
|
|
+ import {userParticipation} from '@/api/user.js';
|
|
|
import tools from "@/service/tools";
|
|
import tools from "@/service/tools";
|
|
|
export default {
|
|
export default {
|
|
|
components: {},
|
|
components: {},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
-
|
|
|
|
|
|
|
+ fromData:{
|
|
|
|
|
+ m_id:'',
|
|
|
|
|
+ name:'',
|
|
|
|
|
+ phone:'',
|
|
|
|
|
+ corporate:'',
|
|
|
|
|
+ inviter:'',//邀请人
|
|
|
|
|
+ inviter_phone:'',
|
|
|
|
|
+ },
|
|
|
|
|
+ isAJAX:false,
|
|
|
|
|
+ index:0,
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
- mounted() {
|
|
|
|
|
-
|
|
|
|
|
|
|
+ onshow() {
|
|
|
|
|
+ this.$wow.init();
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ swiperChange(e){
|
|
|
|
|
+ if(e.detail.current!=this.index){
|
|
|
|
|
+ this.index = e.detail.current;
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
toMap(){
|
|
toMap(){
|
|
|
uni.openLocation({
|
|
uni.openLocation({
|
|
|
latitude: 29.665085,
|
|
latitude: 29.665085,
|
|
@@ -131,6 +150,21 @@
|
|
|
fail(error) {}
|
|
fail(error) {}
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
+ save(){
|
|
|
|
|
+ if(this.isAJAX){
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+ this.isAJAX = true;
|
|
|
|
|
+ this.fromData.m_id = uni.getStorageSync('m_id');
|
|
|
|
|
+ userParticipation(this.fromData).then((res)=>{
|
|
|
|
|
+ if(res.code === 1){
|
|
|
|
|
+ tools.success('预约成功')
|
|
|
|
|
+ }else{
|
|
|
|
|
+ tools.error(res.msg)
|
|
|
|
|
+ }
|
|
|
|
|
+ this.isAJAX = false;
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|