Refactor:分包

2026-05-12 15:19:37 +08:00
parent 6caf9afcc0
commit 535a98e43a
62 changed files with 250 additions and 20914 deletions
@@ -0,0 +1,134 @@
+<template>
+  <view class="promoter-order" ref="container">
+    <view class="promoterHeader bg-color-red">
+      <view class="headerCon acea-row row-between-wrapper" style="flex-wrap: nowrap;">
+        <view style="flex-shrink: 0;margin-right: 40rpx;">
+          <text class="name">累计推广订单</text>
+          <view>
+            <text class="num">{{ count||'0' }}</text>
+            <text>单</text>
+          </view>
+        </view>
+		<view class="" style="flex-grow: 1;font-size: 24rpx;">
+			{{ ruleText }}
+		</view>
+      </view>
+    </view>
+    <view class="list">
+      <view class="item" v-for="(item, listIndex) in list" :key="listIndex">
+        <view class="title acea-row row-column row-center">
+          <view class="data">{{ item.time }}</view>
+          <text>本月累计推广订单：{{ item.count ? item.count : 0 }}单</text>
+        </view>
+        <view class="listn">
+          <view class="itenm" v-for="(val, indexn) in item.child" :key="indexn">
+            <view class="top acea-row row-between-wrapper">
+              <view class="pictxt acea-row row-between-wrapper">
+                <view class="pictrue">
+                  <image :src="val.avatar" />
+                </view>
+                <text class="text line1">{{ val.nickname }}</text>
+              </view>
+              <view class="money">
+                <text>返佣：</text>
+                <text class="font-color-red">￥{{ val.number ? val.number : 0 }}</text>
+              </view>
+            </view>
+            <view class="bottom">
+				
+				<view class="acea-row row-between" style="flex-wrap: nowrap;">
+					<view style="flex-grow: 1;">
+					  <text class="name">订单金额：</text>
+					  <text class="font-color-red">￥{{ val.payPrice || 0 }}(￥{{ val.totalPrice || 0 }}+￥{{ val.totalPostage || 0 }}运费)</text>
+					</view>
+					<view class="" style="flex-shrink: 0;">{{val.billStatus==0?"待收货确定":(val.billStatus==1?"有效":"无效")}}</view>
+				</view>
+              <view>
+                <text class="name">订单号：</text>
+                {{ val.orderId }}
+              </view>
+              <view>
+                <text class="name">下单时间：</text>
+                {{ val.time }}
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <Loading :loaded="loaded" :loading="loading"></Loading>
+  </view>
+</template>
+<script>
+import { getSpreadOrder, getUserSpreadRule } from "@/api/user";
+import Loading from "@/components/Loading";
+import { pageListenMixins } from '@/mixins/pageListenMixins'
+export default {
+  name: "PromoterOrder",
+  components: {
+    Loading
+  },
+  mixins: [pageListenMixins],
+  data: function() {
+    return {
+      list: [],
+      where: {
+        page: 1,
+        limit: 15
+      },
+      loaded: false,
+      loading: false,
+      loadTitle: '',
+      count: '',
+      ruleText: '',
+      pageKeyId: Object.freeze('userSpreadOrder')
+    }
+  },
+  mounted() {
+    this.getIndex()
+    this.getRuleText()
+  },
+  onReachBottom() {
+    !this.loading && this.getIndex()
+  },
+  methods: {
+    getRuleText() {
+      getUserSpreadRule().then(res => {
+        const { success, data } = res
+        if (success) {
+          this.ruleText = data.userSpreadRule || ''
+        }
+      })
+    },
+    getIndex() {
+      let there = this
+      if (there.loaded == true || there.loading == true) return
+      there.loading = true
+      getSpreadOrder(there.where).then(
+        res => {
+          there.loading = false
+          there.loaded = res.data.list.length < there.where.limit
+          there.loadTitle = there.loaded ? "人家是有底线的" : "上拉加载更多"
+          there.where.page = there.where.page + 1
+          there.list.push.apply(there.list, res.data.list)
+          there.count = res.data.count
+        },
+        err => {
+          uni.showToast({
+            title: err.msg || err.response.data.msg|| err.response.data.message,
+            icon: "none",
+            duration: 2000
+          })
+        }
+      )
+    }
+  }
+};
+</script>
+<style>
+	
+	.promoterHeader .headerCon{
+		width: auto !important;
+		padding: 0 20rpx 0 20rpx !important;
+	}
+</style>