|
|
|
@ -10,11 +10,17 @@ |
|
|
|
<!-- 用户信息 --> |
|
|
|
<template v-if="isLogin"> |
|
|
|
<view class="user-avatar"> |
|
|
|
<image class="user-avatar-img" :src="userInfo.avatar" mode="scaleToFill"></image> |
|
|
|
<!-- todo: check key --> |
|
|
|
<image class="user-avatar-img" src="@/static/image/temp-30.png" mode="scaleToFill"></image> |
|
|
|
</view> |
|
|
|
<view class="user-info"> |
|
|
|
<view class="user-info-name">{{ userInfo.name }}</view> |
|
|
|
<view class="user-info-desc">{{ userInfo.phone }}</view> |
|
|
|
<!-- todo: check key --> |
|
|
|
<view class="flex user-info-name"> |
|
|
|
<view class="highligt">战斗世界</view> |
|
|
|
<view class="light">ID：5625354</view> |
|
|
|
</view> |
|
|
|
<!-- todo: check key --> |
|
|
|
<view class="user-info-desc">手机号：19989674531</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
@ -27,14 +33,20 @@ |
|
|
|
</template> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 订单信息 --> |
|
|
|
<template v-if="isLogin"> |
|
|
|
<order-card :statistics="statistics"></order-card> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 用户菜单 --> |
|
|
|
<template v-if="isLogin"> |
|
|
|
<view class="flex card member-bind"> |
|
|
|
<view class="left">成员绑定</view> |
|
|
|
<view class="flex right"> |
|
|
|
<button class="btn" @click="jumpToBindMember">绑定</button> |
|
|
|
<uv-icon name="arrow-right" color="#C6C6C6" size="24rpx"></uv-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 订单信息 --> |
|
|
|
<order-card :statistics="statistics"></order-card> |
|
|
|
|
|
|
|
<!-- 用户菜单 --> |
|
|
|
<view class="card"> |
|
|
|
<view v-for="item in list1" :key="item.id"> |
|
|
|
<template v-if="item.key === 'service'"> |
|
|
|
@ -57,7 +69,6 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="card"> |
|
|
|
<view v-for="item in list2" :key="item.id"> |
|
|
|
<view class="flex row" @click="onClick(item)"> |
|
|
|
@ -103,17 +114,13 @@ |
|
|
|
return { |
|
|
|
statistics: {}, |
|
|
|
list1: [ |
|
|
|
{ id: '001', label: '检测预约', icon: '/pages_order/static/center/icon-detectBook.png', path: '/pages_order/checkup/checkupRecords' }, |
|
|
|
{ id: '002', label: '联系客服', icon: '/pages_order/static/center/icon-service.png', key: 'service' }, |
|
|
|
// todo: check key |
|
|
|
{ id: '003', label: '服用说明', icon: '/pages_order/static/center/icon-instruc.png', path: `/pages_order/common?key=instruc&title=服用说明` }, |
|
|
|
// todo: check key |
|
|
|
{ id: '004', label: '用户须知', icon: '/pages_order/static/center/icon-userAgreement.png', path: `/pages_order/common?key=userAgreement&title=用户须知` }, |
|
|
|
{ id: '001', label: '我的收藏', icon: '/pages_order/static/center/icon-collect.png', path: '/pages_order/checkup/checkupRecords' }, |
|
|
|
{ id: '004', label: '学员管理', icon: '/pages_order/static/center/icon-student.png', path: `/pages_order/common?key=userAgreement&title=用户须知` }, |
|
|
|
{ id: '003', label: '我的优惠券', icon: '/pages_order/static/center/icon-coupon.png', path: `/pages_order/common?key=instruc&title=服用说明` }, |
|
|
|
], |
|
|
|
list2: [ |
|
|
|
{ id: '005', label: '我的评价', icon: '/pages_order/static/center/icon-comment.png', key: 'comment' }, |
|
|
|
// todo: check key |
|
|
|
{ id: '006', label: '关于我们', icon: '/pages_order/static/center/icon-aboutUs.png', path: `/pages_order/common?key=aboutUs&title=关于我们` }, |
|
|
|
{ id: '006', label: '关于我们', icon: '/pages_order/static/center/icon-msg.png', path: `/pages_order/common?key=aboutUs&title=关于我们` }, |
|
|
|
{ id: '007', label: '修改信息', icon: '/pages_order/static/center/icon-modifyInfo.png', path: `/pages_order/auth/wxUserInfo?mode=edit` }, |
|
|
|
{ id: '008', label: '退出登录', icon: '/pages_order/static/center/icon-logout.png', key: 'logout' }, |
|
|
|
], |
|
|
|
@ -122,6 +129,8 @@ |
|
|
|
computed: { |
|
|
|
...mapState(['userInfo', 'configList']), |
|
|
|
isLogin() { |
|
|
|
// todo: delete |
|
|
|
return true |
|
|
|
return this.userInfo && this.userInfo.id |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -155,6 +164,9 @@ |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
jumpToBindMember() { |
|
|
|
// todo |
|
|
|
}, |
|
|
|
}, |
|
|
|
} |
|
|
|
</script> |
|
|
|
@ -226,20 +238,31 @@ |
|
|
|
flex: 1; |
|
|
|
|
|
|
|
&-name { |
|
|
|
justify-content: flex-start; |
|
|
|
column-gap: 16rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 600; |
|
|
|
font-size: 36rpx; |
|
|
|
line-height: 1.2; |
|
|
|
color: #FFFFFF; |
|
|
|
|
|
|
|
.highligt { |
|
|
|
font-weight: 600; |
|
|
|
font-size: 36rpx; |
|
|
|
line-height: 1.2; |
|
|
|
text-shadow: 0 1px 0 #37313140; |
|
|
|
} |
|
|
|
|
|
|
|
.light { |
|
|
|
font-size: 24rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
&-desc { |
|
|
|
margin-top: 8rpx; |
|
|
|
margin-top: 4rpx; |
|
|
|
font-family: PingFang SC; |
|
|
|
font-weight: 400; |
|
|
|
font-size: 24rpx; |
|
|
|
line-height: 1.5; |
|
|
|
color: #F4F4F4; |
|
|
|
line-height: 1.8; |
|
|
|
color: #FFFFFF; |
|
|
|
text-shadow: 0 1px 0 #37313140; |
|
|
|
} |
|
|
|
|
|
|
|
&-tips { |
|
|
|
@ -312,4 +335,31 @@ |
|
|
|
color: #A3A3A3; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.member-bind { |
|
|
|
justify-content: space-between; |
|
|
|
padding: 32rpx; |
|
|
|
background: linear-gradient(to right, #FBFEFF, #DAF3FF); |
|
|
|
|
|
|
|
.left { |
|
|
|
font-size: 36rpx; |
|
|
|
font-weight: 600; |
|
|
|
color: #252545; |
|
|
|
} |
|
|
|
|
|
|
|
.right { |
|
|
|
column-gap: 16rpx; |
|
|
|
|
|
|
|
.btn { |
|
|
|
padding: 6rpx 50rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-weight: 500; |
|
|
|
line-height: 1.5; |
|
|
|
color: #FFFFFF; |
|
|
|
background: linear-gradient(to right, #21FEEC, #019AF9); |
|
|
|
border: 2rpx solid #00A9FF; |
|
|
|
border-radius: 30rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
