增加基本项目配置

pages/user/UserBill/index.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="bill-details" ref="container">
+    <div class="nav acea-row">
+      <div class="item" :class="types == 0 ? 'on' : ''" @click="changeTypes(0)">全部</div>
+      <div class="item" :class="types == 1 ? 'on' : ''" @click="changeTypes(1)">消费</div>
+    </div>
+    <div class="sign-record">
+      <div class="list">
+        <div class="item" v-for="(item, listIndex) in list" :key="listIndex">
+          <div class="data">{{ item.time }}</div>
+          <div class="listn" v-for="(val, key) in item.list" :key="key">
+            <div class="itemn acea-row row-between-wrapper">
+              <div>
+                <div class="name line1">{{ val.title }}</div>
+                <div>{{ val.add_time }}</div>
+              </div>
+              <div
+                class="num"
+                :class="val.pm == 0 ? 'font-color-red' : ''"
+              >{{ val.pm == 0 ? "-" : "+" }}{{ val.number }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <Loading :loaded="loaded" :loading="loading"></Loading>
+  </div>
+</template>
+<script>
+import { getCommissionInfo } from "@/api/user";
+import Loading from "@/components/Loading";
+export default {
+  name: "UserBill",
+  components: {
+    Loading
+  },
+  props: {},
+  data: function() {
+    return {
+      types: "",
+      where: {
+        page: 1,
+        limit: 5
+      },
+      list: [],
+      loaded: false,
+      loading: false
+    };
+  },
+  watch: {
+    "$yroute.query.types": function(newVal) {
+      let that = this;
+      if (newVal != undefined) {
+        that.types = newVal;
+        that.list = [];
+        that.where.page = 1;
+        that.loaded = false;
+        that.loading = false;
+        that.getIndex();
+      }
+    },
+    types: function() {
+      this.getIndex();
+    }
+  },
+  mounted: function() {
+    let that = this;
+    that.types = that.$yroute.query.types;
+    that.getIndex();
+  },
+  onReachBottom() {
+    !that.loading && that.getIndex();
+  },
+  methods: {
+    code: function() {
+      this.sendCode();
+    },
+    changeTypes: function(val) {
+      if (val != this.types) {
+        this.types = val;
+        this.list = [];
+        this.where.page = 1;
+        this.loaded = false;
+        this.loading = false;
+      }
+    },
+    getIndex: function() {
+      let that = this;
+      if (that.loaded == true || that.loading == true) return;
+      that.loading = true;
+      getCommissionInfo(that.where, that.types).then(
+        res => {
+          that.loading = false;
+          that.loaded = res.data.length < that.where.limit;
+          that.where.page = that.where.page + 1;
+          that.list.push.apply(that.list, res.data);
+        },
+        error => {
+          that.$dialog.message(error.msg);
+        }
+      );
+    }
+  }
+};
+</script>