|
@@ -1,45 +1,73 @@
|
|
|
<template>
|
|
|
- <Container title="我的" :showBack="false">
|
|
|
+ <Container
|
|
|
+ title="我的"
|
|
|
+ :scrollStyle="{
|
|
|
+ padding: 0,
|
|
|
+ }"
|
|
|
+ :showBack="false"
|
|
|
+ >
|
|
|
<view>
|
|
|
- <view class="user_box">
|
|
|
- <view class="box_left">
|
|
|
- <navigator url="/pages/user/settings">
|
|
|
- <image class="user_image" :src="userInfo.userpic"></image>
|
|
|
- </navigator>
|
|
|
- </view>
|
|
|
- <view class="box_center">
|
|
|
- <view class="user_name" v-if="is_login">{{ userInfo.username }}</view>
|
|
|
- <navigator class="user_name" url="/pages/login/index" v-if="!is_login">请登录</navigator>
|
|
|
- <view class="user_info">{{ userInfo.phone }}</view>
|
|
|
+ <view class="user_box">
|
|
|
+ <view class="box_left">
|
|
|
+ <navigator url="/pages/user/settings">
|
|
|
+ <image class="user_image" :src="userInfo.userpic"></image>
|
|
|
+ </navigator>
|
|
|
+ </view>
|
|
|
+ <view class="box_center">
|
|
|
+ <view class="user_name" v-if="is_login">{{ userInfo.username }}</view>
|
|
|
+ <navigator class="user_name" url="/pages/login/index" v-if="!is_login"
|
|
|
+ >请登录</navigator
|
|
|
+ >
|
|
|
+ <view class="user_info">{{ userInfo.phone }}</view>
|
|
|
+ </view>
|
|
|
+ <view class="box_right">
|
|
|
+ <navigator
|
|
|
+ url="/pages/user/settings"
|
|
|
+ class="setting_page"
|
|
|
+ v-if="is_login"
|
|
|
+ >
|
|
|
+ <uni-icons type="gear" size="30"></uni-icons>
|
|
|
+ </navigator>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="box_right">
|
|
|
- <navigator url="/pages/user/settings" class="setting_page" v-if="is_login">
|
|
|
- <uni-icons type="gear" size="30"></uni-icons>
|
|
|
+ <view class="navigator_list">
|
|
|
+ <navigator class="navigator_item" url="/" v-if="false">
|
|
|
+ <view class="navigator_title_vip">VIP展示信息</view>
|
|
|
+ </navigator>
|
|
|
+ <navigator class="navigator_item" url="/pages/recharge/index" v-else>
|
|
|
+ <view class="navigator_title_vip">充值VIP中心banner入口</view>
|
|
|
+ </navigator>
|
|
|
+ <navigator class="navigator_item" url="/pages/orders/index">
|
|
|
+ <view class="navigator_title">订单记录</view>
|
|
|
+ <view class="navigator_title_ico"
|
|
|
+ ><uni-icons type="right" size="20"></uni-icons
|
|
|
+ ></view>
|
|
|
+ </navigator>
|
|
|
+ <navigator class="navigator_item" url="/">
|
|
|
+ <view class="navigator_title">分享有礼</view>
|
|
|
+ <view class="navigator_title_ico"
|
|
|
+ ><uni-icons type="right" size="20"></uni-icons
|
|
|
+ ></view>
|
|
|
+ </navigator>
|
|
|
+ <navigator class="navigator_item" url="/">
|
|
|
+ <view class="navigator_title">邀请有礼</view>
|
|
|
+ <view class="navigator_title_ico"
|
|
|
+ ><uni-icons type="right" size="20"></uni-icons
|
|
|
+ ></view>
|
|
|
</navigator>
|
|
|
</view>
|
|
|
+ <view class="packet_content" v-if="show_packet">
|
|
|
+ <view class="close_btn" @click="closePacket"> X </view>
|
|
|
+ <image
|
|
|
+ src="https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/red_packet.gif"
|
|
|
+ class="red_packet"
|
|
|
+ @click="_getredpacket"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="navigator_list">
|
|
|
- <navigator class="navigator_item" url="/">
|
|
|
- <view class="navigator_title_vip">VIP展示信息</view>
|
|
|
- </navigator>
|
|
|
- <navigator class="navigator_item" url="/pages/orders/index">
|
|
|
- <view class="navigator_title">订单记录</view>
|
|
|
- <view class="navigator_title_ico"><uni-icons type="right" size="20"></uni-icons></view>
|
|
|
- </navigator>
|
|
|
- <navigator class="navigator_item" url="/">
|
|
|
- <view class="navigator_title">分享有礼</view>
|
|
|
- <view class="navigator_title_ico"><uni-icons type="right" size="20"></uni-icons></view>
|
|
|
- </navigator>
|
|
|
- <navigator class="navigator_item" url="/">
|
|
|
- <view class="navigator_title">邀请有礼</view>
|
|
|
- <view class="navigator_title_ico"><uni-icons type="right" size="20"></uni-icons></view>
|
|
|
- </navigator>
|
|
|
- </view>
|
|
|
- <view class="packet_content" v-if="show_packet">
|
|
|
- <view class="close_btn" @click="closePacket"> X </view>
|
|
|
- <image src="https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/red_packet.gif" class="red_packet" @click="_getredpacket" />
|
|
|
+ <view class="service">
|
|
|
+ <view>联系客服</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
</Container>
|
|
|
</template>
|
|
|
|
|
@@ -51,12 +79,13 @@ export default {
|
|
|
return {
|
|
|
userInfo: {
|
|
|
username: "请登录",
|
|
|
- userpic: "https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/doctor.png",
|
|
|
+ userpic:
|
|
|
+ "https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/doctor.png",
|
|
|
phone: "kailin",
|
|
|
status: 0,
|
|
|
city_id: 0,
|
|
|
},
|
|
|
- is_login:0,
|
|
|
+ is_login: 0,
|
|
|
packetList: [],
|
|
|
show_packet: false,
|
|
|
};
|
|
@@ -76,11 +105,11 @@ export default {
|
|
|
// #endif
|
|
|
},
|
|
|
onShareAppMessage(obj) {
|
|
|
- // 店铺ID
|
|
|
- let shopId = uni.getStorageSync("shopId");
|
|
|
+ // 店铺ID
|
|
|
+ let shopId = uni.getStorageSync("shopId");
|
|
|
//获取当前用户信息
|
|
|
let userInfo = uni.getStorageSync("userInfo");
|
|
|
- let param = "?shop_id"+shopId;
|
|
|
+ let param = "?shop_id" + shopId;
|
|
|
if (userInfo.uid) {
|
|
|
param = "&share_uid=" + userInfo.uid;
|
|
|
}
|
|
@@ -97,8 +126,12 @@ export default {
|
|
|
for (let i in shareList) {
|
|
|
if (shareList[i].pages == "pages/user/index") {
|
|
|
shareObj.path = shareList[i].path ? shareList[i].path : shareObj.path;
|
|
|
- shareObj.title = shareList[i].title ? `999智控终端平台\n${shareList[i].title}` : shareObj.title;
|
|
|
- shareObj.imageUrl = shareList[i].image_url ? shareList[i].image_url : shareObj.imageUrl;
|
|
|
+ shareObj.title = shareList[i].title
|
|
|
+ ? `999智控终端平台\n${shareList[i].title}`
|
|
|
+ : shareObj.title;
|
|
|
+ shareObj.imageUrl = shareList[i].image_url
|
|
|
+ ? shareList[i].image_url
|
|
|
+ : shareObj.imageUrl;
|
|
|
}
|
|
|
}
|
|
|
if (param) {
|
|
@@ -109,32 +142,34 @@ export default {
|
|
|
},
|
|
|
onShow() {
|
|
|
// 登录提示
|
|
|
- this.is_login = this.$checkAccess.checkLogin()
|
|
|
+ this.is_login = this.$checkAccess.checkLogin();
|
|
|
// 未登录不请求
|
|
|
- if ( !this.is_login ) {
|
|
|
- this.userInfo = {
|
|
|
- username: '请登录',
|
|
|
- userpic: 'https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/doctor.png',
|
|
|
- phone: 'kailin',
|
|
|
- status: 0,
|
|
|
- city_id: 0,
|
|
|
- is_video_vip:0,
|
|
|
- amount:0.00,
|
|
|
- transfer_amount:0.00
|
|
|
- };
|
|
|
- return;
|
|
|
+ if (!this.is_login) {
|
|
|
+ this.userInfo = {
|
|
|
+ username: "请登录",
|
|
|
+ userpic:
|
|
|
+ "https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/doctor.png",
|
|
|
+ phone: "kailin",
|
|
|
+ status: 0,
|
|
|
+ city_id: 0,
|
|
|
+ is_video_vip: 0,
|
|
|
+ amount: 0.0,
|
|
|
+ transfer_amount: 0.0,
|
|
|
+ };
|
|
|
+ return;
|
|
|
}
|
|
|
// 判断数据
|
|
|
this.$http.request("api/custom/get_info").then((callback) => {
|
|
|
if (callback.code == "success") {
|
|
|
- if (!callback.data.userpic) callback.data.userpic = "https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/doctor.png";
|
|
|
+ if (!callback.data.userpic)
|
|
|
+ callback.data.userpic =
|
|
|
+ "https://kailin-mp.oss-cn-shenzhen.aliyuncs.com/static/icon/doctor.png";
|
|
|
// 赋值
|
|
|
this.userInfo = callback.data;
|
|
|
// 存储登录标识
|
|
|
uni.setStorageSync("userInfo", callback.data);
|
|
|
}
|
|
|
});
|
|
|
- this._getPacketNum();
|
|
|
},
|
|
|
methods: {
|
|
|
_getredpacket() {
|
|
@@ -170,11 +205,15 @@ export default {
|
|
|
closePacket() {
|
|
|
this.show_packet = false;
|
|
|
},
|
|
|
+ onChange(e) {
|
|
|
+ console.log(e);
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less">
|
|
|
+<style lang="scss" scoped>
|
|
|
+@import "@/uni.scss"; // 引入全局scss变量
|
|
|
.user_box {
|
|
|
width: 680rpx;
|
|
|
height: 180rpx;
|
|
@@ -241,29 +280,29 @@ export default {
|
|
|
background: #ffffff;
|
|
|
border-top: 1rpx solid #eeeeee;
|
|
|
.navigator_item {
|
|
|
- position: relative;
|
|
|
- .navigator_title_ico{
|
|
|
- position: absolute;
|
|
|
- right: 30rpx;
|
|
|
- top: 17rpx;
|
|
|
- }
|
|
|
+ position: relative;
|
|
|
+ .navigator_title_ico {
|
|
|
+ position: absolute;
|
|
|
+ right: 30rpx;
|
|
|
+ top: 17rpx;
|
|
|
+ }
|
|
|
.navigator_title {
|
|
|
- width: 100%;
|
|
|
+ width: 100%;
|
|
|
display: block;
|
|
|
font-size: 30rpx;
|
|
|
line-height: 40rpx;
|
|
|
- padding: 20rpx 30rpx;
|
|
|
- border-bottom: 1rpx solid #eeeeee;
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
+ border-bottom: 1rpx solid #eeeeee;
|
|
|
+ }
|
|
|
+ .navigator_title_vip {
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ font-size: 30rpx;
|
|
|
+ line-height: 40rpx;
|
|
|
+ padding: 30rpx 60rpx;
|
|
|
+ border-bottom: 1rpx solid #eeeeee;
|
|
|
+ font-size: 30rpx;
|
|
|
}
|
|
|
- .navigator_title_vip{
|
|
|
- width: 100%;
|
|
|
- display: block;
|
|
|
- font-size: 30rpx;
|
|
|
- line-height: 40rpx;
|
|
|
- padding: 30rpx 60rpx;
|
|
|
- border-bottom: 1rpx solid #eeeeee;
|
|
|
- font-size: 30rpx;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -339,4 +378,14 @@ export default {
|
|
|
left: 0;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.service {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 20%;
|
|
|
+ right: 5%;
|
|
|
+ color: $uni-primary;
|
|
|
+ font-size: 28rpx;
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
</style>
|