li-guang
2020-12-23 935f34238713b63a1f44fb12d09cd2512b1bd46d
hive-app/pages/member/detail.vue
@@ -2,11 +2,11 @@
   <!-- 会员详情 -->
   <view>
      <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>
         <image class="avatar" :src="memberInfo.photo?memberInfo.photo:'../../static/images/default-avatar.png'"></image>
         <text class="font-18 mt-5">{{memberInfo.vipName}}</text>
         <text class="font-14 mt-5">会员编号: {{memberInfo.vipNo}}</text>
         <view class="flex align-center mt-5">
            <text class="font-12 mr-10">{{handlePhone(15569216885)}}</text>
            <text class="font-12 mr-10">{{handlePhone(memberInfo.phone)}}</text>
            <text class="icon iconfont" :class="isHidePhone?'iconyanjing':'iconyanjing1'" @click="isHidePhone=!isHidePhone"></text>
         </view>   
         <view class="flex mt-10">
@@ -21,21 +21,21 @@
      <view class="content">
         <view class="content-row flex justify-around">
            <view class="center">
               <text class="font-18 red">600.00</text>
               <text class="font-18 red">{{memberInfo.totalBalance}}</text>
               <text class="font-14 mt-10 block">余额</text>
            </view>
            <view class="center">
               <text class="font-18 green">600.00</text>
               <text class="font-18 green">{{memberInfo.giftBalance}}</text>
               <text class="font-14 mt-10 block">赠送余额</text>
            </view>
            <view class="center">
               <text class="font-18 blue">600.00</text>
               <text class="font-18 blue">{{memberInfo.totalShopping}}</text>
               <text class="font-14 mt-10 block">累计消费</text>
            </view>
         </view>
         <view class="content-row flex flex-wrap">
            <view class="detail-item">
               <navigator url="./editMember" hover-class="none" >
               <navigator :url="'./editMember?id='+id" hover-class="none" >
                  <image class="detail-icon" mode="aspectFit" src="../../static/images/member-detail1.png"></image>
                  <text class="mt-5">会员信息</text>
               </navigator>
@@ -97,35 +97,46 @@
   export default{
      data(){
         return{
            isHidePhone: true
            isHidePhone: true,
            id: '',
            memberInfo: {}
         }
      },
      onLoad(options) {
         this.id = options.id;
      },
      onShow() {
         this.loadMemberInfo()
      },
      methods:{
         loadMemberInfo(){
            this.$httpUtils.request('/api/vip/findVipInfoById/'+this.id).then((res) => {
               if(res.status == 200){
                  this.memberInfo = res.mapInfo.vipInfo;
               }
            })
         },
         handlePhone(val){
            if(this.isHidePhone){
               return this.$utils.encryptAccount(val);
            }
            return val;
         },
         // 打电话
         call(){
            uni.makePhoneCall({
               phoneNumber: '15200889645',
               success: (res) => {
               },
               fail: (err) => {
               }
               phoneNumber: this.memberInfo.phone
            })
         },
         // 发信息
         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';
            msg.to = [this.memberInfo.phone];
            msg.body = '';
            plus.messaging.sendMessage(msg);
            // #endif
         }
         },
      }
   }
</script>
@@ -142,9 +153,9 @@
      border-bottom-right-radius: 20px;
      padding: 0 15px 15px;
   }
   .header-img{
      width: 80px;
      height: 80px;
   .avatar{
      width: 60px;
      height: 60px;
      border-radius: 50%;
   }
   .icon-box{