调整营养素列表页格式

src/components/Breadcrumb/index.vue

@@ -33,7 +33,6 @@ export default {
       const first = matched[0]
 
       if (!this.isDashboard(first)) {
-        console.log(first)
         matched = [{ path: '/dashboard', meta: { title: '首页' }}].concat(matched)
       }
 

src/views/nutrient/index.vue

@@ -31,7 +31,12 @@
       style="width: 100%;"
     >
       <el-table-column type="index" label="序号" align="center" width="60" />
-      <el-table-column label="ID" align="center" width="150">
+      <el-table-column label="图片" align="center" width="180">
+        <template slot-scope="{row}">
+          <el-image style="width: 150px; height: 180px" :src="row.coverPic" fit="contain" v-if="row.coverPic" />
+        </template>
+      </el-table-column>
+      <el-table-column label="ID" align="center" width="60">
         <template slot-scope="{row}">
           <span>{{ row.id }}</span>
         </template>
@@ -46,21 +51,41 @@
           <span>{{ row.enName }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="缩写" align="center">
+      <el-table-column label="编码" align="center" width="60">
+        <template slot-scope="{row}">
+          <span>{{ row.code }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="推荐用量类型" align="center" width="70">
         <template slot-scope="{row}">
-          <span>{{ row.abbreviation }}</span>
+          <span>{{ row.recommendType | recommendTypeFilter }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="创建时间" width="180px" align="center">
+      <el-table-column label="每日推荐量值" align="center" width="70">
         <template slot-scope="{row}">
-          <span>{{ row.createTime }}</span>
+          <span>{{ row.recommend }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="更新时间" width="180px" align="center">
+      <el-table-column label="每日推荐量范围起始值" align="center" width="80">
         <template slot-scope="{row}">
-          <span>{{ row.updateTime }}</span>
+          <span>{{ row.recommendBegin }}</span>
         </template>
       </el-table-column>
+      <el-table-column label="每日推荐量范围截止值" align="center" width="80">
+        <template slot-scope="{row}">
+          <span>{{ row.recommendEnd }}</span>
+        </template>
+      </el-table-column>
+<!--      <el-table-column label="创建时间" width="180px" align="center">-->
+<!--        <template slot-scope="{row}">-->
+<!--          <span>{{ row.createTime }}</span>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
+<!--      <el-table-column label="更新时间" width="180px" align="center">-->
+<!--        <template slot-scope="{row}">-->
+<!--          <span>{{ row.updateTime }}</span>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="{row,$index}">
           <el-button type="primary" size="mini" @click="handleUpdate(row)">
@@ -106,9 +131,16 @@
 import Pagination from '@/components/Pagination'
 import { getList, update, remove, create } from '@/api/nutrient'
 
+  const recommendTypes = { 0: '值', 1: '范围', 2: '无'}
+
 export default {
   name: 'NutrientList',
   components: { Pagination },
+  filters: {
+    recommendTypeFilter(value) {
+      return recommendTypes[value]
+    }
+  },
   data() {
     return {
       tableKey: 0,