format code

src/router/config.js

@@ -11,7 +11,7 @@ export const asyncRouterMap = [
         path: 'dashboard',
         name: 'Dashboard',
         component: () => import('@/views/dashboard'),
-        meta: { title: 'Dashboard', icon: 'dashboard' },
+        meta: { title: 'Dashboard', icon: 'dashboard' }
       }
     ]
   },

src/views/food/index.vue

@@ -19,7 +19,8 @@
         style="margin: 0 10px 20px 0; float: right;"
         type="success"
         icon="el-icon-circle-plus-outline"
-        @click="handleCreate">
+        @click="handleCreate"
+      >
         新建
       </el-button>
     </div>
@@ -134,7 +135,7 @@ export default {
       total: 0,
       dialogStatus: '',
       dialogFormVisible: false,
-      sortOptions: [ { key: 0, label: '按创建时间倒序排列' }, { key: 1, label: '按ID顺序排列' } ],
+      sortOptions: [{ key: 0, label: '按创建时间倒序排列' }, { key: 1, label: '按ID顺序排列' }],
       list: [{}],
       listLoading: true,
       listQuery: {
@@ -164,7 +165,7 @@ export default {
       this.$router.push({ path: '/food/edit/' + row.id })
     },
     manageNutrients(row) {
-      this.$router.push( { path: `/food/${row.id}/nutrient` })
+      this.$router.push({ path: `/food/${row.id}/nutrient` })
     },
     manageUnits(row) {
       this.$router.push({ path: `/food/${row.id}/unit` })

src/views/food/unit.vue

@@ -3,35 +3,35 @@
     <div class="filter-container">
       From单位：
       <el-select
+        ref="fromUnitSelect"
         v-model="params.fromUnit"
         filterable
         reserve-keyword
         style="width: 200px;margin-left: 10px;"
         placeholder="请输入单位关键词"
-        ref="fromUnitSelect"
       >
         <el-option
           v-for="item in units"
           :key="item.id"
           :label="item.name"
-          :value="item.id">
-        </el-option>
+          :value="item.id"
+        />
       </el-select>
       To单位：
       <el-select
+        ref="toUnitSelect"
         v-model="params.toUnit"
         filterable
         reserve-keyword
         style="width: 200px;margin-left: 10px;"
         placeholder="请输入单位关键词"
-        ref="toUnitSelect"
       >
         <el-option
           v-for="item in units"
           :key="item.id"
           :label="item.name"
-          :value="item.id">
-        </el-option>
+          :value="item.id"
+        />
       </el-select>
       转换率:
       <el-input v-model="params.ratio" placeholder="1 FromUnit = * ToUnit" style="width: 200px" />
@@ -39,7 +39,8 @@
         class="filter-item"
         style="margin-left: 10px;"
         type="primary"
-        @click="addFoodUnit">
+        @click="addFoodUnit"
+      >
         添加
       </el-button>
     </div>
@@ -69,7 +70,7 @@
         </template>
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
-        <template slot-scope="{row,$index}">
+        <template slot-scope="{row}">
           <el-button size="mini" type="danger" @click="removeFoodUnit(row)">
             删除
           </el-button>
@@ -80,58 +81,58 @@
 </template>
 
 <script>
-  import { getBaseUnits } from '@/api/unit'
-  import { getFoodUnits, createOrUpdateFoodUnit, removeFoodUnit } from '@/api/food'
+import { getBaseUnits } from '@/api/unit'
+import { getFoodUnits, createOrUpdateFoodUnit, removeFoodUnit } from '@/api/food'
 
-  export default {
-    name: 'FoodUnit',
-    created() {
-      this.foodId = this.$route.params && this.$route.params.id
-      this.fetchBaseUnits()
-      this.fetchData()
+export default {
+  name: 'FoodUnit',
+  data() {
+    return {
+      units: [],
+      params: {},
+      listLoading: false,
+      list: []
+    }
+  },
+  created() {
+    this.foodId = this.$route.params && this.$route.params.id
+    this.fetchBaseUnits()
+    this.fetchData()
+  },
+  methods: {
+    fetchBaseUnits() {
+      getBaseUnits().then(res => {
+        this.units = res.data.list
+      })
+    },
+    fetchData() {
+      getFoodUnits(this.foodId).then(res => {
+        this.list = res.data.list
+      })
     },
-    data() {
-      return {
-        units: [],
-        params: {},
-        listLoading: false,
-        list: []
-      }
+    addFoodUnit() {
+      this.params.foodId = this.foodId
+      createOrUpdateFoodUnit(this.foodId, this.params).then(res => {
+        this.$message.success('提交成功')
+        this.$refs.fromUnitSelect.focus()
+        this.fetchData()
+      }).catch(res => {
+        this.$message.error(res.data.message)
+        this.fetchData()
+      })
     },
-    methods: {
-      fetchBaseUnits() {
-        getBaseUnits().then(res => {
-          this.units = res.data.list
-        })
-      },
-      fetchData() {
-        getFoodUnits(this.foodId).then(res => {
-          this.list = res.data.list
-        })
-      },
-      addFoodUnit() {
-        this.params.foodId = this.foodId
-        createOrUpdateFoodUnit(this.foodId, this.params).then(res => {
-          this.$message.success('提交成功')
-          this.$refs.fromUnitSelect.focus()
-          this.fetchData()
-        }).catch(res => {
-          this.$message.error(res.data.message)
-          this.fetchData()
-        })
-      },
-      removeFoodUnit(row) {
-        removeFoodUnit(this.foodId, row).then(res => {
-          this.$message.success('提交成功')
-          this.fetchData()
-          this.$refs.fromUnitSelect.focus()
-        }).catch(res => {
-          this.$message.error(res.data.message)
-          this.fetchData()
-        })
-      }
+    removeFoodUnit(row) {
+      removeFoodUnit(this.foodId, row).then(res => {
+        this.$message.success('提交成功')
+        this.fetchData()
+        this.$refs.fromUnitSelect.focus()
+      }).catch(res => {
+        this.$message.error(res.data.message)
+        this.fetchData()
+      })
     }
   }
+}
 </script>
 
 <style scoped>

src/views/foodModifier/create.vue

@@ -3,11 +3,11 @@
 </template>
 
 <script>
-  import ModifierDetail from '@/views/foodModifier/components/ModifierDetail'
-  export default {
-    name: 'CreateModifier',
-    components: { ModifierDetail }
-  }
+import ModifierDetail from '@/views/foodModifier/components/ModifierDetail'
+export default {
+  name: 'CreateModifier',
+  components: { ModifierDetail }
+}
 </script>
 
 <style scoped>

src/views/foodModifier/edit.vue

@@ -3,11 +3,11 @@
 </template>
 
 <script>
-  import ModifierDetail from '@/views/foodModifier/components/ModifierDetail'
-  export default {
-    name: 'EditModifier',
-    components: { ModifierDetail }
-  }
+import ModifierDetail from '@/views/foodModifier/components/ModifierDetail'
+export default {
+  name: 'EditModifier',
+  components: { ModifierDetail }
+}
 </script>
 
 <style scoped>

src/views/foodModifier/index.vue

@@ -6,7 +6,8 @@
         style="margin: 0 10px 20px 0; float: right;"
         type="success"
         icon="el-icon-circle-plus-outline"
-        @click="handleCreate">
+        @click="handleCreate"
+      >
         新建
       </el-button>
     </div>
@@ -76,49 +77,49 @@
 </template>
 
 <script>
-  import { getFoodModifiers, removeFoodModifier } from '@/api/food'
+import { getFoodModifiers, removeFoodModifier } from '@/api/food'
 
-  export default {
-    name: 'index',
-    created() {
-      this.foodId = this.$route.params && this.$route.params.id
-      this.fetchData()
+export default {
+  name: 'Index',
+  data() {
+    return {
+      listLoading: false,
+      list: [],
+      foodId: ''
+    }
+  },
+  created() {
+    this.foodId = this.$route.params && this.$route.params.id
+    this.fetchData()
+  },
+  methods: {
+    handleCreate() {
+      this.$router.push({ path: `/food/${this.foodId}/modifier/create` })
+    },
+    handleUpdate(row) {
+      this.$router.push({ path: `/food/${this.foodId}/modifier/${row.id}/edit` })
     },
-    data() {
-      return {
-        listLoading: false,
-        list: [],
-        foodId: ''
-      }
+    handleDelete(row) {
+      removeFoodModifier(this.foodId, row.id).then(res => {
+        this.$message.success('提交成功')
+        this.fetchData()
+      }).catch(res => {
+        this.$message.error(res.data.message)
+        this.fetchData()
+      })
     },
-    methods: {
-      handleCreate() {
-        this.$router.push({ path: `/food/${this.foodId}/modifier/create`})
-      },
-      handleUpdate(row) {
-        this.$router.push({ path: `/food/${this.foodId}/modifier/${row.id}/edit`})
-      },
-      handleDelete(row) {
-        removeFoodModifier(this.foodId, row.id).then(res => {
-          this.$message.success('提交成功')
-          this.fetchData()
-        }).catch(res => {
-          this.$message.error(res.data.message)
-          this.fetchData()
-        })
-      },
-      fetchData() {
-        this.listLoading = true
-        getFoodModifiers(this.foodId).then(res => {
-          this.list = res.data.list
-          this.listLoading = false
-        }).catch(res => {
-          this.$message.error('获取数据失败')
-          this.listLoading = false
-        })
-      }
+    fetchData() {
+      this.listLoading = true
+      getFoodModifiers(this.foodId).then(res => {
+        this.list = res.data.list
+        this.listLoading = false
+      }).catch(res => {
+        this.$message.error('获取数据失败')
+        this.listLoading = false
+      })
     }
   }
+}
 </script>
 
 <style scoped>

src/views/recipe/index.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'index'
+  }
+</script>
+
+<style scoped>
+
+</style>