This commit is contained in:
王创世 2025-06-14 14:03:46 +08:00
parent 30336714ee
commit 60bd41f76e
10 changed files with 3035 additions and 2922 deletions

View File

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

View File

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

View File

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

View File

@ -55,7 +55,7 @@
</view> </view>
</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> <view>
<image src="/static/message/activen.png" mode="" style="width: 180rpx;height: 180rpx;"> <image src="/static/message/activen.png" mode="" style="width: 180rpx;height: 180rpx;">
</image> </image>

View File

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

View File

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

View File

@ -6,7 +6,10 @@
<view style="border: 1px solid #9C9C9C;width: 280rpx;height: 280rpx;margin: 0 auto;border-radius: 8rpx;"> <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" /> <image :src="item.codeimage" class="swiper-image" mode="aspectFill" />
</view> </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-item>
</swiper> </swiper>

View File

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

BIN
static/qrcode_yes.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB