Skip to content

M
mallapp
Commit 3cad308c authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 13f10982
Hide whitespace changes
Inline Side-by-side
Showing with 730 additions and 1001 deletions
pages/order/order-detail.vue
View file @ 3cad308c
...@@ -15,10 +15,8 @@ ...@@ -15,10 +15,8 @@
</view> </view>
<view class="status" :style="[headStyle]"> <view class="status" :style="[headStyle]">
<view class="status-title">{{ orders.OrderStatusName }}</view> <view class="status-title">{{ orders.OrderStatusName }}</view>
<view class="sub-title" <view class="sub-title" v-if='orders.OrderStatus==1 || orders.OrderStatus==2 ||orders.OrderStatus==3||orders.OrderStatus==4 '>
v-if='orders.OrderStatus==1 || orders.OrderStatus==2 ||orders.OrderStatus==3||orders.OrderStatus==4 '> <u-icon style="display: inline-block; vertical-align: middle;" name="warning-o" color="#FFF" size="28"></u-icon>
<u-icon style="display: inline-block; vertical-align: middle;" name="warning-o" color="#FFF"
size="28"></u-icon>
<!-- TODO返回字段 不能写死 --> <!-- TODO返回字段 不能写死 -->
<text style="margin-left: 5px;">交易成功{{delivery_time}}天，系统自动确认完成</text> <text style="margin-left: 5px;">交易成功{{delivery_time}}天，系统自动确认完成</text>
<!-- TODO 交易情况说明 --> <!-- TODO 交易情况说明 -->
...@@ -39,8 +37,7 @@ ...@@ -39,8 +37,7 @@
<view class="block goods"> <view class="block goods">
<view class="item" v-for="(x, i) in orders.DetailList" :key="i"> <view class="item" v-for="(x, i) in orders.DetailList" :key="i">
<view style="display: flex;"> <view style="display: flex;">
<image :src="x.CoverImagePath" class="img" @click="redirectGoods(x.GoodsId)" <image :src="x.CoverImagePath" class="img" @click="redirectGoods(x.GoodsId)" mode="aspectFill" />
mode="aspectFill" />
<view class="good-info"> <view class="good-info">
<view class="good-name" @click="redirectGoods(x.GoodsId)">{{x.GoodsName}}</view> <view class="good-name" @click="redirectGoods(x.GoodsId)">{{x.GoodsName}}</view>
<view class="good-attr"> <view class="good-attr">
...@@ -53,9 +50,8 @@ ...@@ -53,9 +50,8 @@
<view v-if="x.EduData.ClassTime&&u.TenantId==27">上课时间:{{x.EduData.ClassTime}}</view> <view v-if="x.EduData.ClassTime&&u.TenantId==27">上课时间:{{x.EduData.ClassTime}}</view>
<text v-if="x.EduData.ClassNum &&u.TenantId==27">课程数量:{{x.EduData.ClassNum}}</text> <text v-if="x.EduData.ClassNum &&u.TenantId==27">课程数量:{{x.EduData.ClassNum}}</text>
</view> </view>
<view style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 2px;" <view style="overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 2px;" @click.native.stop="goUrl(x.FreeShippingUrl)"
@click.native.stop="goUrl(x.FreeShippingUrl)" v-if="x.FreeShippingRemarks !=null && x.FreeShippingRemarks!='' ">
v-if="x.FreeShippingRemarks !=null && x.FreeShippingRemarks!='' ">
<view style="color: #FF4048;background: #fdf6ec;padding: 0 5px;display: inline-block;"> <view style="color: #FF4048;background: #fdf6ec;padding: 0 5px;display: inline-block;">
<Text style="font-size: 20rpx;margin-right: 5rpx;"> <Text style="font-size: 20rpx;margin-right: 5rpx;">
{{x.FreeShippingRemarks}} {{x.FreeShippingRemarks}}
...@@ -63,21 +59,19 @@ ...@@ -63,21 +59,19 @@
</view> </view>
</view> </view>
<view class="good-price">￥{{ x.Final_Price }}</view> <view class="good-price">￥{{ x.Final_Price }}</view>
<view v-if="x.GoodsRelevanceList&&x.GoodsRelevanceList.length>0&&u.TenantId==27" class="bindingg" v-for="(attr2, inde4x) in x.GoodsRelevanceList" >已选物品:{{attr2.RelevanceName}}</view> <view v-if="x.GoodsRelevanceList&&x.GoodsRelevanceList.length>0&&u.TenantId==27" class="bindingg" v-for="(attr2, inde4x) in x.GoodsRelevanceList">已选物品:{{attr2.RelevanceName}}</view>
<view v-if="x.GoodsRelevanceList&&x.GoodsRelevanceList.length>0&&u.TenantId==27" v-for="(attr2, inde4x) in x.GoodsRelevanceList" class="good-price">￥{{ attr2.RelevancePrice }}</view> <view v-if="x.GoodsRelevanceList&&x.GoodsRelevanceList.length>0&&u.TenantId==27" v-for="(attr2, inde4x) in x.GoodsRelevanceList"
class="good-price">￥{{ attr2.RelevancePrice }}</view>
</view> </view>
</view> </view>
<template v-for="(e, ei) in expressInfo"> <template v-for="(e, ei) in expressInfo">
<view :key="ei" class="order-info-item peisong" v-for="(ec, eci) in e.GoodsList" <view :key="ei" class="order-info-item peisong" v-for="(ec, eci) in e.GoodsList" v-if=" ec.Id == x.DetailId">
v-if=" ec.Id == x.DetailId">
<template> <template>
<view class="field" :key="eci" v-if="e.Type == '2' && ec.Id == x.DetailId"> <view class="field" :key="eci" v-if="e.Type == '2' && ec.Id == x.DetailId">
<view class="label">配送方式</view> <view class="label">配送方式</view>
<view class="content">{{ e.Remark }}</view> <view class="content">{{ e.Remark }}</view>
</view> </view>
<view class="field" :key="eci" <view class="field" :key="eci" @click="goExpressHandler(e.ExpressName, e.ExpressNumber,e.ExpressId)" v-if="e.Type == '1' && ec.Id == x.DetailId">
@click="goExpressHandler(e.ExpressName, e.ExpressNumber,e.ExpressId)"
v-if="e.Type == '1' && ec.Id == x.DetailId">
<view class="label">配送方式</view> <view class="label">配送方式</view>
<view class="content">{{ e.ExpressName }} {{ e.ExpressNumber }}</view> <view class="content">{{ e.ExpressName }} {{ e.ExpressNumber }}</view>
<view style="margin-left: 10px;"> <view style="margin-left: 10px;">
...@@ -95,11 +89,9 @@ ...@@ -95,11 +89,9 @@
</view> </view>
</view> </view>
<view class="customer"> <view class="customer">
<button open-type="contact" :send-message-title="x.GoodsName" <button open-type="contact" :send-message-title="x.GoodsName" :send-message-path="'/pages/index/index?id=' + x.GoodsId + '&user_id=' + uid+'&JumpType=1'"
:send-message-path="'/pages/index/index?id=' + x.GoodsId + '&user_id=' + uid+'&JumpType=1'" :send-message-img=" x.CoverImagePath " :show-message-card="true">
:send-message-img=" x.CoverImagePath " :show-message-card="true"> <u-icon style="display: inline-block; vertical-align: middle;" size="36" color="#111" name="chat-o"></u-icon>
<u-icon style="display: inline-block; vertical-align: middle;" size="36" color="#111"
name="chat-o"></u-icon>
<text style="margin-left: 10rpx;">联系客服</text> <text style="margin-left: 10rpx;">联系客服</text>
</button> </button>
</view> </view>
...@@ -130,6 +122,16 @@ ...@@ -130,6 +122,16 @@
</view> </view>
</view> </view>
</view> </view>
<view class="block" v-if="orders.CustomFormInfo&&orders.CustomFormInfo.length>0">
<view class="order-info-item">
<template v-for="(subItem,subIndex) in orders.CustomFormInfo">
<view class="field" v-if="(subItem.CompKey=='SingleLineText'||subItem.CompKey=='MultiLineText')&&subItem.CompData.TextValue!=''">
<view class="label">{{subItem.CompData.Name}}：</view>
<view class="content">{{ subItem.CompData.TextValue }}</view>
</view>
</template>
</view>
</view>
<view class="block"> <view class="block">
<view class="order-info-item"> <view class="order-info-item">
<view class="field"> <view class="field">
...@@ -158,10 +160,8 @@ ...@@ -158,10 +160,8 @@
<view class="content right"> <view class="content right">
<text style="margin-right: 10px;">实付款：</text> <text style="margin-right: 10px;">实付款：</text>
<text style="font-size: 11px; font-weight: 700;" :style="{ color: mc }">￥</text> <text style="font-size: 11px; font-weight: 700;" :style="{ color: mc }">￥</text>
<text style="font-size: 17px;" <text style="font-size: 17px;" :style="{ color: mc }">{{String(orders.Income).split(".")[0]}}</text>
:style="{ color: mc }">{{String(orders.Income).split(".")[0]}}</text> <text style="font-size: 12px;" :style="{ color: mc }">.{{String(orders.Income).split(".")[1] || "00" }}</text>
<text style="font-size: 12px;"
:style="{ color: mc }">.{{String(orders.Income).split(".")[1] || "00" }}</text>
</view> </view>
</view> </view>
</view> </view>
...@@ -181,15 +181,13 @@ ...@@ -181,15 +181,13 @@
</u-button> </u-button>
</view> </view>
<view class="item" v-if="orders.OrderStatus == '1'"> <view class="item" v-if="orders.OrderStatus == '1'">
<u-button shape="circle" size="medium" :custom-style="themCustomStyle" <u-button shape="circle" size="medium" :custom-style="themCustomStyle" v-on:click.stop="payment(orders)">立即支付</u-button>
v-on:click.stop="payment(orders)">立即支付</u-button>
</view> </view>
<view class="item" v-if="orders.OrderStatus == '1' && orders.Income >0"> <view class="item" v-if="orders.OrderStatus == '1' && orders.Income >0">
<u-button shape="circle" size="medium" :custom-style="themCustomStyle" open-type="share">找人代付 <u-button shape="circle" size="medium" :custom-style="themCustomStyle" open-type="share">找人代付
</u-button> </u-button>
</view> </view>
<view class="item" <view class="item" v-if="orders.OrderStatus == '3'&& orders.PresentFXGrade!=1&&orders.OrderEduType === 0 ">
v-if="orders.OrderStatus == '3'&& orders.PresentFXGrade!=1&&orders.OrderEduType === 0 ">
<u-button shape="circle" size="medium" :custom-style="customStyle" @click="openAfterHandler">申请售后 <u-button shape="circle" size="medium" :custom-style="customStyle" @click="openAfterHandler">申请售后
</u-button> </u-button>
</view> </view>
...@@ -198,8 +196,7 @@ ...@@ -198,8 +196,7 @@
<u-button shape="circle" size="medium" :custom-style="customStyle" @click="cancel">取消订单 <u-button shape="circle" size="medium" :custom-style="customStyle" @click="cancel">取消订单
</u-button> </u-button>
</view> </view>
<view class="item" <view class="item" v-if="(orders.OrderStatus == '1'&&u.TenantId!=27 || (orders.OrderStatus == '2' && orders.PresentFXGrade!=1&&u.TenantId!=27))&&orders.OrderEduType === 0 &&u.TenantId!=27">
v-if="(orders.OrderStatus == '1'&&u.TenantId!=27 || (orders.OrderStatus == '2' && orders.PresentFXGrade!=1&&u.TenantId!=27))&&orders.OrderEduType === 0 &&u.TenantId!=27">
<u-button shape="circle" size="medium" :custom-style="customStyle" @click="cancel">取消订单 <u-button shape="circle" size="medium" :custom-style="customStyle" @click="cancel">取消订单
</u-button> </u-button>
</view> </view>
...@@ -207,8 +204,7 @@ ...@@ -207,8 +204,7 @@
<view class="item" style="line-height: 34px;" v-if="orders.OrderStatus == 6"> <view class="item" style="line-height: 34px;" v-if="orders.OrderStatus == 6">
待处理 待处理
</view> </view>
<view class="item" style="line-height: 34px;font-size: 16px;color: gray;font-weight: 600;" <view class="item" style="line-height: 34px;font-size: 16px;color: gray;font-weight: 600;" v-if="orders.OrderStatus == 7">
v-if="orders.OrderStatus == 7">
已取消 已取消
</view> </view>
</view> </view>
...@@ -219,27 +215,22 @@ ...@@ -219,27 +215,22 @@
<view style="display: flex;align-items: center;justify-content: center;height:70px ;"> <view style="display: flex;align-items: center;justify-content: center;height:70px ;">
<Text>是否取消订单？</Text> <Text>是否取消订单？</Text>
</view> </view>
<view style="display: flex;flex-direction: column;height:80px ;margin-left: 15px;width: 100%;" <view style="display: flex;flex-direction: column;height:80px ;margin-left: 15px;width: 100%;" v-if='orders.OrderStatus==2'>
v-if='orders.OrderStatus==2'>
<Text style='margin-left: 10px;margin-top: 5px;'>备注</Text> <Text style='margin-left: 10px;margin-top: 5px;'>备注</Text>
<input class="uni-input inputM" style='margin-left: 10px;margin-top: 5px;' <input class="uni-input inputM" style='margin-left: 10px;margin-top: 5px;' v-model="Cancelmsg.Remark" placeholder="输入备注" />
v-model="Cancelmsg.Remark" placeholder="输入备注" />
</view> </view>
<view <view style="display: flex;flex-direction: row;align-items: center;height: 50px;border-top: 1px solid #F5F5F5;width: 100%;">
style="display: flex;flex-direction: row;align-items: center;height: 50px;border-top: 1px solid #F5F5F5;width: 100%;"> <view style="width: 50%;display: flex;align-items: center;justify-content: center" @click="showModal=false">
<view style="width: 50%;display: flex;align-items: center;justify-content: center"
@click="showModal=false">
<Text>取消</Text> <Text>取消</Text>
</view> </view>
<view style="width: 50%;color: #a0cfff;display: flex;align-items: center;justify-content: center" <view style="width: 50%;color: #a0cfff;display: flex;align-items: center;justify-content: center" @click="confirm">
@click="confirm">
<Text>确定</Text> <Text>确定</Text>
</view> </view>
</view> </view>
</view> </view>
</u-popup> </u-popup>
<u-modal v-model="showReviceModal" content="是否确认收货？" :show-cancel-button="true" :show-title="false" <u-modal v-model="showReviceModal" content="是否确认收货？" :show-cancel-button="true" :show-title="false" @confirm="submitReviceGoodHandler"
@confirm="submitReviceGoodHandler" :border-radius="20"></u-modal> :border-radius="20"></u-modal>
<u-toast ref="uToast" /> <u-toast ref="uToast" />
<payCom v-if="payBtn&&u.TenantId!=27" :payInfo="payInfo" @closePay="closePay"></payCom> <payCom v-if="payBtn&&u.TenantId!=27" :payInfo="payInfo" @closePay="closePay"></payCom>
<submit2PayCom v-if="payBtn&&u.TenantId==27" :payInfo="payInfo" :isAlipay="isAlipay" @closePay="closePay"></submit2PayCom> <submit2PayCom v-if="payBtn&&u.TenantId==27" :payInfo="payInfo" :isAlipay="isAlipay" @closePay="closePay"></submit2PayCom>
...@@ -248,8 +239,7 @@ ...@@ -248,8 +239,7 @@
<view style="padding:10px 0 0 10px">提交失败</view> <view style="padding:10px 0 0 10px">提交失败</view>
<view style="text-align:center;padding-bottom:40rpx"> <view style="text-align:center;padding-bottom:40rpx">
<view style="margin:80rpx 0">支付取消</view> <view style="margin:80rpx 0">支付取消</view>
<span @click="exitPay" <span @click="exitPay" style="padding:10rpx 50rpx;color:#fff;background:#19be6b;border-radius: 12px;">确定</span>
style="padding:10rpx 50rpx;color:#fff;background:#19be6b;border-radius: 12px;">确定</span>
</view> </view>
</view> </view>
</u-popup> </u-popup>
...@@ -270,8 +260,8 @@ ...@@ -270,8 +260,8 @@
}, },
data() { data() {
return { return {
isAlipay:2,//1微信 2微信支付宝 isAlipay: 2, //1微信 2微信支付宝
u:{}, u: {},
mc: "", mc: "",
secondary: "", secondary: "",
headStyle: {}, headStyle: {},
...@@ -383,7 +373,6 @@ ...@@ -383,7 +373,6 @@
); );
}, },
cancel() { cancel() {
this.showModal = true; this.showModal = true;
this.Cancelmsg.OrderId = this.orders.OrderId; this.Cancelmsg.OrderId = this.orders.OrderId;
this.Cancelmsg.Type = this.orders.OrderStatus; this.Cancelmsg.Type = this.orders.OrderStatus;
...@@ -511,7 +500,6 @@ ...@@ -511,7 +500,6 @@
} }
}, },
payment(e) { payment(e) {
console.log(e.OrderId)
this.payInfo.OrderId = e.OrderId; this.payInfo.OrderId = e.OrderId;
this.payInfo.GoodsName = e.DetailList[0].GoodsName.slice(0, 10); this.payInfo.GoodsName = e.DetailList[0].GoodsName.slice(0, 10);
this.payInfo.PaymentWay = e.PaymentWay; this.payInfo.PaymentWay = e.PaymentWay;
...@@ -553,17 +541,18 @@ ...@@ -553,17 +541,18 @@
</script> </script>
<style> <style>
.good-attr22 {
.good-attr22{
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
} }
.bindingg{
.bindingg {
color: gray; color: gray;
font-size: 26rpx; font-size: 26rpx;
margin-top: 20rpx; margin-top: 20rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.orderdetail { .orderdetail {
overflow: hidden; overflow: hidden;
background: #f3f4f6; background: #f3f4f6;
......
pages/user-center/user-center.vue
View file @ 3cad308c
<template> <template>
<scroll-view <scroll-view :scroll-y="true" @scroll="scrollHandler" @scrolltoupper="scrollTopHandler" style="width: 100%; height: 100vh; background: #f3f4f6">
:scroll-y="true" <view class="userStyle" v-if="meueData.user_center && meueData.user_center.is_ppenmiai == 0" :class="{ dark: isCompany }">
@scroll="scrollHandler" <!-- 修改 -->
@scrolltoupper="scrollTopHandler" <view class="headStatus" v-if="scrollTop > 50" :style="[
style="width: 100%; height: 100vh; background: #f3f4f6"
>
<view
class="userStyle"
v-if="meueData.user_center && meueData.user_center.is_ppenmiai == 0"
:class="{ dark: isCompany }"
><!-- 修改 -->
<view
class="headStatus"
v-if="scrollTop > 50"
:style="[
headStyle, headStyle,
{ {
zIndex: scrollTop < 10 ? 'unset' : 2, zIndex: scrollTop < 10 ? 'unset' : 2,
opacity: scrollTop < 10 ? '100' : scrollTop, opacity: scrollTop < 10 ? '100' : scrollTop,
}, },
]" ]">
> <view class="title" v-if="scrollTop > 50">{{ pageTitle }}</view>
<view class="title" v-if="scrollTop > 50">{{ pageTitle }}</view> </view>
</view> <view class="userBox" :style="{ 'padding-bottom': bottommargin }">
<view class="userBox" :style="{ 'padding-bottom': bottommargin }"> <view :style="{
<view
:style="{
'background-image': 'background-image':
'url(' + 'url(' +
(meueData.user_center.top_pic_url (meueData.user_center.top_pic_url
...@@ -34,25 +21,21 @@ ...@@ -34,25 +21,21 @@
')', ')',
backgroundSize: '100% 310px', backgroundSize: '100% 310px',
}" }"
class="imgbg" class="imgbg" :class="{
:class="{
miniHeadTop: miniHeadTop:
meueData.user_center.is_foot_bar_status != 1 && meueData.user_center.is_foot_bar_status != 1 &&
meueData.user_center.is_account_status != 1, meueData.user_center.is_account_status != 1,
}" }">
> <!-- 咖啡扫码 -->
<!-- 咖啡扫码 --> <view style="position: absolute;top:250rpx;right:50rpx" v-if="user_info.IsCoffee_Verification" @click="scanCodeByCoffee">
<view style="position: absolute;top:250rpx;right:50rpx" v-if="user_info.IsCoffee_Verification" @click="scanCodeByCoffee"> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/coffee/ScanCode.png" mode="widthFix"
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/educationStu/coffee/ScanCode.png" style="width: 40rpx;height: auto;"></image>
mode="widthFix" style="width: 40rpx;height: auto;"></image> <coffeeConfirmDialog :show="showCoffeeVerification" @close="showCoffeeVerification=false" :dataObj="coffeeVerificationData"></coffeeConfirmDialog>
<coffeeConfirmDialog :show="showCoffeeVerification" @close="showCoffeeVerification=false" :dataObj="coffeeVerificationData"></coffeeConfirmDialog> </view>
</view> <view class="titlenav" :style="{ paddingTop: nav }">{{
<view class="titlenav" :style="{ paddingTop: nav }">{{
pageTitle pageTitle
}}</view> }}</view>
<view <view class="topheard" :style="{
class="topheard"
:style="{
'margin-top': 'margin-top':
modelstype == 0 modelstype == 0
? '52px' ? '52px'
...@@ -62,27 +45,17 @@ ...@@ -62,27 +45,17 @@
? '33px' ? '33px'
: 0, : 0,
}" }"
v-if="meueData.user_center.top_style == 1" v-if="meueData.user_center.top_style == 1">
> <u-avatar :src="user_info.avatar" size="140" shape="circle" style="margin-left: 50rpx"></u-avatar>
<u-avatar <view style="
:src="user_info.avatar"
size="140"
shape="circle"
style="margin-left: 50rpx"
></u-avatar>
<view
style="
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
height: 60px; height: 60px;
margin-left: 20rpx; margin-left: 20rpx;
" ">
> <view style="display: flex; align-items: center">
<view style="display: flex; align-items: center"> <Text class="nickname" style="
<Text
class="nickname"
style="
color: #fff; color: #fff;
font-size: 40rpx; font-size: 40rpx;
font-weight: 800; font-weight: 800;
...@@ -92,95 +65,53 @@ ...@@ -92,95 +65,53 @@
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
" "
@click="login(user_info)" @click="login(user_info)">{{
>{{
user_info.nickname ? user_info.nickname : "立即登录" user_info.nickname ? user_info.nickname : "立即登录"
}}</Text }}</Text>
> <view v-if="companyStatus == 5" style="margin-left: 10rpx">
<view v-if="companyStatus == 5" style="margin-left: 10rpx"> <image v-if="FirstShopType == 1" style="width: 140rpx; height: 44rpx" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pinpaivip.png"></image>
<image <image v-if="FirstShopType == 2" style="width: 140rpx; height: 44rpx" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/zaitivip.png"></image>
v-if="FirstShopType == 1" </view>
style="width: 140rpx; height: 44rpx" </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pinpaivip.png"
></image>
<image
v-if="FirstShopType == 2"
style="width: 140rpx; height: 44rpx"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/zaitivip.png"
></image>
</view>
</view>
<!-- 判断是甲鹤小程序 --> <!-- 判断是甲鹤小程序 -->
<view v-if="AppletID == 5 && isAttestationEdu == 1"> <view v-if="AppletID == 5 && isAttestationEdu == 1">
<u-tag <u-tag text="甲鹤学员" bg-color="#40766E" color="#FFF" size="mini" border-color="#40766E" />
text="甲鹤学员" </view>
bg-color="#40766E" <view style="display: flex; align-items: center">
color="#FFF" <view class="member" v-if="is_icon_members_grade == 1 && user_info.nickname">
size="mini" <image :src="user_info.identity.level_icon" mode="aspectFill" style="width: 22px; height: 22px; border-radius: 11px"></image>
border-color="#40766E" <Text style="margin-right: 10px">{{
/>
</view>
<view style="display: flex; align-items: center">
<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 != null
? user_info.identity.level_name ? user_info.identity.level_name
: "普通用户" : "普通用户"
}}</Text> }}</Text>
<!-- 公司认证状态 --> <!-- 公司认证状态 -->
</view> </view>
<view <view class="componyStatusBox" @click="goIdentification" v-if="is_show_korea == 1 && user_info.nickname">
class="componyStatusBox" <view class="renzhen" v-if="companyStatus == 1">
@click="goIdentification" 未认证
v-if="is_show_korea == 1 && user_info.nickname" </view>
> <view class="renzhen" v-if="companyStatus == 2" style="border: 1px solid #ffa800; color: #ffa800">
<view class="renzhen" v-if="companyStatus == 1"> 认证未完善
未认证 </view>
</view>
<view
class="renzhen"
v-if="companyStatus == 2"
style="border: 1px solid #ffa800; color: #ffa800"
>
认证未完善
</view>
<view <view class="renzhen" v-if="companyStatus == 3" style="border: 1px solid #2961fe; color: #2961fe">
class="renzhen" 认证审核中
v-if="companyStatus == 3" </view>
style="border: 1px solid #2961fe; color: #2961fe" <view class="renzhen" v-if="companyStatus == 4" :style="{
>
认证审核中
</view>
<view
class="renzhen"
v-if="companyStatus == 4"
:style="{
border: '1px solid ' + mainColor, border: '1px solid ' + mainColor,
color: mainColor, color: mainColor,
}" }">
> 未通过
未通过 </view>
</view> <view style="
<view
style="
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
" "
v-if="companyStatus == 5" v-if="companyStatus == 5">
> <view style="
<view
style="
font-weight: 500; font-weight: 500;
font-size: 13px; font-size: 13px;
max-width: 360rpx; max-width: 360rpx;
...@@ -189,101 +120,57 @@ ...@@ -189,101 +120,57 @@
display: inline-block; display: inline-block;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
" ">
> {{ companyName }}
{{ companyName }} </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> <view style="
<view
style="
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-top: 23px; margin-top: 23px;
margin-bottom: 5px; margin-bottom: 5px;
" "
v-if="meueData.user_center.top_style == 2" v-if="meueData.user_center.top_style == 2">
> <u-avatar :src="user_info.avatar" shape="circle" size="120"></u-avatar>
<u-avatar <Text style="color: #fff; font-size: 40rpx; font-weight: 800" class="nickname" @click="login(user_info)">{{ user_info.nickname ? user_info.nickname : "立即登录" }}</Text>
:src="user_info.avatar" <view class="member" v-if="is_icon_members_grade == 1 && user_info.nickname">
shape="circle" <image :src="user_info.identity.level_icon" mode="aspectFill" style="width: 22px; height: 22px; border-radius: 11px"></image>
size="120" <view style="
></u-avatar>
<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>
<view
style="
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
" ">
> <Text style="margin-right: 10px">{{
<Text style="margin-right: 10px">{{
user_info.identity.level_name != null user_info.identity.level_name != null
? user_info.identity.level_name ? user_info.identity.level_name
: "普通用户" : "普通用户"
}}</Text> }}</Text>
<view v-if="companyStatus == 5" style="margin-left: 10rpx"> <view v-if="companyStatus == 5" style="margin-left: 10rpx">
<image <image v-if="FirstShopType == 1" style="width: 140rpx; height: 44rpx" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pinpaivip.png"></image>
v-if="FirstShopType == 1" <image v-if="FirstShopType == 2" style="width: 140rpx; height: 44rpx" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/zaitivip.png"></image>
style="width: 140rpx; height: 44rpx" </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pinpaivip.png" </view>
></image> </view>
<image <view v-if="AppletID == 5 && isAttestationEdu == 1">
v-if="FirstShopType == 2" <u-tag text="甲鹤学员" bg-color="#40766E" color="#FFF" size="mini" border-color="#40766E" />
style="width: 140rpx; height: 44rpx" </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/zaitivip.png" <view class="componyStatusBox" @click="goIdentification" v-if="is_show_korea == 1 && user_info.nickname">
></image> <view class="renzhen" v-if="companyStatus == 1"> 未认证 </view>
</view> <view class="renzhen" v-if="companyStatus == 2">
</view> 认证未完善
</view> </view>
<view v-if="AppletID == 5 && isAttestationEdu == 1">
<u-tag
text="甲鹤学员"
bg-color="#40766E"
color="#FFF"
size="mini"
border-color="#40766E"
/>
</view>
<view
class="componyStatusBox"
@click="goIdentification"
v-if="is_show_korea == 1 && user_info.nickname"
>
<view class="renzhen" v-if="companyStatus == 1"> 未认证 </view>
<view class="renzhen" v-if="companyStatus == 2">
认证未完善
</view>
<view <view class="renzhen" v-if="companyStatus == 3" :style="{ border: '1px solid ' + mainColor, color: mainColor }">
class="renzhen" 认证审核中
v-if="companyStatus == 3" </view>
:style="{ border: '1px solid ' + mainColor, color: mainColor }" <view class="renzhen" v-if="companyStatus == 4"> 未通过 </view>
> <view style="margin-top: 10px" v-if="companyStatus == 5">
认证审核中 <view style="
</view>
<view class="renzhen" v-if="companyStatus == 4"> 未通过 </view>
<view style="margin-top: 10px" v-if="companyStatus == 5">
<view
style="
font-weight: 500; font-weight: 500;
font-size: 13px; font-size: 13px;
max-width: 360rpx; max-width: 360rpx;
...@@ -292,338 +179,214 @@ ...@@ -292,338 +179,214 @@
display: inline-block; display: inline-block;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
" ">
> {{ companyName }}
{{ companyName }} </view>
</view> </view>
</view> </view>
</view> </view>
</view> <view class="top_b">
<view class="top_b"> <view class="top_b_item" v-if="meueData.user_center.is_foot_bar_status == 1" @click="goUrl('/pages/favorite/favorite')">
<view <text style="font-size: 21px">{{
class="top_b_item"
v-if="meueData.user_center.is_foot_bar_status == 1"
@click="goUrl('/pages/favorite/favorite')"
>
<text style="font-size: 21px">{{
user_info.favorite ? user_info.favorite : 0 user_info.favorite ? user_info.favorite : 0
}}</text> }}</text>
<text>{{ meueData.user_center.foot_bar[0].name }}</text> <text>{{ meueData.user_center.foot_bar[0].name }}</text>
</view> </view>
<view <view class="top_b_item" v-if="meueData.user_center.is_foot_bar_status == 1" @click="goUrl('/pages/foot/index/index')">
class="top_b_item" <text style="font-size: 21px">{{
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 user_info.footprint ? user_info.footprint : 0
}}</text> }}</text>
<text>{{ meueData.user_center.foot_bar[1].name }}</text> <text>{{ meueData.user_center.foot_bar[1].name }}</text>
</view> </view>
<view <view class="top_b_item" v-if="
class="top_b_item"
v-if="
meueData.user_center && meueData.user_center &&
meueData.user_center.is_account_status == 1 meueData.user_center.is_account_status == 1
" "
@click="goUrl(couponsObj.link_url)" @click="goUrl(couponsObj.link_url)">
> <text style="font-size: 21px">{{
<text style="font-size: 21px">{{
user_info.coupon ? user_info.coupon : 0 user_info.coupon ? user_info.coupon : 0
}}</text> }}</text>
<text>{{ couponsObj.name }}</text> <text>{{ couponsObj.name }}</text>
</view> </view>
</view> </view>
<view <view class="ReceiptAdder" v-if="
class="ReceiptAdder"
v-if="
IsEducation != 1 && IsEducation != 1 &&
setting.is_show_korea != undefined && setting.is_show_korea != undefined &&
setting.is_show_korea == 0 setting.is_show_korea == 0
" "
@click="goUrl('/pages/address/address')" @click="goUrl('/pages/address/address')" :style="{
:style="{
top: top:
modelstype == 0 modelstype == 0
? '160rpx' ? '160rpx'
: modelstype == 1 : modelstype == 1
? '180rpx' ? '180rpx'
: '160rpx', : '160rpx',
}" }">
> <u-icon name="location" color="#fff" size="23"></u-icon>
<u-icon name="location" color="#fff" size="23"></u-icon> <Text style="color: #fff; font-size: 12px; margin-left: 20rpx">收货地址</Text>
<Text style="color: #fff; font-size: 12px; margin-left: 20rpx" </view>
>收货地址</Text <view class="Receiptbalance" v-if="
>
</view>
<view
class="Receiptbalance"
v-if="
meueData.user_center && meueData.user_center &&
meueData.user_center.is_account_status == 1 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'"
<view @click="goUrl(item.link_url)">
class="Receiptbalance_item" <image :src="item.icon_url" style="width: 22px; height: auto" mode="widthFix"></image>
v-for="(item, index) in meueData.user_center.account" <view style="
: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; margin-left: 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
" ">
> <span style="font-size: 21px; color: #0d0d0d; font-weight: 200">{{
<span
style="font-size: 21px; color: #0d0d0d; font-weight: 200"
>{{
user_info.balance user_info.balance
? user_info.balance > 10000 ? user_info.balance > 10000
? (user_info.balance / 10000).toFixed(1) + "w" ? (user_info.balance / 10000).toFixed(1) + "w"
: user_info.balance : user_info.balance
: 0 : 0
}}</span }}</span>
> <span style="">{{ item.name }}</span>
<span style="">{{ item.name }}</span> </view>
</view> </view>
</view> <view style="width: 1px; height: 34px; background: #e8e8e8"></view>
<view style="width: 1px; height: 34px; background: #e8e8e8"></view> <view class="Receiptbalance_item" v-for="(item, index) in meueData.user_center.account" :key="index" v-if="
<view
class="Receiptbalance_item"
v-for="(item, index) in meueData.user_center.account"
:key="index"
v-if="
item.link_url == item.link_url ==
'/pages/user-center/integral-detail/integral-detail' '/pages/user-center/integral-detail/integral-detail'
" "
@click="goUrl(item.link_url)" @click="goUrl(item.link_url)">
> <image :src="item.icon_url" style="width: 17px; height: auto" mode="widthFix"></image>
<image <view style="
:src="item.icon_url"
style="width: 17px; height: auto"
mode="widthFix"
></image>
<view
style="
margin-left: 15px; margin-left: 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
" ">
> <span style="font-size: 21px; color: #0d0d0d; font-weight: 200">{{
<span
style="font-size: 21px; color: #0d0d0d; font-weight: 200"
>{{
user_info.integral user_info.integral
? user_info.integral > 10000 ? user_info.integral > 10000
? (user_info.integral / 10000).toFixed(1) + "w" ? (user_info.integral / 10000).toFixed(1) + "w"
: user_info.integral : user_info.integral
: 0 : 0
}}</span }}</span>
> <span>{{ item.name }}</span>
<span>{{ item.name }}</span> </view>
</view> </view>
</view> </view>
</view> </view>
</view> <!-- 排课点数 -->
<!-- 排课点数 --> <view class="order_bar paike" style="" @click="gopointBalance" v-if="meueData.user_center.is_point_status == 1">
<view <span style="font-size: 14px; color: #111111">可用余额(点数)：</span>
class="order_bar paike" <span style="font-size: 22px; color: #111111; font-family: aa">{{
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 PointNum
}}</span> }}</span>
</view> </view>
<view <view class="order_bar" v-if="meueData.user_center.is_order_bar_status == 1">
class="order_bar" <u-section title="我的订单" sub-title="查看更多" style="width: 100%; padding: 0px 0 10px" @click="goUrl('/pages/order/index/index?status=0')"></u-section>
v-if="meueData.user_center.is_order_bar_status == 1" <view class="order_bar_list">
> <view class="order_bar_item" v-for="(item, index) in meueData.user_center.order_bar" :key="index" :name="item.name"
<u-section @click="goUrl(item.link_url)">
title="我的订单" <image :src="item.icon_url" style="width: 60rpx; height: auto" mode="widthFix"></image>
sub-title="查看更多" <Text style="margin-top: 10rpx">{{ item.name }}</Text>
style="width: 100%; padding: 0px 0 10px" <!-- 待付款 -->
@click="goUrl('/pages/order/index/index?status=0')" <view v-if="
></u-section>
<view class="order_bar_list">
<view
class="order_bar_item"
v-for="(item, index) in meueData.user_center.order_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/order/index/index?status=1' && item.link_url == '/pages/order/index/index?status=1' &&
user_info.MyOrder.NonPayment > 0 user_info.MyOrder.NonPayment > 0
" "
class="badge" class="badge" :style="{ background: mainColor }">
:style="{ background: mainColor }" {{ user_info.MyOrder.NonPayment }}
> </view>
{{ user_info.MyOrder.NonPayment }} <!-- 待发货 -->
</view> <view v-if="
<!-- 待发货 -->
<view
v-if="
item.link_url == '/pages/order/index/index?status=2' && item.link_url == '/pages/order/index/index?status=2' &&
user_info.MyOrder.WaitSendGoods > 0 user_info.MyOrder.WaitSendGoods > 0
" "
class="badge" class="badge" :style="{ background: mainColor }">
:style="{ background: mainColor }" {{ user_info.MyOrder.WaitSendGoods }}
> </view>
{{ user_info.MyOrder.WaitSendGoods }} <!-- 待收货 -->
</view> <view v-if="
<!-- 待收货 -->
<view
v-if="
item.link_url == '/pages/order/index/index?status=3' && item.link_url == '/pages/order/index/index?status=3' &&
user_info.MyOrder.WaitReceiving > 0 user_info.MyOrder.WaitReceiving > 0
" "
class="badge" class="badge" :style="{ background: mainColor }">
:style="{ background: mainColor }" {{ user_info.MyOrder.WaitReceiving }}
> </view>
{{ user_info.MyOrder.WaitReceiving }} <!-- 待评价 -->
</view> <view v-if="
<!-- 待评价 -->
<view
v-if="
item.link_url == '/pages/order/order-commit' && item.link_url == '/pages/order/order-commit' &&
user_info.MyOrder.WaitCommentNum > 0 user_info.MyOrder.WaitCommentNum > 0
" "
class="badge" class="badge" :style="{ background: mainColor }">
:style="{ background: mainColor }" {{ user_info.MyOrder.WaitCommentNum }}
> </view>
{{ user_info.MyOrder.WaitCommentNum }} <!-- 售后 -->
</view> <view v-if="
<!-- 售后 -->
<view
v-if="
item.link_url == '/pages/order/after-sale/refunds-list' && item.link_url == '/pages/order/after-sale/refunds-list' &&
user_info.MyOrder.AfterSaleNum > 0 user_info.MyOrder.AfterSaleNum > 0
" "
class="badge" class="badge" :style="{ background: mainColor }">
:style="{ background: mainColor }" {{ user_info.MyOrder.AfterSaleNum }}
> </view>
{{ user_info.MyOrder.AfterSaleNum }} </view>
</view> </view>
</view> </view>
</view> <view class="order_bar" style="margin-top: 20rpx" v-if="meueData.user_center.is_sdorder_bar_status == 1">
</view> <u-section title="司导订单" sub-title="查看更多" style="width: 100%; padding: 0px 0 10px" @click="goUrl('/pages/guidecar/orderList?status=0')"></u-section>
<view <view class="order_bar_list">
class="order_bar" <view class="order_bar_item" v-for="(item, index) in meueData.user_center.sdorder_bar" :key="index" :name="item.name"
style="margin-top: 20rpx" @click="goUrl(item.link_url)">
v-if="meueData.user_center.is_sdorder_bar_status == 1" <image :src="item.icon_url" style="width: 60rpx; height: auto" mode="widthFix"></image>
> <Text style="margin-top: 10rpx">{{ item.name }}</Text>
<u-section <!-- 待付款 -->
title="司导订单" <view v-if="
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' && item.link_url == '/pages/guidecar/orderList?status=1' &&
user_info.MyGuideCarOrder.NonPayment > 0 user_info.MyGuideCarOrder.NonPayment > 0
" "
class="badge" class="badge" :style="{ background: mainColor }">
:style="{ background: mainColor }" {{ user_info.MyGuideCarOrder.NonPayment }}
> </view>
{{ user_info.MyGuideCarOrder.NonPayment }} <!-- 待确认 -->
</view> <view v-if="
<!-- 待确认 -->
<view
v-if="
item.link_url == '/pages/guidecar/orderList?status=2' && item.link_url == '/pages/guidecar/orderList?status=2' &&
user_info.MyGuideCarOrder.WaitSendGoods > 0 user_info.MyGuideCarOrder.WaitSendGoods > 0
" "
class="badge" class="badge" :style="{ background: mainColor }">
:style="{ background: mainColor }" {{ user_info.MyGuideCarOrder.WaitSendGoods }}
> </view>
{{ user_info.MyGuideCarOrder.WaitSendGoods }} <!-- 待出行 -->
</view> <view v-if="
<!-- 待出行 -->
<view
v-if="
item.link_url == '/pages/guidecar/orderList?status=3' && item.link_url == '/pages/guidecar/orderList?status=3' &&
user_info.MyGuideCarOrder.WaitReceiving > 0 user_info.MyGuideCarOrder.WaitReceiving > 0
" "
class="badge" class="badge" :style="{ background: mainColor }">
:style="{ background: mainColor }" {{ user_info.MyGuideCarOrder.WaitReceiving }}
> </view>
{{ user_info.MyGuideCarOrder.WaitReceiving }} <!-- 出行中 -->
</view> <view v-if="
<!-- 出行中 -->
<view
v-if="
item.link_url == '/pages/guidecar/orderList?status=4' && item.link_url == '/pages/guidecar/orderList?status=4' &&
user_info.MyGuideCarOrder.Completed > 0 user_info.MyGuideCarOrder.Completed > 0
" "
class="badge" class="badge" :style="{ background: mainColor }">
:style="{ background: mainColor }" {{ user_info.MyGuideCarOrder.Completed }}
> </view>
{{ user_info.MyGuideCarOrder.Completed }} <!-- 待评价 -->
</view> <view v-if="
<!-- 待评价 -->
<view
v-if="
item.link_url == '/pages/guidecar/order-commit' && item.link_url == '/pages/guidecar/order-commit' &&
user_info.MyGuideCarOrder.GuideCarWaitCommentNum > 0 user_info.MyGuideCarOrder.GuideCarWaitCommentNum > 0
" "
class="badge" class="badge" :style="{ background: mainColor }">
:style="{ background: mainColor }" {{ user_info.MyGuideCarOrder.GuideCarWaitCommentNum }}
> </view>
{{ user_info.MyGuideCarOrder.GuideCarWaitCommentNum }} </view>
</view> </view>
</view> </view>
</view> <template v-if="
</view>
<template
v-if="
meueData.user_center && meueData.user_center.nar_menus.length > 0 meueData.user_center && meueData.user_center.nar_menus.length > 0
" ">
> <view v-if="
<view
v-if="
meueData.user_center && meueData.user_center.is_menu_status == 1 meueData.user_center && meueData.user_center.is_menu_status == 1
" " v-for="(mItem, mIndex) in meueData.user_center.nar_menus"
v-for="(mItem, mIndex) in meueData.user_center.nar_menus" :key="mIndex" :style="{
:key="mIndex"
:style="{
marginTop: marginTop:
mIndex == 0 && mIndex == 0 &&
(meueData.user_center.is_foot_bar_status == 1 || (meueData.user_center.is_foot_bar_status == 1 ||
...@@ -631,89 +394,52 @@ ...@@ -631,89 +394,52 @@
? '25px' ? '25px'
: '', : '',
}" }"
class="headCommon" class="headCommon">
> <view style="margin: 10px">{{ mItem.MenuNavTitle }}</view>
<view style="margin: 10px">{{ mItem.MenuNavTitle }}</view> <view :class="mItem.MenuNavStyle == 1 ? 'menus' : 'menus2'" style="width: 100%">
<view <view :class="mItem.MenuNavStyle == 1 ? 'menus_item' : 'menus_item2'" v-for="(item, index) in mItem.MeunList"
:class="mItem.MenuNavStyle == 1 ? 'menus' : 'menus2'" :key="index" :name="item.name" @click="goUrl(item.link_url)" v-if="pandu(item)">
style="width: 100%" <image :src="item.icon_url" :style="{
>
<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', width: mItem.MenuNavStyle == 1 ? '20px' : '16px',
height: 'auto', height: 'auto',
}" }"
mode="widthFix" mode="widthFix"></image>
></image> <Text style="font-size: 26rpx" :style="{
<Text
style="font-size: 26rpx"
:style="{
'margin-top': mItem.MenuNavStyle == 1 ? '10rpx' : '0rpx', 'margin-top': mItem.MenuNavStyle == 1 ? '10rpx' : '0rpx',
'margin-left': mItem.MenuNavStyle == 1 ? '0rpx' : '24rpx', 'margin-left': mItem.MenuNavStyle == 1 ? '0rpx' : '24rpx',
}" }">
> {{ item.name }}
{{ item.name }} </Text>
</Text> <button open-type="contact" class="contButton" v-if="item.link_url == 'contact' && item.name == '客服'"></button>
<button </view>
open-type="contact" </view>
class="contButton" </view>
v-if="item.link_url == 'contact' && item.name == '客服'" </template>
></button> </view>
</view> <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
</view> <tabbars></tabbars>
</view> </view>
</template> <view v-if="
</view>
<auth
v-if="showAuth"
@changeuserinfo="reloadUserinfo"
@gbAuth="gbAuth"
></auth>
<tabbars></tabbars>
</view>
<view
v-if="
meueData.user_center && meueData.user_center &&
meueData.user_center.is_ppenmiai == 1 && meueData.user_center.is_ppenmiai == 1 &&
isloading == true isloading == true
" ">
><!-- 修改 --> <!-- 修改 -->
<blinddate <blinddate :meueData="meueData" :user_info="user_info" :scrollTop="scrollTop" :modelstype="modelstype" :bottommargin="bottommargin"
:meueData="meueData" :PointNum="PointNum" @fatherMethod="login">
:user_info="user_info" </blinddate>
:scrollTop="scrollTop" <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
:modelstype="modelstype"
:bottommargin="bottommargin" <tabbars></tabbars>
:PointNum="PointNum" </view>
@fatherMethod="login" </scroll-view>
>
</blinddate>
<auth
v-if="showAuth"
@changeuserinfo="reloadUserinfo"
@gbAuth="gbAuth"
></auth>
<tabbars></tabbars>
</view>
</scroll-view>
</template> </template>
<script> <script>
import tabbars from '@/components/tabbar/index'; import tabbars from '@/components/tabbar/index';
import auth from '../../components/auth/index.vue'; import auth from '../../components/auth/index.vue';
import blinddate from './components/blinddate-user.vue'; import blinddate from './components/blinddate-user.vue';
import coffeeConfirmDialog from "./components/coffeeConfirmDialog.vue";//咖啡核验成功 import coffeeConfirmDialog from "./components/coffeeConfirmDialog.vue"; //咖啡核验成功
export default { export default {
data() { data() {
return { return {
...@@ -739,19 +465,19 @@ ...@@ -739,19 +465,19 @@
shopBasics: {}, shopBasics: {},
mall_UserInfo: {}, mall_UserInfo: {},
IsEducation: 0, //1是0否是网课模式 IsEducation: 0, //1是0否是网课模式
PointNum:0, PointNum: 0,
setting: {}, setting: {},
isCompany:true, //TODO 完成动态加载系统所属类型 isCompany: true, //TODO 完成动态加载系统所属类型
companyStatus:2, companyStatus: 2,
companyName:"", companyName: "",
FirstShopType:0, FirstShopType: 0,
is_show_korea:0,//是否显示认证标识 is_show_korea: 0, //是否显示认证标识
IsDeposit:0,//是否开启储蓄卡功能 IsDeposit: 0, //是否开启储蓄卡功能
AppletID:0,//小程序id 5-8日 判断是否是甲鹤 AppletID: 0, //小程序id 5-8日 判断是否是甲鹤
isAttestationEdu:0,//学员是否认证了 0否1是 isAttestationEdu: 0, //学员是否认证了 0否1是
isMallAdmin:0,//是否是饭粒汪商城管理员 0否1是 isMallAdmin: 0, //是否是饭粒汪商城管理员 0否1是
showCoffeeVerification:false,//是否显示咖啡核验成功弹窗 showCoffeeVerification: false, //是否显示咖啡核验成功弹窗
coffeeVerificationData:{},//咖啡核验成功弹窗参数 coffeeVerificationData: {}, //咖啡核验成功弹窗参数
}; };
}, },
components: { components: {
...@@ -769,10 +495,10 @@ ...@@ -769,10 +495,10 @@
0; 0;
this.userinfo(); this.userinfo();
this.setting = uni.getStorageSync("basedata").mall.setting; this.setting = uni.getStorageSync("basedata").mall.setting;
this.isCompany=uni.getStorageSync("user_type")?uni.getStorageSync("user_type")=="company":true; //完成动态加载系统所属类型 this.isCompany = uni.getStorageSync("user_type") ? uni.getStorageSync("user_type") == "company" : true; //完成动态加载系统所属类型
let basedata =uni.getStorageSync("basedata")?uni.getStorageSync("basedata"):''; let basedata = uni.getStorageSync("basedata") ? uni.getStorageSync("basedata") : '';
this.AppletID = basedata.home_pages.id?basedata.home_pages.id:0; this.AppletID = basedata.home_pages.id ? basedata.home_pages.id : 0;
this.isAttestationEdu = basedata.user_info.isAttestationEdu ? basedata.user_info.isAttestationEdu:0 this.isAttestationEdu = basedata.user_info.isAttestationEdu ? basedata.user_info.isAttestationEdu : 0
}, },
onLoad() { onLoad() {
this.navHeight = this.$navHeight - 2; this.navHeight = this.$navHeight - 2;
...@@ -784,7 +510,7 @@ ...@@ -784,7 +510,7 @@
if (!this.mall_UserInfo) { if (!this.mall_UserInfo) {
this.showAuth = true; this.showAuth = true;
} }
this.isMallAdmin = this.mall_UserInfo.AdminId&&this.mall_UserInfo.AdminToken ? 1:0 this.isMallAdmin = this.mall_UserInfo.AdminId && this.mall_UserInfo.AdminToken ? 1 : 0
}, },
mounted() { mounted() {
this.getComponyStatus() this.getComponyStatus()
...@@ -799,38 +525,39 @@ ...@@ -799,38 +525,39 @@
this.modelstype = 2 this.modelstype = 2
} }
this.is_icon_members_grade = uni.getStorageSync('basedata') ? uni.getStorageSync('basedata').mall.setting.is_icon_members_grade :0; this.is_icon_members_grade = uni.getStorageSync('basedata') ? uni.getStorageSync('basedata').mall.setting.is_icon_members_grade :
this.is_show_korea= uni.getStorageSync('basedata') ? uni.getStorageSync('basedata').mall.setting.is_show_korea :0; 0;
this.IsDeposit = uni.getStorageSync('basedata')?uni.getStorageSync('basedata').mall.setting.IsDeposit: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 u = '/' + currentPages[currentPages.length - 1].route;
let pages = wx.getStorageSync('basedata') ? wx.getStorageSync('basedata').bar_title : []; let pages = wx.getStorageSync('basedata') ? wx.getStorageSync('basedata').bar_title : [];
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: '用户中心' title: '用户中心'
}); });
let that=this let that = this
wx.getSystemInfo({ wx.getSystemInfo({
success(res) { success(res) {
let lift=res.screenHeight-res.safeArea.bottom let lift = res.screenHeight - res.safeArea.bottom
that.bottommargin = (Number(lift)+80)+'px' that.bottommargin = (Number(lift) + 80) + 'px'
console.log(lift) console.log(lift)
} }
}) })
}, },
onShow() { onShow() {
if(this.AppletID>0){ if (this.AppletID > 0) {
this.userinfo(2); this.userinfo(2);
if (this.mall_UserInfo) { if (this.mall_UserInfo) {
this.getUserPoint() this.getUserPoint()
} }
} }
if(this.AppletID>0 && this.AppletID==8){//只有首店小程序的时候调取 if (this.AppletID > 0 && this.AppletID == 8) { //只有首店小程序的时候调取
this.getComponyStatus()//首店获取认证状态 this.getComponyStatus() //首店获取认证状态
} }
let basedata =uni.getStorageSync("basedata")?uni.getStorageSync("basedata"):''; let basedata = uni.getStorageSync("basedata") ? uni.getStorageSync("basedata") : '';
this.isAttestationEdu = basedata.user_info.isAttestationEdu ? basedata.user_info.isAttestationEdu:0 this.isAttestationEdu = basedata.user_info.isAttestationEdu ? basedata.user_info.isAttestationEdu : 0
}, },
methods: { methods: {
goHome() { goHome() {
...@@ -874,54 +601,54 @@ ...@@ -874,54 +601,54 @@
} }
break; break;
case "/pages/appointment/personal/studentAppointmentList": case "/pages/appointment/personal/studentAppointmentList":
if(this.meueData.user_center.is_point_status==1){ if (this.meueData.user_center.is_point_status == 1) {
flag = true; flag = true;
}else{ } else {
flag = false; flag = false;
} }
break; break;
case "/pages/appointment/personal/teacherOrderList": case "/pages/appointment/personal/teacherOrderList":
if(this.meueData.user_center.is_point_status==1 && this.mall_UserInfo.UserTeacher>0){ if (this.meueData.user_center.is_point_status == 1 && this.mall_UserInfo.UserTeacher > 0) {
flag = true; flag = true;
}else{ } else {
flag = false; flag = false;
} }
break; break;
case "/pages/appointment/appointment?teacher=1": case "/pages/appointment/appointment?teacher=1":
if(this.meueData.user_center.is_point_status==1 && this.mall_UserInfo.UserTeacher>0){ if (this.meueData.user_center.is_point_status == 1 && this.mall_UserInfo.UserTeacher > 0) {
flag = true; flag = true;
}else{ } else {
flag = false; flag = false;
} }
break; break;
case "/pages/coupon/cards/purchase": case "/pages/coupon/cards/purchase":
if(this.IsDeposit == 1){ if (this.IsDeposit == 1) {
flag = true; flag = true;
}else{ } else {
flag = false; flag = false;
} }
break; break;
case "/pages/kotra/wish/list": case "/pages/kotra/wish/list":
if(this.FirstShopType == 1 && this.companyStatus == 5){ if (this.FirstShopType == 1 && this.companyStatus == 5) {
flag = true; flag = true;
}else{ } else {
flag = false; flag = false;
} }
break; break;
case "/pages/kotra/enterpriseCertificationList": case "/pages/kotra/enterpriseCertificationList":
if(IsAdmin == 1 ){ if (IsAdmin == 1) {
flag = true; flag = true;
}else{ } else {
flag = false; flag = false;
} }
break; break;
case "/pages/MallMange/index": case "/pages/MallMange/index":
if(this.isMallAdmin == 1 ){ if (this.isMallAdmin == 1) {
flag = true; flag = true;
}else{ } else {
flag = false; flag = false;
} }
break; break;
} }
return flag; return flag;
}, },
...@@ -934,18 +661,20 @@ ...@@ -934,18 +661,20 @@
}, },
res => { res => {
uni.hideNavigationBarLoading(); uni.hideNavigationBarLoading();
console.log("res", res);
this.meueData = res.data.config; this.meueData = res.data.config;
this.user_info = res.data.user_info; this.user_info = res.data.user_info;
this.meueData.user_center.account.forEach(x => { if (this.meueData && this.meueData.user_center && this.meueData.user_center.account) {
if (x.link_url == "/pages/coupon/index/index") { this.meueData.user_center.account.forEach(x => {
this.couponsObj = x if (x.link_url == "/pages/coupon/index/index") {
} this.couponsObj = x
}) }
})
}
if (this.mall_UserInfo && type == 1) { if (this.mall_UserInfo && type == 1) {
this.getLogin() this.getLogin()
} }
this.isloading= true this.isloading = true
} }
); );
let u = uni.getStorageSync("mall_UserInfo"); let u = uni.getStorageSync("mall_UserInfo");
...@@ -958,10 +687,11 @@ ...@@ -958,10 +687,11 @@
let pid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0; let pid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
let Up = uni.getStorageSync("Up") ? uni.getStorageSync("Up").Up : 0; let Up = uni.getStorageSync("Up") ? uni.getStorageSync("Up").Up : 0;
let SmallShopId = uni.getStorageSync("SmallShopId") ? uni.getStorageSync("SmallShopId").SmallShopId : 0; let SmallShopId = uni.getStorageSync("SmallShopId") ? uni.getStorageSync("SmallShopId").SmallShopId : 0;
let CounponPassword = uni.getStorageSync("CounponPassword") ? uni.getStorageSync("CounponPassword").CounponPassword : 0; let CounponPassword = uni.getStorageSync("CounponPassword") ? uni.getStorageSync("CounponPassword").CounponPassword :
0;
let KeyWord = uni.getStorageSync("KeyWord") ? uni.getStorageSync("KeyWord").KeyWord : ''; let KeyWord = uni.getStorageSync("KeyWord") ? uni.getStorageSync("KeyWord").KeyWord : '';
let EduSchoolId = uni.getStorageSync("EduSchoolId") ? uni.getStorageSync("EduSchoolId").EduSchoolId : 0; let EduSchoolId = uni.getStorageSync("EduSchoolId") ? uni.getStorageSync("EduSchoolId").EduSchoolId : 0;
let EduId = uni.getStorageSync("jxhData")? uni.getStorageSync("jxhData").Id: 0; let EduId = uni.getStorageSync("jxhData") ? uni.getStorageSync("jxhData").Id : 0;
that.request2({ that.request2({
url: '/api/AppletLogin/Login', url: '/api/AppletLogin/Login',
data: { data: {
...@@ -973,10 +703,10 @@ ...@@ -973,10 +703,10 @@
SuperiorId: pid, SuperiorId: pid,
SmallShopId: SmallShopId, SmallShopId: SmallShopId,
UserPageType: Up, UserPageType: Up,
CounponPassword:CounponPassword, CounponPassword: CounponPassword,
KeyWord:KeyWord, KeyWord: KeyWord,
EduSchoolId:EduSchoolId, EduSchoolId: EduSchoolId,
EduId:EduId, EduId: EduId,
} }
}, },
res => { res => {
...@@ -1002,10 +732,14 @@ ...@@ -1002,10 +732,14 @@
} }
); );
}, },
getUserPoint(){ getUserPoint() {
this.request2({ this.request2({
url: '/api/AppletPoint/GetAppletUserPointDetailPageList', url: '/api/AppletPoint/GetAppletUserPointDetailPageList',
data: {pageIndex:1,pageSize:10,Type:0} data: {
pageIndex: 1,
pageSize: 10,
Type: 0
}
}, },
(res) => { (res) => {
this.PointNum = res.data.pageData.PointNum; this.PointNum = res.data.pageData.PointNum;
...@@ -1044,73 +778,73 @@ ...@@ -1044,73 +778,73 @@
scrollTopHandler() { scrollTopHandler() {
this.scrollTop = 0; this.scrollTop = 0;
}, },
gopointBalance(){//跳转点数余额 gopointBalance() { //跳转点数余额
uni.navigateTo({ uni.navigateTo({
url: '/pages/appointment/personal/pointBalance' url: '/pages/appointment/personal/pointBalance'
}); });
}, },
// 获取公司认证信息 // 获取公司认证信息
getComponyStatus(){ getComponyStatus() {
let that = this let that = this
let parms = { let parms = {
url: "/api/AppletTrade/GetCommpanyStatus", url: "/api/AppletTrade/GetCommpanyStatus",
} }
this.request2(parms, (res) => { this.request2(parms, (res) => {
if (res.resultCode == 1&&res.data!=null) { if (res.resultCode == 1 && res.data != null) {
// 获取公司名字和认证状态 // 获取公司名字和认证状态
that.companyStatus=res.data.CompanyStatus that.companyStatus = res.data.CompanyStatus
that.companyName=res.data.CompanyName that.companyName = res.data.CompanyName
this.FirstShopType = res.data.FirstShopType this.FirstShopType = res.data.FirstShopType
} }
}) })
}, },
//去认证页 //去认证页
goIdentification(){ goIdentification() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/kotra/identification?editType=1' url: '/pages/kotra/identification?editType=1'
}) })
}, },
scanCodeByCoffee(){ scanCodeByCoffee() {
let that=this let that = this
uni.scanCode({ uni.scanCode({
scanType: ['qrCode'], scanType: ['qrCode'],
success: function (res) { success: function(res) {
let qrdata=JSON.parse(decodeURIComponent(res.result)) let qrdata = JSON.parse(decodeURIComponent(res.result))
console.log('条码类型：', qrdata) console.log('条码类型：', qrdata)
that.setAdminVerificationCoffee(qrdata.UserId,qrdata.timestamp) that.setAdminVerificationCoffee(qrdata.UserId, qrdata.timestamp)
}, },
fail:err=>{ fail: err => {
uni.showToast({ uni.showToast({
title:'扫码失败', title: '扫码失败',
icon:'none', icon: 'none',
duration:2000 duration: 2000
}) })
} }
}); });
}, },
//核验咖啡券 //核验咖啡券
setAdminVerificationCoffee(id,code){ setAdminVerificationCoffee(id, code) {
this.request2({ this.request2({
url: '/api/AppletCoffee/SetAdminVerificationCoffee', url: '/api/AppletCoffee/SetAdminVerificationCoffee',
data: { data: {
UserId:id, UserId: id,
Code:code Code: code
} }
}, },
res => { res => {
if (res.resultCode == 1) { if (res.resultCode == 1) {
if(res.data.State==1){ if (res.data.State == 1) {
this.coffeeVerificationData=res.data this.coffeeVerificationData = res.data
console.log(this.coffeeVerificationData) console.log(this.coffeeVerificationData)
this.showCoffeeVerification=true this.showCoffeeVerification = true
}else{ } else {
uni.showToast({ uni.showToast({
title:res.data.Msg, title: res.data.Msg,
icon:'none', icon: 'none',
duration:2000 duration: 2000
}) })
} }
} }
} }
); );
...@@ -1120,349 +854,355 @@ ...@@ -1120,349 +854,355 @@
</script> </script>
<style> <style>
.body { .body {
background: #f3f4f6; background: #f3f4f6;
height: 100vh; height: 100vh;
} }
.userStyle .userBox {
display: flex;
flex-direction: column;
align-items: center;
background: #f3f4f6;
height: 100%;
}
.userStyle .inner-container::-webkit-scrollbar {
display: none;
}
.userStyle .imgbg {
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;
flex-direction: row;
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;
}
.userStyle .userBox { .userStyle .footprint_item_bottom {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
align-items: center; align-items: center;
background: #f3f4f6; justify-content: center;
height: 100%; }
}
.userStyle .inner-container::-webkit-scrollbar {
display: none;
}
.userStyle .imgbg { .userStyle .account_bar {
width: 100%; width: 94%;
height: 310px; height: 110rpx;
display: flex; border-radius: 10rpx;
flex-direction: column; background: #fff;
align-items: center; display: flex;
position: relative; flex-direction: row;
} align-items: center;
justify-content: space-around;
padding: 0 20rpx;
}
.userStyle .headimg { .userStyle .account_bar_item {
width: 140rpx; display: flex;
height: 140rpx; flex-direction: column;
border-radius: 50%; align-items: center;
margin-left: 60rpx; justify-content: space-between;
} border-right: 1px solid #d1d1d1;
width: 25%;
}
.userStyle .footprint { .userStyle .account_bar_item:last-child {
width: 80%; border-right: 0;
height: 140rpx; }
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
}
.userStyle .footprint_item { .userStyle .order_bar {
width: 200rpx; width: 94%;
height: 90rpx; border-radius: 10rpx;
display: flex; background: #fff;
flex-direction: column; display: flex;
align-items: center; flex-direction: column;
justify-content: space-between; align-items: center;
} padding: 30rpx;
margin-top: 80rpx;
}
.userStyle .footprint_item_bottom { .userStyle .order_bar .order_bar_list {
display: flex; width: 100%;
flex-direction: row; display: flex;
align-items: center; flex-direction: row;
justify-content: center; align-items: center;
} justify-content: space-between;
}
.userStyle .account_bar { .userStyle .order_bar_item {
width: 94%; display: flex;
height: 110rpx; flex-direction: column;
border-radius: 10rpx; align-items: center;
background: #fff; margin-top: 20rpx;
display: flex; position: relative;
flex-direction: row; }
align-items: center;
justify-content: space-around;
padding: 0 20rpx;
}
.userStyle .account_bar_item { .userStyle .badge {
display: flex; position: absolute;
flex-direction: column; right: -10rpx;
align-items: center; top: -10rpx;
justify-content: space-between; padding: 0 12rpx;
border-right: 1px solid #d1d1d1; display: flex;
width: 25%; align-items: center;
} justify-content: center;
font-size: 20rpx;
color: #fff;
height: 30rpx;
border-radius: 15rpx;
}
.userStyle .account_bar_item:last-child { .userStyle .menus {
border-right: 0; width: 94%;
} border-radius: 10rpx;
background: #fff;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
margin-top: 30rpx;
}
.userStyle .order_bar { .userStyle .menus2 {
width: 94%; width: 94%;
border-radius: 10rpx; border-radius: 10rpx;
background: #fff; background: #fff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; margin-top: 20rpx;
padding: 30rpx; }
margin-top: 80rpx;
}
.userStyle .order_bar .order_bar_list { .userStyle .menus .menus_item {
width: 100%; width: 25%;
display: flex; height: 110rpx;
flex-direction: row; margin: 20rpx 0 10rpx;
align-items: center; display: flex;
justify-content: space-between; flex-direction: column;
} align-items: center;
justify-content: space-around;
position: relative;
}
.userStyle .order_bar_item { .menus_item2 .contButton,
display: flex; .menus_item .contButton {
flex-direction: column; width: 100%;
align-items: center; height: 100%;
margin-top: 20rpx; position: absolute;
position: relative; left: 0;
} top: 0;
opacity: 0;
}
.userStyle .badge { .userStyle .menus2 .menus_item2 {
position: absolute; width: 100%;
right: -10rpx; height: 90rpx;
top: -10rpx; display: flex;
padding: 0 12rpx; flex-direction: row;
display: flex; align-items: center;
align-items: center; margin-left: 30rpx;
justify-content: center; position: relative;
font-size: 20rpx; }
color: #fff;
height: 30rpx;
border-radius: 15rpx;
}
.userStyle .menus { .userStyle .copyright {
width: 94%; padding: 70rpx 0;
border-radius: 10rpx; display: flex;
background: #fff; flex-direction: column;
display: flex; align-items: center;
flex-direction: row; }
flex-wrap: wrap;
align-items: center;
margin-top: 30rpx;
}
.userStyle .menus2 { .userStyle .ReceiptAdder {
width: 94%; position: absolute;
border-radius: 10rpx; right: 0;
background: #fff; top: 160rpx;
display: flex; width: 100px;
flex-direction: column; height: 24px;
margin-top: 20rpx; 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 .menus .menus_item { .userStyle .member {
width: 25%; background: #3b3641;
height: 110rpx; /* width: 80px; */
margin: 20rpx 0 10rpx; font-size: 10px;
display: flex; color: #fff;
flex-direction: column; height: 18px;
align-items: center; border-radius: 9px;
justify-content: space-around; display: flex;
position: relative; flex-direction: row;
} align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.menus_item2 .contButton, .userStyle .titlenav {
.menus_item .contButton { width: 100%;
width: 100%; text-align: center;
height: 100%; font-size: 16px;
position: absolute; color: #ffffff;
left: 0; }
top: 0;
opacity: 0;
}
.userStyle .menus2 .menus_item2 { .userStyle .top_b {
width: 100%; width: 86%;
height: 90rpx; height: 65px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-left: 30rpx; justify-content: space-between;
position: relative; }
}
.userStyle .copyright { .userStyle .top_b_item {
padding: 70rpx 0; width: 26%;
display: flex; height: 50px;
flex-direction: column; display: flex;
align-items: center; flex-direction: column;
} align-items: center;
justify-content: space-between;
color: #ffffff;
font-size: 12px;
}
.userStyle .ReceiptAdder { .userStyle .Receiptbalance {
position: absolute; width: 94%;
right: 0; height: 62px;
top: 160rpx; position: absolute;
width: 100px; left: 3%;
height: 24px; bottom: -20px;
border-top-left-radius: 12px; background: #ffffff;
border-bottom-left-radius: 12px; border-radius: 6px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding: 0 20rpx; justify-content: space-around;
background: rgba(55, 55, 55, 0.15); padding: 0 10px;
} }
.userStyle .member { .userStyle .Receiptbalance_item {
background: #3b3641; width: 40%;
/* width: 80px; */ height: 50px;
font-size: 10px; display: flex;
color: #fff; flex-direction: row;
height: 18px; align-items: center;
border-radius: 9px; font-size: 12px;
display: flex; color: #534d62;
flex-direction: row; }
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.userStyle .titlenav { .userStyle .headStatus {
width: 100%; overflow: hidden;
text-align: center; position: relative;
font-size: 16px; width: 140vw;
color: #ffffff; padding-right: 40vw;
} padding-bottom: 10px;
position: fixed;
left: 0;
right: 0;
top: 0;
display: flex;
background-image: linear-gradient(to right, #6e75ea, #b984ec);
}
.userStyle .top_b { .userStyle .headStatus .arrow {
width: 86%; height: 24px;
height: 65px; margin: 5px 10px;
display: flex; width: 24px;
flex-direction: row; }
align-items: center;
justify-content: space-between;
}
.userStyle .top_b_item { .userStyle .headStatus .title {
width: 26%; font-size: 18px;
height: 50px; color: #fff;
display: flex; flex: 1;
flex-direction: column; width: 1px;
align-items: center; line-height: 34px;
justify-content: space-between; text-align: center;
color: #ffffff; }
font-size: 12px;
}
.userStyle .Receiptbalance { .dark .userStyle .headStatus .title {
width: 94%; color: #111 !important;
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 { .dark .nickname {
width: 40%; color: #111 !important;
height: 50px; }
display: flex;
flex-direction: row;
align-items: center;
font-size: 12px;
color: #534d62;
}
.userStyle .headStatus { .userStyle .topheard {
overflow: hidden; display: flex;
position: relative; flex-direction: row;
width: 140vw; align-items: center;
padding-right: 40vw; width: 100%;
padding-bottom: 10px; margin-bottom: 20px;
position: fixed; }
left: 0;
right: 0;
top: 0;
display: flex;
background-image: linear-gradient(to right, #6e75ea, #b984ec);
}
.userStyle .headStatus .arrow { .userStyle .miniHeadTop {
height: 24px; height: 200px;
margin: 5px 10px; }
width: 24px;
}
.userStyle .headStatus .title { .userBox .headCommon {
font-size: 18px; width: 94%;
color: #fff; margin-top: 25px;
flex: 1; border-radius: 10px;
width: 1px; background-color: #fff;
line-height: 34px; }
text-align: center;
}
.dark .userStyle .headStatus .title { .userBox .headHasTOP {
color: #111 !important; margin-top: 25px;
} }
.dark .nickname {
color: #111 !important;
}
.userStyle .topheard {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
margin-bottom: 20px;
}
.userStyle .miniHeadTop { .userBox .paike {
height: 200px; margin-top: 15px;
} display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.userBox .headCommon { .componyStatusBox .renzhen {
width: 94%; height: 15px;
margin-top: 25px; font-size: 10px;
border-radius: 10px; margin-top: 10px;
background-color: #fff; color: #555555;
} border-radius: 7px;
border: 1px solid #999999;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10rpx;
margin-left: 10rpx;
}
.userBox .headHasTOP { .componyStatusBox .companyName {
margin-top: 25px; font-size: 26rpx;
} font-weight: 500;
.userBox .paike { color: #888888;
margin-top: 15px; /* background-color: #F6F6F6FF */
display: flex; }
flex-direction: row; </style>
align-items: center;
justify-content: space-between;
}
.componyStatusBox .renzhen {
height: 15px;
font-size: 10px;
margin-top: 10px;
color: #555555;
border-radius: 7px;
border: 1px solid #999999;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10rpx;
margin-left: 10rpx;
}
.componyStatusBox .companyName {
font-size: 26rpx;
font-weight: 500;
color: #888888;
/* background-color: #F6F6F6FF */
}
</style>
\ No newline at end of file
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