liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat:寻看点和抽奖

Browse Source
This commit is contained in:
lifizer
2024-02-06 12:42:46 +08:00
parent c88b6aa8a8
commit f3115fe7c8
73 changed files with 5324 additions and 6887 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/user/User/index.vue
+115 -103
View File
@@ -16,76 +16,78 @@
<view class="header acea-row row-column"
style="flex-wrap: nowrap;background: #fff !important;margin: 0 30rpx;border-radius: 16rpx;box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.1);">
<view v-if="userInfo.hotel != null && userInfo.hotel.checkState=='C1'"
class="innTag acea-row row-middle row-center align-left" @click="innTagClick">
<image style="width: 36rpx;height: 36rpx;" :src="webUrl+'/20230304133702462853.png'" mode=""></image>
<view class="innTag acea-row row-middle row-center align-left" @click="innTagClick" v-if="userInfo.hotel != null && userInfo.hotel.checkState=='C1'">
<image style="width: 36rpx;height: 36rpx;" :src="webUrl+'/20240107224552660125.png'" mode=""></image>
<text style="font-size: 24rpx;color: #ffffff;">店铺主页</text>
</view>
<view class="acea-row row-between-wrapper"
style="margin-top: 40rpx;background: #0DC5C5 !important;border-top-left-radius: 16rpx;border-top-right-radius: 16rpx;padding: 30rpx;">
<view class="picTxt acea-row" style="flex-wrap: nowrap;flex: 1;">
<view class="pictrue">
<image :src="userInfo.avatar"/>
</view>
<view class="text acea-row row-column-between">
<view class="acea-row row-middle">
<view class="name line1"
style="color: #000000 !important;font-size: 28rpx !important;font-weight: 500;">
{{ userInfo.nickname }}
</view>
<view class="member acea-row row-middle" v-if="userInfo.vip">
<image :src="userInfo.vipIcon"/>
<text>{{ userInfo.vipName }}</text>
</view>
<!-- background: #0DC5C5 !important;border-top-left-radius: 16rpx;border-top-right-radius: 16rpx;-->
<view class="center-box" :style="{'backgroundImage':`url(${webUrl}/20240111201405837746.png)`}">
<view class="flex jc-between"
style="padding: 30rpx;">
<view class="picTxt acea-row" style="flex-wrap: nowrap;flex: 1;">
<view class="pictrue">
<image :src="userInfo.avatar"/>
</view>
<view class="acea-row row-middle" style="margin-top: 8rpx;">
<view class="vip-box acea-row row-center row-middle">
<text class="vip-title">{{ userInfo.levelName }}</text>
<view class="text acea-row row-column-between">
<view class="acea-row row-middle">
<view class="name line1"
style="color: #000000 !important;font-size: 28rpx !important;font-weight: 500;">
{{ userInfo.nickname }}
</view>
<view class="member acea-row row-middle" v-if="userInfo.vip">
<image :src="userInfo.vipIcon"/>
<text>{{ userInfo.vipName }}</text>
</view>
</view>
<view v-if="userLevelInfo && userLevelInfo.idcardOne && userLevelInfo.checkState!=3"
class="protocol-state-box">
{{ protocolCheckState(userLevelInfo.checkState) }}
<view class="acea-row row-middle" style="margin-top: 8rpx;">
<view class="vip-box btn-change acea-row row-center row-middle">
<text class="vip-title">{{ userInfo.levelName }}</text>
</view>
<view v-if="userLevelInfo && userLevelInfo.idcardOne && userLevelInfo.checkState!=3"
class="protocol-state-box">
{{ protocolCheckState(userLevelInfo.checkState) }}
</view>
</view>
</view>
</view>
</view>
<view class="acea-row row-column row-middle" style="flex-shrink: 0;">
<view class="promotion-code-box acea-row row-center row-middle" @click="goPromotionPoster()">
<image style="width: 48rpx;height: 48rpx;" :src="webUrl+'/20210819110607117638.png'" mode=""></image>
<view class="promotion-code-box flex jc-center ai-center" @click="goPromotionPoster()">
<image style="width: 24rpx;height: 24rpx;" :src="webUrl+'/20240111201400020095.png'" mode=""></image>
会员码
</view>
</view>
</view>
<view class="acea-row row-middle row-around"
style="padding:0 30rpx 30rpx 30rpx;margin-bottom: 20rpx;background: #0DC5C5 !important;border-bottom-left-radius: 16rpx;border-bottom-right-radius: 16rpx">
<view class="acea-row row-middle" @click="goBindParent()">
<image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20210515195227226132.png'"
mode=""></image>
<text style="font-size: 24rpx;color: #fff;">扫一扫</text>
</view>
<view class="vline"></view>
<view class="acea-row row-middle" @click="goLikeList()">
<image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20230304134637330341.png'"
mode=""></image>
<text style="font-size: 24rpx;color: #fff;">收藏</text>
</view>
<view class="vline"></view>
<view class="acea-row row-middle" style="position: relative;" @click="goMessageData()">
<image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20230304135730954990.png'"
mode=""></image>
<text style="font-size: 24rpx;color: #fff;">消息</text>
<view v-if="unreadMsgList.length>0" class="unread-dot"></view>
</view>
<view class="vline"></view>
<view class="acea-row row-middle" @click="goPersonalData()">
<image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20230304203605140668.png'"
mode=""></image>
<text style="font-size: 24rpx;color: #fff;">设置</text>
<view class="acea-row row-middle row-around" style="margin-bottom: 20rpx;
padding: 0 30rpx 30rpx 30rpx;">
<view class="acea-row row-middle" @click="goBindParent()">
<image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224558355949.png'"
mode=""></image>
<text style="font-size: 24rpx;color: #fff;">扫一扫</text>
</view>
<view class="vline"></view>
<view class="acea-row row-middle" @click="goLikeList()">
<image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224606011625.png'"
mode=""></image>
<text style="font-size: 24rpx;color: #fff;">收藏</text>
</view>
<view class="vline"></view>
<view class="acea-row row-middle" style="position: relative;" @click="goMessageData()">
<image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224620893707.png'"
mode=""></image>
<text style="font-size: 24rpx;color: #fff;">消息</text>
<view v-if="unreadMsgList.length>0" class="unread-dot"></view>
</view>
<view class="vline"></view>
<view class="acea-row row-middle" @click="goPersonalData()">
<image style="width: 48rpx;height: 48rpx;margin-right: 10rpx;" :src="webUrl+'/20240107224612250643.png'"
mode=""></image>
<text style="font-size: 24rpx;color: #fff;">设置</text>
</view>
</view>
</view>
<view class="acea-row row-column" style="border-bottom-left-radius: 16rpx;border-bottom-right-radius: 16rpx;">
@@ -94,12 +96,12 @@
<text style="font-size: 26rpx;color: #333333;font-weight: 400;">我的账户</text>
</view>
<view class="nav acea-row row-column" style="padding: 25rpx;">
<view class="nav acea-row row-column" style="padding:24rpx 12rpx">
<view class="acea-row row-middle row-between"
style="padding-bottom: 30rpx;margin-bottom: 20rpx;border-bottom: 1px solid #f6f6f6;">
<view @click="goUserAccount()" class="acea-row row-middle" style="flex-grow: 1;">
<view class="acea-row row-middle" style="margin-right: 20rpx;">
<image style="width: 40rpx;height: 40rpx;" :src="webUrl+'/20210807160248159814.png'" mode=""></image>
<image style="width: 56rpx;height: 56rpx" :src="webUrl+'/20240107224629408613.png'" mode=""></image>
</view>
<view class="acea-row row-column">
<text style="color: #999999;font-size: 20rpx;font-weight: 400;">余额</text>
@@ -110,7 +112,7 @@
</view>
<view class="acea-row row-middle" style="color: #fff;font-size: 24rpx;flex-shrink: 0;">
<view @click="goWithdrawl()" class="withdrawBtn" style="margin-right: 10rpx;">提现</view>
<view @click="goWithdrawl()" class="withdrawBtn btn-change" style="margin-right: 10rpx;">提现</view>
<view @click="goAccountDetail()" class="accountDetailBtn">账户明细</view>
</view>
</view>
@@ -119,7 +121,7 @@
<view class="acea-row row-middle">
<view class="acea-row row-middle" style="margin-right: 20rpx;">
<image style="width: 40rpx;height: 40rpx;" :src="webUrl+'/20210807160409159991.png'" mode=""></image>
<image style="width: 56rpx;height: 56rpx;" :src="webUrl+'/20240107224636733995.png'" mode=""></image>
</view>
<view class="acea-row row-column">
<text style="color: #999999;font-size: 20rpx;font-weight: 400;">恭喜你成为了{{ userInfo.levelName }}
@@ -153,7 +155,7 @@
<view class="orderState acea-row row-middle">
<view @click="goMyOrder(1)" class="item">
<view class="pictrue">
<image :src="webUrl+'/20230526120059732570.png'"/>
<image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224703391856.png'"/>
<text
class="order-status-num"
v-if="orderStatusNum.unpaidCount > 0"
@@ -164,7 +166,7 @@
</view>
<view @click="goMyOrder(2)" class="item">
<view class="pictrue">
<image :src="webUrl+'/20230526120053924703.png'"/>
<image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224656826240.png'"/>
<text
class="order-status-num"
v-if="orderStatusNum.unshippedCount > 0"
@@ -175,7 +177,7 @@
</view>
<view @click="goMyOrder(3)" class="item">
<view class="pictrue">
<image :src="webUrl+'/20230526120107983364.png'"/>
<image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224650489311.png'"/>
<text
class="order-status-num"
v-if="orderStatusNum.receivedCount > 0"
@@ -186,7 +188,7 @@
</view>
<view @click="goMyOrder(4)" class="item">
<view class="pictrue">
<image :src="webUrl+'/20230526114414134581.png'"/>
<image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240109234147411394.png'"/>
<text
class="order-status-num"
v-if="orderStatusNum.evaluatedCount > 0"
@@ -197,7 +199,7 @@
</view>
<view @click="goReturnList()" class="item">
<view class="pictrue">
<image :src="webUrl+'/20230304203355905710.png'"/>
<image style="width:52rpx;height: 52rpx" :src="webUrl+'/20240107224643038018.png'"/>
<text
class="order-status-num"
v-if="orderStatusNum.refundCount > 0"
@@ -250,25 +252,25 @@
<text class="iconfont icon-jiantou"></text>
</view>
<view v-if="userInfo.hotel==null || userInfo.hotel.checkState!='C1'" class="item" @click="goInnApply()">
<view class="pictrue">
<image :src="webUrl+'/20221010170138874734.png'"/>
</view>
<view class="cell acea-row row-between row-middle" style="flex-wrap: nowrap;">
<view class="" style="flex-shrink: 0;margin-right: 10rpx;">申请我的店铺</view>
<view v-if="userInfo.hotel!=null" class="acea-row row-column row-right" style="text-align: right;">
<view class="" style="font-size: 24rpx;color: #0DC5C5;">
{{ checkStateStr(userInfo.hotel.checkState) }}
</view>
<!-- <view v-if="userInfo.hotel==null || userInfo.hotel.checkState!='C1'" class="item" @click="goInnApply()">-->
<!-- <view class="pictrue">-->
<!-- <image :src="webUrl+'/20221010170138874734.png'"/>-->
<!-- </view>-->
<!-- <view class="cell acea-row row-between row-middle" style="flex-wrap: nowrap;">-->
<!-- <view class="" style="flex-shrink: 0;margin-right: 10rpx;">申请我的店铺</view>-->
<!-- <view v-if="userInfo.hotel!=null" class="acea-row row-column row-right" style="text-align: right;">-->
<!-- <view class="" style="font-size: 24rpx;color: #0DC5C5;">-->
<!-- {{ checkStateStr(userInfo.hotel.checkState) }}-->
<!-- </view>-->
<block v-if="userInfo.hotel.checkState=='C2' && userInfo.hotel.checkMsg.length>0">
<text style="font-size: 24rpx;color: #aaa;">驳回原因:{{ userInfo.hotel.checkMsg }}</text>
</block>
</view>
<!-- <block v-if="userInfo.hotel.checkState=='C2' && userInfo.hotel.checkMsg.length>0">-->
<!-- <text style="font-size: 24rpx;color: #aaa;">驳回原因:{{ userInfo.hotel.checkMsg }}</text>-->
<!-- </block>-->
<!-- </view>-->
</view>
<text class="iconfont icon-jiantou"></text>
</view>
<!-- </view>-->
<!-- <text class="iconfont icon-jiantou"></text>-->
<!-- </view>-->
<view v-if="userInfo.hotel != null && userInfo.hotel.checkState=='C1'" class="item"
@click="goInnInfoEdit()">
@@ -310,6 +312,7 @@
</uni-popup>
</view>
</template>
<script>
import {mapGetters, mapMutations} from "vuex";
import {
@@ -655,8 +658,11 @@ export default {
this.$yrouter.push("/pkg_user/views/personalData");
},
goLikeList() {
uni.navigateTo({
url:'/pkg_user/views/myFavorite'
})
//跳转到我的喜欢列表
this.$yrouter.push("/pages/user/UserFavorite/UserFavorite");
// this.$yrouter.push("/pages/user/UserFavorite/UserFavorite");
},
getPhoneNumber: function (e) {
let thit = this;
@@ -857,10 +863,6 @@ export default {
</script>
<style lang="less">
page {
background-color: #FFF;
}
.user .header .picTxt .pictrue {
width: 76rpx !important;
height: 76rpx !important;
@@ -875,7 +877,7 @@ page {
width: 196rpx;
height: 64rpx;
border-radius: 0px 32rpx 32rpx 0px;
background: #0DC5C5;
background: #C51919;
}
.order-status-num {
@@ -916,17 +918,23 @@ page {
}
.promotion-code-box {
position: relative;
padding: 8rpx 8rpx 16rpx 8rpx;
box-sizing: border-box;
width: 120rpx;
height: 40rpx;
border-radius: 20rpx;
background: #9C1C1A;
color: #FFFFFF;
font-size: 22rpx;
}
.user .header .picTxt .text {
width: auto !important;
}
.btn-change {
background: linear-gradient(180deg, #F8F3B4 0%, #F2CB6F 100%);
}
.vip-box {
background: linear-gradient(to right, #FFECC2, #E8CE87);
border-radius: 8rpx;
padding: 4rpx 8rpx;
margin-right: 20rpx;
@@ -990,11 +998,6 @@ page {
border-radius: 24px;
}
.item-img {
width: 48rpx;
height: 48rpx;
}
.wrapper {
// background-color: #FFF;
margin: 0 30rpx;
@@ -1057,8 +1060,7 @@ page {
}
.withdrawBtn {
background: #593D13;
color: #fff;
color: #482D00;
font-size: 24rpx;
width: 132rpx;
height: 48rpx;
@@ -1068,7 +1070,7 @@ page {
}
.accountDetailBtn {
background: #FF564A;
background: #C51718;
color: #fff;
font-size: 24rpx;
width: 132rpx;
@@ -1079,7 +1081,7 @@ page {
}
.benifitIntroBtn {
background: #0DC5C5;
background: #C51718;
color: #fff;
font-size: 24rpx;
width: 132rpx;
@@ -1089,4 +1091,14 @@ page {
border-radius: 24rpx;
}
.center-box {
width: 632rpx;
height: 218rpx;
margin-top: 40rpx;
background-size: 632rpx 218rpx;
background-repeat: no-repeat;
//background: #0DC5C5 !important;
//border-bottom-left-radius: 16rpx;
//border-bottom-right-radius: 16rpx
}
</style>