commit message

buyer/src/pages/home/memberCenter/Point.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="point">
+    <card _Title="我的积分" />
+    <div class="point-content">
+      <span>剩余积分：<span>{{pointObj.variablePoint || 0}}</span></span>
+      <span>累计获得：<span>{{pointObj.point || 0}}</span></span>
+    </div>
+    <h3>积分日志</h3>
+    <Table :columns="logColumns" :data="logData.records">
+      <template slot-scope="{ row }" slot="point">
+        <div><span>{{row.pointType == "1" ? '+' : '-'}}</span>{{ row.variablePoint }}</div>
+      </template>
+    </Table>
+    <!-- 分页 -->
+    <Page
+      style="float:right;margin-top:10px"
+      :current="params.pageNumber"
+      :total="logData.total"
+      :page-size="params.pageSize"
+      @on-change="changePage"
+      @on-page-size-change="changePageSize"
+      :page-size-opts="[10, 20, 50]"
+      size="small"
+      show-total
+      show-elevator
+    ></Page>
+  </div>
+</template>
+<script>
+import {memberPoint, memberPointHistory} from '@/api/member.js'
+export default {
+  name: 'Point',
+  data () {
+    return {
+      logData: {}, // 积分日志
+      pointObj: {}, // 积分明细
+      loading: false, // 请求接口加载框
+      params: { // 积分列表请求参数
+        pageNumber: 1,
+        pageSize: 10
+      },
+      logColumns: [ // table展示数据
+        {
+          title: '日志内容',
+          key: 'content',
+          align: 'center'
+        },
+        {
+          title: '时间',
+          key: 'createTime',
+          align: 'center'
+        },
+        {
+          title: '积分明细',
+          slot: 'point',
+          align: 'center'
+        }
+      ]
+    }
+  },
+  mounted () {
+    this.getHistory()
+    this.getPoint()
+  },
+  methods: {
+    getHistory () {
+      memberPointHistory(this.params).then(res => {
+        this.logData = res.result;
+      })
+    },
+    getPoint () { // 获取积分详情
+      memberPoint().then(res => {
+        if (res.success) this.pointObj = res.result
+      })
+    },
+    changePage (val) {
+      this.pageNumber = val
+      this.getHistory()
+    },
+    changePageSize (val) {
+      this.param.pageSize = val
+      this.params.pageNumber = 1
+      this.getHistory()
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+h3 {
+  font-size: 16px;
+  margin: 20px 10px;
+}
+.point-content {
+  text-align: center;
+  margin-bottom: 30px;
+  >span{
+    color: #999;
+    margin-right: 100px;
+    span {
+      color: $theme_color;
+      font-size: 24px;
+    }
+  }
+}
+</style>