Pārlūkot izejas kodu

订单模块增加日期显示

孙志雷 5 gadi atpakaļ
vecāks
revīzija
17f70bbdb7
1 mainītis faili ar 15 papildinājumiem un 0 dzēšanām
  1. 15 0
      src/pages/order/Order.vue

+ 15 - 0
src/pages/order/Order.vue

@@ -47,6 +47,11 @@
           label="用户手机"
           prop="userPhone">
         </el-table-column>
+        <el-table-column
+          label="订单时间"
+          prop="gmtCreated"
+          :formatter="formatTime">
+        </el-table-column>
       </el-table>
       <el-pagination
       v-if="orderList.totalElements"
@@ -96,6 +101,16 @@ export default {
         channelCode: '',
         pageNo: 1,
         pageSize: 10
+      },
+      formatTime: (row, column) => {
+        let date = new Date(row.gmtCreated);
+        let Y = date.getFullYear() + '-';
+        let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+        let D = date.getDate() < 10 ? '0' + date.getDate() + ' ' : date.getDate() + ' ';
+        let h = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
+        let m = date.getMinutes()  < 10 ? '0' + date.getMinutes() + ':' : date.getMinutes() + ':';
+        let s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
+        return Y + M + D + h + m + s;
       }
     }
   },