From 31a5566dd7ff56a3405ce79a764cd9e3d63154c9 Mon Sep 17 00:00:00 2001
From: li-guang <153605324@qq.com>
Date: Wed, 23 Dec 2020 16:21:11 +0800
Subject: [PATCH] 排行榜
---
hive-app/pages/member/detail.vue | 91 ++++++++++++++++++++++++++++-----------------
1 files changed, 57 insertions(+), 34 deletions(-)
diff --git a/hive-app/pages/member/detail.vue b/hive-app/pages/member/detail.vue
index cf80247..3b2a115 100644
--- a/hive-app/pages/member/detail.vue
+++ b/hive-app/pages/member/detail.vue
@@ -1,22 +1,19 @@
<template>
<!-- 会员详情 -->
<view>
- <!-- #ifndef H5 -->
- <view class="status_bar"></view>
- <!-- #endif -->
<view class="header flex flex-v align-center">
<image class="header-img" src="../../static/images/head-img.jpg"></image>
<text class="font-18 mt-5">333</text>
<text class="font-14 mt-5">会员编号: 101010</text>
<view class="flex align-center mt-5">
- <text class="font-12 mr-10">{{this.eye==false?encryptAccount(15569216885):'15569216885'}}</text>
- <text class="icon iconfont" :class="this.eye==false?'iconyanjing':'iconyanjing1'" @click="eyeSwitch"></text>
+ <text class="font-12 mr-10">{{handlePhone(15569216885)}}</text>
+ <text class="icon iconfont" :class="isHidePhone?'iconyanjing':'iconyanjing1'" @click="isHidePhone=!isHidePhone"></text>
</view>
<view class="flex mt-10">
- <view class="icon-box mr-20">
+ <view class="icon-box mr-20" @click="call">
<text class="icon iconfont icondianhua blue"></text>
</view>
- <view class="icon-box">
+ <view class="icon-box" @click="sendMessage">
<text class="icon iconfont iconxinxiduanxinsixinduihua blue"></text>
</view>
</view>
@@ -40,48 +37,58 @@
<view class="detail-item">
<navigator url="./editMember" hover-class="none" >
<image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail1.png"></image>
- <text class="font-14 mt-5">会员信息</text>
+ <text class="mt-5">会员信息</text>
</navigator>
</view>
<view class="detail-item">
- <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail2.png"></image>
- <text class="font-14 mt-5">项目/套餐</text>
+ <navigator url="./projectPlan" hover-class="none" >
+ <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail2.png"></image>
+ <text class="font-14 mt-5">项目/套餐</text>
+ </navigator>
</view>
<view class="detail-item">
<navigator url="./membershipCard" hover-class="none" >
<image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail3.png"></image>
- <text class="font-14 mt-5">卡项</text>
+ <text class="mt-5">卡项</text>
</navigator>
</view>
<view class="detail-item">
<navigator url="./skinDetection" hover-class="none" >
<image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail4.png"></image>
- <text class="font-14 mt-5">皮肤检测</text>
+ <text class="mt-5">皮肤检测</text>
</navigator>
</view>
<view class="detail-item">
- <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail5.png"></image>
- <text class="font-14 mt-5">消费记录</text>
+ <navigator url="../workbench/orderList" hover-class="none" >
+ <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail5.png"></image>
+ <text class="mt-5">订单记录</text>
+ </navigator>
</view>
<view class="detail-item">
- <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail6.png"></image>
- <text class="font-14 mt-5">服务记录</text>
+ <navigator url="../workbench/serviceOrderList" hover-class="none" >
+ <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail6.png"></image>
+ <text class="mt-5">服务单记录</text>
+ </navigator>
</view>
<view class="detail-item">
<image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail7.png"></image>
- <text class="font-14 mt-5">跟进记录</text>
+ <text class="mt-5">跟进记录</text>
</view>
<view class="detail-item">
- <navigator url="./membershipCard" hover-class="none" >
+ <navigator url="" hover-class="none" >
<image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail3.png"></image>
- <text class="font-14 mt-5">会员档案</text>
+ <text class="mt-5">会员档案</text>
</navigator>
</view>
</view>
</view>
<view class="sticky-footer flex justify-between">
- <button class="white-btn btn">开单</button>
- <button class="blue-btn btn">预约</button>
+ <navigator url="../workbench/selectProduct/index" class="btn">
+ <button class="white-btn">开单</button>
+ </navigator>
+ <navigator url="../workbench/selectService" class="btn">
+ <button class="blue-btn">预约</button>
+ </navigator>
</view>
</view>
</template>
@@ -90,19 +97,34 @@
export default{
data(){
return{
- eye:false
+ isHidePhone: true
}
},
methods:{
- encryptAccount(val) {
- if (/^1[3456789]\d{9}$/.test(val)) {
- return String(val).substr(0, 3) + '****' + String(val).substr(7);
- } else {
- return val;
- }
+ handlePhone(val){
+ if(this.isHidePhone){
+ return this.$utils.encryptAccount(val);
+ }
+ return val;
},
- eyeSwitch(){
- this.eye=!this.eye
+ call(){
+ uni.makePhoneCall({
+ phoneNumber: '15200889645',
+ success: (res) => {
+
+ },
+ fail: (err) => {
+
+ }
+ })
+ },
+ sendMessage(){
+ // #ifdef APP-PLUS
+ let msg = plus.messaging.createMessage(plus.messaging.TYPE_SMS);
+ msg.to = ['15200889645'];
+ msg.body = 'This is HTML5 Plus example test message';
+ plus.messaging.sendMessage(msg);
+ // #endif
}
}
}
@@ -118,7 +140,7 @@
color: #FFFFFF;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
- padding: 15px;
+ padding: 0 15px 15px;
}
.header-img{
width: 80px;
@@ -151,12 +173,13 @@
width: 25%;
margin: 10px 0;
text-align: center;
+ font-size: 12px;
}
.detail-icon{
display: block;
- width: 26px;
- height: 26px;
- margin: 0 auto;
+ width: 24px;
+ height: 24px;
+ margin: 0 auto 5px;
}
.sticky-footer{
margin: 0 -8px;
--
Gitblit v1.9.1