gx

queenwuli

2020-12-22 67da3f709ff61fea27b472a4266503bfa4eefeb5

 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,45 +37,45 @@
            <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>
               <text class="mt-5">项目/套餐</text>
            </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">
               <navigator url="../workbench/orderList" hover-class="none" >
                  <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail5.png"></image>
                  <text class="font-14 mt-5">订单记录</text>
                  <text class="mt-5">订单记录</text>
               </navigator>
            </view>
            <view class="detail-item">
               <navigator url="../workbench/serviceOrderList" hover-class="none" >
                  <image class="detail-icon"  mode="aspectFit" src="../../static/images/member-detail6.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-detail7.png"></image>                  
               <text class="font-14 mt-5">跟进记录</text>
               <text class="mt-5">跟进记录</text>
            </view>
            <view class="detail-item">
               <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>
@@ -98,19 +95,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
         }
      }
   }
@@ -126,7 +138,7 @@
      color: #FFFFFF;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      padding: 15px;
      padding: 0 15px 15px;
   }
   .header-img{
      width: 80px;
@@ -159,12 +171,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;