<template>
|
<div>
|
<el-tabs v-model="data.activeName" class="demo-tabs" @tab-click="clickTab" style="margin: 10px 10px">
|
<el-tab-pane label="危化品" name="rawMaterial">
|
<raw-table ref="rawRef"></raw-table>
|
</el-tab-pane>
|
<el-tab-pane label="成品" name="finishPro" v-if="showFinishPro">
|
<pro-table ref="proRef"></pro-table>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
|
</template>
|
<script setup>
|
import {onMounted, onUnmounted, 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: 'rawMaterial'
|
})
|
|
onMounted(()=>{
|
const config = JSON.parse(Cookies.get('configInfo'))
|
if(config){
|
showFinishPro.value = config.useProd === 1;
|
}else {
|
showFinishPro.value = true
|
}
|
if(Cookies.get('type')){
|
data.activeName = showFinishPro.value && Cookies.get('type') ==='pro' ? 'finishPro' : 'rawMaterial'
|
}else{
|
// data.activeName = showFinishPro.value ? 'finishPro' : 'rawMaterial'
|
}
|
|
})
|
onUnmounted(()=>{
|
Cookies.remove('type')
|
})
|
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">
|
|
</style>
|
