duanliangtao
10 months ago
19 changed files with 827 additions and 74 deletions
|
After Width: | Height: | Size: 243 KiB |
|
After Width: | Height: | Size: 752 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 68 KiB |
@ -0,0 +1,113 @@ |
|||||
|
|
||||
|
var x_PI = (3.14159265358979324 * 3000.0) / 180.0; |
||||
|
var PI = 3.1415926535897932384626; |
||||
|
var a = 6378245.0; //卫星椭球坐标投影到平面地图坐标系的投影因子。
|
||||
|
var ee = 0.00669342162296594323; //椭球的偏心率。
|
||||
|
|
||||
|
|
||||
|
//判断是否在国内，在中国国内的经纬度才需要做偏移
|
||||
|
function out_of_china(lng, lat) { |
||||
|
return ( |
||||
|
lng < 72.004 || |
||||
|
lng > 137.8347 || |
||||
|
(lat < 0.8293 || lat > 55.8271 || false) |
||||
|
); |
||||
|
} |
||||
|
|
||||
|
//转化经度
|
||||
|
function transformlng(lng, lat) { |
||||
|
var ret = |
||||
|
300.0 + |
||||
|
lng + |
||||
|
2.0 * lat + |
||||
|
0.1 * lng * lng + |
||||
|
0.1 * lng * lat + |
||||
|
0.1 * Math.sqrt(Math.abs(lng)); |
||||
|
ret += |
||||
|
((20.0 * Math.sin(6.0 * lng * PI) + |
||||
|
20.0 * Math.sin(2.0 * lng * PI)) * |
||||
|
2.0) / |
||||
|
3.0; |
||||
|
ret += |
||||
|
((20.0 * Math.sin(lng * PI) + |
||||
|
40.0 * Math.sin((lng / 3.0) * PI)) * |
||||
|
2.0) / |
||||
|
3.0; |
||||
|
ret += |
||||
|
((150.0 * Math.sin((lng / 12.0) * PI) + |
||||
|
300.0 * Math.sin((lng / 30.0) * PI)) * |
||||
|
2.0) / |
||||
|
3.0; |
||||
|
return ret; |
||||
|
} |
||||
|
|
||||
|
//转化纬度
|
||||
|
function transformlat(lng, lat) { |
||||
|
var ret = |
||||
|
-100.0 + |
||||
|
2.0 * lng + |
||||
|
3.0 * lat + |
||||
|
0.2 * lat * lat + |
||||
|
0.1 * lng * lat + |
||||
|
0.2 * Math.sqrt(Math.abs(lng)); |
||||
|
ret += |
||||
|
((20.0 * Math.sin(6.0 * lng * PI) + |
||||
|
20.0 * Math.sin(2.0 * lng * PI)) * |
||||
|
2.0) / |
||||
|
3.0; |
||||
|
ret += |
||||
|
((20.0 * Math.sin(lat * PI) + |
||||
|
40.0 * Math.sin((lat / 3.0) * PI)) * |
||||
|
2.0) / |
||||
|
3.0; |
||||
|
ret += |
||||
|
((160.0 * Math.sin((lat / 12.0) * PI) + |
||||
|
320 * Math.sin((lat * PI) / 30.0)) * |
||||
|
2.0) / |
||||
|
3.0; |
||||
|
return ret; |
||||
|
} |
||||
|
|
||||
|
//wgs84 to gcj02 地球坐标系 转 火星坐标系
|
||||
|
export function wgs84_to_gcj02(lng, lat) { |
||||
|
if (out_of_china(lng, lat)) { |
||||
|
return [lng, lat]; |
||||
|
} else { |
||||
|
var dlat = transformlat(lng - 105.0, lat - 35.0); |
||||
|
var dlng = transformlng(lng - 105.0, lat - 35.0); |
||||
|
var radlat = (lat / 180.0) * PI; |
||||
|
var magic = Math.sin(radlat); |
||||
|
magic = 1 - ee * magic * magic; |
||||
|
var sqrtmagic = Math.sqrt(magic); |
||||
|
dlat = |
||||
|
(dlat * 180.0) / |
||||
|
(((a * (1 - ee)) / (magic * sqrtmagic)) * PI); |
||||
|
dlng = |
||||
|
(dlng * 180.0) / ((a / sqrtmagic) * Math.cos(radlat) * PI); |
||||
|
var mglat = lat + dlat; |
||||
|
var mglng = lng + dlng; |
||||
|
|
||||
|
return [mglng, mglat]; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
//gcj02 to wgs84 火星坐标系 转 地球坐标系
|
||||
|
export function gcj02_to_wgs84(lng, lat) { |
||||
|
if (out_of_china(lng, lat)) { |
||||
|
return [lng, lat] |
||||
|
} |
||||
|
else { |
||||
|
var dlat = transformlat(lng - 105.0, lat - 35.0); |
||||
|
var dlng = transformlng(lng - 105.0, lat - 35.0); |
||||
|
var radlat = lat / 180.0 * PI; |
||||
|
var magic = Math.sin(radlat); |
||||
|
magic = 1 - ee * magic * magic; |
||||
|
var sqrtmagic = Math.sqrt(magic); |
||||
|
dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI); |
||||
|
dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI); |
||||
|
mglat = lat + dlat; |
||||
|
mglng = lng + dlng; |
||||
|
return [lng * 2 - mglng, lat * 2 - mglat] |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,525 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="flex flex-mean" style="background-color: #FFFFFF; height: 150px;"> |
||||
|
<!-- <van-search class=".flex flex-1" v-model="searchValue" left-icon="" shape="round" placeholder="请输入搜索关键词" /> |
||||
|
<van-button round type="info" class="custom-button font-size13 m-top10 m-right12" @click="onSearch()">查询</van-button> --> |
||||
|
<!-- <van-image src="../../assets/images/servicePhone/" /> --> |
||||
|
<img src="../../assets/images/peoSuggestion/1.png" style="width: 100%; height:300px ;" /> |
||||
|
</div> |
||||
|
<div class='container' style="position: relative;top: -35px;"> |
||||
|
<div class="flex flex-x flex-end"> |
||||
|
<img src="../../assets/images/peoSuggestion/special.png" style="width: 180px;"> |
||||
|
<img src="../../assets/images/peoSuggestion/daily.png" style="width: 180px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class='container' style="position: relative;top: -40px;"> |
||||
|
<div class="card"> |
||||
|
<div class="title"> |
||||
|
<div class="flex flex-center2"> |
||||
|
<img style="height:20px;" src="@/assets/images/home/biaoqian.png" alt=""> |
||||
|
<span class="m-left5" style=" color: black; font-family:pingfang-bold; |
||||
|
font-size: 20px;">最新专题 </span> |
||||
|
</div> |
||||
|
<span @click="$router.push('/activity')">更多</span> |
||||
|
|
||||
|
</div> |
||||
|
<div class="activity_content flex m-top10" v-for="(item, index) in eventList" :key="index" |
||||
|
@click="$router.push({ path: `/discusionDetail`, query: { eventId: item.eventId } })"> |
||||
|
<div class="flex flex-y flex1 flex-end" style="overflow: hidden;"> |
||||
|
<span class="van-multi-ellipsis--l2"> |
||||
|
{{ item.title }} |
||||
|
</span> |
||||
|
<div class="flex flex-end flex-end gray m-top10 font-size13"> |
||||
|
<div class="flex flex-center"> |
||||
|
<span>{{ item.total }} 人参与 </span> |
||||
|
</div> |
||||
|
<div class="flex flex-x"> |
||||
|
<div class="flex flex-center"> |
||||
|
<span> {{ item.data }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class='container' style="position: relative;top: -50px;"> |
||||
|
<div class="card"> |
||||
|
<div class="title"> |
||||
|
<div class="flex flex-center2"> |
||||
|
<img style="height:20px;" src="@/assets/images/home/biaoqian.png" alt=""> |
||||
|
<span class="m-left5" style=" color: black; font-family:pingfang-bold; |
||||
|
font-size: 20px;">金点子 </span> |
||||
|
</div> |
||||
|
<span @click="$router.push('/activity')">更多</span> |
||||
|
|
||||
|
</div> |
||||
|
<van-tabs v-model="tagActive" style="width: 100%;" @change="handelChangeTags" :title-style="titleStyle" title-class="custom-title-class"> |
||||
|
<van-tab v-for="item in tagList" :key="item.id" :title="item.tagName"> |
||||
|
|
||||
|
</van-tab> |
||||
|
</van-tabs> |
||||
|
<div class="activity_content flex m-top10" v-for="(item, index) in eventList" :key="index" |
||||
|
@click="$router.push({ path: `/discusionDetail`, query: { eventId: item.eventId } })"> |
||||
|
<div class="flex flex-y flex1 flex-end" style="overflow: hidden;"> |
||||
|
<span class="van-multi-ellipsis--l2"> |
||||
|
{{ item.title }} |
||||
|
</span> |
||||
|
<div class="flex flex-end flex-end gray m-top10 font-size13"> |
||||
|
<div class="flex flex-center"> |
||||
|
<span>{{ item.total }} 人参与 </span> |
||||
|
</div> |
||||
|
<div class="flex flex-x"> |
||||
|
<div class="flex flex-center"> |
||||
|
<span> {{ item.data }}</span> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<Android @send-number="handleNumber" /> |
||||
|
</div> |
||||
|
|
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { activitySignIn,activityApply,addActivityRecord,cancelSignUp1, detail, |
||||
|
communityActivityApplicationRecordDelete,getById,activityApplySave} from "@/api/activity" |
||||
|
import Share from "@/components/Share" |
||||
|
import registerDialog from '@/components/registerDialog'; |
||||
|
import { setConfig } from '@/utils/jweixin' |
||||
|
import { Toast, Dialog } from 'vant' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
titleStyle: { |
||||
|
color: "#007FF1", // 自定义字体颜色 |
||||
|
fontSize: "16px", // 自定义字体大小 |
||||
|
}, |
||||
|
tagList:[{ |
||||
|
id:"1", |
||||
|
tagName:"标签1" |
||||
|
}, |
||||
|
{ |
||||
|
id:"2", |
||||
|
tagName:"标签1" |
||||
|
}, |
||||
|
{ |
||||
|
id:"3", |
||||
|
tagName:"标签1" |
||||
|
}], |
||||
|
eventList:[{ |
||||
|
title:"70岁以上高龄老人补贴发放定在1月1日", |
||||
|
total:1, |
||||
|
data:"2000-00-00 13:00:00" |
||||
|
}, |
||||
|
{ |
||||
|
title:"70岁以上高龄老人补贴发放定在1月1日", |
||||
|
total:1, |
||||
|
data:"2000-00-00 13:00:00" |
||||
|
}], |
||||
|
applyedTimeType:false, |
||||
|
ActName:"", |
||||
|
info: null, |
||||
|
signInList: [], |
||||
|
applyType: false, |
||||
|
activityId: null, |
||||
|
realTimeList: [], |
||||
|
projectList: [], |
||||
|
realTimeList:[], |
||||
|
signInList:[], |
||||
|
applyList:[], |
||||
|
activityList: [], |
||||
|
signUp: [ |
||||
|
{ name: "", mobile: "", remark: "" }, |
||||
|
], |
||||
|
info: {}, |
||||
|
isPast: false, |
||||
|
showShare: false, |
||||
|
showRegister: false, |
||||
|
phone:"" |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
|
||||
|
}, |
||||
|
async mounted() { |
||||
|
|
||||
|
setConfig(['updateAppMessageShareData', 'onMenuShareAppMessage', 'updateTimelineShareData']) |
||||
|
if (this.$route.query.id) { |
||||
|
this.activityId= this.$route.query.id |
||||
|
await this.detail(this.$route.query.id) |
||||
|
if(this.$route.query.flag === 'share'){ |
||||
|
await this.getById(this.$route.query.id) |
||||
|
} |
||||
|
await this.share() |
||||
|
this.activityApplyList() |
||||
|
this.activitySignIn(1) |
||||
|
this.activitySignIn(0) |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
toSign(e) { |
||||
|
console.log(e.currentTarget.dataset, "e.currentTarget.dataset "); |
||||
|
this.$router.push({ path: `/sing`, query: { id: this.activityId,type:e.currentTarget.dataset.type } }); |
||||
|
// wx.navigateTo({ |
||||
|
// url: `/subpages/activity/pages/sign/sign?activityId=${this.data.activityId}&type=${e.currentTarget.dataset.type}&latitude=${e.currentTarget.dataset.latitude}&longitude=${e.currentTarget.dataset.longitude}`, |
||||
|
// }) |
||||
|
}, |
||||
|
//取消报名 |
||||
|
cancelSignUp() { |
||||
|
Dialog.confirm({ |
||||
|
title: '标题', |
||||
|
message: '弹窗内容', |
||||
|
}) |
||||
|
.then(() => { |
||||
|
console.log("用户点击了确认"); |
||||
|
|
||||
|
cancelSignUp1(this.activityId).then(res => { |
||||
|
console.log(res, "取消报名返回结果"); |
||||
|
if (res.code === 0) { |
||||
|
this.applyType = true; // 更新报名状态 |
||||
|
this.$toast.success("取消报名成功"); // 提示成功信息 |
||||
|
} else { |
||||
|
this.$toast.fail(res.message || "取消报名失败"); |
||||
|
} |
||||
|
}) |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
console.log("取消"); |
||||
|
}); |
||||
|
// Dialog.confirm({ |
||||
|
// title: '提示', |
||||
|
// message: '确定取消报名吗？', |
||||
|
// }) |
||||
|
// .then(() => { |
||||
|
// // 用户点击了确认 |
||||
|
// console.log("用户点击了确认"); |
||||
|
// cancelSignUp1(this.data.activityId) |
||||
|
// .then(res => { |
||||
|
// console.log(res, "取消报名返回结果"); |
||||
|
// if (res.code === 0) { |
||||
|
// this.applyType = true; // 更新报名状态 |
||||
|
// this.$toast.success("取消报名成功"); // 提示成功信息 |
||||
|
// } else { |
||||
|
// this.$toast.fail(res.message || "取消报名失败"); |
||||
|
// } |
||||
|
// }) |
||||
|
// .catch(error => { |
||||
|
// console.error("取消报名接口调用失败", error); |
||||
|
// this.$toast.fail("网络错误，请稍后重试"); |
||||
|
// }) |
||||
|
// .finally(() => { |
||||
|
// // 隐藏 loading 状态 |
||||
|
// }); |
||||
|
// }) |
||||
|
// .catch(() => { |
||||
|
// // 用户点击了取消 |
||||
|
// console.log("用户点击了取消"); |
||||
|
// }); |
||||
|
}, |
||||
|
//报名 |
||||
|
toApply() { |
||||
|
console.log("dsklfjklsf"); |
||||
|
Dialog.confirm({ |
||||
|
title: '提示', |
||||
|
message: '您确定要报名吗？', |
||||
|
}) |
||||
|
.then(() => { |
||||
|
activityApplySave(this.activityId).then(res => { |
||||
|
console.log(res,"sdflkjlsfjd"); |
||||
|
Dialog.alert({ |
||||
|
// title: '吧', |
||||
|
message: '报名成功', |
||||
|
}) |
||||
|
// wx.showToast({ |
||||
|
// title: '报名成功', |
||||
|
// duration: 2000, |
||||
|
// success: () => { |
||||
|
// setTimeout(() => { |
||||
|
// wx.navigateBack() |
||||
|
// }, 2000) |
||||
|
// } |
||||
|
// }) |
||||
|
}).catch(err => { |
||||
|
console.log(err); |
||||
|
}) |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
// on cancel |
||||
|
}); |
||||
|
|
||||
|
}, |
||||
|
share() { |
||||
|
let than = this |
||||
|
if (wx.updateAppMessageShareData) { |
||||
|
wx.ready(function () { |
||||
|
wx.updateAppMessageShareData({ |
||||
|
title: than.info.activityName || '活动详情', |
||||
|
desc: '', |
||||
|
link: `https://epmet-preview.elinkservice.cn/epmet-wx-pa/#/activityDetail?id=${than.$route.query.id}&appId=${than.$store.state.app.appId}&flag=share`, |
||||
|
imgUrl: than.info.coverPic || 'https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20240710/617f7fb327064d89892823b81b11cd70.png', |
||||
|
success: function () {} |
||||
|
}) |
||||
|
wx.updateTimelineShareData({ |
||||
|
title: than.info.activityName, |
||||
|
desc: '', |
||||
|
link: `https://epmet-preview.elinkservice.cn/epmet-wx-pa/#/activityDetail?id=${than.$route.query.id}&appId=${than.$store.state.app.appId}`, |
||||
|
imgUrl: than.info.coverPic || 'https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20240710/617f7fb327064d89892823b81b11cd70.png', |
||||
|
success: function () {} |
||||
|
}) |
||||
|
}); |
||||
|
} else { |
||||
|
wx.onMenuShareAppMessage({ |
||||
|
title: than.info.activityName, |
||||
|
desc: '', |
||||
|
link: `https://epmet-preview.elinkservice.cn/epmet-wx-pa/#/activityDetail?id=${than.$route.query.id}&appId=${than.$store.state.app.appId}`, |
||||
|
imgUrl: than.info.coverPic || 'https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20240710/617f7fb327064d89892823b81b11cd70.png', |
||||
|
success: function () {} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
//获取打卡信息 |
||||
|
activitySignIn(whether) { |
||||
|
let parm = { |
||||
|
pageNo: 1, |
||||
|
pageSize: 100, |
||||
|
activityId: this.activityId, |
||||
|
whether: whether |
||||
|
} |
||||
|
activitySignIn(parm).then(res => { |
||||
|
if (res.code === 0) { |
||||
|
if (whether === 1) { |
||||
|
this.signInList=res.data.list |
||||
|
|
||||
|
} else { |
||||
|
this.realTimeList=res.data.list |
||||
|
|
||||
|
|
||||
|
} |
||||
|
} |
||||
|
}).catch(err => { |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
//获取报名志愿者 |
||||
|
activityApplyList() { |
||||
|
let parm = { |
||||
|
pageNo: 1, |
||||
|
pageSize: 100, |
||||
|
activityId: this.activityId |
||||
|
} |
||||
|
activityApply(parm).then(res => { |
||||
|
if (res.code === 0) { |
||||
|
|
||||
|
this.applyList=res.data.list |
||||
|
|
||||
|
} |
||||
|
}).catch(err => { |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
handleNumber(value){ |
||||
|
console.log(value,"wl kgnsl, "); |
||||
|
this.phone=value |
||||
|
}, |
||||
|
checkIfPast() { |
||||
|
const currentTimestamp = Date.now(); |
||||
|
const specifiedTimestamp = new Date(this.info.cutOffTime.replace(/-/g, '/')).getTime(); |
||||
|
this.isPast = specifiedTimestamp < currentTimestamp; |
||||
|
}, |
||||
|
//获取信息 |
||||
|
async detail(id, delId) { |
||||
|
const handleResponse = (res) => { |
||||
|
if (res.code === 0) { |
||||
|
this.info = res.data; |
||||
|
this.info.signInTime=res.data.signInTime.slice(0, 16), |
||||
|
this.info.signOutTime=res.data.signOutTime.slice(0, 16), |
||||
|
console.log(this.info,"wl info"); |
||||
|
// this.applyType = res.data.applyed === 0 ? true : false, |
||||
|
this.applyedTimeType = this.isCurrentTimeBefore(res.data.deadline), |
||||
|
console.log(this.applyedTimeType,"sdfkjdskfl"); |
||||
|
|
||||
|
this.signOutTimeType = this.isCurrentTimeBetween(res.data.signInTime, res.data.signOutTime) |
||||
|
// this.info.participants = res.data.participants; |
||||
|
// this.info.currentParticipants = res.data.currentParticipants; |
||||
|
// if (res.data.recordList && res.data.recordList.length > 0) { |
||||
|
// this.signUp = res.data.recordList; |
||||
|
// } |
||||
|
// if (res.data.cutOffTime) { |
||||
|
// this.checkIfPast(); |
||||
|
// } |
||||
|
} |
||||
|
}; |
||||
|
// if (delId) { |
||||
|
// this.signUp = this.signUp.filter(item => item.id != delId); |
||||
|
// } |
||||
|
let res = await detail(id); |
||||
|
handleResponse(res); |
||||
|
}, |
||||
|
async getById(id) { |
||||
|
const handleResponse = (res) => { |
||||
|
if (res.code === 0) { |
||||
|
this.info = res.data; |
||||
|
this.info.participants = res.data.participants; |
||||
|
this.info.currentParticipants = res.data.currentParticipants; |
||||
|
if (res.data.recordList && res.data.recordList.length > 0) { |
||||
|
this.signUp = res.data.recordList; |
||||
|
} |
||||
|
if (res.data.cutOffTime) { |
||||
|
this.checkIfPast(); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
if (delId) { |
||||
|
this.signUp = this.signUp.filter(item => item.id != delId); |
||||
|
} |
||||
|
|
||||
|
let res = await getById(id); |
||||
|
handleResponse(res); |
||||
|
}, |
||||
|
handelAddResi() { |
||||
|
this.signUp.push({ name: "", mobile: "", remark: "", }) |
||||
|
}, |
||||
|
isCurrentTimeBetween(startTime, endTime) { |
||||
|
const current = new Date().getTime(); |
||||
|
const startTimestamp = new Date(startTime).getTime(); |
||||
|
const endTimestamp = new Date(endTime).getTime(); |
||||
|
return current >= startTimestamp && current <= endTimestamp; |
||||
|
}, |
||||
|
isCurrentTimeBefore(targetTime) { |
||||
|
const current = new Date().getTime(); |
||||
|
const targetTimestamp = new Date(targetTime).getTime(); |
||||
|
return current < targetTimestamp; |
||||
|
}, |
||||
|
handelDelResi(item, index) { |
||||
|
if (item.id) { |
||||
|
let than = this |
||||
|
communityActivityApplicationRecordDelete([item.id]).then(res => { |
||||
|
if (res.code === 0) { |
||||
|
than.detail(this.$route.query.id, item.id); |
||||
|
} |
||||
|
}).catch(err => { |
||||
|
console.log(err); |
||||
|
}) |
||||
|
} else { |
||||
|
this.signUp.splice(index, 1) |
||||
|
} |
||||
|
}, |
||||
|
async save() { |
||||
|
if (this.$store.state.app.userInfo.mobile) { |
||||
|
this.signUp.forEach((item) => { |
||||
|
item.activityId = this.info.id; |
||||
|
item.applicationId = this.$store.state.app.userInfo.id; |
||||
|
item.customerId = this.$store.state.app.userInfo.customerId; |
||||
|
}) |
||||
|
if(this.signUp.findIndex(item=>!item.name) != -1){ |
||||
|
this.$toast('人员姓名不能为空') |
||||
|
return |
||||
|
} |
||||
|
if(this.signUp.findIndex(item=>!item.mobile) != -1){ |
||||
|
this.$toast('联系电话不能为空') |
||||
|
return |
||||
|
} |
||||
|
let parm = { |
||||
|
formDTOList: this.signUp |
||||
|
} |
||||
|
let res = await addActivityRecord(parm) |
||||
|
if (res.code === 0) { |
||||
|
this.$toast.success(res.data) |
||||
|
this.signUp = [{ name: "", mobile: "", remark: "" }] |
||||
|
this.detail(this.$route.query.id) |
||||
|
} |
||||
|
} else { |
||||
|
this.showRegister = true; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
}, |
||||
|
components: { Share, registerDialog }, |
||||
|
computed: { |
||||
|
disabledRecord() { |
||||
|
return (item) => { |
||||
|
if (!item.cutOffTime || item.online != 1) return true |
||||
|
let flag = new Date(item.cutOffTime.replace(/-/g, '/')).getTime() < Date.now() || item.currentParticipants >= item.participants || item.currentParticipants >= item.participants; |
||||
|
return flag || false |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
watch: {}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='less' scoped> |
||||
|
.phone{ |
||||
|
height: 50px; |
||||
|
bottom:8vh; |
||||
|
} |
||||
|
:deep img{ |
||||
|
max-width: 100%; |
||||
|
} |
||||
|
:deep(.p0>.van-cell) { |
||||
|
padding: 0; |
||||
|
} |
||||
|
|
||||
|
:deep(.van-cell) { |
||||
|
padding: 16px 8px; |
||||
|
} |
||||
|
|
||||
|
:deep(.van-cell__title) { |
||||
|
color: #666666; |
||||
|
display: flex; |
||||
|
|
||||
|
&>span { |
||||
|
flex: 1; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
:deep(.van-cell__value) { |
||||
|
text-align: left; |
||||
|
} |
||||
|
|
||||
|
:deep(.van-cell--required) { |
||||
|
&::before { |
||||
|
left: -5px; |
||||
|
} |
||||
|
} |
||||
|
.activity_content{ |
||||
|
padding-bottom: 15px; |
||||
|
box-sizing: border-box; |
||||
|
width: 100%; |
||||
|
border-bottom: 1px solid #EAEAEA; |
||||
|
margin-top: 14px; |
||||
|
.img{ |
||||
|
width: 231px; |
||||
|
height: 33px; |
||||
|
} |
||||
|
&:last-child{ |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
} |
||||
|
/* 基础标签样式 */ |
||||
|
::v-deep .custom-title-class { |
||||
|
border: 1px solid #007FF1; /* 设置边框颜色 */ |
||||
|
border-radius: 16px; /* 圆角边框 */ |
||||
|
padding: 4px 12px; /* 内边距 */ |
||||
|
background-color: transparent; /* 默认背景透明 */ |
||||
|
color: #007FF1; /* 默认文字颜色 */ |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
/* 激活状态的标签样式 */ |
||||
|
::v-deep .van-tab--active .custom-title-class { |
||||
|
background-color: #e6f2ff; /* 激活背景色 */ |
||||
|
color: #007FF1; /* 激活文字颜色 */ |
||||
|
font-weight: bold; /* 加粗字体 */ |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue