feat(performanceDistribution): 添加业绩查询列表

components/distribution/directList.vue

@@ -67,6 +67,12 @@ export default {
       this.pageNum--
       this.getDirectPushList()
     },
+    refresh() {
+      this.pageNum = 1
+      this.total = 0
+      this.list = []
+      this.getDirectPushList()
+    },
     getDirectPushList() {
       this.status = 'loading'
       getDirectPushList({

components/distribution/performanceDistribution.vue

@@ -1,55 +1,159 @@
 <template>
   <view>
     <view class="date-selector-container">
-      <view class="date-selector-wrapper">
+      <view class="date-selector-full">
-        <view class="date-selector-header">
+        <view class="date-picker-full">
-          <text class="date-selector-title">选择查询时间</text>
+          <picker
+            :range="selYearList"
+            :value="index"
+            range-key="label"
+            @change="changeYear"
+          >
+            <view class="date-picker-item-full">
+              <text class="date-value-full">{{ whatYear }}年</text>
+              <u-icon name="arrow-down" color="#005BAC" size="20"></u-icon>
+            </view>
+          </picker>
         </view>
-        <view class="date-selector-content">
+        <view class="date-picker-full">
-          <view class="date-picker-item">
+          <picker
-            <picker
+            :range="mounthList"
-              :range="selYearList"
+            :value="index"
-              :value="index"
+            range-key="label"
-              range-key="label"
+            @change="bindPickerChange"
-              @change="changeYear"
+          >
-            >
+            <view class="date-picker-item-full">
-              <view class="date-picker-display">
+              <text class="date-value-full">{{ whatMounth }}月</text>
-                <view class="date-picker-label">年份</view>
+              <u-icon name="arrow-down" color="#005BAC" size="20"></u-icon>
-                <view class="date-picker-value">
+            </view>
-                  <text class="date-text">{{ whatYear }}</text>
+          </picker>
-                  <text class="date-unit">年</text>
-                  <u-icon name="arrow-down" color="#005BAC" size="24"></u-icon>
-                </view>
-              </view>
-            </picker>
-          </view>
-          <view class="date-picker-separator"></view>
-          <view class="date-picker-item">
-            <picker
-              :range="selMounthList"
-              :value="index"
-              range-key="label"
-              @change="bindPickerChange"
-            >
-              <view class="date-picker-display">
-                <view class="date-picker-label">月份</view>
-                <view class="date-picker-value">
-                  <text class="date-text">{{ whatMounth }}</text>
-                  <text class="date-unit">月</text>
-                  <u-icon name="arrow-down" color="#005BAC" size="24"></u-icon>
-                </view>
-              </view>
-            </picker>
-          </view>
         </view>
       </view>
     </view>
-    <view class="width-auto"> </view>
+    <!-- 业绩分布列表 -->
+    <view class="performance-list-container">
+      <!-- 特殊数据展示（第一页第一条） -->
+      <view v-if="specialData" class="special-item">
+        <view class="special-content">
+          <view class="special-main-info">
+            <view class="special-user-info">
+              <view class="special-name">{{ specialData.memberName }}</view>
+              <view class="special-level">{{ specialData.memberLevel }}</view>
+            </view>
+          </view>
+          <view class="special-performance-compact">
+            <view class="special-performance-row">
+              <view class="special-performance-item-compact">
+                <text class="special-performance-label-compact">销售业绩</text>
+                <text class="special-performance-value-compact">{{
+                  specialData.currentMonthPv
+                }}</text>
+              </view>
+              <view class="special-performance-item-compact">
+                <text class="special-performance-label-compact">销售盒数</text>
+                <text class="special-performance-value-compact"
+                  >{{ specialData.currentMonthBoxNum }}盒</text
+                >
+              </view>
+            </view>
+            <view class="special-performance-row">
+              <view class="special-performance-item-compact">
+                <text class="special-performance-label-compact">复购业绩</text>
+                <text class="special-performance-value-compact">{{
+                  specialData.repurchasePv
+                }}</text>
+              </view>
+              <view class="special-performance-item-compact">
+                <text class="special-performance-label-compact">复购盒数</text>
+                <text class="special-performance-value-compact"
+                  >{{ specialData.repurchaseBox }}盒</text
+                >
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 普通列表数据 -->
+      <view v-if="normalList.length > 0" class="normal-list">
+        <view class="list-content">
+          <view
+            v-for="(item, index) in normalList"
+            :key="item.id"
+            class="list-item"
+          >
+            <!-- <view class="item-index" :class="getRankClass(index + 1)">{{
+              index + 1
+            }}</view> -->
+            <view class="item-content">
+              <view class="item-header">
+                <view class="item-name">{{ item.memberName }}</view>
+                <view class="item-level">{{ item.memberLevel }}</view>
+              </view>
+              <view class="item-performance">
+                <view class="performance-row">
+                  <view class="performance-group">
+                    <text class="performance-label">销售业绩</text>
+                    <text class="performance-value">{{
+                      item.currentMonthPv
+                    }}</text>
+                  </view>
+                  <view class="performance-group">
+                    <text class="performance-label">销售盒数</text>
+                    <text class="performance-value"
+                      >{{ item.currentMonthBoxNum }}盒</text
+                    >
+                  </view>
+                </view>
+                <view class="performance-row">
+                  <view class="performance-group">
+                    <text class="performance-label">复购业绩</text>
+                    <text class="performance-value">{{
+                      item.repurchasePv
+                    }}</text>
+                  </view>
+                  <view class="performance-group">
+                    <text class="performance-label">复购盒数</text>
+                    <text class="performance-value"
+                      >{{ item.repurchaseBox }}盒</text
+                    >
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+
+          <!-- 加载状态 -->
+          <view v-if="loading" class="loading-container">
+            <u-loading-icon
+              mode="spinner"
+              color="#005bac"
+              size="28"
+            ></u-loading-icon>
+            <text class="loading-text">加载中...</text>
+          </view>
+
+          <!-- 空状态 -->
+          <view
+            v-if="!loading && normalList.length === 0 && !specialData"
+            class="empty-state"
+          >
+            <view class="empty-icon">📊</view>
+            <text class="empty-text">暂无业绩数据</text>
+          </view>
+        </view>
+      </view>
+
+      <!-- 无更多数据 -->
+      <view v-if="!hasMore && normalList.length > 0" class="no-more">
+        <text class="no-more-text">— 没有更多数据了 —</text>
+      </view>
+    </view>
   </view>
 </template>
 
 <script>
-import { getPlaceNewAddAchieve } from '@/config/distribute.js'
+import { getMonthAchieve } from '@/config/distribute.js'
 export default {
   data() {
     return {
@@ -76,96 +180,162 @@ export default {
       ],
       mounthList: [
         {
-          value: 1,
+          value: '01',
           label: 1 + '月',
         },
         {
-          value: 2,
+          value: '02',
           label: 2 + '月',
         },
         {
-          value: 3,
+          value: '03',
           label: 3 + '月',
         },
         {
-          value: 4,
+          value: '04',
           label: 4 + '月',
         },
         {
-          value: 5,
+          value: '05',
           label: 5 + '月',
         },
         {
-          value: 6,
+          value: '06',
           label: 6 + '月',
         },
         {
-          value: 7,
+          value: '07',
           label: 7 + '月',
         },
         {
-          value: 8,
+          value: '08',
           label: 8 + '月',
         },
         {
-          value: 9,
+          value: '09',
           label: 9 + '月',
         },
         {
-          value: 10,
+          value: '10',
           label: 10 + '月',
         },
         {
-          value: 11,
+          value: '11',
           label: 11 + '月',
         },
         {
-          value: 12,
+          value: '12',
           label: 12 + '月',
         },
       ],
+
+      // 列表数据相关
+      specialData: null, // 特殊数据（第一页第一条）
+      normalList: [], // 普通列表数据
+      total: 0, // 总条数
+      currentPage: 1, // 当前页码
+      pageSize: 10, // 每页条数
+      loading: false, // 加载状态
+      hasMore: true, // 是否还有更多数据
     }
   },
   created() {
-    this.getMounth()
+    this.initDate()
+    this.getMonthAchieve()
   },
   methods: {
-    goDetail(index) {
-      uni.navigateTo({
-        url: '/pages/performanceEchart/index?ifDetail=' + index,
-      })
-    },
-
     changeYear(e) {
       this.whatYear = this.selYearList[e.detail.value].label
-      this.getPlaceNewAddAchieve()
+      this.refresh()
     },
     bindPickerChange(e) {
-      this.whatMounth = e.detail.value + 1
+      this.whatMounth = e.detail.value
-      this.getPlaceNewAddAchieve()
+      this.refresh()
     },
 
     // 获取当前年/月
-    getMounth() {
+    initDate() {
-      this.whatMounth = new Date().getMonth() + 1
+      const month = new Date().getMonth() + 1
-      let selMounth = []
+      this.whatMounth = month.toString().padStart(2, '0')
-      this.mounthList.forEach(item => {
-        // if (item.value <= this.whatMounth) {
-        // selMounth.push(item)
-        // }
-        selMounth.push(item)
-      })
-      this.selMounthList = selMounth
       this.whatYear = new Date().getFullYear()
     },
-    getPlaceNewAddAchieve() {
+
-      getPlaceNewAddAchieve({
+    // 获取月度业绩数据
-        monthType: this.whatMounth,
+    async getMonthAchieve(isLoadMore = false) {
-        achievementType: this.yjType,
+      if (this.loading) return
-        year: this.whatYear,
+
-      }).then(res => {
+      this.loading = true
-        this.achieveData = res.data
+
-      })
+      try {
+        const params = {
+          year: this.whatYear,
+          month: this.whatMounth,
+          pageNum: this.currentPage,
+          pageSize: this.pageSize,
+        }
+
+        const res = await getMonthAchieve(params)
+        console.log(res, '....res')
+        if (res.code === 200) {
+          const { total, rows } = res
+          this.total = total
+
+          if (isLoadMore) {
+            // 加载更多：追加到现有列表
+            this.normalList = [...this.normalList, ...rows]
+          } else {
+            // 首次加载或刷新：处理特殊数据和普通数据
+            if (this.currentPage === 1 && rows.length > 0) {
+              // 第一页第一条数据作为特殊数据
+              this.specialData = rows[0]
+              this.normalList = rows.slice(1) // 剩余数据作为普通列表
+            } else {
+              this.specialData = null
+              this.normalList = rows
+            }
+          }
+
+          // 判断是否还有更多数据
+          this.hasMore = this.currentPage * this.pageSize < total
+        } else {
+          uni.showToast({
+            title: res.msg || '获取数据失败',
+            icon: 'none',
+          })
+        }
+      } catch (error) {
+        console.error('获取月度业绩数据失败:', error)
+        uni.showToast({
+          title: '网络错误，请重试',
+          icon: 'none',
+        })
+      } finally {
+        this.loading = false
+      }
+    },
+
+    // 刷新数据（供父组件调用）
+    refresh() {
+      this.currentPage = 1
+      this.hasMore = true
+      this.specialData = null
+      this.normalList = []
+      this.getMonthAchieve()
+    },
+
+    // 加载下一页（供父组件调用）
+    nextPage() {
+      if (!this.hasMore || this.loading) return
+
+      this.currentPage++
+      this.getMonthAchieve(true)
+    },
+    // 获取排名样式类
+    getRankClass(rank) {
+      if (rank === 1) return 'rank-first'
+      if (rank === 2) return 'rank-second'
+      if (rank === 3) return 'rank-third'
+      return ''
     },
   },
 }
@@ -176,109 +346,42 @@ export default {
   width: 100%;
 }
 
-// 新的日期选择器样式
+// 全宽日期选择器样式
 .date-selector-container {
-  // width: 100%;
+  padding: 20rpx;
-  // margin-bottom: 20rpx;
-  padding: 10rpx;
 }
 
-.date-selector-wrapper {
+.date-selector-full {
-  background: linear-gradient(135deg, #005bac 0%, #0074d9 100%);
+  display: flex;
-  border-radius: 20rpx;
+  width: 100%;
-  padding: 20rpx 20rpx;
+  gap: 16rpx;
-  box-shadow: 0 6rpx 24rpx rgba(0, 91, 172, 0.12);
+}
-  position: relative;
+
+.date-picker-full {
+  flex: 1;
+  background: #ffffff;
+  border-radius: 12rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
+  border: 1rpx solid #f0f0f0;
   overflow: hidden;
 }
 
-.date-selector-wrapper::before {
+.date-picker-item-full {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="30" r="1.5" fill="rgba(255,255,255,0.08)"/><circle cx="60" cy="80" r="2.5" fill="rgba(255,255,255,0.06)"/></svg>')
-    no-repeat;
-  background-size: cover;
-  pointer-events: none;
-}
-
-.date-selector-header {
-  margin-bottom: 16rpx;
-}
-
-.date-selector-title {
-  color: #ffffff;
-  font-size: 24rpx;
-  font-weight: 600;
-  opacity: 0.9;
-}
-
-.date-selector-content {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  position: relative;
+  padding: 16rpx 20rpx;
-  z-index: 1;
+  transition: background-color 0.2s ease;
 }
 
-.date-picker-item {
+.date-picker-item-full:active {
-  flex: 1;
+  background-color: #f8f9fa;
-  background: rgba(255, 255, 255, 0.95);
-  border-radius: 12rpx;
-  padding: 16rpx 16rpx;
-  backdrop-filter: blur(10rpx);
-  transition: all 0.3s ease;
 }
 
-.date-picker-item:active {
+.date-value-full {
-  transform: scale(0.98);
+  font-size: 28rpx;
-  background: rgba(255, 255, 255, 0.9);
+  font-weight: 600;
-}
-
-.date-picker-separator {
-  width: 20rpx;
-  height: 2rpx;
-  background: rgba(255, 255, 255, 0.6);
-  margin: 0 12rpx;
-  border-radius: 1rpx;
-}
-
-.date-picker-display {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 6rpx;
-}
-
-.date-picker-label {
-  font-size: 22rpx;
-  color: #666666;
-  font-weight: 500;
-  margin-bottom: 2rpx;
-}
-
-.date-picker-value {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4rpx;
-}
-
-.date-text {
-  font-size: 32rpx;
-  font-weight: 700;
   color: #005bac;
-  line-height: 1;
-}
-
-.date-unit {
-  font-size: 22rpx;
-  color: #005bac;
-  font-weight: 500;
-  margin-right: 6rpx;
 }
 
 .title {
@@ -336,4 +439,274 @@ export default {
 .bg3 {
   background: linear-gradient(180deg, #677af9 0%, #697bf2 100%);
 }
+
+/* 业绩分布列表样式 */
+.performance-list-container {
+  padding: 20rpx;
+  padding-bottom: 60rpx;
+  background-color: #f5f7fa;
+  min-height: 100vh;
+}
+
+/* 特殊数据样式 */
+.special-item {
+  background: linear-gradient(135deg, #005bac 0%, #0074d9 100%);
+  border-radius: 16rpx;
+  padding: 24rpx;
+  margin-bottom: 20rpx;
+  position: relative;
+  overflow: hidden;
+  box-shadow: 0 6rpx 24rpx rgba(0, 91, 172, 0.2);
+}
+
+.special-item::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="3" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="30" r="2" fill="rgba(255,255,255,0.08)"/><circle cx="60" cy="80" r="2.5" fill="rgba(255,255,255,0.06)"/><circle cx="40" cy="60" r="1.5" fill="rgba(255,255,255,0.05)"/></svg>')
+    no-repeat;
+  background-size: cover;
+  pointer-events: none;
+}
+
+.special-user-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16rpx 20rpx;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 12rpx;
+  border: 1rpx solid rgba(255, 255, 255, 0.2);
+  backdrop-filter: blur(10rpx);
+}
+
+.special-content {
+  position: relative;
+  z-index: 1;
+}
+
+.special-main-info {
+  margin-bottom: 20rpx;
+}
+
+.special-name {
+  color: #ffffff;
+  font-size: 28rpx;
+  font-weight: 600;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+  flex: 1;
+}
+
+.special-level {
+  color: #ffffff;
+  font-size: 20rpx;
+  font-weight: 500;
+  padding: 6rpx 12rpx;
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 16rpx;
+  backdrop-filter: blur(10rpx);
+  border: 1rpx solid rgba(255, 255, 255, 0.3);
+  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.1);
+}
+
+.special-performance-compact {
+  display: flex;
+  flex-direction: column;
+  gap: 12rpx;
+}
+
+.special-performance-row {
+  display: flex;
+  justify-content: space-between;
+  gap: 16rpx;
+}
+
+.special-performance-item-compact {
+  flex: 1;
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 12rpx;
+  padding: 12rpx 16rpx;
+  text-align: center;
+  backdrop-filter: blur(10rpx);
+  border: 1rpx solid rgba(255, 255, 255, 0.1);
+}
+
+.special-performance-label-compact {
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 20rpx;
+  margin-bottom: 4rpx;
+  display: block;
+}
+
+.special-performance-value-compact {
+  color: #ffffff;
+  font-size: 22rpx;
+  font-weight: 600;
+  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.1);
+  display: block;
+}
+
+/* 普通列表样式 */
+.normal-list {
+  background: #ffffff;
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
+}
+
+.list-content {
+  padding: 0 0 16rpx 0;
+}
+
+.list-item {
+  display: flex;
+  align-items: flex-start;
+  padding: 16rpx 24rpx;
+  border-bottom: 1rpx solid #f5f5f5;
+  position: relative;
+  transition: background-color 0.2s ease;
+}
+
+.list-item:last-child {
+  border-bottom: none;
+}
+
+.list-item:active {
+  background-color: #f8f9fa;
+}
+
+.item-index {
+  width: 48rpx;
+  height: 48rpx;
+  background: linear-gradient(135deg, #005bac 0%, #0074d9 100%);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #ffffff;
+  font-size: 20rpx;
+  font-weight: 600;
+  margin-right: 16rpx;
+  margin-top: 2rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 91, 172, 0.2);
+}
+
+.item-content {
+  flex: 1;
+}
+
+.item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12rpx;
+}
+
+.item-name {
+  color: #333333;
+  font-size: 24rpx;
+  font-weight: 600;
+}
+
+.item-level {
+  color: #005bac;
+  font-size: 18rpx;
+  padding: 2rpx 8rpx;
+  background: rgba(0, 91, 172, 0.1);
+  border-radius: 8rpx;
+  border: 1rpx solid rgba(0, 91, 172, 0.2);
+}
+
+.item-performance {
+  display: flex;
+  flex-direction: column;
+  gap: 8rpx;
+}
+
+.performance-row {
+  display: flex;
+  justify-content: space-between;
+  gap: 16rpx;
+}
+
+.performance-group {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.performance-label {
+  color: #666666;
+  font-size: 18rpx;
+  margin-bottom: 2rpx;
+}
+
+.performance-value {
+  color: #333333;
+  font-size: 20rpx;
+  font-weight: 600;
+}
+
+/* 状态样式 */
+.loading-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 40rpx;
+  gap: 16rpx;
+}
+
+.loading-text {
+  color: #666666;
+  font-size: 24rpx;
+}
+
+.no-more {
+  text-align: center;
+  padding: 20rpx 0;
+}
+
+.no-more-text {
+  color: #999999;
+  font-size: 20rpx;
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 80rpx 40rpx;
+  gap: 20rpx;
+}
+
+.empty-icon {
+  font-size: 80rpx;
+  opacity: 0.5;
+}
+
+.empty-text {
+  color: #999999;
+  font-size: 24rpx;
+}
+
+/* 排名特殊颜色 */
+.item-index.rank-first {
+  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
+  box-shadow: 0 2rpx 8rpx rgba(255, 107, 107, 0.3);
+}
+
+.item-index.rank-second {
+  background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
+  box-shadow: 0 2rpx 8rpx rgba(78, 205, 196, 0.3);
+}
+
+.item-index.rank-third {
+  background: linear-gradient(135deg, #45b7d1 0%, #96c93d 100%);
+  box-shadow: 0 2rpx 8rpx rgba(69, 183, 209, 0.3);
+}
 </style>

config/distribute.js

@@ -1,50 +1,65 @@
-
 const http = uni.$u.http
 
 //安置图
-export const getPlaceMent = (params) => http.get('/member/api/achieve/query-place-tree', {params})
+export const getPlaceMent = params =>
-
+  http.get('/member/api/achieve/query-place-tree', { params })
 
 //安置图详情
-export const getTreeDetail = (data) => http.post('/member/api/achieve/query-place-tree-detail', data)
+export const getTreeDetail = data =>
+  http.post('/member/api/achieve/query-place-tree-detail', data)
 
 //安置图上方等级
-export const getAvatarInfo = (params) => http.get('/member/api/member-structure/get-avatar-info', {params})
+export const getAvatarInfo = params =>
+  http.get('/member/api/member-structure/get-avatar-info', { params })
 
 //安置图
-export const getDayType = (params) => http.get('/system/pub/enums/get-day-type', {params})
+export const getDayType = params =>
+  http.get('/system/pub/enums/get-day-type', { params })
 
 //获取安置业绩分布
-export const azAchievement = (params) => http.get('/report/api/achieve/az-achievement', {params})
+export const azAchievement = params =>
+  http.get('/report/api/achieve/az-achievement', { params })
 
 //获取安置业绩分布
-export const getPerformance = (params) => http.get('/member/api/achieve/query-real-performance', {params})
+export const getPerformance = params =>
+  http.get('/member/api/achieve/query-real-performance', { params })
 
 //获取真实业绩分布
-export const realPerformancePic = (params) => http.get('/member/api/achieve/query-real-performance-pic', {params})
+export const realPerformancePic = params =>
-
+  http.get('/member/api/achieve/query-real-performance-pic', { params })
 
 //获取推荐列表
-export const parentList = (params) => http.get('/member/api/member/parent-list', {params})
+export const parentList = params =>
+  http.get('/member/api/member/parent-list', { params })
 
 //获取平均时长
-export const getMemberRecommend = (params) => http.get('/member/api/census/get-member-recommend-time', {params})
+export const getMemberRecommend = params =>
+  http.get('/member/api/census/get-member-recommend-time', { params })
 
 //获取直推业绩左侧
-export const parentAchieveLeft = (data) => http.post('/member/api/achieve/parent-achieve-left', data)
+export const parentAchieveLeft = data =>
+  http.post('/member/api/achieve/parent-achieve-left', data)
 
 //获取直推业绩右侧
-export const parentAchieveRight = (data) => http.post('/member/api/achieve/parent-achieve-right',data)
+export const parentAchieveRight = data =>
+  http.post('/member/api/achieve/parent-achieve-right', data)
 
 //获取等级
-export const systemGrandeRange = (params) => http.get('/system/manage/grade/gradeRanglist', {params})
+export const systemGrandeRange = params =>
+  http.get('/system/manage/grade/gradeRanglist', { params })
 
 //新增业绩统计
-export const getPlaceNewAddAchieve = (params) => http.get('/member/api/achieve/place-new-add-achieve-stat', {params})
+export const getPlaceNewAddAchieve = params =>
+  http.get('/member/api/achieve/place-new-add-achieve-stat', { params })
 
 //获取业绩类型
-export const getYjList = (params) => http.get('/system/pub/enums/achievement-type-member', {params})
+export const getYjList = params =>
+  http.get('/system/pub/enums/achievement-type-member', { params })
 
 //月度业绩左右区业绩详情
-export const getAchieveDetails = (params) => http.get('/member/api/achieve/place-new-add-achieve-details', {params})
+export const getAchieveDetails = params =>
+  http.get('/member/api/achieve/place-new-add-achieve-details', { params })
 
+// 月度业绩
+export const getMonthAchieve = data =>
+  http.post('/retail-member/api/retail-member/performance-List', data)

config/request.js

@@ -19,7 +19,7 @@ module.exports = vm => {
 
     //#ifdef DEV_SERVER
     console.log('DEV_SERVER')
-    config.baseURL = 'https://t-bl.beida777.com/prod-api'
+    config.baseURL = 'http://192.168.0.86:8080'
     //#endif
 
     //#ifdef QA_SERVER

pages/performanceEchart/index.vue

@@ -15,7 +15,7 @@
     <!-- 业绩分布 !-->
     <template>
       <view v-if="navIndex == 0 && navList[0].menuKey != ''">
-        <performanceDistribution />
+        <performanceDistribution ref="performanceRef" />
       </view>
     </template>
 
@@ -124,6 +124,18 @@ export default {
     // this.query.endDate = this.getEndTime()
     this.getMenuLists()
   },
+  async onPullDownRefresh() {
+    if (this.navIndex == 1) {
+      this.$refs.sgsyData.refresh()
+    }
+    this.$refs.performanceRef.refresh()
+  },
+  async onReachBottom() {
+    if (this.navIndex == 1) {
+      this.$refs.sgsyData.nextPageQuery()
+    }
+    this.$refs.performanceRef.nextPage()
+  },
   methods: {
     getStartTime() {
       let date = new Date()
@@ -167,11 +179,6 @@ export default {
       this.$refs.recommends1.upDateCover2(this.query)
     },
 
-    async onReachBottom() {
-      if (this.navIndex == 1) {
-        this.$refs.sgsyData.nextPageQuery()
-      }
-    },
     bindPickerChange(e) {
       this.index = e.detail.value
     },