From 0daf7e406663eb3a99c2122773f5c3297b8c1253 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: 星期二, 13 八月 2024 17:38:31 +0800
Subject: [PATCH] 提交

---
 src/views/hazardousChemicals/warehouseManage/index.vue |   38 +++++++++++++++++++++++++++++++++++++-
 1 files changed, 37 insertions(+), 1 deletions(-)

diff --git a/src/views/hazardousChemicals/warehouseManage/index.vue b/src/views/hazardousChemicals/warehouseManage/index.vue
index 8f64b3a..114e99c 100644
--- a/src/views/hazardousChemicals/warehouseManage/index.vue
+++ b/src/views/hazardousChemicals/warehouseManage/index.vue
@@ -1,9 +1,45 @@
 <template>
-  <div>入库管理</div>
+  <div>
+    <el-tabs v-model="data.activeName" class="demo-tabs" @click="clickTab" style="margin: 10px 10px">
+      <el-tab-pane label="成品" name="finishPro" v-if="showFinishPro">
+        <pro-table ref="proRef"></pro-table>
+      </el-tab-pane>
+      <el-tab-pane label="原材料" name="rawMaterial">
+        <raw-table ref="rawRef"></raw-table>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
 
 </template>
 <script setup>
+import {onMounted, reactive, ref} from "vue";
+import proTable from './components/productTable.vue'
+import rawTable from './components/rawTable.vue'
+const showFinishPro = ref(false)
+const proRef = ref()
+const rawRef = ref()
+const data = reactive({
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+  },
+  total: 0,
+  dataList: [],
+  activeName: 'finishPro'
+})
 
+onMounted(()=>{
+  showFinishPro.value = true;
+  data.activeName = showFinishPro.value ? 'finishPro' : 'rawMaterial'
+})
+const clickTab = (tab,event) =>{
+  console.log('tab',data.activeName)
+  if(data.activeName == 'finishPro'){
+    proRef.value.getList()
+  }else {
+    rawRef.value.getList()
+  }
+}
 </script>
 
 <style scoped lang="scss">

--
Gitblit v1.9.2