Commit e5638496 authored by Mac's avatar Mac

1

parent cb01c1be
......@@ -612,6 +612,8 @@
"path":"typeList" //类型
},{
"path":"companyInfo" //企业信息
},{
"path":"activitysignUp"//活动报名 相亲模式
}] }
],
"globalStyle": {
......
......@@ -82,7 +82,7 @@
<view class="box-c-i">
<view class="box-c-l">报名人数</view>
<u-number-box v-model="addMsg.PeopleNum" :min='1' ></u-number-box>
<u-number-box v-model="addMsg.PeopleNum" :min='1' @change="valChange"></u-number-box>
</view>
<view class="box-c-i">
<view class="box-c-l">备注</view>
......@@ -133,6 +133,9 @@ export default {
},
methods: {
valChange(e){
this.addMsg.PeopleNum = e.value
},
signup(){
if(this.addMsg.Name == ''){
......
......@@ -21,6 +21,11 @@
color:#404040;
font-weight: bold;
margin:10px 0 8px 15px;
width: calc(100vw - 60px);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.activeDate{
color:#B9B9B9;
......@@ -44,6 +49,30 @@
background-color: #AFAFAF;
color:#fff;
}
.activeInnerTitle-x{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 15px;
margin-top: 10px;
margin-bottom: 8px;
}
.ac-x-l{
font-size:14px;
color:#404040;
font-weight: bold;
width: calc(100vw - 60px - 90px);
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.ac-x-r{
width: 90px;
font-size: 10px;
text-align: right;
font-family: aa;
}
</style>
<template>
<view class="activeInner" style="height:100vh;">
......@@ -52,9 +81,17 @@
@scrolltolower="lower" :style="{ 'height': `calc(100%)-15`}">
<view class="activeList" v-for="(item,index) in dataList" :key="index" @click="goActiveDetail(item)">
<view class="activeInnerTop">
<img :src="item.CoverImg" style="width:100%;height:100%;" alt="" />
<img :src="item.CoverImg" mode='aspectFill' style="width:100%;height:100%;" alt="" />
</view>
<view class="activeInnerTitle" v-if="IsOpenMiAi==0">{{item.ActivityName}}</view>
<view class="activeInnerTitle-x" v-if="IsOpenMiAi==1">
<view class="ac-x-l">
{{item.ActivityName}}
</view>
<view class="ac-x-r" :style="{'color':mainColor}">
{{item.IsFree==1?'免费':'需要星星:'+item.Price }}
</view>
</view>
<view class="activeInnerTitle">{{item.ActivityName}}</view>
<view class="activeDate">{{item.StartTimeStr}}{{item.EndTimeStr}}</view>
<view class="activeJoin" v-if="item.ActivityStatus==0">未开始</view>
<view class="activeJoin" v-if="item.ActivityStatus==1">马上加入</view>
......@@ -79,11 +116,13 @@
},
dataList:[],
pageCount: 1,
mainColor:'',
loadText: {
loadmore: "轻轻上拉,加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
IsOpenMiAi:0,//1开始 0 没开启
}
},
created() {},
......@@ -91,6 +130,8 @@
uni.setNavigationBarTitle({
title: this.pageTitle,
});
this.IsOpenMiAi = uni.getStorageSync("mall_UserInfo")?uni.getStorageSync("mall_UserInfo").IsOpenMiAi:0;//是否开启相亲模式
this.mainColor = this.$uiConfig.mainColor;
},
onLoad(option) {
this.msg.ActivityType = option.Id;
......
......@@ -25,6 +25,14 @@
color:#FF5D69;
font-weight: bold;
}
.acdetaiDate2{
display: flex;
justify-content: flex-end;
font-size: 12px;
color:#FF5D69;
font-weight: bold;
}
.acdetaiWriter{
display: flex;
justify-content: space-between;
......@@ -78,7 +86,7 @@
<view class="activeDetails" style="height:100vh;">
<view class="acdetailTop">
<view class="acdetailImg">
<img :src="dataList.CoverImg" alt="" style="width:100%;height:100%;"/>
<img :src="dataList.CoverImg" mode='aspectFill' alt="" style="width:100%;height:100%;"/>
</view>
<view class="acdetaiTitle">{{dataList.ActivityName}}</view>
<view class="acdetaiDate">
......@@ -91,6 +99,10 @@
<view class="acdetaiDate" style="margin-top:10px;">
<view>截止日期:<text v-if="dataList.SignEndTimeStr&&dataList.SignEndTimeStr!='0001-01-01 00:00:00'">{{dataList.SignEndTimeStr}}</text></view>
</view>
<view class="acdetaiDate2" :style="{'margin-top':'10px','color':mainColor}">
<view v-if='dataList.IsFree==1'>免费</view>
<view v-if='dataList.IsFree==2'>需要星星:{{dataList.Price}}</view>
</view>
<view class="acdetaiWriter">
<view>作者:{{dataList.CreateByName}}</view>
<view class="acdetailLittleBtn" v-if="dataList.ActivityStatus==0" style="background-color: #000450;">{{dataList.ActivityStatusStr}}</view>
......@@ -107,7 +119,7 @@
</view>
<template v-if="isShowBtn">
<view class="acdetailBtn" v-if="dataList.ActivityStatus==2">报名活动(已结束)</view>
<view class="acdetailBtn" @click="showModal=true" style="background-color: #000450;" v-if="dataList.ActivityStatus==1&&dataList.IsSignUp==1">马上报名</view>
<view class="acdetailBtn" @click="IsOpenMiAi==1?gosignUp():showModal=true" style="background-color: #000450;" v-if="dataList.ActivityStatus==1&&dataList.IsSignUp==1">马上报名</view>
<view class="acdetailBtn" style="background-color: #000450;" v-if="dataList.ActivityStatus==0">未开始</view>
<view class="acdetailBtn" v-if="dataList.IsJoinActivity==1">已报名</view>
</template>
......@@ -149,7 +161,9 @@
LinkMan:"",
LinkTel:""
},
isShowBtn:true
isShowBtn:true,
IsOpenMiAi:0,//1开始 0 没开启
mainColor:'',
}
},
created() {},
......@@ -157,6 +171,8 @@
uni.setNavigationBarTitle({
title: this.pageTitle,
});
this.IsOpenMiAi = uni.getStorageSync("mall_UserInfo")?uni.getStorageSync("mall_UserInfo").IsOpenMiAi:0;//是否开启相亲模式
this.mainColor = this.$uiConfig.mainColor;
},
onLoad(option) {
this.msg.Id = option.Id;
......@@ -174,7 +190,7 @@
},
(res) => {
if (res.resultCode == 1) {
this.dataList = res.data
this.dataList = res.data;
}
}
);
......@@ -209,6 +225,12 @@
}
}
);
},
gosignUp(){
let dataList = encodeURIComponent(JSON.stringify(this.dataList))
uni.navigateTo({
url: '/pages/kotra/activitysignUp?details=' + dataList
})
}
}
......
<style>
.stickSignUp {
width: 100%;
height: 100vh;
background: #FFF;
}
.stickSignUp .box{
padding: 15px;
border-bottom: 1px solid #E2E2E2;
}
.stickSignUp .box-top{
width: 100%;
height: 67px;
display: flex;
align-items: center;
}
.stickSignUp .box-title{
width: calc(100vw - 30px - 110px - 10px);
height: 67px;
font-size: 15px;
color: #000000;font-weight: 500;
line-height: 22px;
margin-left: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.stickSignUp .box-c{
padding: 15px;
}
.stickSignUp .box-c-i{
width: 100%;
height: 52px;
display:flex;
align-items: center;
border-bottom: 1px solid #E2E2E2;
}
.stickSignUp .box-c-i input{
font-size: 12px;
width: calc(100vw - 30px - 70px);
}
.stickSignUp .box-c-l{
width: 70px;
font-size: 12px;
color: #666666;
}
.btn{
width: 100%;
height: 45px;
border-radius: 22px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #FFFFFF;
margin: 30px 0;
}
</style>
<template>
<view class="stickSignUp" >
<view class="box">
<view class="box-top">
<image :src="details.CoverImg" mode="aspectFill" style="width: 110px;height: 67px;border-radius: 8px;"></image>
<view class="box-title">{{details.ActivityName}}</view>
</view>
</view>
<view class="box-c">
<view style="font-size: 16px;color: #111111;">请填写报名资料</view>
<view class="box-c-i">
<view class="box-c-l">姓名</view>
<input type="text" v-model="addMsg.LinkMan" placeholder="请填写姓名">
</view>
<view class="box-c-i">
<view class="box-c-l">联系电话</view>
<input type="number" v-model="addMsg.LinkTel" placeholder="请填写联系电话">
</view>
<view class="box-c-i">
<view class="box-c-l">报名人数</view>
<u-number-box v-model="addMsg.PeopleNum" :min='1' @change="valChange"></u-number-box>
</view>
<view class="box-c-i">
<view class="box-c-l">备注</view>
<input type="text" v-model="addMsg.Remark" placeholder="请填写备注内容">
</view>
<view class="box-c-i" style="justify-content: flex-end;border-bottom: none;height: 35px;margin-top: 10px;">
<view><text class="box-c-l">单价星星数:</text>{{addMsg.UnitPrice}}</view>
</view>
<view class="box-c-i" style="justify-content: flex-end;border-bottom: none;height: 35px;">
<view><text class="box-c-l">总价星星数:</text>{{addMsg.Money}}</view>
</view>
<view class="btn" @click="signup" :style="{background:mainColor}">
报名
</view>
</view>
</view>
</template>
<script>
export default {
components: {
},
data() {
return {
pageTitle: "报名订单",
mainColor:'',
details:{},
addMsg:{
ActivityId:0,
LinkMan:'',
LinkTel:'',
PeopleNum:1,
Remark:'',
UnitPrice:0,
Money:0,
}
};
},
created() {
this.contentHeight = this.$utils.calcContentHeight(-40) + "px";
this.mainColor = this.$uiConfig.mainColor;
},
mounted() {
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad: function (option) {
this.details = JSON.parse(decodeURIComponent(option.details))
this.addMsg.ActivityId = this.details.Id
this.addMsg.UnitPrice = this.details.Price;
this.addMsg.Money = this.addMsg.UnitPrice * this.addMsg.PeopleNum;
},
methods: {
valChange(e){
this.addMsg.PeopleNum = e.value
this.addMsg.Money = this.addMsg.UnitPrice * this.addMsg.PeopleNum;
},
signup(){
console.log(this.addMsg.PeopleNum)
if(this.addMsg.LinkMan == ''){
uni.showToast({
title: '请填写姓名',
icon: 'none',
})
return
}
if(this.addMsg.LinkTel == ''){
uni.showToast({
title: '请填写联系电话',
icon: 'none',
})
return
}
this.request2({
url: '/api/AppletTrade/SetCommerceConsult',
data: this.addMsg
},
res => {
if (res.resultCode == 1) {
uni.showToast({
title:'报名成功',
icon: 'none',
duration: 2000
});
uni.redirectTo({
url: '/pages/kotra/activityList'
})
}
}
);
}
},
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment