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

Compare commits

base: wo123:eef6220af6f3286e1a2bb042ee87549babc2e0db
Branches Tags
wo123:main
wo123:wzm
..
compare: wo123:b2a19df2182b74639c38e2ac4df87348e38ede79
Branches Tags
wo123:wzm
wo123:main

No commits in common. "eef6220af6f3286e1a2bb042ee87549babc2e0db" and "b2a19df2182b74639c38e2ac4df87348e38ede79" have entirely different histories.
eef6220af6 ... b2a19df218

10 changed files with 2935 additions and 3048 deletions
Show Stats Expand all files Collapse all files

4
packageA/afterSales/info.vue
View File

@ -569,7 +569,7 @@ export default {
.line { .line {
width: 630rpx; width: 630rpx;
height: 1rpx; height: 1rpx;
background: #eeeeee; background: #F0F0F0;
margin: 30rpx 0; margin: 30rpx 0;
} }
@ -692,7 +692,7 @@ export default {
.line { .line {
width: 642rpx; width: 642rpx;
height: 1rpx; height: 1rpx;
background: #eeeeee; background: #F0F0F0;
//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;
} }

2
packageA/center/detailSys.vue
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: 600; font-weight: 400;
font-size: 36rpx; font-size: 36rpx;
color: #323232; color: #323232;
// margin-left: 16rpx; // margin-left: 16rpx;

89
packageA/my/cancelActivity.vue
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,8 +14,7 @@
<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 <span style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number }}人玩过</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;">
@ -31,14 +30,14 @@
</span> </span>
<span class="line"></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)"> @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 src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;"></image>
</image>
</span> </span>
</view> </view>
@ -48,27 +47,34 @@
<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}} / <span style="color: #FF4810;"> {{detailAny.verification.have_number}} / {{ detailAny.verification.total_number }}</span>
{{ 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()">
<span> 确认核销 </span> <view class="footer-right flex justify-center align-items">
<span @click="hexiaohd()"> 确认核销 </span>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
@ -113,7 +119,7 @@
img: 'width: 100%' img: 'width: 100%'
}, },
value_slide: 0, value_slide:0,
scrollTop: 0, scrollTop: 0,
overlay: false, overlay: false,
userInfo: {}, userInfo: {},
@ -128,7 +134,7 @@
order_no: '', order_no: '',
PayPirce: 0, PayPirce: 0,
detail: {}, detail: {},
detailAny: {}, detailAny:{},
people: {}, people: {},
qrUrl: '', qrUrl: '',
is_collect: 0, is_collect: 0,
@ -152,7 +158,7 @@
titleStyle: { titleStyle: {
color: '#FFFFFF' color: '#FFFFFF'
}, },
wxcode: '', //核销code wxcode:'',//核销code
}; };
}, },
@ -174,7 +180,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')
}, },
@ -233,7 +239,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
@ -296,11 +302,10 @@
</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%;
} }
@ -370,14 +375,13 @@
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;
@ -402,9 +406,8 @@
font-size: 26rpx; font-size: 26rpx;
color: #222222; color: #222222;
} }
.xieyi{
.xieyi { background-color:#BBFC5B;
background-color: #BBFC5B;
width: 156rpx; width: 156rpx;
height: 48rpx; height: 48rpx;
border-radius: 8rpx; border-radius: 8rpx;
@ -442,12 +445,10 @@
.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;
@ -487,7 +488,6 @@
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,13 +495,11 @@
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;
@ -869,14 +867,12 @@
} }
</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;
@ -885,21 +881,17 @@
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;
@ -908,17 +900,14 @@
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>

2
packageA/my/exercise.vue
View File

@ -55,7 +55,7 @@
</view> </view>
</view> </view>
<view class="flex justify-center align-items" v-if="list.length == 0" style="height: 90vh;"> <view class="flex justify-center align-items" v-if="list.length == 0" style="margin-top: 150rpx;">
<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>

2
packageA/my/orderList.vue
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;">{{ <span style="color: #9c9c9c; margin-left: 10rpx; width: 35%">{{
item.user.nickname item.user.nickname
}}</span> }}</span>
<view class="white-space" style="width: 60%"> <view class="white-space" style="width: 60%">

327
packageA/my/pendinPayDetail.vue
View File

@ -6,20 +6,18 @@
<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="" <image :src="detailAny.user.avatar" mode="" style="width: 36rpx;height: 36rpx;border-radius: 80rpx ;"></image>
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 style="color:#9C9C9C;margin-left: 20rpx;">{{ detailAny.join_info.people_number }}人玩过</text>
}}人玩过</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>
@ -27,18 +25,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" 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)"> @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 src="/static/detail/daohang.png" class="icon-size" style="width: 48rpx; height: 48rpx;"></image>
</image>
</view> </view>
</view> </view>
@ -59,7 +57,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>
@ -67,60 +65,56 @@
<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;" <text style="color: #323232;" v-if="detailAny.status == 2 || detailAny.status == 3 || detailAny.status == 4">待核销</text>
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" <view @click="service(detailAny.id)" class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 0 && detailAny.status==9">
v-if="detailAny.detail.feel == 0 && detailAny.status == 9"> <text > 申请售后 </text>
<text> 申请售后 </text>
</view> </view>
<view @click="paidcancel(detailAny.id)" class="footer-right flex justify-center align-items" <view @click="paidcancel(detailAny.id)" class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 0 && detailAny.status==2">
v-if="detailAny.detail.feel == 0 && detailAny.status == 2"> <text > 取消订单 </text>
<text> 取消订单 </text>
</view> </view>
<view @click="cancelOrder(detailAny.id)" class="footer-right flex justify-center align-items" <view @click="cancelOrder(detailAny.id)" class="footer-right flex justify-center align-items" v-if="detailAny.detail.feel == 1&& detailAny.status==2">
v-if="detailAny.detail.feel == 1 && detailAny.status == 2"> <text > 取消订单 </text>
<text> 取消订单 </text>
</view> </view>
</view> </view>
<u-popup :show="buyShow" mode="center" :round="10" :zIndex="99999" :custom-style="popupStyle" <u-popup :show="buyShow" mode="center" :round="10" :zIndex="99999" :custom-style="popupStyle" @close="buyClose"
@close="buyClose" @open="buyOpen" :safeAreaInsetBottom="false" :closeable="true"> @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;">
@ -129,11 +123,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">
@ -225,12 +219,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
}, },
@ -268,7 +262,7 @@ export default {
img: 'width: 100%' img: 'width: 100%'
}, },
qrindex: 1, qrindex:1,
scrollTop: 0, scrollTop: 0,
overlay: false, overlay: false,
userInfo: {}, userInfo: {},
@ -283,7 +277,7 @@ export default {
order_no: '', order_no: '',
PayPirce: 0, PayPirce: 0,
detail: {}, detail: {},
detailAny: {}, detailAny:{},
people: {}, people: {},
qrUrl: '', qrUrl: '',
is_collect: 0, is_collect: 0,
@ -309,7 +303,7 @@ export default {
}, },
// qrList:[],//二维码地址列表 // qrList:[],//二维码地址列表
//二维码图片列表 //二维码图片列表
qrimages: [] qrimages:[]
}; };
}, },
@ -336,23 +330,17 @@ export default {
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: '处理中...'
}); });
@ -375,9 +363,9 @@ export default {
// prevPage.onLoad(prevPage.options) // prevPage.onLoad(prevPage.options)
// } // }
// }); // });
setTimeout(() => { setTimeout(()=>{
uni.hideLoading(); uni.hideLoading();
}, 2000) },2000)
} else { } else {
uni.showToast({ uni.showToast({
@ -419,7 +407,7 @@ export default {
duration: 2000 duration: 2000
}); });
} }
}).catch(error => { }); }).catch(error => {});
}, },
// 批量生成二维码 // 批量生成二维码
// generateAllQRCodes() { // generateAllQRCodes() {
@ -460,10 +448,10 @@ export default {
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() {
@ -475,8 +463,8 @@ export default {
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',
}); });
@ -560,7 +548,7 @@ export default {
duration: 2000 duration: 2000
}) })
} }
}).catch(error => { }); }).catch(error => {});
}, },
// 报名 0 支付 1 立即购买 2 预约 3确认时间 // 报名 0 支付 1 立即购买 2 预约 3确认时间
@ -625,8 +613,8 @@ export default {
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
}) })
@ -660,7 +648,7 @@ export default {
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');
} }
}); });
@ -819,14 +807,14 @@ export default {
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
@ -859,8 +847,8 @@ export default {
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
}) })
@ -928,43 +916,42 @@ export default {
}); });
}, },
}, },
} }
</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;
@ -972,47 +959,46 @@ export default {
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;
@ -1037,17 +1023,16 @@ export default {
font-size: 26rpx; font-size: 26rpx;
color: #222222; color: #222222;
} }
.xieyi{
.xieyi { background-color:#BBFC5B;
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;
@ -1072,29 +1057,27 @@ export default {
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;
@ -1104,19 +1087,16 @@ export default {
} }
} }
} }
.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;
@ -1131,23 +1111,23 @@ export default {
} }
.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;
@ -1158,7 +1138,6 @@ export default {
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;
@ -1166,13 +1145,11 @@ export default {
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;
@ -1180,10 +1157,10 @@ export default {
color: #9C9C9C; color: #9C9C9C;
} }
} }
} }
.popupBox { .popupBox {
width: 690rpx; width: 690rpx;
height: 716rpx; height: 716rpx;
@ -1313,9 +1290,9 @@ export default {
margin: 24rpx 32rpx 0 0; margin: 24rpx 32rpx 0 0;
} }
} }
.share { .share {
position: fixed; position: fixed;
color: #FFFFFF; color: #FFFFFF;
right: 0; right: 0;
@ -1325,9 +1302,9 @@ export default {
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;
@ -1335,49 +1312,49 @@ export default {
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;
@ -1428,9 +1405,9 @@ export default {
} }
} }
} }
} }
::v-deep ::-webkit-scrollbar { ::v-deep ::-webkit-scrollbar {
/*滚动条整体样式*/ /*滚动条整体样式*/
width: 4px !important; width: 4px !important;
height: 1px !important; height: 1px !important;
@ -1438,40 +1415,40 @@ export default {
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;
@ -1494,18 +1471,18 @@ export default {
} }
.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;
@ -1537,5 +1514,5 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
} }
</style> </style>

2
packageA/my/person-detail.vue
View File

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

5
packageA/qrcodeSwiper.vue
View File

@ -6,10 +6,7 @@
<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 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;"> <view style="text-align: center;font-size: 26rpx;margin-top: 20rpx;">{{item.name}}</view>
<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>

412
pages/center/index.vue
View File

@ -19,9 +19,8 @@
<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" <u--textarea v-model="form.content" :maxlength="800" placeholder="描述一下活动的亮点、活动内容、推荐的人群、叫大家一起运动吧~"
placeholder="描述一下活动的亮点、活动内容、推荐的人群、叫大家一起运动吧~" :height="120" :height="120" placeholder-class="bttop"></u--textarea>
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>
@ -47,8 +46,7 @@
集合地点 集合地点
</view> </view>
<view class="row-right" @click="choose()" style="width: 70%;"> <view class="row-right" @click="choose()" style="width: 70%;">
<text <text style="font-size: 28rpx;color: #9C9C9C;">{{form.address==''?'请填写地址':form.address}}</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>
@ -69,7 +67,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="form.time == '' ? 'font-size: 28rpx;color: #9C9C9C;' : 'font-size: 28rpx;color: #3D3D3D;'">{{ form.time == '' ? '请选择活动时间' : form.time }}</text> <text style="font-size: 28rpx;color: #9C9C9C;">{{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>
@ -83,15 +81,14 @@
<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 <text style="font-size: 28rpx;color: #9C9C9C;">{{form.cate_idsName==''?'请选择活动分类':form.cate_idsName}}</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;"> <view class="row flex align-items" style="margin: 25rpx 0;" v-if="form.price != 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>
@ -99,8 +96,7 @@
<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 <text style="font-size: 28rpx;color: #9C9C9C;">{{form.refund_idn==''?'请选择活动分类':form.refund_idn}}</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>
@ -115,8 +111,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>
@ -132,33 +128,19 @@
活动人数 活动人数
</span> </span>
<span class="row-right"> <span class="row-right">
<input type="number" placeholder="请填写活动人数" placeholder-class="plasty" class="input" <input type="number" placeholder="请填写活动人数" class="input" v-model="form.stock" />
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;">
<view class="label flex align-items "> <span class="label flex align-items ">
<span style="color: #3D3D3D;">*</span> <span style="color: #3D3D3D;">*</span>
活动价格 活动价格
</view> </span>
<view class="row-right" style="font-size:28rpx;color:#FF4810;font-weight: 600;" @click="priceShow = true"> <span class="row-right">
<!-- <input type="digit" placeholder="请填写活动价格" class="input" v-model="priceName" <input type="digit" placeholder="请填写活动价格" class="input" v-model="form.price"
placeholder-class="plasty" /> --> placeholder-class="plasty" />
<view> </span>
<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;">
@ -176,8 +158,7 @@
</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" <cc-protocolBox :agree="agree" :name="protocolArr" @click="protocolClick" @clickOne="protocolClick"></cc-protocolBox>
@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"
@ -252,8 +233,7 @@
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 <view style="gap: 20px;width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: 30rpx;">
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>
@ -262,7 +242,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;">
@ -283,7 +263,7 @@
</view> </view>
</view> </view>
<view class="titles_fl">全部标签</view> <view class="titles_fl" style="margin-top: 50rpx;">全部标签</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 }]"
@ -304,7 +284,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>
@ -315,13 +295,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>
@ -332,28 +312,7 @@
</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>
<!-- 活动时间 --> <!-- 活动时间 -->
@ -376,23 +335,19 @@
</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, dateWeek,dateWeekData
dateWeekData } from '../../utils/dateFormat'
} from '../../utils/dateFormat' export default {
export default {
components: { components: {
longDate longDate
}, },
data() { data() {
return { return {
price:'', bmIndex:1,
priceName: '免费', hdIndex:1,
priceShow: false,
bmIndex: 1,
hdIndex: 1,
agreeAdd: false, agreeAdd: false,
timer: null, timer: null,
timeLog: 0, timeLog: 0,
@ -431,7 +386,7 @@ export default {
content: '', content: '',
refund_id: '', refund_id: '',
refund_idn: '', refund_idn: '',
price: '', price: 0,
stock: '', stock: '',
sign_time: '', sign_time: '',
time: '', time: '',
@ -467,18 +422,18 @@ export default {
alignItems: 'center', alignItems: 'center',
flexColumn: 'column' flexColumn: 'column'
}, },
current: -1, current: 0,
currents: -1, currents: -1,
institutionList: [], institutionList: [],
images: '', images: '',
fileList1: [], // 用于存储第一个上传组件的文件列表 fileList1: [], // 用于存储第一个上传组件的文件列表
list1: '', // 存储第一个上传组件的图片URL，最多3张 list1: '', // 存储第一个上传组件的图片URL，最多3张
//活动转换的时间 //活动转换的时间
times_b: '', //开始时间 times_b: '',//开始时间
times_e: '', //结束时间 times_e: '',//结束时间
times_b_int: '', //开始时间 times_b_int: '',//开始时间
times_e_int: '', //结束时间 times_e_int: '',//结束时间
//报名转换的时间 //报名转换的时间
times_sinb: '', //开始时间 times_sinb: '', //开始时间
@ -500,7 +455,6 @@ export default {
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
@ -508,7 +462,7 @@ export default {
}, },
onShow() { onShow() {
this.show = false; this.show=false;
this.getCardInfo(); this.getCardInfo();
}, },
filters: { filters: {
@ -522,31 +476,6 @@ export default {
} }
}, },
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);
}, },
@ -727,11 +656,11 @@ export default {
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;
}, },
@ -742,10 +671,10 @@ export default {
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
} }
@ -757,61 +686,61 @@ export default {
//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 < date2，返回true // 如果date1 < date2，返回true
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 < date2，返回true // 如果date1 < date2，返回true
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 < date2，返回true // 如果date1 < date2，返回true
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;
} }
@ -819,7 +748,7 @@ export default {
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');
@ -849,7 +778,7 @@ export default {
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
@ -867,60 +796,60 @@ export default {
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;
} }
// 如果date1早于date2，返回true // 如果date1早于date2，返回true
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;
} }
@ -928,7 +857,7 @@ export default {
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
@ -1002,14 +931,14 @@ export default {
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)
} }
}); });
@ -1318,7 +1247,7 @@ export default {
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,
@ -1342,8 +1271,8 @@ export default {
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"
}) })
@ -1354,10 +1283,7 @@ export default {
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: "",
@ -1400,18 +1326,18 @@ export default {
} }
} }
} }
</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;
@ -1424,15 +1350,15 @@ export default {
/* 允许内容溢出 */ /* 允许内容溢出 */
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;
@ -1440,41 +1366,41 @@ export default {
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 {
@ -1558,7 +1484,6 @@ export default {
::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 {
@ -1597,9 +1522,9 @@ export default {
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;
@ -1612,15 +1537,15 @@ export default {
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;
@ -1629,7 +1554,6 @@ export default {
bottom: 128rpx; bottom: 128rpx;
position: fixed; position: fixed;
z-index: 10; z-index: 10;
span { span {
width: 642rpx; width: 642rpx;
height: 80rpx; height: 80rpx;
@ -1643,9 +1567,9 @@ export default {
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;
@ -1653,32 +1577,32 @@ export default {
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;
@ -1709,37 +1633,37 @@ export default {
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;
@ -1754,9 +1678,9 @@ export default {
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;
@ -1772,7 +1696,7 @@ export default {
} }
.bqlist { .bqlist {
margin-top: 147rpx; margin-top: 80rpx;
z-index: 200; z-index: 200;
margin-left: 80rpx; margin-left: 80rpx;
height: 100%; height: 100%;
@ -1786,7 +1710,7 @@ export default {
overflow-y: auto; overflow-y: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
flex-wrap: wrap; flex-wrap: wrap;
height: 690rpx; height: 760rpx;
width: 700rpx; width: 700rpx;
.titles_fl { .titles_fl {
@ -1829,9 +1753,9 @@ export default {
} }
} }
.popup_tkall { .popup_tkall {
// height: 1100rpx; // height: 1100rpx;
z-index: 100; z-index: 100;
@ -1898,9 +1822,9 @@ export default {
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;
@ -1913,9 +1837,9 @@ export default {
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;
@ -1928,9 +1852,9 @@ export default {
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;
@ -1943,9 +1867,9 @@ export default {
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;
@ -1959,5 +1883,5 @@ export default {
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
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.2 KiB