Skip to content

M
mallapp
Commit 14a9079d authored by 罗超's avatar 罗超
Browse files
Options

1

parent f55f4b78
Hide whitespace changes
Inline Side-by-side
Showing with 1374 additions and 604 deletions
pages/MallMange/order.vue
View file @ 14a9079d
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<view class="typebox flex-center"> <view class="typebox flex-center">
<view class="typeItem flex-center"> <view class="typeItem flex-center">
<view class="typeItem1 flex-center activeType">普通订单</view> <view class="typeItem1 flex-center activeType">普通订单</view>
<view class="typeItem1 flex-center">维权订单</view> <view class="typeItem1 flex-center">售后订单</view>
</view> </view>
</view> </view>
<view class="searchBox flex-between"> <view class="searchBox flex-between">
...@@ -263,8 +263,8 @@ export default { ...@@ -263,8 +263,8 @@ export default {
}, },
changeTab(index) { changeTab(index) {
this.currentTab = index; this.currentTab = index;
this.msg.OrderStatus=this.orderStatusList[index].Id this.msg.OrderStatus = this.orderStatusList[index].Id;
console.log(this.msg.OrderStatus) console.log(this.msg.OrderStatus);
}, },
lower(e) { lower(e) {
if (this.msg.pageIndex < this.page_count) { if (this.msg.pageIndex < this.page_count) {
...@@ -277,8 +277,9 @@ export default { ...@@ -277,8 +277,9 @@ export default {
}, },
getOrderStatus() { getOrderStatus() {
this.requestAdmin("/api/order/GetOrderStatusEnumList", {}, (res) => { this.requestAdmin("/api/order/GetOrderStatusEnumList", {}, (res) => {
console.log(res)
this.orderStatusList = res.data; this.orderStatusList = res.data;
this.orderStatusList.unshift({ Id: 0, Name: "全部" });
this.orderStatusList.push({ Id: 8, Name: "回收站" });
}); });
}, },
getList() { getList() {
......
pages/MallMange/set.vue
View file @ 14a9079d
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
<view class="boxItem"> <view class="boxItem">
<view class="leftBox flex-center"> <view class="leftBox flex-center">
<image <image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/money.png"
mode="widthFix" mode="widthFix"
style="width: 100%" style="width: 100%"
/> />
...@@ -139,7 +139,7 @@ ...@@ -139,7 +139,7 @@
<view class="boxItem"> <view class="boxItem">
<view class="leftBox flex-center"> <view class="leftBox flex-center">
<image <image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shouhuo.png"
mode="widthFix" mode="widthFix"
style="width: 100%" style="width: 100%"
/> />
...@@ -147,7 +147,7 @@ ...@@ -147,7 +147,7 @@
<view class="rightBox" @click="showBox4 = true"> <view class="rightBox" @click="showBox4 = true">
<view class="name">自动确认收货时间</view> <view class="name">自动确认收货时间</view>
<view class="flex-center"> <view class="flex-center">
{{msg.incomeDay}}天 {{ msg.incomeDay }}天
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon <u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view> ></view>
</view> </view>
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
<view class="boxItem"> <view class="boxItem">
<view class="leftBox flex-center"> <view class="leftBox flex-center">
<image <image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shortmsg.png" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/shouhou.png"
mode="widthFix" mode="widthFix"
style="width: 100%" style="width: 100%"
/> />
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
<view class="rightBox" style="border: none" @click="showBox5 = true"> <view class="rightBox" style="border: none" @click="showBox5 = true">
<view class="name">可申请售后时间</view> <view class="name">可申请售后时间</view>
<view class="flex-center"> <view class="flex-center">
{{msg.afterSaleDay}}天 {{ msg.afterSaleDay }}天
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon <u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view> ></view>
</view> </view>
...@@ -202,6 +202,194 @@ ...@@ -202,6 +202,194 @@
</view> </view>
</u-modal> </u-modal>
</view> </view>
<view class="boxGroup">
<view class="boxItem">
<view class="leftBox flex-center">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/Payment.png"
mode="widthFix"
style="width: 100%"
/>
</view>
<view class="rightBox" style="border: none" @click="showBox6 = true">
<view class="name">支付方式</view>
<view class="flex-center">
<view class="weeek">{{ payTypeStr }}</view>
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view>
</view>
</view>
<u-modal
v-model="showBox6"
:show-cancel-button="true"
title="支付方式"
contentSlot
@confirm="showBox6 = false"
>
<view class="modelBox6 flex-center">
<view
v-for="(item, index) in payTypeArr"
:key="index"
class="flex-between modelBox6Item"
:class="item.choose ? 'modelBox6ItemActive' : ''"
@click="changePayType(item)"
>
<view class="flex-center">
<image
:src="item.img"
mode="aspectFit"
style="
width: 60rpx;
height: 60rpx;
border-radius: 6rpx;
margin-right: 20rpx;
"
/>
<view class="modelBox6ItemName">{{ item.name }}</view>
</view>
<u-icon
name="success"
color="#446dfc"
size="30"
v-if="item.choose"
></u-icon>
</view>
</view>
</u-modal>
</view>
<view class="boxGroup">
<view class="boxItem">
<view class="leftBox flex-center">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/Payment.png"
mode="widthFix"
style="width: 100%"
/>
</view>
<view class="rightBox" @click="showBox7 = true">
<view class="name">发货方式</view>
<view class="flex-center">
<view class="weeek">{{ deliveryTypeStr }}</view>
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view>
</view>
</view>
<view class="boxItem">
<view class="leftBox flex-center">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/dizhi.png"
mode="widthFix"
style="width: 100%"
/>
</view>
<view class="rightBox" style="border: none" @click="">
<view class="name">退货地址</view>
<view class="flex-center">
<view class="weeek">{{ addrStr }}</view>
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view>
</view>
</view>
<u-modal
v-model="showBox7"
:show-cancel-button="true"
title="发货方式"
contentSlot
@confirm="showBox7 = false"
>
<view class="modelBox6 flex-center">
<view
v-for="(item, index) in deliveryTypeArr"
:key="index"
class="flex-between modelBox6Item"
:class="item.choose ? 'modelBox6ItemActive' : ''"
@click="changeDeliveryType(item)"
>
<view class="flex-center">
<image
:src="item.img"
mode="aspectFit"
style="
width: 60rpx;
height: 60rpx;
border-radius: 6rpx;
margin-right: 20rpx;
"
/>
<view class="modelBox6ItemName">{{ item.name }}</view>
</view>
<u-icon
name="success"
color="#446dfc"
size="30"
v-if="item.choose"
></u-icon>
</view>
</view>
</u-modal>
</view>
<view class="boxGroup">
<view class="boxItem">
<view class="leftBox flex-center">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/jizhi.png"
mode="widthFix"
style="width: 100%"
/>
</view>
<view class="rightBox" @click="showBox8 = true">
<view class="name">积分抵扣</view>
<view class="flex-center"
>{{ msg.integral }}积分抵扣一元
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view>
</view>
</view>
<view class="boxItem">
<view class="leftBox flex-center">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/jifenguize.png"
mode="widthFix"
style="width: 100%"
/>
</view>
<view class="rightBox" style="border: none" @click="showBox9 = true">
<view class="name">积分使用规则</view>
<view class="flex-center"
>{{
msg.IntegralRule && msg.IntegralRule != "" ? "已填写" : "未填写"
}}
<u-icon name="arrow" style="margin-left: 10rpx"></u-icon
></view>
</view>
</view>
<u-modal
v-model="showBox8"
:show-cancel-button="true"
title="积分抵扣"
contentSlot
@confirm="showBox8 = false"
>
<view class="modelBox8 flex-center">
<input
type="number"
class="input8"
v-model="msg.integral"
/>积分抵扣一元
</view>
</u-modal>
<u-modal
v-model="showBox9"
:show-cancel-button="true"
title="积分使用规则"
contentSlot
@confirm="showBox9 = false"
>
<view class="modelBox8 flex-center">
<textarea v-model="msg.IntegralRule" class="modelBoxItem" />
</view>
</u-modal>
</view>
<tabbar></tabbar> <tabbar></tabbar>
</view> </view>
</template> </template>
...@@ -217,14 +405,20 @@ export default { ...@@ -217,14 +405,20 @@ export default {
username: "", username: "",
showBox2: false, showBox2: false,
showBox3: false, showBox3: false,
showBox4:false, showBox4: false,
showBox5:false, showBox5: false,
showBox6: false,
showBox7: false,
showBox8: false,
showBox9: false,
msg: { msg: {
business: false, business: false,
businessTime: 1, businessTime: 1,
delOrderTime: 0, delOrderTime: 0,
incomeDay:1, incomeDay: 1,
afterSaleDay:1 afterSaleDay: 1,
integral: 0, //积分抵扣
IntegralRule: "", //积分使用规则
}, },
businessTimeList: [ businessTimeList: [
{ {
...@@ -276,12 +470,51 @@ export default { ...@@ -276,12 +470,51 @@ export default {
], ],
weekStr: "", weekStr: "",
timeArr: [], timeArr: [],
payTypeArr: [
{
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/cloudypay.png",
name: "线上支付",
choose: true,
},
{
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/yuezhifu.png",
name: "余额支付",
choose: false,
},
{
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/huodaofukuan.png",
name: "货到付款",
choose: false,
},
],
payTypeStr: "线上支付",
deliveryTypeArr: [
//发货方式
{
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/cloudypay.png",
name: "快递配送",
choose: true,
},
{
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/yuezhifu.png",
name: "到店自提",
choose: false,
},
{
img: "https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/mallManage/huodaofukuan.png",
name: "同城配送",
choose: false,
},
],
deliveryTypeStr: "快递配送",
addrStr: "退货地址",
}; };
}, },
methods: { methods: {
radioGroupChange(e) { radioGroupChange(e) {
this.businessKey = e; this.businessKey = e;
}, },
//选择日期
chooseWeek(e) { chooseWeek(e) {
e.choose = !e.choose; e.choose = !e.choose;
this.weekStr = this.weekArr this.weekStr = this.weekArr
...@@ -296,10 +529,38 @@ export default { ...@@ -296,10 +529,38 @@ export default {
url: url, url: url,
}); });
}, },
// 修改营业时间段
getTimeArr(arr) { getTimeArr(arr) {
this.timeArr = arr; this.timeArr = arr;
this.$forceUpdate(); this.$forceUpdate();
console.log(193, this.timeArr.join("、")); },
//切换支付方式
changePayType(e) {
e.choose = !e.choose;
this.payTypeStr = this.payTypeArr
.filter((item) => {
return item.choose;
})
.map((item) => item.name)
.join("、");
if (this.payTypeStr == "") {
this.payTypeArr[0].choose = true;
this.payTypeStr = "线上支付";
}
},
//切换发货方式
changeDeliveryType(e) {
e.choose = !e.choose;
this.deliveryTypeStr = this.deliveryTypeArr
.filter((item) => {
return item.choose;
})
.map((item) => item.name)
.join("、");
if (this.deliveryTypeStr == "") {
this.deliveryTypeArr[0].choose = true;
this.deliveryTypeStr = "快递配送";
}
}, },
}, },
onLoad() { onLoad() {
...@@ -315,6 +576,11 @@ export default { ...@@ -315,6 +576,11 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.flex-between {
display: flex;
justify-content: space-between;
align-items: center;
}
.setPage { .setPage {
min-height: 100vh; min-height: 100vh;
background-color: #f7f7f7; background-color: #f7f7f7;
...@@ -457,4 +723,42 @@ export default { ...@@ -457,4 +723,42 @@ export default {
font-size: 26rpx; font-size: 26rpx;
} }
} }
.modelBox6 {
margin: 30rpx auto;
font-size: 26rpx;
flex-wrap: wrap;
.modelBox6Item {
width: 550rpx;
height: 100rpx;
border-radius: 50rpx;
margin: 10rpx 0;
border: 2rpx solid #ccced5;
padding: 0 50rpx;
.modelBox6ItemName {
font-size: 30rpx;
}
}
.modelBox6ItemActive {
border-color: #446dfc;
}
}
.modelBox8 {
margin: 40rpx auto;
font-size: 26rpx;
.input8 {
width: 200rpx;
height: 80rpx;
border-radius: 10rpx;
background-color: #f7f7f7;
padding: 0 30rpx;
font-size: 26rpx;
}
.modelBoxItem {
width: 550rpx;
border: 2rpx solid #999;
border-radius: 10rpx;
box-sizing: border-box;
padding: 20rpx;
}
}
</style> </style>
\ No newline at end of file
pages/user-center/user-center.vue
View file @ 14a9079d
<template> <template>
<scroll-view :scroll-y="true" @scroll="scrollHandler" @scrolltoupper="scrollTopHandler" style="width: 100%;height: 100vh;background: #f3f4f6;"> <scroll-view
<view class="userStyle" v-if="meueData.user_center && meueData.user_center.is_ppenmiai==0" :class="{'dark':isCompany}"><!-- 修改 --> :scroll-y="true"
<view class="headStatus" v-if="scrollTop > 50" :style="[headStyle, @scroll="scrollHandler"
{ @scrolltoupper="scrollTopHandler"
zIndex: scrollTop < 10 ? 'unset' : 2, style="width: 100%; height: 100vh; background: #f3f4f6"
opacity: scrollTop < 10 ? '100' : scrollTop, >
}, <view
]"> class="userStyle"
<view class="title" v-if="scrollTop > 50">{{pageTitle}}</view> v-if="meueData.user_center && meueData.user_center.is_ppenmiai == 0"
</view> :class="{ dark: isCompany }"
<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' }" <view
class="imgbg" :class="{'miniHeadTop':meueData.user_center.is_foot_bar_status!=1&&meueData.user_center.is_account_status!=1}"> class="headStatus"
<view class="titlenav" :style="{paddingTop:nav}">{{pageTitle}}</view> v-if="scrollTop > 50"
<view class='topheard' :style="{'margin-top':modelstype==0?'52px':(modelstype==1?'37px':(modelstype==2)?'33px':0) }" :style="[
v-if="meueData.user_center.top_style == 1"> headStyle,
<u-avatar :src="user_info.avatar" size="140" shape="circle" style="margin-left: 50rpx;"></u-avatar> {
<view style="display: flex;flex-direction: column;justify-content: center;height: 60px;margin-left: 20rpx"> zIndex: scrollTop < 10 ? 'unset' : 2,
<view style="display: flex;align-items: center;"> opacity: scrollTop < 10 ? '100' : scrollTop,
<Text class="nickname" style="color: #FFF;font-size: 40rpx;font-weight:800;max-width: 380rpx;overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;" },
@click="login(user_info)">{{ user_info.nickname ? user_info.nickname : '立即登录' }}</Text> ]"
<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> <view class="title" v-if="scrollTop > 50">{{ pageTitle }}</view>
<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 class="userBox" :style="{ 'padding-bottom': bottommargin }">
</view> <view
:style="{
<!-- 判断是甲鹤小程序 --> 'background-image':
<view v-if="AppletID == 5 && isAttestationEdu==1"> 'url(' +
<u-tag text="甲鹤学员" bg-color='#40766E' color='#FFF' size='mini' border-color='#40766E'/> (meueData.user_center.top_pic_url
</view> ? meueData.user_center.top_pic_url
<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> backgroundSize: '100% 310px',
<Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text> }"
<!-- 公司认证状态 --> class="imgbg"
:class="{
</view> miniHeadTop:
<view class="componyStatusBox" @click="goIdentification" v-if="is_show_korea==1 && user_info.nickname"> meueData.user_center.is_foot_bar_status != 1 &&
<view class="renzhen" v-if="companyStatus==1 " > meueData.user_center.is_account_status != 1,
未认证 }"
</view> >
<view class="renzhen" v-if="companyStatus==2 " style="border:1px solid #FFA800;color: #FFA800;"> <view class="titlenav" :style="{ paddingTop: nav }">{{
认证未完善 pageTitle
</view> }}</view>
<view
<view class="renzhen" v-if="companyStatus==3" style="border:1px solid #2961FE;color: #2961FE;"> class="topheard"
认证审核中 :style="{
</view> 'margin-top':
<view class="renzhen" v-if="companyStatus==4 " :style="{'border':'1px solid '+mainColor,'color':mainColor}"> modelstype == 0
未通过 ? '52px'
</view> : modelstype == 1
<view style="margin-top: 10px;display: flex;align-items: flex-start;" v-if="companyStatus==5"> ? '37px'
<view style="font-weight: 500;font-size: 13px;max-width: 360rpx;overflow: hidden;margin-right: 10px;display: inline-block;white-space: nowrap; text-overflow:ellipsis;"> : modelstype == 2
{{companyName}} ? '33px'
</view> : 0,
}"
</view> v-if="meueData.user_center.top_style == 1"
</view> >
</view> <u-avatar
:src="user_info.avatar"
</view> size="140"
</view> shape="circle"
<view style="display: flex;flex-direction: column;align-items: center;margin-top: 23px;margin-bottom: 5px;" v-if="meueData.user_center.top_style == 2"> style="margin-left: 50rpx"
<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> <view
<view class="member" v-if="is_icon_members_grade == 1&&user_info.nickname"> style="
<image :src="user_info.identity.level_icon" mode="aspectFill" style="width: 22px;height: 22px;border-radius: 11px;"></image> display: flex;
<view style="display: flex;align-items: center;justify-content: center;"> flex-direction: column;
<Text style="margin-right: 10px;">{{ user_info.identity.level_name != null ? user_info.identity.level_name : '普通用户' }}</Text> justify-content: center;
<view v-if="companyStatus==5" style="margin-left: 10rpx;"> height: 60px;
<image v-if="FirstShopType==1" style='width: 140rpx;height: 44rpx;' src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pinpaivip.png"></image> margin-left: 20rpx;
<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 style="display: flex; align-items: center">
<Text
</view> class="nickname"
<view v-if="AppletID == 5 && isAttestationEdu == 1"> style="
<u-tag text="甲鹤学员" bg-color='#40766E' color='#FFF' size='mini' border-color='#40766E'/> color: #fff;
</view> font-size: 40rpx;
<view class="componyStatusBox" @click="goIdentification" v-if="is_show_korea==1 && user_info.nickname"> font-weight: 800;
<view class="renzhen" v-if="companyStatus==1 " > max-width: 380rpx;
未认证 overflow: hidden;
</view> display: inline-block;
<view class="renzhen" v-if="companyStatus==2 " > white-space: nowrap;
认证未完善 text-overflow: ellipsis;
</view> "
@click="login(user_info)"
<view class="renzhen" v-if="companyStatus==3" :style="{'border':'1px solid '+mainColor,'color':mainColor}"> >{{
认证审核中 user_info.nickname ? user_info.nickname : "立即登录"
</view> }}</Text
<view class="renzhen" v-if="companyStatus==4 " > >
未通过 <view v-if="companyStatus == 5" style="margin-left: 10rpx">
</view> <image
<view style="margin-top: 10px;" v-if="companyStatus==5"> v-if="FirstShopType == 1"
<view style="font-weight: 500;font-size: 13px;max-width: 360rpx;overflow: hidden;margin-right: 10px;display: inline-block;white-space: nowrap; text-overflow:ellipsis;"> style="width: 140rpx; height: 44rpx"
{{companyName}} src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pinpaivip.png"
</view> ></image>
</view> <image
</view> v-if="FirstShopType == 2"
</view> style="width: 140rpx; height: 44rpx"
<view class="top_b"> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/zaitivip.png"
<view class="top_b_item" v-if="meueData.user_center.is_foot_bar_status == 1" @click="goUrl('/pages/favorite/favorite')"> ></image>
<text style="font-size: 21px;">{{user_info.favorite?user_info.favorite:0}}</text> </view>
<text>{{meueData.user_center.foot_bar[0].name}}</text> </view>
</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> <view v-if="AppletID == 5 && isAttestationEdu == 1">
<text>{{meueData.user_center.foot_bar[1].name}}</text> <u-tag
</view> text="甲鹤学员"
<view class="top_b_item" v-if="meueData.user_center&&meueData.user_center.is_account_status == 1" @click="goUrl(couponsObj.link_url)"> bg-color="#40766E"
<text style="font-size: 21px;">{{user_info.coupon?user_info.coupon:0}}</text> color="#FFF"
<text>{{couponsObj.name}}</text> size="mini"
</view> border-color="#40766E"
</view> />
<view class="ReceiptAdder" v-if="IsEducation!=1&&setting.is_show_korea!=undefined&&setting.is_show_korea==0" @click="goUrl('/pages/address/address')" :style="{top:modelstype==0?'160rpx':(modelstype==1?'180rpx':'160rpx')}"> </view>
<u-icon name="location" color="#fff" size="23"></u-icon> <view style="display: flex; align-items: center">
<Text style="color: #fff;font-size: 12px;margin-left: 20rpx;">收货地址</Text> <view
</view> class="member"
<view class="Receiptbalance" v-if="meueData.user_center&&meueData.user_center.is_account_status == 1"> v-if="is_icon_members_grade == 1 && user_info.nickname"
<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
<image :src="item.icon_url" style="width: 22px;height: auto" mode='widthFix'></image> :src="user_info.identity.level_icon"
<view style="margin-left: 15px;display: flex;flex-direction: column;justify-content: space-between;"> mode="aspectFill"
<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> style="width: 22px; height: 22px; border-radius: 11px"
<span style=''>{{item.name}}</span> ></image>
</view> <Text style="margin-right: 10px">{{
</view> user_info.identity.level_name != null
<view style="width: 1px;height: 34px;background: #E8E8E8;"></view> ? user_info.identity.level_name
<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'" : "普通用户"
@click="goUrl(item.link_url)"> }}</Text>
<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;"> </view>
<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> <view
<span>{{item.name}}</span> class="componyStatusBox"
</view> @click="goIdentification"
</view> v-if="is_show_korea == 1 && user_info.nickname"
</view> >
</view> <view class="renzhen" v-if="companyStatus == 1">
<!-- 排课点数 --> 未认证
<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> <view
<span style='font-size: 22px;color: #111111;font-family: aa;'>{{PointNum}}</span> class="renzhen"
</view> v-if="companyStatus == 2"
<view class="order_bar" v-if="meueData.user_center.is_order_bar_status == 1"> style="border: 1px solid #ffa800; color: #ffa800"
<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_item" v-for="(item, index) in meueData.user_center.order_bar" :key="index" :name="item.name" </view>
@click="goUrl(item.link_url)">
<image :src="item.icon_url" style="width: 60rpx;height: auto" mode='widthFix'></image> <view
<Text style="margin-top: 10rpx;">{{ item.name }}</Text> class="renzhen"
<!-- 待付款 --> v-if="companyStatus == 3"
<view v-if="item.link_url == '/pages/order/index/index?status=1' && user_info.MyOrder.NonPayment > 0" class="badge" style="border: 1px solid #2961fe; color: #2961fe"
:style="{ background: mainColor }"> >
{{ user_info.MyOrder.NonPayment }} 认证审核中
</view> </view>
<!-- 待发货 --> <view
<view v-if="item.link_url == '/pages/order/index/index?status=2' && user_info.MyOrder.WaitSendGoods > 0" class="badge" class="renzhen"
:style="{ background: mainColor }"> v-if="companyStatus == 4"
{{ user_info.MyOrder.WaitSendGoods }} :style="{
</view> border: '1px solid ' + mainColor,
<!-- 待收货 --> color: mainColor,
<view v-if="item.link_url == '/pages/order/index/index?status=3' && user_info.MyOrder.WaitReceiving > 0" class="badge" }"
:style="{ background: mainColor }"> >
{{ user_info.MyOrder.WaitReceiving }} 未通过
</view> </view>
<!-- 待评价 --> <view
<view v-if="item.link_url == '/pages/order/order-commit' && user_info.MyOrder.WaitCommentNum > 0" class="badge" style="
:style="{ background: mainColor }"> margin-top: 10px;
{{ user_info.MyOrder.WaitCommentNum }} display: flex;
</view> align-items: flex-start;
<!-- 售后 --> "
<view v-if="item.link_url == '/pages/order/after-sale/refunds-list' && user_info.MyOrder.AfterSaleNum > 0" class="badge" v-if="companyStatus == 5"
:style="{ background: mainColor }"> >
{{ user_info.MyOrder.AfterSaleNum }} <view
</view> style="
</view> font-weight: 500;
</view> font-size: 13px;
</view> max-width: 360rpx;
<view class="order_bar" style="margin-top:20rpx;" v-if="meueData.user_center.is_sdorder_bar_status == 1"> overflow: hidden;
<u-section title="司导订单" sub-title="查看更多" style="width: 100%;padding:0px 0 10px ;" @click="goUrl('/pages/guidecar/orderList?status=0')"></u-section> margin-right: 10px;
<view class="order_bar_list"> display: inline-block;
<view class="order_bar_item" v-for="(item, index) in meueData.user_center.sdorder_bar" :key="index" :name="item.name" white-space: nowrap;
@click="goUrl(item.link_url)"> text-overflow: ellipsis;
<image :src="item.icon_url" style="width: 60rpx;height: auto" mode='widthFix'></image> "
<Text style="margin-top: 10rpx;">{{ item.name }}</Text> >
<!-- 待付款 --> {{ companyName }}
<view v-if="item.link_url == '/pages/guidecar/orderList?status=1' && user_info.MyGuideCarOrder.NonPayment > 0" </view>
class="badge" :style="{ background: mainColor }"> </view>
{{ user_info.MyGuideCarOrder.NonPayment }} </view>
</view> </view>
<!-- 待确认 --> </view>
<view v-if="item.link_url == '/pages/guidecar/orderList?status=2' && user_info.MyGuideCarOrder.WaitSendGoods > 0" </view>
class="badge" :style="{ background: mainColor }"> <view
{{ user_info.MyGuideCarOrder.WaitSendGoods }} style="
</view> display: flex;
<!-- 待出行 --> flex-direction: column;
<view v-if="item.link_url == '/pages/guidecar/orderList?status=3' && user_info.MyGuideCarOrder.WaitReceiving > 0" align-items: center;
class="badge" :style="{ background: mainColor }"> margin-top: 23px;
{{ user_info.MyGuideCarOrder.WaitReceiving }} margin-bottom: 5px;
</view> "
<!-- 出行中 --> v-if="meueData.user_center.top_style == 2"
<view v-if="item.link_url == '/pages/guidecar/orderList?status=4' && user_info.MyGuideCarOrder.Completed > 0" >
class="badge" :style="{ background: mainColor }"> <u-avatar
{{ user_info.MyGuideCarOrder.Completed }} :src="user_info.avatar"
</view> shape="circle"
<!-- 待评价 --> size="120"
<view v-if="item.link_url == '/pages/guidecar/order-commit' && user_info.MyGuideCarOrder.GuideCarWaitCommentNum > 0" ></u-avatar>
class="badge" :style="{ background: mainColor }"> <Text
{{ user_info.MyGuideCarOrder.GuideCarWaitCommentNum }} style="color: #fff; font-size: 40rpx; font-weight: 800"
</view> class="nickname"
</view> @click="login(user_info)"
</view> >{{ user_info.nickname ? user_info.nickname : "立即登录" }}</Text
</view> >
<template v-if="meueData.user_center&&meueData.user_center.nar_menus.length>0"> <view
<view v-if="meueData.user_center && meueData.user_center.is_menu_status == 1" v-for="(mItem,mIndex) in meueData.user_center.nar_menus" class="member"
:key="mIndex" :style="{'marginTop':mIndex==0&&(meueData.user_center.is_foot_bar_status==1||meueData.user_center.is_account_status==1)?'25px':''}" v-if="is_icon_members_grade == 1 && user_info.nickname"
class="headCommon"> >
<view style="margin:10px;">{{mItem.MenuNavTitle}}</view> <image
<view :class="mItem.MenuNavStyle == 1 ? 'menus' : 'menus2'" style="width:100%;"> :src="user_info.identity.level_icon"
<view :class="mItem.MenuNavStyle == 1 ? 'menus_item' : 'menus_item2'" v-for="(item, index) in mItem.MeunList" mode="aspectFill"
:key="index" :name="item.name" @click="goUrl(item.link_url)" v-if="pandu(item)"> style="width: 22px; height: 22px; border-radius: 11px"
<image :src="item.icon_url" :style="{width:mItem.MenuNavStyle == 1 ?'20px':'16px',height: 'auto'}" mode="widthFix"></image> ></image>
<Text style="font-size: 26rpx;" :style="{ 'margin-top': mItem.MenuNavStyle == 1 ? '10rpx' : '0rpx', 'margin-left': mItem.MenuNavStyle == 1 ? '0rpx' : '24rpx' }"> <view
{{ item.name }} style="
</Text> display: flex;
<button open-type="contact" class="contButton" v-if="item.link_url == 'contact' && item.name == '客服'"></button> align-items: center;
</view> justify-content: center;
</view> "
</view> >
</template> <Text style="margin-right: 10px">{{
</view> user_info.identity.level_name != null
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth> ? user_info.identity.level_name
<tabbars></tabbars> : "普通用户"
</view> }}</Text>
<view v-if="meueData.user_center && meueData.user_center.is_ppenmiai==1 && isloading== true"><!-- 修改 --> <view v-if="companyStatus == 5" style="margin-left: 10rpx">
<blinddate <image
:meueData='meueData' v-if="FirstShopType == 1"
:user_info ='user_info' style="width: 140rpx; height: 44rpx"
:scrollTop='scrollTop' src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/pinpaivip.png"
:modelstype='modelstype' ></image>
:bottommargin='bottommargin' <image
:PointNum='PointNum' v-if="FirstShopType == 2"
@fatherMethod="login" style="width: 140rpx; height: 44rpx"
> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/zaitivip.png"
></image>
</blinddate> </view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth> </view>
<tabbars></tabbars> </view>
</view> <view v-if="AppletID == 5 && isAttestationEdu == 1">
</scroll-view> <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
class="renzhen"
v-if="companyStatus == 3"
:style="{ border: '1px solid ' + mainColor, color: mainColor }"
>
认证审核中
</view>
<view class="renzhen" v-if="companyStatus == 4"> 未通过 </view>
<view style="margin-top: 10px" v-if="companyStatus == 5">
<view
style="
font-weight: 500;
font-size: 13px;
max-width: 360rpx;
overflow: hidden;
margin-right: 10px;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
"
>
{{ companyName }}
</view>
</view>
</view>
</view>
<view class="top_b">
<view
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
}}</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="ReceiptAdder"
v-if="
IsEducation != 1 &&
setting.is_show_korea != undefined &&
setting.is_show_korea == 0
"
@click="goUrl('/pages/address/address')"
:style="{
top:
modelstype == 0
? '160rpx'
: modelstype == 1
? '180rpx'
: '160rpx',
}"
>
<u-icon name="location" color="#fff" size="23"></u-icon>
<Text style="color: #fff; font-size: 12px; margin-left: 20rpx"
>收货地址</Text
>
</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 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="
item.link_url ==
'/pages/user-center/integral-detail/integral-detail'
"
@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>
</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
class="order_bar"
v-if="meueData.user_center.is_order_bar_status == 1"
>
<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_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' &&
user_info.MyOrder.NonPayment > 0
"
class="badge"
:style="{ background: mainColor }"
>
{{ user_info.MyOrder.NonPayment }}
</view>
<!-- 待发货 -->
<view
v-if="
item.link_url == '/pages/order/index/index?status=2' &&
user_info.MyOrder.WaitSendGoods > 0
"
class="badge"
:style="{ background: mainColor }"
>
{{ user_info.MyOrder.WaitSendGoods }}
</view>
<!-- 待收货 -->
<view
v-if="
item.link_url == '/pages/order/index/index?status=3' &&
user_info.MyOrder.WaitReceiving > 0
"
class="badge"
:style="{ background: mainColor }"
>
{{ user_info.MyOrder.WaitReceiving }}
</view>
<!-- 待评价 -->
<view
v-if="
item.link_url == '/pages/order/order-commit' &&
user_info.MyOrder.WaitCommentNum > 0
"
class="badge"
:style="{ background: mainColor }"
>
{{ user_info.MyOrder.WaitCommentNum }}
</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
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
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
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>
<button
open-type="contact"
class="contButton"
v-if="item.link_url == 'contact' && item.name == '客服'"
></button>
</view>
</view>
</view>
</template>
</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>
</view>
</scroll-view>
</template> </template>
<script> <script>
...@@ -291,6 +740,7 @@ ...@@ -291,6 +740,7 @@
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是
}; };
}, },
components: { components: {
...@@ -311,7 +761,6 @@ ...@@ -311,7 +761,6 @@
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;
...@@ -323,6 +772,8 @@ ...@@ -323,6 +772,8 @@
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
console.log(445,this.isMallAdmin)
}, },
mounted() { mounted() {
this.getComponyStatus() this.getComponyStatus()
...@@ -440,7 +891,13 @@ ...@@ -440,7 +891,13 @@
flag = false; flag = false;
} }
break; break;
case "/pages/MallMange/index":
if(this.isMallAdmin == 1 ){
flag = true;
}else{
flag = false;
}
break;
} }
return flag; return flag;
}, },
...@@ -592,341 +1049,349 @@ ...@@ -592,341 +1049,349 @@
</script> </script>
<style> <style>
.body { .body {
background: #f3f4f6; background: #f3f4f6;
height: 100vh; height: 100vh;
} }
.userStyle .userBox { .userStyle .userBox {
display: flex;
display: flex; flex-direction: column;
flex-direction: column; align-items: center;
align-items: center; background: #f3f4f6;
background: #f3f4f6; height: 100%;
height: 100%; }
} .userStyle .inner-container::-webkit-scrollbar {
.userStyle .inner-container::-webkit-scrollbar { display: none;
display: none; }
}
.userStyle .imgbg {
.userStyle .imgbg { width: 100%;
width: 100%; height: 310px;
height: 310px; display: flex;
display: flex; flex-direction: column;
flex-direction: column; align-items: center;
align-items: center; position: relative;
position: relative; }
} .userStyle .headimg {
width: 140rpx;
.userStyle .headimg { height: 140rpx;
width: 140rpx; border-radius: 50%;
height: 140rpx; margin-left: 60rpx;
border-radius: 50%; }
margin-left: 60rpx;
} .userStyle .footprint {
width: 80%;
.userStyle .footprint { height: 140rpx;
width: 80%; display: flex;
height: 140rpx; flex-direction: row;
display: flex; align-items: center;
flex-direction: row; justify-content: space-around;
align-items: center; }
justify-content: space-around;
} .userStyle .footprint_item {
width: 200rpx;
.userStyle .footprint_item { height: 90rpx;
width: 200rpx; display: flex;
height: 90rpx; flex-direction: column;
display: flex; align-items: center;
flex-direction: column; justify-content: space-between;
align-items: center; }
justify-content: space-between;
} .userStyle .footprint_item_bottom {
display: flex;
.userStyle .footprint_item_bottom { flex-direction: row;
display: flex; align-items: center;
flex-direction: row; justify-content: center;
align-items: center; }
justify-content: center;
} .userStyle .account_bar {
width: 94%;
.userStyle .account_bar { height: 110rpx;
width: 94%; border-radius: 10rpx;
height: 110rpx; background: #fff;
border-radius: 10rpx; display: flex;
background: #fff; flex-direction: row;
display: flex; align-items: center;
flex-direction: row; justify-content: space-around;
align-items: center; padding: 0 20rpx;
justify-content: space-around; }
padding: 0 20rpx;
} .userStyle .account_bar_item {
display: flex;
.userStyle .account_bar_item { flex-direction: column;
display: flex; align-items: center;
flex-direction: column; justify-content: space-between;
align-items: center; border-right: 1px solid #d1d1d1;
justify-content: space-between; width: 25%;
border-right: 1px solid #d1d1d1; }
width: 25%;
} .userStyle .account_bar_item:last-child {
border-right: 0;
.userStyle .account_bar_item:last-child { }
border-right: 0;
} .userStyle .order_bar {
width: 94%;
.userStyle .order_bar { border-radius: 10rpx;
width: 94%; background: #fff;
border-radius: 10rpx; display: flex;
background: #fff; flex-direction: column;
display: flex; align-items: center;
flex-direction: column; padding: 30rpx;
align-items: center; margin-top: 80rpx;
padding: 30rpx; }
margin-top: 80rpx;
} .userStyle .order_bar .order_bar_list {
width: 100%;
.userStyle .order_bar .order_bar_list { display: flex;
width: 100%; flex-direction: row;
display: flex; align-items: center;
flex-direction: row; justify-content: space-between;
align-items: center; }
justify-content: space-between;
} .userStyle .order_bar_item {
display: flex;
.userStyle .order_bar_item { flex-direction: column;
display: flex; align-items: center;
flex-direction: column; margin-top: 20rpx;
align-items: center; position: relative;
margin-top: 20rpx; }
position: relative;
} .userStyle .badge {
position: absolute;
.userStyle .badge { right: -10rpx;
position: absolute; top: -10rpx;
right: -10rpx; padding: 0 12rpx;
top: -10rpx; display: flex;
padding: 0 12rpx; align-items: center;
display: flex; justify-content: center;
align-items: center; font-size: 20rpx;
justify-content: center; color: #fff;
font-size: 20rpx; height: 30rpx;
color: #fff; border-radius: 15rpx;
height: 30rpx; }
border-radius: 15rpx;
} .userStyle .menus {
width: 94%;
.userStyle .menus { border-radius: 10rpx;
width: 94%; background: #fff;
border-radius: 10rpx; display: flex;
background: #fff; flex-direction: row;
display: flex; flex-wrap: wrap;
flex-direction: row; align-items: center;
flex-wrap: wrap; margin-top: 30rpx;
align-items: center; }
margin-top: 30rpx;
} .userStyle .menus2 {
width: 94%;
.userStyle .menus2 { border-radius: 10rpx;
width: 94%; background: #fff;
border-radius: 10rpx; display: flex;
background: #fff; flex-direction: column;
display: flex; margin-top: 20rpx;
flex-direction: column; }
margin-top: 20rpx;
} .userStyle .menus .menus_item {
width: 25%;
.userStyle .menus .menus_item { height: 110rpx;
width: 25%; margin: 20rpx 0 10rpx;
height: 110rpx; display: flex;
margin: 20rpx 0 10rpx; flex-direction: column;
display: flex; align-items: center;
flex-direction: column; justify-content: space-around;
align-items: center; position: relative;
justify-content: space-around; }
position: relative;
} .menus_item2 .contButton,
.menus_item .contButton {
.menus_item2 .contButton, width: 100%;
.menus_item .contButton { height: 100%;
width: 100%; position: absolute;
height: 100%; left: 0;
position: absolute; top: 0;
left: 0; opacity: 0;
top: 0; }
opacity: 0;
} .userStyle .menus2 .menus_item2 {
width: 100%;
.userStyle .menus2 .menus_item2 { height: 90rpx;
width: 100%; display: flex;
height: 90rpx; flex-direction: row;
display: flex; align-items: center;
flex-direction: row; margin-left: 30rpx;
align-items: center; position: relative;
margin-left: 30rpx; }
position: relative;
} .userStyle .copyright {
padding: 70rpx 0;
.userStyle .copyright { display: flex;
padding: 70rpx 0; flex-direction: column;
display: flex; align-items: center;
flex-direction: column; }
align-items: center;
} .userStyle .ReceiptAdder {
position: absolute;
.userStyle .ReceiptAdder { right: 0;
position: absolute; top: 160rpx;
right: 0; width: 100px;
top: 160rpx; height: 24px;
width: 100px; border-top-left-radius: 12px;
height: 24px; border-bottom-left-radius: 12px;
border-top-left-radius: 12px; display: flex;
border-bottom-left-radius: 12px; flex-direction: row;
display: flex; align-items: center;
flex-direction: row; padding: 0 20rpx;
align-items: center; background: rgba(55, 55, 55, 0.15);
padding: 0 20rpx; }
background: rgba(55, 55, 55, 0.15)
} .userStyle .member {
background: #3b3641;
.userStyle .member { /* width: 80px; */
background: #3b3641; font-size: 10px;
/* width: 80px; */ color: #fff;
font-size: 10px; height: 18px;
color: #fff; border-radius: 9px;
height: 18px; display: flex;
border-radius: 9px; flex-direction: row;
display: flex; align-items: center;
flex-direction: row; justify-content: space-between;
align-items: center; margin-top: 10px;
justify-content: space-between; }
margin-top: 10px;
} .userStyle .titlenav {
width: 100%;
.userStyle .titlenav { text-align: center;
width: 100%; font-size: 16px;
text-align: center; color: #ffffff;
font-size: 16px; }
color: #FFFFFF;
} .userStyle .top_b {
width: 86%;
.userStyle .top_b { height: 65px;
width: 86%; display: flex;
height: 65px; flex-direction: row;
display: flex; align-items: center;
flex-direction: row; justify-content: space-between;
align-items: center; }
justify-content: space-between;
} .userStyle .top_b_item {
width: 26%;
.userStyle .top_b_item { height: 50px;
width: 26%; display: flex;
height: 50px; flex-direction: column;
display: flex; align-items: center;
flex-direction: column; justify-content: space-between;
align-items: center; color: #ffffff;
justify-content: space-between; font-size: 12px;
color: #FFFFFF; }
font-size: 12px;
} .userStyle .Receiptbalance {
width: 94%;
.userStyle .Receiptbalance { height: 62px;
width: 94%; position: absolute;
height: 62px; left: 3%;
position: absolute; bottom: -20px;
left: 3%; background: #ffffff;
bottom: -20px; border-radius: 6px;
background: #FFFFFF; display: flex;
border-radius: 6px; flex-direction: row;
display: flex; align-items: center;
flex-direction: row; justify-content: space-around;
align-items: center; padding: 0 10px;
justify-content: space-around; }
padding: 0 10px;
} .userStyle .Receiptbalance_item {
width: 40%;
.userStyle .Receiptbalance_item { height: 50px;
width: 40%; display: flex;
height: 50px; flex-direction: row;
display: flex; align-items: center;
flex-direction: row; font-size: 12px;
align-items: center; color: #534d62;
font-size: 12px; }
color: #534D62;
.userStyle .headStatus {
} overflow: hidden;
position: relative;
.userStyle .headStatus { width: 140vw;
overflow: hidden; padding-right: 40vw;
position: relative; padding-bottom: 10px;
width: 140vw; position: fixed;
padding-right: 40vw; left: 0;
padding-bottom: 10px; right: 0;
position: fixed; top: 0;
left: 0; display: flex;
right: 0; background-image: linear-gradient(to right, #6e75ea, #b984ec);
top: 0; }
display: flex;
background-image: linear-gradient(to right, .userStyle .headStatus .arrow {
#6E75EA, height: 24px;
#B984EC); margin: 5px 10px;
width: 24px;
} }
.userStyle .headStatus .arrow { .userStyle .headStatus .title {
height: 24px; font-size: 18px;
margin: 5px 10px; color: #fff;
width: 24px; flex: 1;
} width: 1px;
line-height: 34px;
.userStyle .headStatus .title { text-align: center;
font-size: 18px; }
color: #fff;
flex: 1; .dark .userStyle .headStatus .title {
width: 1px; color: #111 !important;
line-height: 34px; }
text-align: center; .dark .nickname {
} color: #111 !important;
}
.dark .userStyle .headStatus .title{ .userStyle .topheard {
color:#111 !important; display: flex;
} flex-direction: row;
.dark .nickname{ align-items: center;
color:#111 !important; width: 100%;
} margin-bottom: 20px;
.userStyle .topheard { }
display: flex;
flex-direction: row; .userStyle .miniHeadTop {
align-items: center; height: 200px;
width: 100%; }
margin-bottom: 20px;
} .userBox .headCommon {
width: 94%;
.userStyle .miniHeadTop { margin-top: 25px;
height: 200px; border-radius: 10px;
} background-color: #fff;
}
.userBox .headCommon {
width: 94%; .userBox .headHasTOP {
margin-top: 25px; margin-top: 25px;
border-radius: 10px; }
background-color: #fff; .userBox .paike {
} margin-top: 15px;
display: flex;
.userBox .headHasTOP { flex-direction: row;
margin-top: 25px; align-items: center;
} justify-content: space-between;
.userBox .paike{ }
margin-top: 15px;display: flex;flex-direction: row;align-items: center;justify-content: space-between; .componyStatusBox .renzhen {
} height: 15px;
.componyStatusBox .renzhen{ font-size: 10px;
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; margin-top: 10px;
} color: #555555;
.componyStatusBox .companyName{ border-radius: 7px;
font-size: 26rpx; border: 1px solid #999999;
font-weight: 500; display: flex;
color: #888888; align-items: center;
/* background-color: #F6F6F6FF */ justify-content: center;
} padding: 0 10rpx;
margin-left: 10rpx;
}
.componyStatusBox .companyName {
font-size: 26rpx;
font-weight: 500;
color: #888888;
/* background-color: #F6F6F6FF */
}
</style> </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