Ver código fonte

增加切换的tab,优化状态显示结合字典展示

Guos 2 semanas atrás
pai
commit
ea63ff345d
1 arquivos alterados com 6 adições e 3 exclusões
  1. 6 3
      src/views/hisStore/storeProduct/index.vue

+ 6 - 3
src/views/hisStore/storeProduct/index.vue

@@ -348,8 +348,11 @@
     </el-row>
 
     <el-tabs type="card" v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane label="全部商品" name="-1"></el-tab-pane>
       <el-tab-pane label="出售中" name="1"></el-tab-pane>
       <el-tab-pane label="待上架" name="0"></el-tab-pane>
+      <el-tab-pane label="待审核" name="3"></el-tab-pane>
+      <el-tab-pane label="已驳回" name="4"></el-tab-pane>
     </el-tabs>
 
     <el-table height="500" border v-loading="loading" :data="storeProductList"
@@ -390,13 +393,13 @@
           </el-tag>
         </template>
       </el-table-column>
+
       <el-table-column label="状态" align="center" prop="isShow">
         <template slot-scope="scope">
-          <el-tag prop="status" v-for="(item, index) in isShowOptions" v-if="scope.row.isShow==item.dictValue">
-            {{ item.dictLabel }}
-          </el-tag>
+          <dict-tag :options="isShowOptions" :value="scope.row.isShow"/>
         </template>
       </el-table-column>
+
       <el-table-column label="同步状态" align="center" prop="pushStatus">
         <template slot-scope="scope">
           <el-tag