gx

queenwuli

2021-01-15 4b80c98ef5fda8d6358778f2efe8bb35cb20ccf9

 hive-app/pages/mine/index.vue

@@ -5,22 +5,24 @@
      <view class="status_bar"></view>
      <!-- #endif -->
      <view class="header">
         <navigator url="./setting" class="icon white iconfont iconshezhi right"></navigator>
         <view class="right">
            <text class=" white iconfont iconshezhi  icon" @click="toSetting"></text>
         </view>
         <view class="flex align-center">
            <image class="header-img ml-15" src="../../static/images/head-img.png"></image>
            <view class="flex flex-v ml-20">
               <view>
                  <text class="font-18 white mr-5">222是个帅哥</text>
                  <text class="white icon iconfont iconxiugai"></text>
               </view>
            <image class="header-img ml-10" :src="userInfo.photo?userInfo.photo:'../../static/images/default-avatar.png'"></image>
            <view class="flex flex-v ml-15">
               <navigator url="./myInfo" hover-class="none">
                  <text class="font-18 white mr-5">{{userInfo.name}}</text>
                  <text class="white font-16 iconfont iconxiugai"></text>
               </navigator>
               <view class="flex mt-10">
                  <view class="mr-20">
                  <view class="mr-20 ellipsis ellipsis-rolename">
                     <text class="white mr-5 font-14">职位:</text>
                     <text class="white font-14">靓仔</text>
                     <text class="white font-14">{{userInfo.roleName}}</text>
                  </view>
                  <view>
                  <view class="ellipsis ellipsis-shopname">
                     <text class="white mr-5 font-14">门店:</text>
                     <text class="white font-14">梅溪湖店</text>
                     <text class="white font-14">{{userInfo.shopName}}</text>
                  </view>
               </view>
            </view>
@@ -39,11 +41,14 @@
                  activeColor: '#518EFF',
                  underLineColor: '#518EFF',
                  underLineHeight: 4,
                  fontSize: '30px',
                  fontSize: 26,
                  itemWidth: 70,
                  underLineWidth: 60,
               }"
            />
            <view  class="look-more" @click="lookMore">
               更多<text class="iconfont iconarrow-backimg light-gray"></text>
            </view>
            <view class="performance-content">
               <view class="flex justify-around">
                  <view class="flex flex-v align-center performance-item">
@@ -75,7 +80,7 @@
               </view>
            </view>
         </view>
         <navigator url="./knowledge" class="flex align-center justify-between repository mt-10">
         <navigator url="./knowledge" class="flex align-center justify-between repository mt-10" v-if="$utils.hasPermission('zhishiku')">
            <view class="flex align-center">
               <image class="title-img mr-10" src="../../static/images/mine2.png"></image>
               <text>知识库</text>
@@ -113,20 +118,18 @@
                  name: '上月'
               },
            ],
            userAchieve: {}
            userAchieve: {},
            userInfo: {}
         }  
       },
      onShow() {
         this.getUserAchieve()
         this.getUserAchieve();
         this.getUserInfo();
      },
       methods: {
         getUserInfo(){
            this.$httpUtils.request('/api/user/findUserAchieve/'+this.type).then((res) => {
               if(res.status == 200){
                  let {achieve} = res.mapInfo;
                  this.userAchieve = achieve || {};
               }
            })
            let roleInfo = this.$httpUtils.getRoleInfo();
            this.userInfo = roleInfo || {};
         },
         getUserAchieve(){
            this.$httpUtils.request('/api/user/findUserAchieve/'+this.type).then((res) => {
@@ -139,9 +142,19 @@
            })
         },
         tabChange(e){
            console.log(e)
            this.type = e + 1;
            this.getUserAchieve()
         },
         toSetting(){
            let isLogin = (JSON.stringify(this.userInfo) !== '{}')?1:0;
            uni.navigateTo({
               url: './setting?isLogin='+isLogin
            })
         },
         lookMore(){
            uni.navigateTo({
               url: '../manager/employeeReport'
            })
         }
       }
   }
@@ -159,7 +172,7 @@
      background: #518EFF;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      padding: 15px;
      padding: 15px 10px;
   }
   .icon {
      font-size: 18px;
@@ -169,6 +182,7 @@
      width: 64px;
      height: 64px;
      border-radius: 50%;
      flex: 0 0 64px;
   }
   .content{
      padding: 0 10px;
@@ -185,9 +199,18 @@
      background: #FFFFFF;
      border-radius: 4px;
      margin-top: 10px;
      position: relative;
   }
   .tab{
      border-bottom: 1px solid #EDEAF4;
   }
   .look-more{
      position: absolute;
      z-index: 99;
      top: 22rpx;
      right: 10px;
      color: rgb(171, 177, 204);
      font-size: 26rpx;
   }
   .performance-content{
      padding: 20px 0;
@@ -202,4 +225,16 @@
      background: #FFFFFF;
      font-size: 15px;
   }
   .ellipsis{
      color: #FFFFFF;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
   }
   .ellipsis-rolename{
      max-width: 125px;
   }
   .ellipsis-shopname{
      max-width: 90px;
   }
</style>