format datetime

src/views/gambleGameBucket/detail/index.vue

@@ -9,7 +9,7 @@
       </el-select>
       </el-col >
       <el-col :offset="10" :span="8">
-          <label>時間 : {{this.bucket.createdAt}}</label>
+          <label>時間 : {{moment(this.bucket.createdAt)}}</label>
       </el-col>
     </el-row>
   </div>
@@ -132,6 +132,7 @@ import { mapGetters, mapActions } from 'vuex'
 import { fetchDetails, fetchRoundCount, fetchDealingRecords, fetchMemberRecords } from '@/api/gambleGameBucket'
 import { fetchList } from '@/api/gambleMember'
 import _ from 'lodash'
+import moment from 'moment-timezone'
 
 export default {
   data() {
@@ -340,6 +341,9 @@ export default {
       this.dealing = []
       this.getList()
     },
+    moment(time) {
+      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

@@ -3,19 +3,19 @@
   <div class="app-container" v-show="visble">
     <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading" border fit highlight-current-row
       style="width: 100%">
-      <el-table-column label="ID">
+      <el-table-column label="ID" align="center">
         <template slot-scope="scope">
           {{scope.row.id}}
         </template>
       </el-table-column>
-      <el-table-column prop="GambleMember.name" label="莊家" width="200" align="center">
+      <el-table-column prop="GambleMember.name" label="莊家" align="center">
         <!-- <template slot-scope="scope">
           <span>{{scope.row.GambleMember.id}}</span>
         </template> -->
       </el-table-column>
-      <el-table-column align="center" label="時間" width="200">
+      <el-table-column align="center" label="時間" >
         <template slot-scope="scope">
-          <span>{{scope.row.createdAt}}</span>
+          <span>{{moment(scope.row.createdAt)}}</span>
         </template>
       </el-table-column>
        <el-table-column align="center" label="操作">
@@ -41,6 +41,7 @@
 
 import { mapGetters, mapActions } from 'vuex'
 import { fetchList, fetchGameBid } from '@/api/gambleGameBucket'
+import moment from 'moment-timezone'
 
 export default {
   data() {
@@ -113,6 +114,9 @@ export default {
     handleCurrentChange(val) {
       this.listQuery.page = val
       this.getList()
+    },
+    moment(time) {
+      return moment(time).tz("Asia/Taipei").format('YYYY-MM-DD HH:mm:ss')
     }
   }
 }

yarn.lock

@@ -3669,6 +3669,16 @@ mkdirp@0.5.1, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkd
   dependencies:
     minimist "0.0.8"
 
+moment-timezone@^0.5.14:
+  version "0.5.14"
+  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.14.tgz#4eb38ff9538b80108ba467a458f3ed4268ccfcb1"
+  dependencies:
+    moment ">= 2.9.0"
+
+"moment@>= 2.9.0", moment@^2.19.4:
+  version "2.19.4"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.19.4.tgz#17e5e2c6ead8819c8ecfad83a0acccb312e94682"
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"