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/electronicWarehouse/index.vue | 49 ++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 48 insertions(+), 1 deletions(-) diff --git a/src/views/hazardousChemicals/electronicWarehouse/index.vue b/src/views/hazardousChemicals/electronicWarehouse/index.vue index ffa1c08..e3c43d6 100644 --- a/src/views/hazardousChemicals/electronicWarehouse/index.vue +++ b/src/views/hazardousChemicals/electronicWarehouse/index.vue @@ -1,9 +1,56 @@ <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' +import Cookies from "js-cookie"; +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; + if(Cookies.get('type')){ + data.activeName = showFinishPro.value && Cookies.get('type') ==='pro' ? 'finishPro' : 'rawMaterial' + }else{ + data.activeName = showFinishPro.value ? 'finishPro' : 'rawMaterial' + } +}) +const clickTab = (tab,event) =>{ + console.log('tab',data.activeName) + if(data.activeName == 'finishPro'){ + if(proRef.value){ + proRef.value.getList() + } + + }else { + if(rawRef.value){ + rawRef.value.getList() + } + + } +} </script> <style scoped lang="scss"> -- Gitblit v1.9.2