修改文件名

src/components/empower/procurementMaage.vue → src/components/empower/procurementMange.vue

@@ -242,6 +242,14 @@
     <!-- 商品列表 -->
     <el-dialog custom-class="app-add-cat" title="商品选择" :visible.sync="goodsDig" width="1100px">
       <div class="temp_content attr">
+         <div>
+              <el-tabs v-model="activeName" @tab-click="handleClick">
+                  <el-tab-pane :dataId="0" label="全部" name="first"></el-tab-pane>
+                  <el-tab-pane :dataId="1" label="上架中" name="second"></el-tab-pane>
+                  <el-tab-pane :dataId="2" label="下架中" name="third"></el-tab-pane>
+                  <el-tab-pane :dataId="3" label="售罄" name="fourth"></el-tab-pane>
+              </el-tabs>
+          </div>
         <div>
           <div class="searchInput" style="width:250px;margin-right: 0px;">
             <el-input @keyup.enter.native="goodsMsg.pageIndex=1,getgoodslist()"
@@ -254,6 +262,7 @@
 
         </div>
         <el-table :data="goodList" border style="width: 100%;margin-Top:10px" v-loading="loading" >
+         
            <el-table-column label="选择" width="55">
               <template slot-scope="scope">
                 <el-radio  v-model="goodsId" :label="scope.row.Id"><i></i></el-radio>
@@ -345,6 +354,7 @@
         DetailDig:false,
         Detaildata:{},
         AttrArray:[],
+        activeName:'first',
         msg: {
           pageIndex: 1,
           pageSize: 15,
@@ -535,6 +545,23 @@
           }
         });
       },
+      handleClick(val){
+        let dataId=val.$attrs.dataId;
+            if(dataId==0){
+                this.goodsMsg.GoodsStatus=0;
+            }
+            if(dataId==1){
+                this.goodsMsg.GoodsStatus=1;
+            }
+            if(dataId==2){
+                this.goodsMsg.GoodsStatus=2;
+            }
+            if(dataId==3){
+                this.goodsMsg.GoodsStatus=3;
+            }
+            this.goodsMsg.pageIndex=1
+            this.getgoodslist();
+      },
       chooseAttr(row){
         this.selectGoods[0].SpecificationList[row].IScheck = !this.selectGoods[0].SpecificationList[row].IScheck  
         this.$forceUpdate()

src/router/index.js

@@ -136,9 +136,9 @@ export default new Router({
         },
         //授权中心 采购管理
         {
-          path: '/procurementMaage',
-          name: 'procurementMaage',
-          component: resolve => require(['@/components/empower/procurementMaage'], resolve),
+          path: '/procurementMange',
+          name: 'procurementMange',
+          component: resolve => require(['@/components/empower/procurementMange'], resolve),
         }, 
          //授权中心 物料仓库
          {