zhouwx
2024-08-19 cd84a28754fc1b3fadb7027245333d6d3ff330a3
src/views/hazardousChemicals/warehouseManage/index.vue
@@ -1,20 +1,21 @@
<template>
  <div>
    <el-tabs v-model="data.activeName" class="demo-tabs" @click="clickTab" style="margin: 10px 10px">
    <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-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 {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()
@@ -25,12 +26,19 @@
  },
  total: 0,
  dataList: [],
  activeName: 'finishPro'
  activeName: 'rawMaterial'
})
onMounted(()=>{
  showFinishPro.value = true;
  data.activeName = showFinishPro.value ? 'finishPro' : 'rawMaterial'
  if(Cookies.get('typeWh')){
    data.activeName = showFinishPro.value && Cookies.get('typeWh') ==='pro' ? 'finishPro' : 'rawMaterial'
  }else{
    // data.activeName = showFinishPro.value ? 'finishPro' : 'rawMaterial'
  }
})
onUnmounted(()=>{
  Cookies.remove('typeWh')
})
const clickTab = (tab,event) =>{
  console.log('tab',data.activeName)