wo123/dyqc_hdapp
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1、首页的肆野轮播图跳转外链

Browse Source 
2、详情页面的报名信息的静态页面
This commit is contained in:
wangzimeng 2025-08-12 18:19:02 +08:00
parent 5b6391c9ee
commit 234af32a1a
5 changed files with 1619 additions and 1426 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2772
packageA/center/applyDetail.vue
View File

File diff suppressed because it is too large Load Diff

193
packageA/center/detail.vue
View File

@ -59,8 +59,8 @@
@click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)">
<image src="/static/center/address.png" mode="" class="icon-size"></image>
<span style="width: 564rpx;">{{ detail.address }}{{ detail.address_detail }}</span>
<image src="/static/detail/daohang.png" class="icon-size"
style="width: 50rpx; height: 50rpx;position: absolute;right: 5%;">
<image src="/static/detail/daohang.png" class="icon-size"
style="width: 50rpx; height: 50rpx;position: absolute;right: 5%;">
</image>
</span>
<!-- <span class="line" style="margin-bottom: 0rpx;"></span>
@ -104,7 +104,7 @@
</view>
</view>
</view>
<view class="third flex flex-column" style="justify-content: flex-start;">
<view class="third-top flex align-items">
<span>活动详情
@ -139,28 +139,85 @@
<rich-text style="white-space: pre-line;" :nodes="detail.content"></rich-text>
</view>
<!-- 仅当内容高度超过容器高度时显示展开/收起按钮 -->
<view v-if="!richTextShow" @click="richTextShow = true" style="width: 100%; display: flex; align-items: center; justify-content: center;
position: sticky; bottom: 0; background: #fff; height: 50rpx; padding: 30rpx 0;">
展开
<u-icon name="arrow-down" color="#323232"></u-icon>
<view v-if="!richTextShow" @click="richTextShow = true"
style="padding: 30rpx 0;position: sticky; bottom: 0;background: #fff">
<view style=" display: flex; align-items: center; justify-content: center;margin: 0 auto;
background: #fff;border-radius: 200rpx;width: 288rpx;height: 80rpx;
border: 1rpx solid #ff4810; color: #ff4810;font-size: 32rpx;line-height: 45rpx;">
查看完整内容
<!-- <u-icon name="arrow-down" color="#323232"></u-icon> -->
</view>
</view>
<view v-if="richTextShow" @click="richTextShow = false" style="width: 100%; display: flex; align-items: center; justify-content: center;
position: sticky; bottom: -16px; background: #fff; height: 50rpx; padding: 30rpx 0;">
收起
<u-icon name="arrow-up" color="#323232"></u-icon>
<view v-if="richTextShow" @click="richTextShow = false"
style="position: sticky; bottom: -16px; background: #fff; padding: 30rpx 0;">
<view style="width: 100%; display: flex; align-items: center; justify-content: center;margin: 0 auto;
background: #fff;border-radius: 200rpx;width: 200rpx;height: 80rpx;
border: 1rpx solid #ff4810; color: #ff4810;font-size: 32rpx;line-height: 45rpx;">
收起
<!-- <u-icon name="arrow-up" color="#323232"></u-icon> -->
</view>
</view>
</view>
<view class="" style="display: flex;flex-wrap: wrap;justify-content: flex-start;width: 690rpx;padding: 0 30rpx;gap: 10rpx;">
<view class=""
style="display: flex;flex-wrap: wrap;justify-content: flex-start;width: 690rpx;padding: 0 30rpx;gap: 10rpx;">
<view class="imgs" v-for="(item, index) in detail.images" :key="index">
<image mode="aspectFill" style="width: 220rpx;height: 220rpx;" :src="item">
<image mode="aspectFill" style="width: 220rpx;height: 220rpx;" :src="item">
</image>
</view>
</view>
</view>
<!-- 报名信息 -->
<view class="fourth flex flex-column" style="justify-content: flex-start;margin-bottom: 180rpx;">
<view class="flex align-items" style="padding: 30rpx;justify-content: space-between;">
<view class="fourth-top flex align-items" style="margin: 0px;">
<span>报名信息
<image class="icons" src="/static/detail/xiangqing.png"></image>
</span>
</view>
<view style="display: flex;align-items: center;" @click="sortTypeShow == true">
<view style="font-size: 28rpx;margin-left: 10rpx;">默认排序</view>
<view>
<image src="https://naweigetetest2.hschool.com.cn/uniapp_image/signSort.png" mode=""
style="width: 24rpx;height: 24rpx;margin-left: 15rpx;"></image>
</view>
</view>
</view>
<view style="padding:0rpx 30rpx;">
<view style="padding-top: 0rpx;">
<view style="display: flex;align-items: center;justify-content: space-between;">
<view>
<view style="font-size: 28rpx;color: #323232;">名字 手机号</view>
<view style="color: #9C9C9C;font-size: 24rpx;margin-top: 10rpx;">身份证
</view>
</view>
</view>
</view>
<view style="height: 1px;background-color: #F0F0F0;width: 100%;margin-top: 40rpx;"></view>
</view>
<!-- <view v-for="(item, index) in displayedList" @click="chickTeam(item, index)"
style="padding:0rpx 30rpx;">
<view style="padding-top: 40rpx;">
<view style="display: flex;align-items: center;justify-content: space-between;">
<view>
<view style="font-size: 28rpx;color: #323232;">{{ item.name }} {{item.mobile}}</view>
<view style="color: #9C9C9C;font-size: 24rpx;margin-top: 10rpx;">身份证 {{ item.idnum }}
</view>
</view>
</view>
</view>
<view style="height: 1px;background-color: #F0F0F0;width: 100%;margin-top: 40rpx;"></view>
</view> -->
</view>
<view style="width: 100%;height: 100rpx;"></view>
<view class="footer flex align-items" style="justify-content: space-between;" v-if="detail.status == 4">
@ -222,6 +279,25 @@
</view>
</u-popup>
<!-- 报名人的列表展示类型 -->
<u-popup :show="sortTypeShow" mode="bottom" :round="10" :zIndex="99999" :custom-style="popupStyle" @close="sortTypeShow == false"
@open="sortTypeShow == true">
<view class="popupBox flex justify-start align-items flex-column">
<!-- <view class="pop-header flex align-items" style="justify-content: space-between;">
<image src="../../static/center/classTime.png" mode="" style="width: 252rpx; height: 48rpx;">
</image>
<span @click="cancel">取消选择</span>
</view> -->
<!-- <span class="line"></span> -->
<!-- <view class="times flex align-items justify-center" style="flex-wrap: wrap;">
<span class="selectTime flex justify-center align-items" v-for="(item, index) in timeList"
:key="index" :class="{ selected: timeSelected(item) }" @click="selectTime(item)">
{{ item.name }}</span>
</view> -->
</view>
</u-popup>
<!-- 购买弹窗 -->
<u-popup :show="buyShow" mode="center" :round="10" :zIndex="99999" :custom-style="popupStyle"
@ -392,6 +468,15 @@
data() {
return {
checkSortType: 0,
sortTypeShow: false,
signPeopleList: [],//报名人信息
peopleParams: {
page: 1,
limit: 15,
order: '',
status: '2,3,4,5,6,7,9'
},
richTextShow: false,
showToggleButtons: false, // 控制是否显示展开/收起按钮
qunShow: false,
@ -762,6 +847,29 @@
}
}).catch(error => {});
},
//报名人信息列表
getSignPeople() {
uni.$u.http.get('/api/school.newactivity.activity_join/people_list', {
params: {
page: this.peopleParams.page,
limit: this.peopleParams.limit,
order: this.peopleParams.order,
status: this.peopleParams.status,
}
}).then(res => {
if (res.code == 1) {
console.log('peopleList',res.code,res.data);
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
})
}
}).catch(error => {});
},
// 报名 0 支付 1 立即购买 2 预约 3确认时间
sign() {
@ -1059,7 +1167,6 @@
<style lang="scss" scoped>
.detail_all {
background-color: #f7f7f7;
height: 100vh;
}
.w-100 {
@ -1261,7 +1368,8 @@
background: #ffffff;
margin-top: 60rpx;
border-radius: 44rpx;
margin-bottom: 150rpx;
// margin-bottom: 150rpx;
padding-bottom: 30rpx;
.third-top {
font-family: PingFang SC, PingFang SC;
@ -1302,19 +1410,19 @@
.imgs {
display: flex;
// width: 690rpx;
}
}
.third-center1 {
padding: 30rpx;
overflow: hidden;
.v_html {
font-size: 34rpx;
line-height: 52rpx;
}
.imgs {
width: 690rpx;
// display: block;
@ -1328,7 +1436,48 @@
}
.fourth {
width: 100%;
background: #ffffff;
margin-top: 20rpx;
border-radius: 44rpx;
.fourth-top {
font-family: PingFang SC, PingFang SC;
font-weight: bold;
font-size: 36rpx;
color: #323232;
line-height: 50rpx;
margin-top: 30rpx;
margin-left: 30rpx;
position: relative;
z-index: 10;
}
span {
position: relative;
.icons {
width: 37rpx;
height: 20rpx;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
}
.mgbot {
margin-bottom: 210rpx;
}
}
.yes {
background-color: #999999;
}
.line {
width: 690rpx;
height: 2rpx;

25
packageB/outWeb.vue Normal file
View File

@ -0,0 +1,25 @@
<template>
<web-view :src="url"></web-view>
</template>
<script>
export default {
components: {
//MySwiper,
},
data: {
url: ''
},
onLoad: function(options) {
this.setData({
url: decodeURIComponent(options.url)
})
},
methods: {
},
};
</script>
<style>
</style>

6
pages.json
View File

@ -383,6 +383,12 @@
"navigationBarTitleText": "查看发票"
}
},
{
"path": "outWeb",
"style": {
"navigationBarTitleText": ""
}
},
{
"path": "invoice/addHead",
"style": {

49
pages/index/index.vue
View File

@ -465,30 +465,37 @@
},
openSwiper(item) {
console.log(item);
if (item.url == 'outdoor_sport_apply') {
const token = uni.getStorageSync('token');
if (!token) {
uni.showToast({
title: '请登录',
icon: 'none',
duration: 2000,
complete: function() {
setTimeout(function() {
uni.switchTab({
url: '/pages/my/index',
});
}, 2000);
}
});
return;
} else {
this.formShow = true;
}
} else {
if(item.type == 'out') {
uni.navigateTo({
url: item.url
url: '/packageB/outWeb?url=' + item.url
})
}else {
if (item.url == 'outdoor_sport_apply') {
const token = uni.getStorageSync('token');
if (!token) {
uni.showToast({
title: '请登录',
icon: 'none',
duration: 2000,
complete: function() {
setTimeout(function() {
uni.switchTab({
url: '/pages/my/index',
});
}, 2000);
}
});
return;
} else {
this.formShow = true;
}
} else {
uni.navigateTo({
url: item.url
})
}
}
},
swiperChange(e) {
if (e.detail.source == 'autoplay' || e.detail.source == 'touch') {