增加基本项目配置

pages/user/promotion/CommissionDetails/index.vue

@@ -0,0 +1,96 @@
+<template>
+  <div class="commission-details" ref="container">
+    <div class="promoterHeader bg-color-red">
+      <div class="headerCon acea-row row-between-wrapper">
+        <div>
+          <div class="name">佣金明细</div>
+          <div class="money">
+            ￥<span class="num">{{ commission }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="sign-record" ref="content">
+      <div class="list">
+        <div class="item" v-for="(item, infoIndex) in info" :key="infoIndex">
+          <div class="data">{{ item.time }}</div>
+          <div class="listn" v-for="(val, indexn) in item.list" :key="indexn">
+            <div class="itemn acea-row row-between-wrapper">
+              <div>
+                <div class="name line1">{{ val.title }}</div>
+                <div>{{ val.addTime }}</div>
+              </div>
+              <div class="num" v-if="val.pm == 1">+{{ val.number }}</div>
+              <div class="num font-color-red" v-if="val.pm == 0">
+                -{{ val.number }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <Loading :loaded="loaded" :loading="loading"></Loading>
+  </div>
+</template>
+<script>
+import { getCommissionInfo, getSpreadInfo } from "@/api/user";
+import Loading from "@/components/Loading";
+
+export default {
+  name: "CommissionDetails",
+  components: {
+    Loading
+  },
+  props: {},
+  data: function() {
+    return {
+      info: [],
+      commission: 0,
+      where: {
+        page: 1,
+        limit: 3
+      },
+      types: 3,
+      loaded: false,
+      loading: false
+    };
+  },
+  mounted: function() {
+    this.getCommission();
+    this.getIndex();
+  },
+  onReachBottom() {
+    this.loading === false && this.getIndex();
+  },
+  methods: {
+    getIndex: function() {
+      let that = this;
+      if (that.loading == true || that.loaded == true) return;
+      that.loading = true;
+      getCommissionInfo(that.where, that.types).then(
+        res => {
+          that.loading = false;
+          that.loaded = res.data.length < that.where.limit;
+          that.loadTitle = that.loaded ? "人家是有底线的" : "上拉加载更多";
+          that.where.page = that.where.page + 1;
+          that.info.push.apply(that.info, res.data);
+        },
+        error => {
+          that.$dialog.message(error.msg);
+        }
+      );
+    },
+    getCommission: function() {
+      let that = this;
+      getSpreadInfo().then(
+        res => {
+          that.commission = res.data.commissionCount;
+        },
+        error => {
+          this.$dialog.message(error.msg);
+        }
+      );
+    }
+  }
+};
+</script>