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