add dateTime search

src/api/gambleMember.js

@@ -38,7 +38,12 @@ export function createGambleMember(data) {
 export function fetchHistory(data, query) {
   return request({
     url: `/gambleMembers/${data.id}/history`,
-    method: 'get'
-    // params: {}
+    method: 'get',
+    params: {
+      limit: query.limit,
+      offset: (query.page - 1) * query.limit,
+      startAt: query.startAt,
+      endAt: query.endAt
+    }
   })
 }

src/views/gambleGameBucket/detail/index.vue

@@ -342,7 +342,7 @@ export default {
       this.getList()
     },
     moment(time) {
-      return moment(time).tz("Asia/Taipei").format('YYYY-MM-DD HH:mm:ss')
+      return moment(time).tz('Asia/Taipei').format('YYYY-MM-DD HH:mm:ss')
     },
     moneyColor(money) {
       return money >= 0 ? { color: '#67C23A' } : { color: '#FA5555' }

src/views/gambleGameBucket/index.vue

@@ -116,7 +116,7 @@ export default {
       this.getList()
     },
     moment(time) {
-      return moment(time).tz("Asia/Taipei").format('YYYY-MM-DD HH:mm:ss')
+      return moment(time).tz('Asia/Taipei').format('YYYY-MM-DD HH:mm:ss')
       // return time
     }
   }

src/views/gambleMember/history/index.vue

@@ -33,7 +33,7 @@
       </el-table-column>
       <el-table-column label="時間" align="center">
         <template slot-scope="scope">
-          <span>{{scope.row['GambleGame-Bucket'].createdAt}}</span>
+          <span>{{moment(scope.row['GambleGame-Bucket'].createdAt)}}</span>
         </template>
       </el-table-column>
       <el-table-column align="center" label="操作">
@@ -60,6 +60,12 @@ export default {
     return {
       list: null,
       listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        startAt: null,
+        endAt: null,
+      },
       pickerOptions: {
           shortcuts: [{
             text: '最近一周',
@@ -87,7 +93,7 @@ export default {
             }
           }]
         },
-      date: ''
+      date: null
     }
   },
   created() {
@@ -101,18 +107,27 @@ export default {
     ]),
     fetchData() {
       this.listLoading = true
-      fetchHistory(this.member).then(response => {
+      fetchHistory(this.member, this.listQuery).then(response => {
         this.list = response.data
         this.listLoading = false
       })
     },
     handleFilter() {
-      console.log(moment.utc(this.date[0]).format())
-      console.log(moment.utc(this.date[1]).format())      
+      if(this.date) {
+        this.listQuery.startAt = moment.utc(this.date[0]).format()
+        this.listQuery.endAt = moment.utc(this.date[1]).format()
+      }else {
+        this.listQuery.startAt = null
+        this.listQuery.endAt = null
+      }
+      this.fetchData()      
     },
     handleDetail() {
       
-    }
+    },
+    moment(time) {
+      return moment(time).tz("Asia/Taipei").format('YYYY-MM-DD HH:mm:ss')
+    },
   },
   destroyed() {
     this.SetVisible(true)