更新

src/views/store/store_branch_product/index.vue

@@ -35,6 +35,13 @@
             </el-form>
         </el-card>
         <el-card class="!border-none" v-loading="pager.loading" shadow="never">
+            <el-radio-group v-model="producStatus" @change="changeProducStatus">
+                <el-radio-button label="0">全部</el-radio-button>
+                <el-radio-button label="1">上架</el-radio-button>
+                <el-radio-button label="2">下架</el-radio-button>
+                <el-radio-button label="3">库存警告</el-radio-button>
+                <el-radio-button label="4">已售罄</el-radio-button>
+            </el-radio-group>
             <div class="mt-4">
                 <el-table :data="pager.lists" @selection-change="handleSelectionChange">
                     <el-table-column label="ID" prop="id" show-overflow-tooltip />
@@ -96,7 +103,9 @@ const queryParams = reactive({
     store_name: '',
     bar_code: '',
     status: '',
-    exchange: 0
+    exchange: 0,
+    is_show: null,
+    stock: null
 })
 
 // 选中数据
@@ -169,5 +178,26 @@ const statusChange = (row:any)=>{
         status: row.status
     })
 }
+
+const producStatus = ref('0')
+const changeProducStatus = (e: any)=>{
+    if(e==0) {
+        queryParams.is_show = null;
+        queryParams.stock = null;
+    }else if(e==1) {
+        queryParams.is_show = 1;
+        queryParams.stock = null;
+    }else if(e==2) {
+        queryParams.is_show = 0;
+        queryParams.stock = null;
+    }else if(e==3) {
+        queryParams.is_show = null;
+        queryParams.stock = 0;
+    }else if(e==4) {
+        queryParams.is_show = null;
+        queryParams.stock = 10;
+    }
+    getLists();
+}
 </script>