食物规格列表页增加状态

src/views/foodModifier/index.vue

@@ -76,6 +76,11 @@
           <span>{{ row.unitTip }}</span>
         </template>
       </el-table-column>
+      <el-table-column label="状态" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.status | statusFilter }}</span>
+        </template>
+      </el-table-column>
       <el-table-column label="最小刻度" align="center" width="80px">
         <template slot-scope="{row}">
           <span>{{ row.minScale }}</span>
@@ -135,9 +140,16 @@ import { getFoodModifiers, removeFoodModifier, updateFoodModifierSort, convertFo
 import FloatingWindow from '@/components/FloatingWindow'
 import ModifierImport from './components/ModifierImport'
 
+const STATUS_MAP = { 0: '下架', 1: '上架' }
+
 export default {
   name: 'FoodModifierIndex',
   components: { FloatingWindow, ModifierImport },
+  filters: {
+    statusFilter(value){
+      return STATUS_MAP[value]
+    }
+  },
   data() {
     return {
       listLoading: false,