From 0daf7e406663eb3a99c2122773f5c3297b8c1253 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: Tue, 13 Aug 2024 17:38:31 +0800
Subject: [PATCH] 提交
---
src/views/hazardousChemicals/accessRecords/index.vue | 38 +++++++++++++++++++++++++++++++++++++-
1 files changed, 37 insertions(+), 1 deletions(-)
diff --git a/src/views/hazardousChemicals/accessRecords/index.vue b/src/views/hazardousChemicals/accessRecords/index.vue
index e5894d9..807c53b 100644
--- a/src/views/hazardousChemicals/accessRecords/index.vue
+++ b/src/views/hazardousChemicals/accessRecords/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