uniapp 销售业绩联调

yudao-ui-app/pages/sale_performance/index.vue

@@ -1,9 +1,9 @@
 <template>
   <view class="box">
-    <u-navbar autoBack title="发展会员业绩" bgColor="rgba(255,255,255,0)" :placeholder="true" leftIconSize="40"
+    <u-navbar autoBack :title="performance[active].name" bgColor="rgba(255,255,255,0)" :placeholder="true" leftIconSize="40"
       leftIconColor="#fff" titleStyle="font-size:35rpx;color:#fff">
-   <!--   <view slot="right">
+     <!-- <view slot="right">
-        <u-icon name="more-dot-fill" color="#fff"></u-icon>
+        <u-icon name="more-dot-fill" color="#fff" @click="show = true"></u-icon>
       </view> -->
     </u-navbar>
     <u-sticky bgColor="#fff">
@@ -48,7 +48,7 @@
       </view>
       <view class="sale_turnover">
         <view class="turnover_title">
-          流水明细
+          {{performance[active].fund}}
         </view>
         <view class="turnover_list">
         <u-list
@@ -71,6 +71,7 @@
         </view>
       </view>
     </view>
+    <u-action-sheet :actions="performance" @close="show = false" :closeOnClickOverlay="true" :closeOnClickAction="true" @select="selectClick" :title="title" :show="show"></u-action-sheet>
   </view>
 </template>
 
@@ -96,6 +97,23 @@
           fontWeight: '400',
           color: '#fff'
         },
+        show:false,
+        title:'业绩',
+        active:0,
+        performance: [
+        				{
+                  fund:'流水明细',
+        					name:'发展会员业绩',
+        					fontSize:'30',
+                  id:0
+        				},
+        				{
+                  fund:'订单流水',
+        					name: '商品订单业绩',
+        					fontSize:'30',
+                  id:1
+        				},
+        			],
         list: [{
           name: '今日',
         }, {
@@ -127,6 +145,10 @@
       }
     },
     methods: {
+      selectClick(value){
+        console.log(value)
+        this.active = value.id
+      		},
      async scrolltolower() {
        if(this.total>this.orderData.length){
          this.pageData.pageNo++