Skip to content

J
jz_Travel
Commit 6381d644 authored by 罗超's avatar 罗超
Browse files
Options

完善vip特权

parent acafe8f1
Show whitespace changes
Inline Side-by-side
Showing with 1205 additions and 173 deletions
components/vip/vip.vue
View file @ 6381d644
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
this.apipost( "vip_post_CheckCustomerIsVip", parameter,(r) => { this.apipost( "vip_post_CheckCustomerIsVip", parameter,(r) => {
this.vipInfo = r.data this.vipInfo = r.data
const v = r.data const v = r.data
this.$emit('setUserOrder',v.FinishOrderCount) // this.$emit('setUserOrder',v.FinishOrderCount)
if(v.FinishOrderCount >= v.OrderCount){ if(v.FinishOrderCount >= v.OrderCount){
let rule = v.RuleList.find(x=>x.LineId==this.lineId) let rule = v.RuleList.find(x=>x.LineId==this.lineId)
if(!rule) rule = v.RuleList.find(x=>x.LineId==0) if(!rule) rule = v.RuleList.find(x=>x.LineId==0)
......
pages/jiuzhai/jz_LineDetail.vue
View file @ 6381d644
...@@ -1646,6 +1646,7 @@ ...@@ -1646,6 +1646,7 @@
if (res.resultCode == 1) { if (res.resultCode == 1) {
try { try {
this.getStartCitiesHandler() this.getStartCitiesHandler()
this.stepNumber = res.data.orderNum
res.data.tempImgCover = JSON.parse(res.data.imgCover); res.data.tempImgCover = JSON.parse(res.data.imgCover);
this.dataList = res.data; this.dataList = res.data;
// #ifdef MP-AG // #ifdef MP-AG
......
pages/jiuzhai/jz_SureOrder.vue
View file @ 6381d644
...@@ -518,12 +518,19 @@ ...@@ -518,12 +518,19 @@
}}</view> }}</view>
</view> </view>
<view class="flex f12 grey" style="margin-bottom: 40rpx" :key="index" v-if="orderData.model.DiscountMoney&&orderData.model.DiscountMoney>0"> <view class="flex f12" :style="{'color':mainColor+' !important'}" style="margin-bottom: 40rpx" v-if="orderData.model.DiscountMoney&&(orderData.model.DiscountMoney-orderData.model.DisValue)>0">
<view style="flex: 1"> <view style="flex: 1">
<text style="margin-right: 30rpx">优惠金额</text> <text style="margin-right: 30rpx">优惠金额</text>
</view> </view>
<view style="text-align: right"> <view style="text-align: right">
{{ orderData.model.DiscountMoney}} </view> -{{ orderData.model.DiscountMoney-orderData.model.DisValue}} </view>
</view>
<view class="flex f12" :style="{'color':mainColor+' !important'}" style="margin-bottom: 40rpx" v-if="orderData.model.DisValue>0">
<view style="flex: 1">
<text style="margin-right: 30rpx">VIP专享优惠</text>
</view>
<view style="text-align: right">
-{{ orderData.model.DisValue}} </view>
</view> </view>
</view> </view>
</view> </view>
...@@ -595,18 +602,20 @@ ...@@ -595,18 +602,20 @@
showPayBtn: true, showPayBtn: true,
orderInfo:null, orderInfo:null,
OrderNo: '', OrderNo: '',
mainColor:''
}; };
}, },
created() {}, created() {},
onLoad(option) { onLoad(option) {
if (option.orderData) { if (option.orderData) {
this.orderData = JSON.parse(decodeURIComponent(option.orderData)); this.orderData = JSON.parse(decodeURIComponent(option.orderData));
} else if (option.orderId) {
this.initOrderInfo(option.orderId);
} else if(option.OrderNo){ } else if(option.OrderNo){
this.OrderNo = option.OrderNo this.OrderNo = option.OrderNo
this.getOrderInfoHandler(this.OrderNo) this.getOrderInfoHandler(this.OrderNo)
} else if (option.orderId) {
this.initOrderInfo(option.orderId);
} }
this.mainColor = this.$uiConfig.mainColor
}, },
methods: { methods: {
submitGetCodeByOrderNo() { submitGetCodeByOrderNo() {
...@@ -683,6 +692,21 @@ ...@@ -683,6 +692,21 @@
} }
}) })
}, },
getOrderInfoByIdAndType(){
const parameter={ErpOrderId:this.orderData.model.OrderId,OrderTypeStr:'DMC'}
this.apipost("GetDetailsByErpOrderId_post",parameter,res=>{
if(res.resultCode==1){
this.OrderNo = res.data.OrderNo
this.formatStatus(
res.data.OrderStatus,
null,
null
);
}else{
}
})
},
//跳转至详情 //跳转至详情
goJzDetail() { goJzDetail() {
let model = this.orderData.model; let model = this.orderData.model;
...@@ -803,6 +827,11 @@ ...@@ -803,6 +827,11 @@
this.orderData.model.IsApplyForCancel this.orderData.model.IsApplyForCancel
); );
// #endif // #endif
// #ifdef MP-DI
if(!this.OrderNo){
this.getOrderInfoByIdAndType()
}
// #endif
} else { } else {
this.orderData = { this.orderData = {
result: -1, result: -1,
......
pages/user-center/user-center copy 1.vue 0 → 100644
View file @ 6381d644
<template>
<view style="width:100vw;height:100vh;" class="column">
<scroll-view :scroll-y="true" @scroll="scrollHandler" @scrolltoupper="scrollTopHandler" class="col" style="height: 1px;width: 100%;">
<view class="userStyle" style="min-height:100vh">
<view class="headStatus" v-if="scrollTop > 50" :style="{
zIndex: scrollTop < 10 ? 'unset' : 2,
opacity: scrollTop < 10 ? '100' : scrollTop,
}">
<view class="title">{{ pageTitle }}</view>
</view>
<view class="userBox">
<vipUserHeader></vipUserHeader>
<view class="userMyOrderBox">
<view style="position: relative;top:-13rpx">
<view class="userMyOrder">
<view class="userMyOrderTitle row-sbas-n col">
<view class="userMyOrderTitL">我的订单</view>
<view class="userMyOrderTitR row" @click="goUrl('/pages/order/index/index')">
<text>全部</text>
<view>
<u-icon class="userMyOrderTitRIght" name="arrow-up" size="30" color="#B2B3B3"></u-icon>
</view>
</view>
</view>
<view class="order_bar_list">
<view class="order_bar_item" @click="goUrl('/pages/order/index/index?status=1')">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638748963970628311.png" style="width: 66rpx; height: auto" mode="widthFix"></image>
<Text style="margin-top: 10rpx;font-size: 24rpx;">待付款</Text>
<view class="badge"></view>
</view>
<view class="order_bar_item" @click="goUrl('/pages/order/index/index?status=2')">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638748963971941398.png" style="width: 66rpx; height: auto" mode="widthFix"></image>
<Text style="margin-top: 10rpx;font-size: 24rpx;">未确认</Text>
<view class="badge"></view>
</view>
<view class="order_bar_item" @click="goUrl('/pages/order/index/index?status=3')">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638748963971902348.png" style="width: 66rpx; height: auto" mode="widthFix"></image>
<Text style="margin-top: 10rpx;font-size: 24rpx;">已完成</Text>
<view class="badge"></view>
</view>
<view class="order_bar_item">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638748964440207840.png" style="width: 66rpx; height: auto" mode="widthFix"></image>
<Text style="margin-top: 10rpx;font-size: 24rpx;">待处理</Text>
<view class="badge"></view>
</view>
</view>
<view class="orderProductBox">
<view class="orderProduct row items-center">
<view class="orderProductL">
<image style="width: 91rpx; height: 88rpx;" mode="aspectFill" src="http://imgfile.oytour.com/Upload/WebSite/202501090355546390000000073.jpg"></image>
</view>
<view class="orderProductR col column" style="width: 1px;">
<view class="orderProductR_state">待处理</view>
<view class="orderProductR_text">(东东一地) 河津樱早樱东京富士山纯 河津樱早樱东京富士山纯</view>
</view>
</view>
</view>
</view>
<view style="height: 20rpx;"></view>
<view class="userMyOrder" style="padding: 12rpx 0 20rpx 0;">
<view class="order_bar_list">
<view class="order_bar_item relative" style="margin-top: 0;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638749519965857485.png" style="width: 70rpx; height: 70rpx" mode="widthFix"></image>
<Text style="margin-top: 10rpx;font-size: 24rpx;">在线客服</Text>
<button open-type="contact" style="position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;opacity: 0;"></button>
</view>
<view class="order_bar_item" style="margin-top: 0;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638749520007722617.png" style="width: 70rpx; height: 70rpx" mode="widthFix"></image>
<Text style="margin-top: 10rpx;font-size: 24rpx;">年底大红包</Text>
</view>
<view class="order_bar_item" style="margin-top: 0;" @click="goUrl('/pages/index/index')">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638749520286130928.png" style="width: 70rpx; height: 70rpx" mode="widthFix"></image>
<Text style="margin-top: 10rpx;font-size: 24rpx;">我的旅行社</Text>
</view>
<view class="order_bar_item" style="margin-top: 0;" @click="goUrl('/pages/coupon/list/list')">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638749520367368328.png" style="width: 70rpx; height: 70rpx" mode="widthFix"></image>
<Text style="margin-top: 10rpx;font-size: 24rpx;">领券中心</Text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</scroll-view>
<auth v-if="showAuth"></auth>
<tabbars></tabbars>
</view>
</template>
<script>
import tabbars from "@/components/tabbar/index";
import auth from "@/components/auth/index.vue";
import vipUserHeader from "./components/vipUserHeader.vue";
export default {
components: {
tabbars,
auth,
vipUserHeader
},
data() {
return {
pageTitle: "个人中心",
scrollTop: 0,
showAuth: false,
b2b_user_info: {},
mall_UserInfo: {}
};
},
onLoad() {
this.b2b_user_info = uni.getStorageSync('b2b_user');
this.mall_UserInfo = uni.getStorageSync("mall_UserInfo");
this.showAuth = !this.mall_UserInfo || !this.b2b_user_info;
},
methods: {
scrollHandler(e) {
this.scrollTop = e.detail.scrollTop;
},
scrollTopHandler() {
this.scrollTop = 0;
},
goUrl(url) {
uni.navigateTo({ url });
}
}
};
</script>
<style>
@import url('../../asset/css/flex.css');
.row-sbas-n {
justify-content: space-between;
}
.relative {
position: relative;
}
.userStyle .userBox {
display: flex;
flex-direction: column;
align-items: center;
background: #f3f4f6;
min-height: 100vh;
padding-bottom: env(safe-area-inset-bottom);
}
.order_bar_list {
padding: 22rpx 55rpx;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.order_bar_item {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 20rpx;
position: relative;
}
.badge {
position: absolute;
right: -10rpx;
top: -10rpx;
padding: 0 8rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 20rpx;
background: #FF3166;
color: #fff;
min-width: 28rpx;
height: 28rpx;
border-radius: 14rpx;
}
.headStatus {
position: fixed;
width: 140vw;
padding-right: 40vw;
padding-bottom: 10px;
left: 0;
right: 0;
top: 0;
display: flex;
background-image: linear-gradient(to right, #e6b865, #ebb45e);
}
.headStatus .title {
font-size: 18px;
color: #fff;
flex: 1;
width: 1px;
line-height: 34px;
text-align: center;
}
.userMyOrderBox {
padding: 0 31rpx;
}
.userMyOrder {
background: #FFF;
border-radius: 20rpx;
padding: 33rpx 0 22rpx 0;
}
.userMyOrderTitle {
padding: 23rpx 31rpx 0 31rpx;
}
.userMyOrderTitL {
font-family: PingFang SC;
font-weight: 800;
font-size: 32rpx;
color: #080A09;
}
.userMyOrderTitR {
font-family: PingFang SC;
font-weight: 500;
font-size: 24rpx;
color: #B2B3B3;
align-items: center;
}
.userMyOrderTitRIght {
margin-left: 11rpx;
transform: rotate(90deg);
}
.orderProductBox {
padding: 0 20rpx;
}
.orderProduct {
width: 648rpx;
height: 132rpx;
background: #F7F7F7;
border-radius: 18rpx;
padding: 21rpx 20rpx;
}
.orderProductL {
width: 91rpx;
height: 88rpx;
border-radius: 14rpx;
overflow: hidden;
margin-right: 18rpx;
}
.orderProductR_state {
font-family: PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #080A09;
padding-top: 5rpx;
}
.orderProductR_text {
width: 100%;
font-family: PingFang SC;
font-weight: 500;
font-size: 24rpx;
color: #8C8C8C;
padding-top: 4rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
\ No newline at end of file
pages/user-center/user-center.vue
View file @ 6381d644
<template> <template>
<view style="width:100vw;height:100vh;" class="column"> <scroll-view :scroll-y="true" @scroll="scrollHandler" @scrolltoupper="scrollTopHandler" style="height: 100vh">
<scroll-view :scroll-y="true" @scroll="scrollHandler" @scrolltoupper="scrollTopHandler" class="col" style="height: 1px;width: 100%;"> <view class="userStyle" style="min-height:100vh" v-if="meueData.user_center && meueData.user_center.is_ppenmiai == 0"
<view class="userStyle" style="min-height:100vh"> :class="{ dark: isCompany }">
<view class="headStatus" v-if="scrollTop > 50" :style="{ <!-- 修改 -->
<view class="headStatus" v-if="scrollTop > 50" :style="[
headStyle,
{
zIndex: scrollTop < 10 ? 'unset' : 2, zIndex: scrollTop < 10 ? 'unset' : 2,
opacity: scrollTop < 10 ? '100' : scrollTop, opacity: scrollTop < 10 ? '100' : scrollTop,
}"> },
<view class="title">{{ pageTitle }}</view> ]">
<view class="title" v-if="scrollTop > 50">{{ pageTitle }}</view>
</view>
<view class="userBox" :style="{ 'padding-bottom': bottommargin }">
<view :style="{
'background-image':'url(' + (meueData.user_center.top_pic_url ? meueData.user_center.top_pic_url : '') + ')',
backgroundSize: '100% 310px',
}"
class="imgbg" :class="{
miniHeadTop: meueData.user_center.is_foot_bar_status != 1 && meueData.user_center.is_account_status != 1, }">
<view class="titlenav" :style="{ paddingTop: nav }">{{ pageTitle }}</view>
<view class="topheard" :style="{
'margin-top':
modelstype == 0
? '52px'
: modelstype == 1
? '37px'
: modelstype == 2
? '33px'
: 0,
}"
v-if="meueData.user_center.top_style == 1">
<u-avatar :src="b2b_user_info.photo?b2b_user_info.photo:user_info.avatar" size="140" shape="circle"></u-avatar>
<view style=" display: flex;flex-direction: column; justify-content: center; height: 100rpx; margin-left: 20rpx; ">
<view class="row items-center" @click="navigatorToProfile">
<Text class="nickname" style=" color: #fff; font-size: 36rpx;font-weight: 800; max-width: 400rpx; overflow: hidden; display: inline-block; white-space: nowrap;text-overflow: ellipsis; font-family:'microsoft yahei ui light'"
@click="login(user_info)">
<template v-if="b2b_user_info&&b2b_user_info.name">
{{b2b_user_info.name}}
</template>
<template v-else-if="mall_UserInfo&&mall_UserInfo.Name">
{{mall_UserInfo.Name}}
</template>
<template v-else>
立即登录
</template>
</Text>
<u-icon name="pen_" size="24" class="q-ml-sm" custom-prefix="tffont" color="#121212"></u-icon>
</view> </view>
<view class="userBox"> <view style="font-size:12px; margin-top:3px;">
<vipUserHeader></vipUserHeader> <template v-if='b2b_user_info.erpBaseInfo'>
<view class="userMyOrderBox"> <view class="empolyee-tag row items-center">
<view style="position: relative;top:-13rpx"> <text style="padding: 6rpx;" class="text-center">{{ b2b_user_info.erpBaseInfo.branchName }}</text>
<view class="userMyOrder"> <text class="text-center" style="padding:6rpx;color:#fff;background-color: #B99846;">{{b2b_user_info.erpBaseInfo.emName}}</text>
<view class="userMyOrderTitle row-sbas-n col">
<view class="userMyOrderTitL">我的订单</view>
<view class="userMyOrderTitR row" @click="goUrl('/pages/order/index/index')">
<text>全部</text>
<view>
<u-icon class="userMyOrderTitRIght" name="arrow-up" size="30" color="#B2B3B3"></u-icon>
</view> </view>
</template>
<template v-else-if="b2b_user_info&&b2b_user_info.customerName&&b2b_user_info.customerName!=''">
{{b2b_user_info.customerName}}
</template>
<template v-else>
{{b2b_user_info ? b2b_user_info.name : ""}}
</template>
</view> </view>
</view> </view>
<view class="order_bar_list">
<view class="order_bar_item" @click="goUrl('/pages/order/index/index?status=1')">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638748963970628311.png" style="width: 66rpx; height: auto" mode="widthFix"></image>
<Text style="margin-top: 10rpx;font-size: 24rpx;">待付款</Text>
<view class="badge"></view>
</view> </view>
<view class="order_bar_item" @click="goUrl('/pages/order/index/index?status=2')"> <view style=" display: flex; flex-direction: column; align-items: center; margin-top: 23px;margin-bottom: 5px; "
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638748963971941398.png" style="width: 66rpx; height: auto" mode="widthFix"></image> v-if="meueData.user_center.top_style == 2">
<Text style="margin-top: 10rpx;font-size: 24rpx;">未确认</Text> <u-avatar :src="user_info.avatar" shape="circle" size="120"></u-avatar>
<view class="badge"></view> <Text style="color: #fff; font-size: 40rpx; font-weight: 800" class="nickname" @click="login(user_info)">{{ user_info.nickname ? user_info.nickname : "立即登录" }}</Text>
<view class="member" v-if="is_icon_members_grade == 1 && user_info.nickname">
<image :src="user_info.identity.level_icon" mode="aspectFill" style="width: 22px; height: 22px; border-radius: 11px"></image>
<Text style="margin-right: 10px">{{ user_info.identity.level_name != null ? user_info.identity.level_name : "普通用户" }}</Text>
</view> </view>
<view class="order_bar_item" @click="goUrl('/pages/order/index/index?status=3')">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638748963971902348.png" style="width: 66rpx; height: auto" mode="widthFix"></image>
<Text style="margin-top: 10rpx;font-size: 24rpx;">已完成</Text>
<view class="badge"></view>
</view> </view>
<view class="order_bar_item"> <view class="top_b">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638748964440207840.png" style="width: 66rpx; height: auto" mode="widthFix"></image> <!--我的收藏-->
<Text style="margin-top: 10rpx;font-size: 24rpx;">待处理</Text> <view class="top_b_item" v-if="meueData.user_center.is_foot_bar_status == 1" @click="goUrl('/pages/favorite/favorite')">
<view class="badge"></view> <text style="font-size: 21px">{{ user_info.favorite ? user_info.favorite : 0 }}</text>
<text>{{ meueData.user_center.foot_bar[0].name }}</text>
</view>
<!--我的足迹-->
<view class="top_b_item" v-if="meueData.user_center.is_foot_bar_status == 1" @click="goUrl('/pages/foot/index/index')">
<text style="font-size: 21px">{{ user_info.footprint ? user_info.footprint : 0 }}</text>
<text>{{ meueData.user_center.foot_bar[1].name }}</text>
</view>
<!--优惠劵-->
<!-- <view class="top_b_item" v-if=" meueData.user_center && meueData.user_center.is_account_status == 1" @click="goUrl(couponsObj.link_url)">
<text style="font-size: 21px">{{ user_info.coupon ? user_info.coupon : 0 }}</text>
<text>{{ couponsObj.name }}</text>
</view> -->
</view>
<view class="Receiptbalance" v-if=" meueData.user_center && meueData.user_center.is_account_status == 1">
<!--余额-->
<view class="Receiptbalance_item" v-for="(item, index) in meueData.user_center.account" :key="index" v-if="item.link_url == '/pages/balance/balance'"
@click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 22px; height: auto" mode="widthFix"></image>
<view style="margin-left: 15px;display: flex;flex-direction: column;justify-content: space-between;">
<span style="font-size: 21px; color: #0d0d0d; font-weight: 200">
{{ user_info.balance ? user_info.balance > 10000? (user_info.balance / 10000).toFixed(1) + "w": user_info.balance: 0 }}
</span>
<span style="">{{ item.name }}</span>
</view> </view>
</view> </view>
<view class="orderProductBox"> <view style="width: 1px; height: 34px; background: #e8e8e8"></view>
<view class="orderProduct row items-center"> <!--积分明细-->
<view class="orderProductL"> <view class="Receiptbalance_item" v-for="(item, index) in meueData.user_center.account" :key="index" v-if="item.link_url =='/pages/user-center/integral-detail/integral-detail'"
<image style="width: 91rpx; height: 88rpx;" mode="aspectFill" src="http://imgfile.oytour.com/Upload/WebSite/202501090355546390000000073.jpg"></image> @click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 17px; height: auto" mode="widthFix"></image>
<view style="margin-left: 15px; display: flex;flex-direction: column;justify-content: space-between;">
<span style="font-size: 21px; color: #0d0d0d; font-weight: 200">
{{user_info.integral? user_info.integral > 10000? (user_info.integral / 10000).toFixed(1) + "w": user_info.integral: 0}}
</span>
<span>{{ item.name }}</span>
</view> </view>
<view class="orderProductR col column" style="width: 1px;">
<view class="orderProductR_state">待处理</view>
<view class="orderProductR_text">(东东一地) 河津樱早樱东京富士山纯 河津樱早樱东京富士山纯</view>
</view> </view>
</view> </view>
</view> </view>
<!-- 排课点数 -->
<view class="order_bar paike" style="" @click="gopointBalance" v-if="meueData.user_center.is_point_status == 1">
<span style="font-size: 14px; color: #111111">可用余额(点数)：</span>
<span style="font-size: 22px; color: #111111; font-family: aa">{{ PointNum }}</span>
</view> </view>
<view style="height: 20rpx;"></view> <view class="order_bar" v-if="meueData.user_center.is_order_bar_status == 1">
<view class="userMyOrder" style="padding: 12rpx 0 20rpx 0;"> <u-section title="我的订单" sub-title="查看更多" style="width: 100%; padding: 0px 0 10px" @click="goUrl('/pages/order/index/index?status=0')"></u-section>
<view class="order_bar_list"> <view class="order_bar_list">
<view class="order_bar_item relative" style="margin-top: 0;"> <view class="order_bar_item" v-for="(item, index) in meueData.user_center.order_bar" :key="index" :name="item.name"
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638749519965857485.png" style="width: 70rpx; height: 70rpx" mode="widthFix"></image> @click="goUrl(item.link_url)">
<Text style="margin-top: 10rpx;font-size: 24rpx;">在线客服</Text> <image :src="item.icon_url" style="width: 60rpx; height: auto" mode="widthFix"></image>
<button open-type="contact" style="position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;opacity: 0;"></button> <Text style="margin-top: 10rpx">{{ item.name }}</Text>
<!-- 待付款 -->
<view v-if="item.link_url == '/pages/order/index/index?status=1' && user_info.MyOrder.NonPayment > 0" class="badge"
:style="{ background: mainColor }">
{{ user_info.MyOrder.NonPayment }}
</view> </view>
<view class="order_bar_item" style="margin-top: 0;"> <!-- 待发货 -->
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638749520007722617.png" style="width: 70rpx; height: 70rpx" mode="widthFix"></image> <view v-if="item.link_url == '/pages/order/index/index?status=2' &&user_info.MyOrder.WaitSendGoods > 0" class="badge"
<Text style="margin-top: 10rpx;font-size: 24rpx;">年底大红包</Text> :style="{ background: mainColor }">
{{ user_info.MyOrder.WaitSendGoods }}
</view> </view>
<view class="order_bar_item" style="margin-top: 0;" @click="goUrl('/pages/index/index')"> <!-- 待收货 -->
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638749520286130928.png" style="width: 70rpx; height: 70rpx" mode="widthFix"></image> <view v-if="item.link_url == '/pages/order/index/index?status=3' &&user_info.MyOrder.WaitReceiving > 0" class="badge"
<Text style="margin-top: 10rpx;font-size: 24rpx;">我的旅行社</Text> :style="{ background: mainColor }">
{{ user_info.MyOrder.WaitReceiving }}
</view> </view>
<view class="order_bar_item" style="margin-top: 0;" @click="goUrl('/pages/coupon/list/list')"> <!-- 待评价 -->
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638749520367368328.png" style="width: 70rpx; height: 70rpx" mode="widthFix"></image> <view v-if="item.link_url == '/pages/order/order-commit' && user_info.MyOrder.WaitCommentNum > 0" class="badge"
<Text style="margin-top: 10rpx;font-size: 24rpx;">领券中心</Text> :style="{ background: mainColor }">
{{ user_info.MyOrder.WaitCommentNum }}
</view> </view>
<!-- 售后 -->
<view v-if="item.link_url == '/pages/order/after-sale/refunds-list' && user_info.MyOrder.AfterSaleNum > 0" class="badge"
:style="{ background: mainColor }">
{{ user_info.MyOrder.AfterSaleNum }}
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="order_bar" style="margin-top: 20rpx" v-if="meueData.user_center.is_sdorder_bar_status == 1">
<u-section title="司导订单" sub-title="查看更多" style="width: 100%; padding: 0px 0 10px" @click="goUrl('/pages/guidecar/orderList?status=0')"></u-section>
<view class="order_bar_list">
<view class="order_bar_item" v-for="(item, index) in meueData.user_center.sdorder_bar" :key="index" :name="item.name"
@click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 60rpx; height: auto" mode="widthFix"></image>
<Text style="margin-top: 10rpx">{{ item.name }}</Text>
<!-- 待付款 -->
<view v-if="item.link_url == '/pages/guidecar/orderList?status=1' && user_info.MyGuideCarOrder.NonPayment>0"
class="badge" :style="{ background: mainColor }">
{{ user_info.MyGuideCarOrder.NonPayment }}
</view> </view>
<!-- 待确认 -->
<view v-if="item.link_url == '/pages/guidecar/orderList?status=2' && user_info.MyGuideCarOrder.WaitSendGoods>0"
class="badge" :style="{ background: mainColor }">
{{ user_info.MyGuideCarOrder.WaitSendGoods }}
</view> </view>
</scroll-view> <!-- 待出行 -->
<auth v-if="showAuth"></auth> <view v-if="item.link_url == '/pages/guidecar/orderList?status=3' &&user_info.MyGuideCarOrder.WaitReceiving>0"
class="badge" :style="{ background: mainColor }">
{{ user_info.MyGuideCarOrder.WaitReceiving }}
</view>
<!-- 出行中 -->
<view v-if=" item.link_url == '/pages/guidecar/orderList?status=4' && user_info.MyGuideCarOrder.Completed>0 "
class="badge" :style="{ background: mainColor }">
{{ user_info.MyGuideCarOrder.Completed }}
</view>
<!-- 待评价 -->
<view v-if="item.link_url == '/pages/guidecar/order-commit' && user_info.MyGuideCarOrder.GuideCarWaitCommentNum>0"
class="badge" :style="{ background: mainColor }">
{{ user_info.MyGuideCarOrder.GuideCarWaitCommentNum }}
</view>
</view>
</view>
</view>
<template v-if=" meueData.user_center && meueData.user_center.nar_menus.length > 0 ">
<view v-if=" meueData.user_center && meueData.user_center.is_menu_status == 1" v-for="(mItem, mIndex) in meueData.user_center.nar_menus"
:key="mIndex" :style="{ marginTop: mIndex == 0 && (meueData.user_center.is_foot_bar_status == 1 || meueData.user_center.is_account_status == 1)? '25px' : '', }"
class="headCommon">
<view style="margin: 10px">{{ mItem.MenuNavTitle }}</view>
<view :class="mItem.MenuNavStyle == 1 ? 'menus' : 'menus2'" style="width: 100%">
<view :class="mItem.MenuNavStyle == 1 ? 'menus_item' : 'menus_item2'" v-for="(item, index) in mItem.MeunList"
:key="index" :name="item.name" @click="goUrl(item.link_url)" v-if="pandu(item)">
<image :src="item.icon_url" :style="{width: mItem.MenuNavStyle == 1 ? '20px' : '16px',height: 'auto',}" mode="widthFix"></image>
<Text style="font-size: 26rpx" :style="{'margin-top': mItem.MenuNavStyle == 1 ? '10rpx' : '0rpx','margin-left': mItem.MenuNavStyle == 1 ? '0rpx' : '24rpx', }">
{{ item.name }}
</Text>
<!-- #ifdef MP-WEIXIN -->
<button open-type="contact" class="contButton" v-if="item.link_url == 'contact' && item.name == '客服'"></button>
<!-- #endif -->
<!-- #ifdef MP-ALIPAY -->
<view class="contButton" style="display: flex;justify-content: center;align-items: center;" v-if="item.link_url == 'contact' && item.name == '客服'">
<contact-button tnt-inst-id="QqR_ZV6m" scene="SCE01203509" :icon="item.icon_url" size="70rpx" :alipay-card-no="2088 + userId"
:ext-info="appid">
</contact-button>
</view>
<!-- #endif -->
</view>
</view>
</view>
</template>
<!-- <view class="login-btn" style="margin:30px 0" @click='signOutHandler'>退出登录</view> -->
</view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
<tabbars></tabbars>
</view>
<view v-if="meueData.user_center&& meueData.user_center.is_ppenmiai == 1 && isloading == true ">
<!-- 修改 -->
<blinddate :meueData="meueData" :user_info="user_info" :scrollTop="scrollTop" :modelstype="modelstype" :bottommargin="bottommargin"
:PointNum="PointNum" @fatherMethod="login">
</blinddate>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
<tabbars></tabbars> <tabbars></tabbars>
</view> </view>
</scroll-view>
</template> </template>
<script> <script>
import tabbars from "@/components/tabbar/index";
import auth from "@/components/auth/index.vue";
import vipUserHeader from "./components/vipUserHeader.vue";
import tabbars from "@/components/tabbar/index";
import auth from "../../components/auth/index.vue";
import blinddate from "./components/blinddate-user.vue";
export default { export default {
components: {
tabbars,
auth,
vipUserHeader
},
data() { data() {
return { return {
pageTitle: "个人中心", isloading: true,
scrollTop: 0, pageTitle: "用户中心",
showAuth: false, navHeight: 0,
contentHeight: 0,
cstyle: {},
meueData: {}, //菜单
user_info: {}, //个人信息
b2b_user_info: {}, b2b_user_info: {},
mall_UserInfo: {} headStyle: {},
bottommargin: 0,
listbottom: 0,
showAuth: false,
mainColor: "",
secondary: "",
u: {},
is_icon_members_grade: 0,
nav: 0,
scrollTop: 0,
couponsObj: {},
modelstype: 0, //机型类型
shopBasics: {},
mall_UserInfo: {},
IsEducation: 0, //1是0否是网课模式
PointNum: 0,
setting: {},
isCompany: true, //TODO 完成动态加载系统所属类型
companyStatus: 2,
companyName: "",
is_show_korea: 0, //是否显示认证标识
IsDeposit: 0, //是否开启储蓄卡功能
AppletID: 0, //小程序id 5-8日 判断是否是甲鹤
isAttestationEdu: 0, //学员是否认证了 0否1是
appid: encodeURIComponent(JSON.stringify({
appId: "2021002181604459"
})),
userId: uni.getStorageSync("mall_UserInfo").UserId,
}; };
}, },
components: {
tabbars,
auth,
blinddate,
},
created() {
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
this.IsEducation = uni.getStorageSync("basedata") ?
uni.getStorageSync("basedata").mall.setting.mallStyle.IsEducation ?
uni.getStorageSync("basedata").mall.setting.mallStyle.IsEducation :
0 :
0;
this.setting = uni.getStorageSync("basedata").mall.setting;
this.isCompany = uni.getStorageSync("user_type") ?
uni.getStorageSync("user_type") == "company" :
true; //完成动态加载系统所属类型
let basedata = uni.getStorageSync("basedata") ?
uni.getStorageSync("basedata") :
"";
this.AppletID = basedata.home_pages.id ? basedata.home_pages.id : 0;
this.isAttestationEdu = basedata.user_info.isAttestationEdu ?
basedata.user_info.isAttestationEdu :
0;
},
onLoad() { onLoad() {
this.b2b_user_info = uni.getStorageSync('b2b_user'); this.navHeight = this.$navHeight - 2;
this.u = wx.getStorageSync("basedata").user_info;
this.b2b_user_info = uni.getStorageSync('b2b_user')
this.mall_UserInfo = uni.getStorageSync("mall_UserInfo"); this.mall_UserInfo = uni.getStorageSync("mall_UserInfo");
this.showAuth = !this.mall_UserInfo || !this.b2b_user_info; this.nav = uni.getSystemInfoSync().statusBarHeight + "px";
this.headStyle.background = `linear-gradient(to right, '#e6b865',80%, '#ebb45e')`;
this.headStyle.paddingTop = this.nav;
if (!this.mall_UserInfo) {
this.showAuth = true;
} else if (!this.b2b_user_info ) {
//&& this.setting && this.setting.is_show_auth == 1
this.showAuth = true;
}
},
mounted() {
let currentPages = getCurrentPages();
let c = this.$uiConfig.is_bang ? 80 : 52;
this.bottommargin = c + 10 + "px";
this.listbottom = c - 2 + 50 + "px";
this.contentHeight = this.$utils.calcContentHeight(c);
if (this.contentHeight > 690 && this.contentHeight < 776) {
this.modelstype = 1;
} else if (this.contentHeight >= 776) {
this.modelstype = 2;
}
this.is_icon_members_grade = uni.getStorageSync("basedata") ?
uni.getStorageSync("basedata").mall.setting.is_icon_members_grade :
0;
this.is_show_korea = uni.getStorageSync("basedata") ?
uni.getStorageSync("basedata").mall.setting.is_show_korea :
0;
this.IsDeposit = uni.getStorageSync("basedata") ?
uni.getStorageSync("basedata").mall.setting.IsDeposit :
0;
let u = "/" + currentPages[currentPages.length - 1].route;
let pages = wx.getStorageSync("basedata") ?
wx.getStorageSync("basedata").bar_title : [];
// #ifdef MP-WEIXIN
uni.setNavigationBarTitle({
title: "用户中心",
});
// #endif
},
onShow() {
this.userCenterinfo(2);
let basedata = uni.getStorageSync("basedata") ?
uni.getStorageSync("basedata") :
"";
this.isAttestationEdu = basedata.user_info.isAttestationEdu ?
basedata.user_info.isAttestationEdu :
0;
}, },
methods: { methods: {
navigatorToProfile(){
uni.navigateTo({
url:'/pages/user-center/user-profile'
})
},
//退出登录
signOutHandler() {
uni.removeStorageSync('b2b_user')
uni.removeStorageSync('mall_UserInfo')
uni.redirectTo({
url: '/pages/index/index'
})
},
pandu(item) {
let flag = true;
let IsOpen =
this.shopBasics.model && this.shopBasics.model.IsOpen ?
this.shopBasics.model.IsOpen :
1;
let SmallShopId = this.mall_UserInfo.SmallShopId ?
this.mall_UserInfo.SmallShopId :
0;
let UserSmallShopId = this.mall_UserInfo.UserSmallShopId ?
this.mall_UserInfo.UserSmallShopId :
0;
switch (item.link_url) {
case "/pages/share/index/index":
if (this.user_info.isShowDistributionCenter == 1 && this.user_info && this.user_info.identity && this.user_info.identity
.fx_grade_id != 5) {
flag = true;
} else {
flag = false;
}
break;
case "/pages/friendcircle/my-news":
if (this.mall_UserInfo.UserTeacher > 0) {
flag = true;
} else {
flag = false;
}
break;
case "/pages/microShop/index/index":
//开启
if (IsOpen == 2) {
flag = true;
}
//关闭
else {
if (SmallShopId != 0 || UserSmallShopId != 0) {
flag = true;
} else {
flag = false;
}
}
break;
case "/pages/appointment/personal/studentAppointmentList":
if (this.meueData.user_center.is_point_status == 1) {
flag = true;
} else {
flag = false;
}
break;
case "/pages/appointment/personal/teacherOrderList":
if (
this.meueData.user_center.is_point_status == 1 &&
this.mall_UserInfo.UserTeacher > 0
) {
flag = true;
} else {
flag = false;
}
break;
case "/pages/appointment/appointment?teacher=1":
if (
this.meueData.user_center.is_point_status == 1 &&
this.mall_UserInfo.UserTeacher > 0
) {
flag = true;
} else {
flag = false;
}
break;
case "/pages/coupon/cards/purchase":
if (this.IsDeposit == 1) {
flag = true;
} else {
flag = false;
}
break;
//(旅小友)绑定同行
case "/pages/jiuzhai/bind_Customer":
if (this.b2b_user_info && this.b2b_user_info.customerType == 1) {
flag = true;
} else {
flag = false;
}
flag = true;
break;
case "/pages/jiuzhai/direct_Customer":
if (this.b2b_user_info && this.b2b_user_info.customerType == 1) {
flag = true;
} else {
flag = false;
}
break;
}
return flag;
},
//获取菜单配置
userCenterinfo(type = 1) {
uni.showNavigationBarLoading();
this.request2({
url: "/api/Mall/GetUserCenter",
data: {},
},
(res) => {
uni.hideNavigationBarLoading();
this.meueData = res.data.config;
this.user_info = res.data.user_info;
this.meueData.user_center.account.forEach((x) => {
if (x.link_url == "/pages/coupon/index/index") {
this.couponsObj = x;
}
});
if (this.mall_UserInfo && type == 1) {
// this.getLogin()
}
this.isloading = true;
}
);
let u = uni.getStorageSync("mall_UserInfo");
if (u && type == 1) {
this.getMicroShopBasics();
}
},
getLogin() {
var that = this;
let pid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
let Up = uni.getStorageSync("Up") ? uni.getStorageSync("Up").Up : 0;
let SmallShopId = uni.getStorageSync("SmallShopId") ?
uni.getStorageSync("SmallShopId").SmallShopId :
0;
let CounponPassword = uni.getStorageSync("CounponPassword") ?
uni.getStorageSync("CounponPassword").CounponPassword :
0;
let KeyWord = uni.getStorageSync("KeyWord") ?
uni.getStorageSync("KeyWord").KeyWord :
"";
that.request2({
url: "/api/AppletLogin/Login",
data: {
Source: this.mall_UserInfo.Source,
OpenId: this.mall_UserInfo.OpenId,
Name: this.mall_UserInfo.Name,
Photo: this.mall_UserInfo.Photo,
Moblie: "",
SuperiorId: pid,
SmallShopId: SmallShopId,
UserPageType: Up,
CounponPassword: CounponPassword,
KeyWord: KeyWord,
},
},
(res) => {
if (res.resultCode == 1) {
uni.setStorageSync("mall_UserInfo", res.data);
uni.removeStorageSync("pid");
uni.removeStorageSync("SmallShopId");
uni.removeStorageSync("Up");
uni.removeStorageSync("CounponPassword");
uni.removeStorageSync("KeyWord");
}
}
);
},
getMicroShopBasics() {
this.request2({
url: "/api/AppletUser/GetMicroShopBasics",
data: {},
},
(res) => {
this.shopBasics = res.data;
}
);
},
getUserPoint() {
this.request2({
url: "/api/AppletPoint/GetAppletUserPointDetailPageList",
data: {
pageIndex: 1,
pageSize: 10,
Type: 0
},
},
(res) => {
this.PointNum = res.data.pageData.PointNum;
}
);
},
goUrl(url) {
if (url == "/pages/balance/balance") {
uni.navigateTo({
url: "/pages/balance/balance?balance=" + this.user_info.balance,
});
} else {
uni.navigateTo({
url: url,
});
}
},
reloadUserinfo() {
this.b2b_user_info = uni.getStorageSync('b2b_user');
this.userCenterinfo();
this.u = this.user_info;
this.mall_UserInfo = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo") : {};
this.getUserPoint();
},
login(name) {
if ((name && name.nickname == "") || !name || !name.nickname) {
this.showAuth = true;
}
},
//关闭登录窗口
gbAuth() {
this.showAuth = false;
},
scrollHandler(e) { scrollHandler(e) {
this.scrollTop = e.detail.scrollTop; this.scrollTop = e.detail.scrollTop;
}, },
scrollTopHandler() { scrollTopHandler() {
this.scrollTop = 0; this.scrollTop = 0;
}, },
goUrl(url) { gopointBalance() {
uni.navigateTo({ url }); //跳转点数余额
} uni.navigateTo({
url: "/pages/appointment/personal/pointBalance",
});
},
// 获取公司认证信息
getComponyStatus() {
let that = this;
let parms = {
url: "/api/AppletTrade/GetUserCompany",
};
this.request2(parms, (res) => {
if (res.resultCode == 1 && res.data != null) {
// 获取公司名字和认证状态
that.companyStatus = res.data.CompanyStatus;
that.companyName = res.data.CompanyName;
} }
});
},
//去认证页
goIdentification() {
uni.navigateTo({
url: "/pages/kotra/identification",
});
},
},
}; };
</script> </script>
<style> <style>
@import url('../../asset/css/flex.css'); @import url('../../asset/css/flex.css');
.row-sbas-n { .body {
justify-content: space-between; background: #f3f4f6;
} height: 100vh;
.relative {
position: relative;
} }
.userStyle .userBox { .userStyle .userBox {
...@@ -141,19 +636,96 @@ ...@@ -141,19 +636,96 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background: #f3f4f6; background: #f3f4f6;
height: 100%;
min-height: 100vh; min-height: 100vh;
padding-bottom: env(safe-area-inset-bottom);
} }
.order_bar_list { .userStyle .imgbg {
padding: 22rpx 55rpx; width: 100%;
height: 310px;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.userStyle .headimg {
width: 140rpx;
height: 140rpx;
border-radius: 50%;
margin-left: 60rpx;
}
.userStyle .footprint {
width: 80%;
height: 140rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-around;
}
.userStyle .footprint_item {
width: 200rpx;
height: 90rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.order_bar_item { .userStyle .footprint_item_bottom {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.userStyle .account_bar {
width: 94%;
height: 110rpx;
border-radius: 10rpx;
background: #fff;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
padding: 0 20rpx;
}
.userStyle .account_bar_item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
border-right: 1px solid #d1d1d1;
width: 25%;
}
.userStyle .account_bar_item:last-child {
border-right: 0;
}
.userStyle .order_bar {
width: 94%;
border-radius: 10rpx;
background: #fff;
display: flex;
flex-direction: column;
align-items: center;
padding: 30rpx;
margin-top: 80rpx;
}
.userStyle .order_bar .order_bar_list {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.userStyle .order_bar_item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
...@@ -161,27 +733,165 @@ ...@@ -161,27 +733,165 @@
position: relative; position: relative;
} }
.badge { .userStyle .badge {
position: absolute; position: absolute;
right: -10rpx; right: -10rpx;
top: -10rpx; top: -10rpx;
padding: 0 8rpx; padding: 0 12rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 20rpx; font-size: 20rpx;
background: #FF3166;
color: #fff; color: #fff;
min-width: 28rpx; height: 30rpx;
height: 28rpx; border-radius: 15rpx;
border-radius: 14rpx;
} }
.headStatus { .userStyle .menus {
position: fixed; width: 94%;
border-radius: 10rpx;
background: #fff;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
margin-top: 30rpx;
}
.userStyle .menus2 {
width: 94%;
border-radius: 10rpx;
background: #fff;
display: flex;
flex-direction: column;
margin-top: 20rpx;
}
.userStyle .menus .menus_item {
width: 25%;
height: 110rpx;
margin: 20rpx 0 10rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
position: relative;
}
.menus_item2 .contButton,
.menus_item .contButton {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.userStyle .menus2 .menus_item2 {
width: 100%;
height: 90rpx;
display: flex;
flex-direction: row;
align-items: center;
margin-left: 30rpx;
position: relative;
}
.userStyle .copyright {
padding: 70rpx 0;
display: flex;
flex-direction: column;
align-items: center;
}
.userStyle .ReceiptAdder {
position: absolute;
right: 0;
top: 160rpx;
width: 100px;
height: 24px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 20rpx;
background: rgba(55, 55, 55, 0.15);
}
.userStyle .member {
background: #3b3641;
font-size: 10px;
color: #fff;
height: 18px;
border-radius: 9px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.userStyle .titlenav {
width: 100%;
text-align: center;
font-size: 16px;
color: #ffffff;
}
.userStyle .top_b {
width: 86%;
height: 65px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.userStyle .top_b_item {
width: 26%;
height: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
color: #ffffff;
font-size: 12px;
}
.userStyle .Receiptbalance {
width: 94%;
height: 62px;
position: absolute;
left: 3%;
bottom: -20px;
background: #ffffff;
border-radius: 6px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
padding: 0 10px;
}
.userStyle .Receiptbalance_item {
width: 40%;
height: 50px;
display: flex;
flex-direction: row;
align-items: center;
font-size: 12px;
color: #534d62;
}
.userStyle .headStatus {
overflow: hidden;
position: relative;
width: 140vw; width: 140vw;
padding-right: 40vw; padding-right: 40vw;
padding-bottom: 10px; padding-bottom: 10px;
position: fixed;
left: 0; left: 0;
right: 0; right: 0;
top: 0; top: 0;
...@@ -189,7 +899,13 @@ ...@@ -189,7 +899,13 @@
background-image: linear-gradient(to right, #e6b865, #ebb45e); background-image: linear-gradient(to right, #e6b865, #ebb45e);
} }
.headStatus .title { .userStyle .headStatus .arrow {
height: 24px;
margin: 5px 10px;
width: 24px;
}
.userStyle .headStatus .title {
font-size: 18px; font-size: 18px;
color: #fff; color: #fff;
flex: 1; flex: 1;
...@@ -198,68 +914,89 @@ ...@@ -198,68 +914,89 @@
text-align: center; text-align: center;
} }
.userMyOrderBox { .dark .userStyle .headStatus .title {
padding: 0 31rpx; color: #111 !important;
} }
.userMyOrder {
background: #FFF; .dark .nickname {
border-radius: 20rpx; color: #111 !important;
padding: 33rpx 0 22rpx 0;
} }
.userMyOrderTitle {
padding: 23rpx 31rpx 0 31rpx; .userStyle .topheard {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
margin-bottom: 40rpx;
box-sizing: border-box;
padding-left: 30rpx;
} }
.userMyOrderTitL {
font-family: PingFang SC; .userStyle .miniHeadTop {
font-weight: 800; height: 400rpx;
font-size: 32rpx;
color: #080A09;
} }
.userMyOrderTitR {
font-family: PingFang SC; .userBox .headCommon {
font-weight: 500; width: 94%;
font-size: 24rpx; margin-top: 25px;
color: #B2B3B3; border-radius: 10px;
align-items: center; background-color: #fff;
} }
.userMyOrderTitRIght {
margin-left: 11rpx; .userBox .headHasTOP {
transform: rotate(90deg); margin-top: 25px;
} }
.orderProductBox { .userBox .paike {
padding: 0 20rpx; margin-top: 15px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
} }
.orderProduct { .empolyee-tag{
width: 648rpx; border-radius: 7rpx;
height: 132rpx; background-color: #100000;
background: #F7F7F7; font-size: 22rpx;
border-radius: 18rpx; font-weight: 400;
padding: 21rpx 20rpx; color: #f1f2f4;
}
.orderProductL {
width: 91rpx;
height: 88rpx;
border-radius: 14rpx;
overflow: hidden; overflow: hidden;
margin-right: 18rpx; padding: 0;
line-height: 1;
} }
.orderProductR_state {
font-family: PingFang SC; .componyStatusBox .renzhen {
font-weight: 500; height: 15px;
font-size: 28rpx; font-size: 10px;
color: #080A09; margin-top: 10px;
padding-top: 5rpx; color: #555555;
border-radius: 7px;
border: 1px solid #999999;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10rpx;
margin-left: 10rpx;
} }
.orderProductR_text {
width: 100%; .componyStatusBox .companyName {
font-family: PingFang SC; font-size: 26rpx;
font-weight: 500; font-weight: 500;
font-size: 24rpx; color: #888888;
color: #8C8C8C; }
padding-top: 4rpx;
overflow: hidden; .userBox .login-btn {
text-overflow: ellipsis; height: 80rpx;
white-space: nowrap; background-color: #111111;
text-align: center;
line-height: 80rpx;
color: #fff;
font-size: 28rpx;
border-radius: 16rpx;
font-family: logo-font;
font-size: 16px;
width: calc(100vw - 40px);
margin: 30px 0;
box-sizing: border-box;
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment