批量导入

zhouwx

2024-09-06 d098e2e3a16837ad0a61c1a2df93b27c7d16bfd2

 src/views/hazardousChemicals/electronicWarehouse/index.vue

@@ -1,9 +1,65 @@
<template>
  <div>电子仓库</div>
  <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">