This commit is contained in:
张凯 2025-06-14 14:04:15 +08:00
commit df8f3c76b0
10 changed files with 3035 additions and 2922 deletions

View File

@ -569,7 +569,7 @@ export default {
.line {
width: 630rpx;
height: 1rpx;
background: #F0F0F0;
background: #eeeeee;
margin: 30rpx 0;
}
@ -692,7 +692,7 @@ export default {
.line {
width: 642rpx;
height: 1rpx;
background: #F0F0F0;
background: #eeeeee;
//box-shadow: 1rpx 1rpx 0rpx 0rpx rgba(102, 102, 102, 0.25);
//border-radius: 0rpx 0rpx 0rpx 0rpx;
}

View File

@ -1022,7 +1022,7 @@ export default {
width: 586rpx;
height: 52rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-weight: 600;
font-size: 36rpx;
color: #323232;
// margin-left: 16rpx;

View File

@ -6,7 +6,7 @@
<view class="first-box flex flex-start flex-column justify-start">
<view class="flex align-items justify-center">
<image class="head_img" v-if="detail.images.length > 0" :src="detail.images[0]" mode="" ></image>
<image class="head_img" v-if="detail.images.length > 0" :src="detail.images[0]" mode=""></image>
<view style="margin-left: 20rpx;">
<view class="flex align-items">
<span class="first-name">{{detail.title}}</span>
@ -14,7 +14,8 @@
<view class="first-image flex align-items white-space" style="margin-top: 25rpx;">
<image :src="detailAny.user.avatar" mode="" style="width: 36rpx;height: 36rpx;"></image>
<span style="color:#9C9C9C;">{{ detailAny.user.nickname }}</span>
<span style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number }}人玩过</span>
<span
style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number }}人玩过</span>
</view>
<view class="flex align-items" style="margin-top: 20rpx;">
@ -30,14 +31,14 @@
</span>
<span class="line"></span>
<span class="first-image flex align-items space-between"
style="width: 100%;"
<span class="first-image flex align-items space-between" style="width: 100%;"
@click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)">
<view>
<image src="/static/center/address.png" mode="" class="icon-size"></image>
<span class="white-space">{{detail.address_detail}}</span>
</view>
<image src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;"></image>
<image src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;">
</image>
</span>
</view>
@ -47,34 +48,27 @@
<view class="third flex flex-column" style="justify-content: flex-start;">
<view class="third-center">
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;" >
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;">
<span>订单编号</span>
<span>{{detailAny.order_no}}</span>
</view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" >
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;">
<span>报名人昵称</span>
<span>{{ detailAny.user.nickname }}</span>
</view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;" >
<view class="flex w-100 space-between hui align-items" style="margin-top: 30rpx;">
<span>核销/报名人数</span>
<span style="color: #FF4810;"> {{detailAny.verification.have_number}} / {{ detailAny.verification.total_number }}</span>
<span style="color: #FF4810;"> {{detailAny.verification.have_number}} /
{{ detailAny.verification.total_number }}</span>
</view>
</view>
</view>
<view class="footer flex align-items flex-column" style="justify-content: space-between;">
<view class="footer-right flex justify-center align-items">
<span @click="hexiaohd()"> 确认核销 </span>
<view class="footer-right flex justify-center align-items" @click="hexiaohd()">
<span> 确认核销 </span>
</view>
</view>
</view>
</view>
</template>
@ -119,7 +113,7 @@
img: 'width: 100%'
},
value_slide:0,
value_slide: 0,
scrollTop: 0,
overlay: false,
userInfo: {},
@ -134,7 +128,7 @@
order_no: '',
PayPirce: 0,
detail: {},
detailAny:{},
detailAny: {},
people: {},
qrUrl: '',
is_collect: 0,
@ -158,7 +152,7 @@
titleStyle: {
color: '#FFFFFF'
},
wxcode:'',//code
wxcode: '', //code
};
},
@ -180,7 +174,7 @@
return dateWeek(timestamp)
},
//
formattime(e){
formattime(e) {
return dayjs(e).format('YYYY-MM-DD HH:mm:ss')
},
@ -239,7 +233,7 @@
}).catch(error => {});
},
hexiaohd(){
hexiaohd() {
let wxcc = this.wxcode
uni.$u.http.post('/api/school.newworker.activity.order/verification', {
code: wxcc
@ -302,10 +296,11 @@
</script>
<style lang="scss" scoped>
.detail_all{
.detail_all {
background-color: #f7f7f7;
height: 100vh;
}
.w-100 {
width: 100%;
}
@ -375,13 +370,14 @@
padding: 30rpx;
border-radius: 18rpx;
box-sizing: border-box;
.head_img{
.head_img {
width: 160rpx;
height: 160rpx;
border-radius: 18rpx;
}
.first-name{
.first-name {
width: 440rpx;
height: 39rpx;
font-family: PingFang SC, PingFang SC;
@ -406,8 +402,9 @@
font-size: 26rpx;
color: #222222;
}
.xieyi{
background-color:#BBFC5B;
.xieyi {
background-color: #BBFC5B;
width: 156rpx;
height: 48rpx;
border-radius: 8rpx;
@ -445,10 +442,12 @@
.third {
width: 100%;
background: #ffffff;
margin-top:20rpx;
margin-top: 20rpx;
border-radius: 44rpx;
.third-center {
padding: 30rpx;
.hui {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
@ -488,6 +487,7 @@
background: #323232;
border-radius: 148rpx;
margin-bottom: 30rpx;
span {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
@ -495,11 +495,13 @@
color: #BBFC5B;
}
}
.footer-right1 {
width: 690rpx;
height: 90rpx;
background: #E4E4E4;
border-radius: 148rpx;
span {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
@ -867,12 +869,14 @@
}
</style>
<style lang="scss">
.value_slide{
.value_slide {
width: 50%;
::v-deep .uni-slider-handle-wrapper{
::v-deep .uni-slider-handle-wrapper {
height: 10rpx;
}
::v-deep .uni-slider-handle{
::v-deep .uni-slider-handle {
background: url('@/static/detail/qiu.png') !important;
border-radius: 0;
background-size: 36rpx 36rpx !important;
@ -881,17 +885,21 @@
top: 14rpx;
margin-left: -18rpx !important;
}
::v-deep .uni-slider-value{
::v-deep .uni-slider-value {
color: #323232;
&::after{
&::after {
content: '%';
}
}
// #ifdef MP-WEIXIN
.wx-slider-handle-wrapper{
.wx-slider-handle-wrapper {
height: 8rpx;
}
.wx-slider-handle{
.wx-slider-handle {
background: url('@/static/detail/qiu.png') !important;
border-radius: 0;
background-size: 28rpx 28rpx !important;
@ -900,14 +908,17 @@
top: 18rpx;
margin-left: -14rpx !important;
}
.wx-slider-value{
.wx-slider-value {
display: flex;
width: 30rpx;
color: #323232;
&::after{
&::after {
content: '%';
}
}
// #endif
}
</style>

View File

@ -55,7 +55,7 @@
</view>
</view>
<view class="flex justify-center align-items" v-if="list.length == 0" style="margin-top: 150rpx;">
<view class="flex justify-center align-items" v-if="list.length == 0" style="height: 90vh;">
<view>
<image src="/static/message/activen.png" mode="" style="width: 180rpx;height: 180rpx;">
</image>

View File

@ -44,7 +44,7 @@
<span class="title white-space">{{ item.title }}</span>
<span class="first-image flex align-items" style="margin-top: 20rpx; width: 100%">
<image :src="item.user.avatar" style="width: 36rpx; height: 36rpx"></image>
<span style="color: #9c9c9c; margin-left: 10rpx; width: 35%">{{
<span style="color: #9c9c9c; margin-left: 10rpx;">{{
item.user.nickname
}}</span>
<view class="white-space" style="width: 60%">

View File

@ -6,18 +6,20 @@
<view class="first-box flex flex-start flex-column justify-start">
<view class="flex align-items justify-center" @click="toInfo(detail.activity_id)">
<image class="head_img" v-if="detail.images.length > 0" :src="detail.images[0]" mode="" ></image>
<image class="head_img" v-if="detail.images.length > 0" :src="detail.images[0]" mode=""></image>
<view style="margin-left: 20rpx;">
<view class="flex align-items">
<text class="first-name">{{detail.title}}</text>
<text class="first-name">{{ detail.title }}</text>
</view>
<view class="first-image flex align-items" style="margin-top: 25rpx;">
<image :src="detailAny.user.avatar" mode="" style="width: 36rpx;height: 36rpx;border-radius: 80rpx ;"></image>
<image :src="detailAny.user.avatar" mode=""
style="width: 36rpx;height: 36rpx;border-radius: 80rpx ;"></image>
<text style="color:#9C9C9C;">{{ detailAny.user.nickname }}</text>
<text style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number }}人玩过</text>
<text style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number
}}人玩过</text>
</view>
<view class="flex align-items" style="margin-top: 20rpx;">
{{detailAny.totalprice}}
{{ detailAny.totalprice }}
</view>
</view>
</view>
@ -25,18 +27,18 @@
<text class="line"></text>
<view class="first-image flex align-items">
<image src="../../static/center/Alarm.png" mode="" class="icon-size"></image>
<text>{{formattedTime.formattedTime}}</text>
<text>{{ formattedTime.formattedTime }}</text>
</view>
<text class="line"></text>
<view class="first-image flex align-items space-between"
style="width: 100%;"
<view class="first-image flex align-items space-between" style="width: 100%;"
@click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)">
<view class="flex">
<image src="/static/center/address.png" mode="" class="icon-size"></image>
<text>{{detail.address_detail}}</text>
<text>{{ detail.address_detail }}</text>
</view>
<image src="/static/detail/daohang.png" class="icon-size" style="width: 48rpx; height: 48rpx;"></image>
<image src="/static/detail/daohang.png" class="icon-size" style="width: 48rpx; height: 48rpx;">
</image>
</view>
</view>
@ -57,7 +59,7 @@
</l-painter-view>
</l-painter> -->
<view class="bottom">
<text>左右滑动二维码核销{{qrindex}}/{{detailAny.num}}</text>
<text>二维码核销{{ qrindex }}/{{ detailAny.num }}</text>
</view>
</view>
@ -65,56 +67,60 @@
<view class="third flex flex-column" style="justify-content: flex-start;">
<view class="third-center">
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;" >
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;">
<text>订单状态</text>
<text style="color: #323232;" v-if="detailAny.status == 2 || detailAny.status == 3 || detailAny.status == 4">待核销</text>
<text style="color: #323232;"
v-if="detailAny.status == 2 || detailAny.status == 3 || detailAny.status == 4">待核销</text>
</view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;" >
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
<text>订单编号</text>
<text style="color: #323232;">{{detailAny.order_no}}</text>
<text style="color: #323232;">{{ detailAny.order_no }}</text>
</view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;" >
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
<text>创建时间</text>
<text style="color: #323232;">{{ formattime(detailAny.createtime)}}</text>
<text style="color: #323232;">{{ formattime(detailAny.createtime) }}</text>
</view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;" >
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
<text>付款金额</text>
<text style="color: #FF4810;font-weight: 600;">{{detailAny.totalprice}}</text>
<text style="color: #FF4810;font-weight: 600;">{{ detailAny.totalprice }}</text>
</view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;" >
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
<text>付款方式</text>
<text style="color: #323232;">{{detailAny.pay_type == 'wechat' ? '微信支付' : '余额'}}</text>
<text style="color: #323232;">{{ detailAny.pay_type == 'wechat' ? '微信支付' : '余额' }}</text>
</view>
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;" >
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
<text>付款时间</text>
<text style="color: #323232;">{{ formattime(detailAny.createtime)}}</text>
<text style="color: #323232;">{{ formattime(detailAny.createtime) }}</text>
</view>
</view>
</view>
<!-- v-if="detailAny.feel == 0" -->
<view class="footer flex align-items flex-column" style="justify-content: space-between;" >
<view class="footer flex align-items flex-column" style="justify-content: space-between;">
<view @click="service(detailAny.id)" class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 0 && detailAny.status==9">
<text > 申请售后 </text>
<view @click="service(detailAny.id)" class="footer-right flex justify-center align-items"
v-if="detailAny.detail.feel == 0 && detailAny.status == 9">
<text> 申请售后 </text>
</view>
<view @click="paidcancel(detailAny.id)" class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 0 && detailAny.status==2">
<text > 取消订单 </text>
<view @click="paidcancel(detailAny.id)" class="footer-right flex justify-center align-items"
v-if="detailAny.detail.feel == 0 && detailAny.status == 2">
<text> 取消订单 </text>
</view>
<view @click="cancelOrder(detailAny.id)" class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 1&& detailAny.status==2">
<text > 取消订单 </text>
<view @click="cancelOrder(detailAny.id)" class="footer-right flex justify-center align-items"
v-if="detailAny.detail.feel == 1 && detailAny.status == 2">
<text> 取消订单 </text>
</view>
</view>
<u-popup :show="buyShow" mode="center" :round="10" :zIndex="99999" :custom-style="popupStyle" @close="buyClose"
@open="buyOpen" :safeAreaInsetBottom="false" :closeable="true">
<u-popup :show="buyShow" mode="center" :round="10" :zIndex="99999" :custom-style="popupStyle"
@close="buyClose" @open="buyOpen" :safeAreaInsetBottom="false" :closeable="true">
<view class="popupBox flex justify-start align-items flex-column">
<view class="pop-header flex align-items flex-column flex-start">
<view class="name white-space">{{detail.title}}</view>
<view class="name white-space">{{ detail.title }}</view>
<view class="price">
<text v-if="detail.feel == 0">{{detail.price}}</text>
<text v-if="detail.feel == 0">{{ detail.price }}</text>
<text v-if="detail.feel == 1">公益</text>
</view>
<!-- <image src="../../static/center/buy.png" mode="" style="width: 168rpx; height: 48rpx;">
@ -123,11 +129,11 @@
<view class="popup flex-column">
<view class="first-image flex align-items" style="margin: 16rpx 0;">
<image src="../../static/center/Alarm.png" mode="" class="icon-size"></image>
<text>{{formattedTime.formattedTime}} (共计{{formattedTimeList.length}})</text>
<text>{{ formattedTime.formattedTime }} (共计{{ formattedTimeList.length }})</text>
</view>
<view class="first-image flex align-items">
<image src="../../static/center/address.png" mode="" class="icon-size"></image>
<text>{{detail.address_detail}}</text>
<text>{{ detail.address_detail }}</text>
</view>
<!-- <image :src="detail.headimage" mode="" style="width: 200rpx; height: 140rpx;"></image>
<view class="popur-right flex flex-column">
@ -219,12 +225,12 @@
</template>
<script>
import dayjs from 'dayjs';
import qrcodeSwiper from '@/packageA/qrcodeSwiper.vue'
import {
import dayjs from 'dayjs';
import qrcodeSwiper from '@/packageA/qrcodeSwiper.vue'
import {
dateWeek
} from '../../utils/dateFormat'
export default {
} from '../../utils/dateFormat'
export default {
components: {
qrcodeSwiper
},
@ -262,7 +268,7 @@
img: 'width: 100%'
},
qrindex:1,
qrindex: 1,
scrollTop: 0,
overlay: false,
userInfo: {},
@ -277,7 +283,7 @@
order_no: '',
PayPirce: 0,
detail: {},
detailAny:{},
detailAny: {},
people: {},
qrUrl: '',
is_collect: 0,
@ -303,7 +309,7 @@
},
// qrList:[],//
//
qrimages:[]
qrimages: []
};
},
@ -330,17 +336,23 @@
this.order_no = options.order_no
console.log(options.id)
this.getDetail()
this.getShare()
this.getShare();
//访this.getDetail()
setTimeout(() => {
setInterval(() => {
this.getDetail()
}, 10000)
}, 10000)
},
methods: {
toInfo(id){
toInfo(id) {
uni.navigateTo({
url: "/packageA/center/detail?id=" + id
})
},
// (1)
paidcancel(){
paidcancel() {
uni.showLoading({
title: '处理中...'
});
@ -363,9 +375,9 @@
// prevPage.onLoad(prevPage.options)
// }
// });
setTimeout(()=>{
setTimeout(() => {
uni.hideLoading();
},2000)
}, 2000)
} else {
uni.showToast({
@ -407,7 +419,7 @@
duration: 2000
});
}
}).catch(error => {});
}).catch(error => { });
},
//
// generateAllQRCodes() {
@ -448,10 +460,10 @@
return dateWeek(timestamp)
},
//
formattime(e){
return dayjs(e*1000).format('YYYY-MM-DD HH:mm:ss')
formattime(e) {
return dayjs(e * 1000).format('YYYY-MM-DD HH:mm:ss')
},
onSwiperChanges(e){
onSwiperChanges(e) {
this.qrindex = e + 1
},
overlayShow() {
@ -463,8 +475,8 @@
title: '请登录',
icon: 'none',
duration: 2000,
complete: function() {
setTimeout(function() {
complete: function () {
setTimeout(function () {
uni.switchTab({
url: '/pages/my/index',
});
@ -548,7 +560,7 @@
duration: 2000
})
}
}).catch(error => {});
}).catch(error => { });
},
// 0 1 2 3
@ -613,8 +625,8 @@
title: res.msg,
icon: 'none',
duration: 2000,
complete: function() {
setTimeout(function() {
complete: function () {
setTimeout(function () {
uni.reLaunch({
url: "/packageA/my/makeList?status=" + -1
})
@ -648,7 +660,7 @@
latitude: parseFloat(latitude),
longitude: parseFloat(longitude),
name: name,
success: function() {
success: function () {
console.log('success');
}
});
@ -807,14 +819,14 @@
timeSelected(time) {
return this.selectedTime === time;
},
moveScroll() {},
moveScroll() { },
//
getMoney() {
uni.$u.http.post('/api/school.newactivity.order/confirm', {
activity_id: this.id,
order_no: this.order_no,
is_compute: 1,
num:1
num: 1
}).then(res => {
if (res.code == 1) {
this.PayPirce = res.data.order_data.totalprice
@ -847,8 +859,8 @@
title: '创建成功',
icon: 'success',
duration: 2000,
complete: function() {
setTimeout(function() {
complete: function () {
setTimeout(function () {
uni.redirectTo({
url: "/packageA/my/orderList?status=" + 3
})
@ -916,42 +928,43 @@
});
},
},
}
}
</script>
<style lang="scss" scoped>
.detail_all{
.detail_all {
background-color: #f7f7f7;
}
.w-100 {
}
.w-100 {
width: 100%;
}
}
.flex {
.flex {
display: flex;
}
}
.flex-start {
.flex-start {
align-items: flex-start;
}
}
.justify-center {
.justify-center {
justify-content: center;
}
}
.align-items {
.align-items {
align-items: center;
}
}
.flex-column {
.flex-column {
flex-flow: column;
}
}
.justify-start {
.justify-start {
justify-content: start;
}
}
.white-space {
.white-space {
overflow: hidden;
/* 确保超出容器的文本被隐藏 */
white-space: nowrap;
@ -959,46 +972,47 @@
text-overflow: ellipsis;
/* 使用省略号表示被截断的文本 */
width: 100%;
}
}
.con-center {
.con-center {
// background: white;
border-radius: 44rpx;
position: relative;
margin-top: 30rpx;
}
}
.space-between {
.space-between {
justify-content: space-between;
}
}
.swiper {
.swiper {
width: 100%;
height: 580rpx;
}
}
.box {
.box {
position: relative;
margin: 0 30rpx;
}
}
.first-box {
.first-box {
width: 690rpx;
background: #FFFFFF;
padding: 30rpx;
border-radius: 18rpx;
box-sizing: border-box;
.head_img{
.head_img {
width: 160rpx;
height: 160rpx;
border-radius: 18rpx;
}
.first-name{
.first-name {
width: 440rpx;
height: 39rpx;
font-family: PingFang SC, PingFang SC;
@ -1023,16 +1037,17 @@
font-size: 26rpx;
color: #222222;
}
.xieyi{
background-color:#BBFC5B;
.xieyi {
background-color: #BBFC5B;
width: 156rpx;
height: 48rpx;
border-radius: 8rpx;
}
}
}
}
.second-box {
.second-box {
width: 690rpx;
height: 64rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
@ -1057,27 +1072,29 @@
margin: 0 22rpx 0 4rpx;
}
}
}
}
.third {
.third {
width: 100%;
background: #ffffff;
margin-top:20rpx;
margin-top: 20rpx;
border-radius: 44rpx;
.third-top{
.third-top {
font-family: PingFang SC, PingFang SC;
font-weight: 700;
font-size: 36rpx;
color: #323232;
line-height: 50rpx;
margin-top: 30rpx;
margin-left:30rpx;
margin-left: 30rpx;
position: relative;
z-index: 10;
view{
view {
position: relative;
.icons{
.icons {
width: 37rpx;
height: 20rpx;
position: absolute;
@ -1087,16 +1104,19 @@
}
}
}
.third-center {
padding: 30rpx;
position: relative;
.hui {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 26rpx;
color: #9C9C9C;
}
.bottom{
.bottom {
width: 100%;
margin-bottom: 10rpx;
font-family: PingFang SC, PingFang SC;
@ -1111,23 +1131,23 @@
}
}
.line {
.line {
width: 630rpx;
height: 1rpx;
background: #F0F0F0;
margin: 30rpx 0;
}
}
.icon-size {
.icon-size {
width: 32rpx;
height: 32rpx;
margin-right: 12rpx;
}
}
.footer {
.footer {
width: 100%;
height: 166rpx;
margin-top: 50rpx;
@ -1138,6 +1158,7 @@
background: #323232;
border-radius: 148rpx;
margin-bottom: 30rpx;
text {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
@ -1145,11 +1166,13 @@
color: #BBFC5B;
}
}
.footer-right1 {
width: 690rpx;
height: 90rpx;
background: #E4E4E4;
border-radius: 148rpx;
text {
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
font-weight: 400;
@ -1157,10 +1180,10 @@
color: #9C9C9C;
}
}
}
}
.popupBox {
.popupBox {
width: 690rpx;
height: 716rpx;
@ -1290,9 +1313,9 @@
margin: 24rpx 32rpx 0 0;
}
}
}
.share {
.share {
position: fixed;
color: #FFFFFF;
right: 0;
@ -1302,9 +1325,9 @@
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
box-shadow: 0 0 20upx rgba(0, 0, 0, .09);
}
}
.cancel {
.cancel {
width: 100vw;
padding: 30rpx;
text-align: center;
@ -1312,49 +1335,49 @@
color: red;
font-weight: bold;
font-size: 30rpx;
}
}
.md-content {
.md-content {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 50rpx 0;
background-color: white;
}
}
.md-content-item {
.md-content-item {
margin: 0 70rpx;
position: relative;
}
}
.md-content-item image {
.md-content-item image {
width: 100rpx;
height: 100rpx;
}
}
.md-content-item view {
.md-content-item view {
margin-top: 15rpx;
font-size: 28rpx;
}
}
.sharebtn {
.sharebtn {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
}
}
.cu-modal {
.cu-modal {
position: fixed;
bottom: 166rpx;
left: 0;
z-index: 999999;
}
}
.gj {
.gj {
.title {
font-family: PingFang SC, PingFang SC;
font-weight: 800;
@ -1405,9 +1428,9 @@
}
}
}
}
}
::v-deep ::-webkit-scrollbar {
::v-deep ::-webkit-scrollbar {
/*滚动条整体样式*/
width: 4px !important;
height: 1px !important;
@ -1415,40 +1438,40 @@
background: #ccc !important;
-webkit-appearance: auto !important;
display: block;
}
}
::v-deep ::-webkit-scrollbar-thumb {
::v-deep ::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px !important;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
background: #7b7979 !important;
}
}
::v-deep ::-webkit-scrollbar-track {
::v-deep ::-webkit-scrollbar-track {
/*滚动条里面轨道*/
// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
// border-radius: 10px !important;
background: #FFFFFF !important;
}
}
.Poster {
.Poster {
position: relative;
top: 21rpx;
left: 30rpx;
width: 690rpx;
}
}
.posterClose {
.posterClose {
position: absolute;
right: 8rpx;
top: 8rpx;
}
}
.pos {
.pos {
position: relative;
}
}
.btnList {
.btnList {
width: 690rpx;
position: absolute;
bottom: 150rpx;
@ -1471,18 +1494,18 @@
}
.save {}
}
}
.no-scroll {
.no-scroll {
overflow: hidden;
height: 100vh;
}
}
::v-deep ._root {
::v-deep ._root {
padding: 0 10rpx;
}
}
.no-border-button {
.no-border-button {
background-color: transparent;
/* 去掉背景色 */
border: none;
@ -1514,5 +1537,5 @@
justify-content: center;
align-items: center;
}
}
}
</style>

View File

@ -607,7 +607,7 @@
color: #181818;
height: 110rpx;
line-height: 110rpx;
border-bottom: 1rpx solid #f5f6fa;
border-bottom: 1rpx solid #eeeeee;
.right {
display: flex;

View File

@ -6,7 +6,10 @@
<view style="border: 1px solid #9C9C9C;width: 280rpx;height: 280rpx;margin: 0 auto;border-radius: 8rpx;">
<image :src="item.codeimage" class="swiper-image" mode="aspectFill" />
</view>
<view style="text-align: center;font-size: 26rpx;margin-top: 20rpx;">{{item.name}}</view>
<view v-if="item.status==6" style="border: 1px solid #9C9C9C;width: 280rpx;height: 284rpx;margin: 0 auto;border-radius: 8rpx; position: absolute;top: 0;left: 0;right: 0;">
<image src="/static/qrcode_yes.png" class="swiper-image" mode="aspectFill" />
</view>
<view style="text-align: center;font-size: 28rpx;margin-top: 15rpx;font-weight: 600;">{{item.name}}</view>
</swiper-item>
</swiper>

View File

@ -19,8 +19,9 @@
<view class="row flex align-items textarea_fb" style="margin-top: 25rpx;">
<u--textarea v-model="form.content" :maxlength="800" placeholder="描述一下活动的亮点、活动内容、推荐的人群、叫大家一起运动吧~"
:height="120" placeholder-class="bttop"></u--textarea>
<u--textarea v-model="form.content" :maxlength="800"
placeholder="描述一下活动的亮点、活动内容、推荐的人群、叫大家一起运动吧~" :height="120"
placeholder-class="bttop"></u--textarea>
</view>
<span class="line-row" style="margin-top: 0;"></span>
@ -46,7 +47,8 @@
集合地点
</view>
<view class="row-right" @click="choose()" style="width: 70%;">
<text style="font-size: 28rpx;color: #9C9C9C;">{{form.address==''?'请填写地址':form.address}}</text>
<text
:style="form.address == '' ? 'font-size: 28rpx;color: #9C9C9C;' : 'font-size: 28rpx;color: #3D3D3D;'">{{ form.address == '' ? '请填写地址' : form.address }}</text>
<u-icon name="arrow-right" color="#323232"></u-icon>
</view>
</view>
@ -67,7 +69,7 @@
<view class="row-right" @click="dateShowHidden()" style="width: 70%;">
<!-- <input type="text" placeholder="请选择活动时间" class="input" disabled="true" v-model="form.time"
placeholder-class="plasty" style="width: auto;"/> -->
<text style="font-size: 28rpx;color: #9C9C9C;">{{form.time==''?'请选择活动时间':form.time}}</text>
<text :style="form.time == '' ? 'font-size: 28rpx;color: #9C9C9C;' : 'font-size: 28rpx;color: #3D3D3D;'">{{ form.time == '' ? '请选择活动时间' : form.time }}</text>
<u-icon name="arrow-right" color="#323232"></u-icon>
</view>
</view>
@ -81,14 +83,15 @@
<span class="row-right" @click="openBq">
<!-- <input type="text" placeholder="请选择活动分类" class="input" disabled="true"
v-model="form.cate_idsName" placeholder-class="plasty" /> -->
<text style="font-size: 28rpx;color: #9C9C9C;">{{form.cate_idsName==''?'请选择活动分类':form.cate_idsName}}</text>
<text
:style="form.cate_idsName == '' ? 'font-size: 28rpx;color: #9C9C9C;' : 'font-size: 28rpx;color: #3D3D3D;'">{{ form.cate_idsName == '' ? '请选择活动分类' : form.cate_idsName }}</text>
<u-icon name="arrow-right" color="#323232"></u-icon>
</span>
</view>
<span class="line-row"></span>
<view class="row flex align-items" style="margin: 25rpx 0;" v-if="form.price != 0">
<view class="row flex align-items" style="margin: 25rpx 0;">
<view class="label flex align-items ">
<text style="color: #3D3D3D;">*</text>退款政策
</view>
@ -96,7 +99,8 @@
<view class="row-right" @click="tuikuan = true">
<!-- <input type="text" placeholder="请选择退款政策" class="input" disabled="true"
v-model="form.refund_idn" placeholder-class="plasty_c" /> -->
<text style="font-size: 28rpx;color: #9C9C9C;">{{form.refund_idn==''?'请选择活动分类':form.refund_idn}}</text>
<text
style="font-size: 28rpx;color: #FF4810;">{{ form.refund_idn == '' ? '请选择退款政策' : form.refund_idn }}</text>
<u-icon name="arrow-right" color="#323232"></u-icon>
</view>
</view>
@ -111,8 +115,8 @@
<view class="row-right">
<u-upload @afterRead="uploadQun" :maxCount="1">
<view style="display: flex;justify-content: flex-end;align-items: center;">
<view v-if="qunQrcode==''" style="color: #9C9C9C;font-size: 26rpx;">未上传</view>
<view v-if="qunQrcode!=''" style="color: #FF4810;font-size: 26rpx;">已上传</view>
<view v-if="qunQrcode == ''" style="color: #9C9C9C;font-size: 26rpx;">未上传</view>
<view v-if="qunQrcode != ''" style="color: #FF4810;font-size: 26rpx;">已上传</view>
<u-icon name="arrow-right" color="#323232"></u-icon>
</view>
</u-upload>
@ -128,19 +132,33 @@
活动人数
</span>
<span class="row-right">
<input type="number" placeholder="请填写活动人数" class="input" v-model="form.stock" />
<input type="number" placeholder="请填写活动人数" placeholder-class="plasty" class="input"
v-model="form.stock" />
</span>
</view>
<span class="line-row"></span>
<view class="row flex align-items" style="margin-top: 25rpx;">
<span class="label flex align-items ">
<view class="label flex align-items ">
<span style="color: #3D3D3D;">*</span>
活动价格
</span>
<span class="row-right">
<input type="digit" placeholder="请填写活动价格" class="input" v-model="form.price"
placeholder-class="plasty" />
</span>
</view>
<view class="row-right" style="font-size:28rpx;color:#FF4810;font-weight: 600;" @click="priceShow = true">
<!-- <input type="digit" placeholder="请填写活动价格" class="input" v-model="priceName"
placeholder-class="plasty" /> -->
<view>
<view v-if="form.price == 0 || form.price == ''">
<text>{{ priceName }}</text>
</view>
<view v-if="form.price != '' && form.price != 0">
<text></text>
<text>{{ priceName }}</text>
<text>/</text>
</view>
</view>
<view>
<u-icon name="arrow-right" color="#323232"></u-icon>
</view>
</view>
</view>
<span class="line-row"></span>
<view class="row flex align-items" style="margin: 25rpx 0;">
@ -158,7 +176,8 @@
</scroll-view>
<view class="bottom " v-if="status == -1 || status == 2">
<view style="margin:30rpx 0 0 0;">
<cc-protocolBox :agree="agree" :name="protocolArr" @click="protocolClick" @clickOne="protocolClick"></cc-protocolBox>
<cc-protocolBox :agree="agree" :name="protocolArr" @click="protocolClick"
@clickOne="protocolClick"></cc-protocolBox>
</view>
<span class="flex align-items justify-center" @click="apply()" v-if="agreeAdd == true">确认发布</span>
<span class="flex align-items justify-center" v-if="agreeAdd == false"
@ -233,7 +252,8 @@
style="padding: 40rpx 20rpx 10rpx 20rpx;;font-weight: 400;color: #3D3D3D;text-align: center;line-height: 44rpx;font-size: 28rpx;">
只差最后一步完成身份认证即可成为<br>+认证活动官开始分享您的精彩活动
</view>
<view style="gap: 20px;width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: 30rpx;">
<view
style="gap: 20px;width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: 30rpx;">
<view class="btn_4" @click="cardShow = false">取消</view>
<view class="btn_2" @click="openUrl('/packageB/card/index')">我同意</view>
</view>
@ -242,7 +262,7 @@
<!-- 活动分类 -->
<u-popup :show="showPopbq" mode="bottom" round="20"
:customStyle="{ 'width': '750rpx', 'height': '1040rpx','zIndex': '999'}" :closeable="false"
:customStyle="{ 'width': '750rpx', 'height': '1040rpx', 'zIndex': '999' }" :closeable="false"
@close="closebq" :closeOnClickOverlay="false">
<image @click="closebq" src="@/static/center/close.png" mode=""
style="width: 44rpx;height: 44rpx;position: absolute;right: 30rpx;top: -160rpx;z-index: 155;">
@ -263,7 +283,7 @@
</view>
</view>
<view class="titles_fl" style="margin-top: 50rpx;">全部标签</view>
<view class="titles_fl">全部标签</view>
<view style="display: flex; flex-wrap: wrap;">
<view class="flex align-items" :class="['bqpiece', { active: current === index }]"
@ -284,7 +304,7 @@
<!-- 活动时间 -->
<u-popup :show="dateShow" mode="bottom" round="20"
:customStyle="{ 'width': '750rpx', 'height': '1040rpx','zIndex': '999'}" :closeable="false"
:customStyle="{ 'width': '750rpx', 'height': '1040rpx', 'zIndex': '999' }" :closeable="false"
@close="dateShow = false" :closeOnClickOverlay="false">
<view style="display: flex;justify-content: space-between;align-items: center;padding: 30rpx;">
<view style="font-size: 28rpx;color: #9C9C9C;" @click="dateShow = false">取消</view>
@ -295,13 +315,13 @@
</view>
<view style="height: 1px;background-color: #EEEEEE;width: 100%;"></view>
<view style="height: 700rpx;">
<long-date v-if="dateShow" chooseNum="90" @select="datefirm($event,hdIndex)"></long-date>
<long-date v-if="dateShow" chooseNum="90" @select="datefirm($event, hdIndex)"></long-date>
</view>
</u-popup>
<!-- 报名时间 -->
<u-popup :show="birthShow" mode="bottom" round="20"
:customStyle="{ 'width': '750rpx', 'height': '1040rpx','zIndex': '999'}" :closeable="false"
:customStyle="{ 'width': '750rpx', 'height': '1040rpx', 'zIndex': '999' }" :closeable="false"
@close="birthShow = false" :closeOnClickOverlay="false">
<view style="display: flex;justify-content: space-between;align-items: center;padding: 30rpx;">
<view style="font-size: 28rpx;color: #9C9C9C;" @click="birthShow = false">取消</view>
@ -312,7 +332,28 @@
</view>
<view style="height: 1px;background-color: #EEEEEE;width: 100%;"></view>
<view style="height: 700rpx;">
<long-date v-if="birthShow" chooseNum="90" @select="birthConfirm($event,bmIndex)"></long-date>
<long-date v-if="birthShow" chooseNum="90" @select="birthConfirm($event, bmIndex)"></long-date>
</view>
</u-popup>
<u-popup :show="priceShow" :round="20" :closeable="true" mode="bottom" @close="priceShow = false;">
<view
style="padding: 26rpx;font-size: 36rpx;font-weight: 400;color: #3D3D3D;text-align: center;font-weight: 600;">
请输入活动价格
</view>
<view style="padding: 0rpx 30rpx;">
<view style="display: flex;align-items: center;justify-content: space-between;padding: 30rpx 0rpx;">
<view style="font-size: 30rpx;">
活动价格
</view>
<view style="width: 75%;">
<input :cursor-spacing="300" type="digit" placeholder="请填写活动价格" class="input"
v-model="price" />
</view>
</view>
<view style="height: 1px;background-color: #eeeeee;width: 100%;"></view>
</view>
<view style="margin-top: 40rpx;">
<view class="btn_1" @click="priceDo" style="margin: 0 auto;">确认</view>
</view>
</u-popup>
<!-- 活动时间 -->
@ -335,19 +376,23 @@
</template>
<script>
import dayjs from 'dayjs';
import longDate from "@/components/long-date/long-date.vue"
import {
dateWeek,dateWeekData
} from '../../utils/dateFormat'
export default {
import dayjs from 'dayjs';
import longDate from "@/components/long-date/long-date.vue"
import {
dateWeek,
dateWeekData
} from '../../utils/dateFormat'
export default {
components: {
longDate
},
data() {
return {
bmIndex:1,
hdIndex:1,
price:'',
priceName: '免费',
priceShow: false,
bmIndex: 1,
hdIndex: 1,
agreeAdd: false,
timer: null,
timeLog: 0,
@ -386,7 +431,7 @@
content: '',
refund_id: '',
refund_idn: '',
price: 0,
price: '',
stock: '',
sign_time: '',
time: '',
@ -422,18 +467,18 @@
alignItems: 'center',
flexColumn: 'column'
},
current: 0,
current: -1,
currents: -1,
institutionList: [],
images: '',
fileList1: [], //
list1: '', // URL3
//
times_b: '',//
times_e: '',//
times_b: '', //
times_e: '', //
times_b_int: '',//
times_e_int: '',//
times_b_int: '', //
times_e_int: '', //
//
times_sinb: '', //
@ -455,6 +500,7 @@
this.getBqList();
this.getrefund_list();
this.getitembq();
this.selectItemTuikuan();
//var c=uni.getSystemInfoSync();
//844-94-70-100 = 580
//763-47-(100-47)-34-50
@ -462,7 +508,7 @@
},
onShow() {
this.show=false;
this.show = false;
this.getCardInfo();
},
filters: {
@ -476,6 +522,31 @@
}
},
methods: {
priceDo() {
var price = this.price;
//1
if(price<1){
uni.showToast({
title: '活动价格不能小于1.00',
icon: 'none',
duration: 2000,
});
return;
}
//.00
if (price.indexOf('.') == -1) {
price = price + '.00';
}
this.form.price = this.price;
this.priceName = price;
this.priceShow = false;
},
selectItemTuikuan() {
this.currents = 5;
this.form.refund_id = 3;
this.form.refund_idn = '不支持自动退款';
},
Time(val) {
console.log(val);
},
@ -656,11 +727,11 @@
return formattedDate;
},
dateShowHidden() {
this.hdIndex=1;
this.hdIndex = 1;
this.dateShow = true;
},
birthShowHidden() {
this.bmIndex=1;
this.bmIndex = 1;
this.birthShow = true;
},
@ -671,10 +742,10 @@
if (index == 1) {
//this.form.date = time;
this.times_b = time;
this.times_b_int=time;
this.times_b_int = time;
} else {
this.times_e = time;
this.times_e_int=time;
this.times_e_int = time;
//this.dateShow = false
this.form.time = this.times_b + ' - ' + this.times_e
}
@ -686,61 +757,61 @@
//this.dateShow1 = true
},
hdnext(){
hdnext() {
//
const currentTime = dayjs().format('YYYY-MM-DD HH');
var b = currentTime+':00';
if(this.times_b == '' || this.times_b==null){
var b = currentTime + ':00';
if (this.times_b == '' || this.times_b == null) {
//this.times_b
if(this.isBeforeNow(b)){
if (this.isBeforeNow(b)) {
uni.$u.toast('活动开始时间不能小于当前时间');
return;
}
this.times_b = b;
}else{
if(this.isBeforeNow(this.times_b)){
} else {
if (this.isBeforeNow(this.times_b)) {
uni.$u.toast('活动开始时间不能小于当前时间');
return;
}
// <
// date1 < date2true
if(this.isDateTimeBefore(this.times_b,this.times_sine_int) && this.times_sine_int!=''){
if (this.isDateTimeBefore(this.times_b, this.times_sine_int) && this.times_sine_int != '') {
uni.$u.toast('活动开始时间不能小于报名结束时间');
return;
}
//this.times_b = dateWeekData(this.times_b);
}
this.hdIndex=2;
this.hdIndex = 2;
},
hdok(){
hdok() {
const currentTime = dayjs().format('YYYY-MM-DD HH');
var b = currentTime+':00';
if(this.times_e == '' || this.times_e==null){
var b = currentTime + ':00';
if (this.times_e == '' || this.times_e == null) {
//this.times_e
if(this.isBeforeNow(b)){
if (this.isBeforeNow(b)) {
uni.$u.toast('活动结束时间不能小于开始时间');
return;
}
if(this.isDateTimeBefore(this.times_e,this.times_b)){
if (this.isDateTimeBefore(this.times_e, this.times_b)) {
uni.$u.toast('活动结束时间不能小于开始时间');
return;
}
// <
// date1 < date2true
if(this.isDateTimeBefore(this.times_e,this.times_sine_int) && this.times_sine_int!=''){
if (this.isDateTimeBefore(this.times_e, this.times_sine_int) && this.times_sine_int != '') {
uni.$u.toast('活动结束时间不能小于报名结束时间');
return;
}
this.times_e = b;
}else{
if(this.isBeforeNow(this.times_e)){
} else {
if (this.isBeforeNow(this.times_e)) {
uni.$u.toast('活动结束时间不能小于当前时间');
return;
}
// <
// date1 < date2true
if(this.isDateTimeBefore(this.times_e,this.times_sine_int) && this.times_sine_int!=''){
if (this.isDateTimeBefore(this.times_e, this.times_sine_int) && this.times_sine_int != '') {
uni.$u.toast('活动结束时间不能小于报名结束时间');
return;
}
@ -748,7 +819,7 @@
this.times_b = dateWeekData(this.times_b);
}
this.form.time = this.times_b + ' - ' + this.times_e
this.dateShow=false;
this.dateShow = false;
// if(this.times_e == '' || this.times_e==null){
// const currentTime = dayjs().format('YYYY-MM-DD HH');
// this.times_e = dateWeekData(currentTime+'00');
@ -778,7 +849,7 @@
this.dateShow1 = false
},
//
birthConfirm(e,index) {
birthConfirm(e, index) {
// this.form.birth = dayjs(e.value).format('YYYY-MM-DD HH:mm:ss');
// this.times_sinb = this.dateWeeks(e.value / 1000);
// this.birthShow = false
@ -796,60 +867,60 @@
this.form.sign_time = this.times_sinb + ' - ' + this.times_sine
}
},
bmnext(){
bmnext() {
//
const currentTime = dayjs().format('YYYY-MM-DD HH');
if(this.times_sinb == '' || this.times_sinb==null){
var b = currentTime+':00';
if (this.times_sinb == '' || this.times_sinb == null) {
var b = currentTime + ':00';
//this.times_sinb
if(this.isBeforeNow(b)){
if (this.isBeforeNow(b)) {
uni.$u.toast('报名开始时间不能小于当前时间');
return;
}
this.times_sinb = b;
}else{
if(this.isBeforeNow(this.times_sinb)){
} else {
if (this.isBeforeNow(this.times_sinb)) {
uni.$u.toast('报名开始时间不能小于当前时间');
return;
}
if(this.isDateTimeBefore(this.times_b_int,this.times_sinb_int) && this.times_b_int!=''){
if (this.isDateTimeBefore(this.times_b_int, this.times_sinb_int) && this.times_b_int != '') {
uni.$u.toast('报名开始时间不能大于活动开始时间');
return;
}
//this.times_sinb = dateWeekData(this.times_sinb);
}
this.bmIndex=2;
this.bmIndex = 2;
},
bmok(){
bmok() {
const currentTime = dayjs().format('YYYY-MM-DD HH');
var b = currentTime+':00';
if(this.times_sine == '' || this.times_sine==null){
var b = currentTime + ':00';
if (this.times_sine == '' || this.times_sine == null) {
//this.times_sine
if(this.isBeforeNow(b)){
if (this.isBeforeNow(b)) {
uni.$u.toast('报名结束时间不能小于当前时间');
return;
}
if(this.isDateTimeBefore(this.times_sine,this.times_sinb)){
if (this.isDateTimeBefore(this.times_sine, this.times_sinb)) {
uni.$u.toast('活动结束时间不能小于开始时间');
return;
}
if(this.isDateTimeBefore(this.times_b_int,this.times_sine_int) && this.times_b_int!=''){
if (this.isDateTimeBefore(this.times_b_int, this.times_sine_int) && this.times_b_int != '') {
uni.$u.toast('报名结束时间不能大于活动开始时间');
return;
}
this.times_sine = b;
}else{
if(this.isBeforeNow(this.times_sine)){
} else {
if (this.isBeforeNow(this.times_sine)) {
uni.$u.toast('报名结束时间不能小于当前时间');
return;
}
// date1date2true
if(this.isDateTimeBefore(this.times_sine,this.times_sinb)){
if (this.isDateTimeBefore(this.times_sine, this.times_sinb)) {
uni.$u.toast('报名结束时间不能小于开始时间');
return;
}
if(this.isDateTimeBefore(this.times_b_int,this.times_sine_int) && this.times_b_int!=''){
if (this.isDateTimeBefore(this.times_b_int, this.times_sine_int) && this.times_b_int != '') {
uni.$u.toast('报名结束时间不能大于活动开始时间');
return;
}
@ -857,7 +928,7 @@
this.times_sinb = dateWeekData(this.times_sinb);
}
this.form.sign_time = this.times_sinb + ' - ' + this.times_sine
this.birthShow=false;
this.birthShow = false;
},
birthCancel() {
this.birthShow = false
@ -931,14 +1002,14 @@
console.log(11111)
const that = this
uni.chooseLocation({
success: function(res) {
success: function (res) {
console.log(res)
that.form.address = res.name
// that.form.address_detail = res.address
that.form.latitude = res.latitude
that.form.longitude = res.longitude
},
fail: function(rot) {
fail: function (rot) {
console.log(rot)
}
});
@ -1247,7 +1318,7 @@
return;
}
let hdtime = this.times_b_int + ' - ' + this.times_e_int;
let bmtime = this.times_sinb_int +' - ' + this.times_sine_int;
let bmtime = this.times_sinb_int + ' - ' + this.times_sine_int;
params = {
title: this.form.title,
cate_ids: this.form.cate_ids,
@ -1271,8 +1342,8 @@
title: '发布成功!',
icon: 'none',
duration: 2000,
complete: function() {
setTimeout(function() {
complete: function () {
setTimeout(function () {
uni.navigateTo({
url: "/packageA/my/orderList"
})
@ -1283,7 +1354,10 @@
this.fileList1 = [];
this.agree = false;
this.list1 = '';
this.price='';
this.priceName='免费';
this.form = {
qunQrcode:'',
cate_ids: '',
//
cate_idsName: "",
@ -1326,18 +1400,18 @@
}
}
}
}
</script>
<style lang="scss" scoped>
.allbg {
.allbg {
position: fixed;
height: 100%;
width: 100%;
}
}
/* 添加新样式用于内部可滚动区域 */
.scroll-container {
/* 添加新样式用于内部可滚动区域 */
.scroll-container {
margin: 0 auto;
position: absolute;
top: 0;
@ -1350,15 +1424,15 @@
/* 允许内容溢出 */
margin-top: 200rpx;
margin-bottom: 370rpx;
}
}
.title_logo {
.title_logo {
width: 690rpx;
margin-top: 110rpx;
display: flex;
}
}
.backImg {
.backImg {
height: 100vh;
// background: linear-gradient(to bottom, #F1F2F8 0%, #F1F2F8 50%, #FFFFFF 100%);
width: 750rpx;
@ -1366,41 +1440,41 @@
background-image: url("https://naweigetetest2.hschool.com.cn/dyqc/bgx2.png");
background-size: 100%;
background-repeat: no-repeat;
}
}
.w-100 {
.w-100 {
width: 100%;
}
}
.flex {
.flex {
display: flex;
}
}
.justify-center {
.justify-center {
justify-content: center;
}
}
.space-between {
.space-between {
justify-content: space-between;
}
}
.align-items {
.align-items {
align-items: center;
}
}
.flex-column {
.flex-column {
flex-flow: column;
}
}
.justify-start {
.justify-start {
justify-content: start;
}
}
.mar-top-30 {
.mar-top-30 {
margin-top: 30rpx;
}
}
.box {
.box {
width: 690rpx;
.title {
@ -1484,6 +1558,7 @@
::v-deep .plasty {
text-align: right;
z-index: 10;
color: #9c9c9c;
}
::v-deep .plasty_c {
@ -1522,9 +1597,9 @@
line-height: 32rpx;
}
}
}
}
.textarea_fb {
.textarea_fb {
::v-deep .u-textarea {
height: 100%;
padding: 0;
@ -1537,15 +1612,15 @@
font-size: 24rpx;
color: #9C9C9C;
}
}
}
.shenfen ::v-deep .u-upload .u-upload__wrap__preview__image {
.shenfen ::v-deep .u-upload .u-upload__wrap__preview__image {
width: 196rpx !important;
height: 196rpx !important;
}
}
.bottom {
.bottom {
width: 750rpx;
height: 230rpx;
background: #FFFFFF;
@ -1554,6 +1629,7 @@
bottom: 128rpx;
position: fixed;
z-index: 10;
span {
width: 642rpx;
height: 80rpx;
@ -1567,9 +1643,9 @@
margin: 0 auto;
margin-top: 30rpx;
}
}
}
.inputl {
.inputl {
text-align: left;
font-family: PingFang SC, PingFang SC;
font-size: 30rpx;
@ -1577,32 +1653,32 @@
color: #343434;
line-height: 32rpx;
width: 500rpx;
}
}
.input {
.input {
text-align: right;
font-family: PingFang SC, PingFang SC;
font-size: 28rpx;
color: #343434;
line-height: 32rpx;
width: 450rpx;
}
}
.shenfen ::v-deep .u-transition.data-v-39e33bf2.vue-ref.u-fade-enter-to.u-fade-enter-active:not(:first-child) {
.shenfen ::v-deep .u-transition.data-v-39e33bf2.vue-ref.u-fade-enter-to.u-fade-enter-active:not(:first-child) {
margin-top: 20rpx;
}
}
.popup {
.popup {
// width: 690rpx;
height: 950rpx;
margin-top: 40rpx;
}
}
.popup-footer {
.popup-footer {
display: flex;
justify-content: center;
align-items: center;
@ -1633,37 +1709,37 @@
font-weight: 400;
font-size: 36rpx;
}
}
}
//
// ::v-deep ::-webkit-scrollbar {
// /**/
// width: 4px !important;
// height: 1px !important;
// overflow: auto !important;
// background: #ccc !important;
// -webkit-appearance: auto !important;
// display: block;
// }
//
// ::v-deep ::-webkit-scrollbar {
// /**/
// width: 4px !important;
// height: 1px !important;
// overflow: auto !important;
// background: #ccc !important;
// -webkit-appearance: auto !important;
// display: block;
// }
// ::v-deep ::-webkit-scrollbar-thumb {
// /**/
// border-radius: 10px !important;
// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
// background: #7b7979 !important;
// }
// ::v-deep ::-webkit-scrollbar-thumb {
// /**/
// border-radius: 10px !important;
// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
// background: #7b7979 !important;
// }
// ::v-deep ::-webkit-scrollbar-track {
// /**/
// // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
// // border-radius: 10px !important;
// background: #FFFFFF !important;
// }
// ::v-deep ::-webkit-scrollbar-track {
// /**/
// // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
// // border-radius: 10px !important;
// background: #FFFFFF !important;
// }
.textarea_mph {
.textarea_mph {
::v-deep .u-textarea {
height: 100%;
padding: 20rpx;
@ -1678,9 +1754,9 @@
font-size: 24rpx;
color: #9C9C9C;
}
}
}
.popup_bq {
.popup_bq {
display: flex;
flex-direction: column;
align-items: center;
@ -1696,7 +1772,7 @@
}
.bqlist {
margin-top: 80rpx;
margin-top: 147rpx;
z-index: 200;
margin-left: 80rpx;
height: 100%;
@ -1710,7 +1786,7 @@
overflow-y: auto;
-webkit-overflow-scrolling: touch;
flex-wrap: wrap;
height: 760rpx;
height: 690rpx;
width: 700rpx;
.titles_fl {
@ -1753,9 +1829,9 @@
}
}
}
.popup_tkall {
.popup_tkall {
// height: 1100rpx;
z-index: 100;
@ -1822,9 +1898,9 @@
font-weight: 400;
font-family: PingFang SC, PingFang SC;
}
}
}
.btn_1 {
.btn_1 {
width: 90%;
height: 80rpx;
background: #323232;
@ -1837,9 +1913,9 @@
text-align: center;
margin-top: 40rpx;
z-index: 100;
}
}
.btn_2 {
.btn_2 {
width: 50%;
height: 80rpx;
background: #323232;
@ -1852,9 +1928,9 @@
text-align: center;
margin-top: 40rpx;
z-index: 100;
}
}
.btn_3 {
.btn_3 {
width: 50%;
height: 80rpx;
background: #E2E2E2;
@ -1867,9 +1943,9 @@
text-align: center;
margin-top: 40rpx;
z-index: 100;
}
}
.btn_4 {
.btn_4 {
width: 50%;
height: 80rpx;
background: #ffffff;
@ -1883,5 +1959,5 @@
text-align: center;
margin-top: 40rpx;
z-index: 100;
}
}
</style>

BIN
static/qrcode_yes.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB