refactor: add eslint-plugin-vue && lint code (#976)

src/views/dashboard/admin/components/TransactionTable.vue

@@ -2,17 +2,17 @@
   <el-table :data="list" style="width: 100%;padding-top: 15px;">
     <el-table-column label="Order_No" min-width="200">
       <template slot-scope="scope">
-        {{scope.row.order_no |  orderNoFilter}}
+        {{ scope.row.order_no | orderNoFilter }}
       </template>
     </el-table-column>
     <el-table-column label="Price" width="195" align="center">
       <template slot-scope="scope">
-        ¥{{scope.row.price | toThousandslsFilter}}
+        ¥{{ scope.row.price | toThousandslsFilter }}
       </template>
     </el-table-column>
     <el-table-column label="Status" width="100" align="center">
       <template slot-scope="scope">
-        <el-tag :type="scope.row.status | statusFilter"> {{scope.row.status}}</el-tag>
+        <el-tag :type="scope.row.status | statusFilter"> {{ scope.row.status }}</el-tag>
       </template>
     </el-table-column>
   </el-table>
@@ -22,11 +22,6 @@
 import { fetchList } from '@/api/transaction'
 
 export default {
-  data() {
-    return {
-      list: null
-    }
-  },
   filters: {
     statusFilter(status) {
       const statusMap = {
@@ -39,6 +34,11 @@ export default {
       return str.substring(0, 30)
     }
   },
+  data() {
+    return {
+      list: null
+    }
+  },
   created() {
     this.fetchData()
   },