gx

queenwuli

2020-12-22 67da3f709ff61fea27b472a4266503bfa4eefeb5

 hive-app/pages/mine/index.vue

@@ -5,7 +5,7 @@
      <view class="status_bar"></view>
      <!-- #endif -->
      <view class="header">
         <view class="icon white iconfont iconshezhi right" @click="linkTo('./setting')"></view>
         <navigator url="./setting" class="icon white iconfont iconshezhi right"></navigator>
         <view class="flex align-center">
            <image class="header-img ml-15" src="../../static/images/head-img.jpg"></image>
            <view class="flex flex-v ml-20">
@@ -19,8 +19,8 @@
                     <text class="white font-14">靓仔</text>
                  </view>
                  <view>
                     <text class="white mr-5 font-14">工号:</text>
                     <text class="white font-14">9527</text>
                     <text class="white mr-5 font-14">门店:</text>
                     <text class="white font-14">梅溪湖店</text>
                  </view>
               </view>
            </view>
@@ -28,10 +28,6 @@
      </view>
      
      <view class="content">
         <view class="flex align-center performance">
            <image class="title-img mr-10" src="../../static/images/mine1.png"></image>
            <text class="font-18">我的业绩</text>
         </view>
         <view class="tab-box">
            <h-tabs 
               class="tab"
@@ -50,40 +46,40 @@
               <view class="flex justify-around">
                  <view class="flex flex-v align-center performance-item">
                     <text class="font-16 red">600.00</text>
                     <text class="font-14 mt-5">总现金业绩</text>
                     <text class="mt-5">订单业绩</text>
                  </view>
                  <view class="flex flex-v align-center performance-item">
                     <text class="font-16 green">600.00</text>
                     <text class="font-14 mt-5">售卡业绩</text>
                     <text class="mt-5">现金业绩</text>
                  </view>
                  <view class="flex flex-v align-center performance-item">
                     <text class="font-16 purple">600.00</text>
                     <text class="font-14 mt-5">项目业绩</text>
                     <text class="mt-5">划扣业绩</text>
                  </view>
               </view>
               <view class="flex justify-around mt-15">
                  <view class="flex flex-v align-center performance-item">
                     <text class="font-16 blueness">600.00</text>
                     <text class="font-14 mt-5">产品业绩</text>
                     <text class="mt-5">本金业绩</text>
                  </view>
                  <view class="flex flex-v align-center performance-item">
                     <text class="font-16 orange">600.00</text>
                     <text class="font-14 mt-5">余额划扣业绩</text>
                     <text class="mt-5">赠送消耗</text>
                  </view>
                  <view class="flex flex-v align-center performance-item">
                     <text class="font-16 yellow">600.00</text>
                     <text class="font-14 mt-5">服务提成</text>
                     <text class="mt-5">服务提成</text>
                  </view>
               </view>
            </view>
         </view>
         <view class="flex align-center justify-between repository mt-20" @click="linkTo('./knowledge')">
         <navigator url="./knowledge" class="flex align-center justify-between repository mt-10">
            <view class="flex align-center">
               <image class="title-img mr-10" src="../../static/images/mine2.png"></image>
               <text>知识库</text>
            </view>
            <text class="icon iconfont iconarrow-backimg gray"></text>
         </view>
         </navigator>
      </view>
   </view>
</template>
@@ -96,30 +92,36 @@
       },
       data() {
         return {
           tabs:[
            {
               state: 1,
               name: '今日'
            },
            {
               state: 2,
               name: '昨日'
            },
            {
               state: 3,
               name: '本月'
            },
            {
               state: 4,
               name: '上月'
            },
         ],
            type: 1, //1-今日 2-昨天 3-本月 4-上月
            tabs:[
               {
                  state: 1,
                  name: '今日'
               },
               {
                  state: 2,
                  name: '昨日'
               },
               {
                  state: 3,
                  name: '本月'
               },
               {
                  state: 4,
                  name: '上月'
               },
            ],
         }  
       },
      onShow() {
         this.getUserInfo()
      },
       methods: {
         linkTo(val){
            uni.navigateTo({
               url:val
         getUserInfo(){
            this.$httpUtils.request('/api/user/findUserAchieve/'+this.type).then((res) => {
               if(res.status == 200){
						
               }
            })
         }
       }
@@ -127,6 +129,9 @@
</script>

<style>
   page{
      background: #F6F6F8;
   }
   .status_bar{
      background: #518EFF;
      color: #FFFFFF;
@@ -154,13 +159,13 @@
      margin: 15px 0px 10px;
   }
   .title-img{
      width: 18px;
      height: 18px;
      width: 16px;
      height: 16px;
   }
   .tab-box{
      border: 1px solid #EDEAF4;
      background: #FFFFFF;
      border-radius: 4px;
      box-shadow:0 6px 6px rgba(237,234,244,0.5);
      margin-top: 10px;
   }
   .tab{
      border-bottom: 1px solid #EDEAF4;
@@ -170,11 +175,12 @@
   }
   .performance-item{
      width: 33.3%;
      font-size: 13px;
   }
   .repository{
      border: 1px solid #EDEAF4;
      border-radius: 4px;
      padding: 10px 3px;
      box-shadow:0 6px 6px rgba(237,234,244,0.5);
      padding: 12px 10px;
      background: #FFFFFF;
      font-size: 15px;
   }
</style>