src/views/inventoryManagement/stockManagement/index.vue
@@ -5,26 +5,35 @@
                   :label="tab.label"
                   :name="tab.name"
                   :key="tab.name">
        <component :is="tab.name === 'qualified' ? QualifiedRecord : UnqualifiedRecord" />
        <component :is="tab.component" :type="tab.type" v-if="activeTab === tab.name" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup>
import QualifiedRecord from "@/views/inventoryManagement/stockManagement/Qualified.vue";
import UnqualifiedRecord from "@/views/inventoryManagement/stockManagement/Unqualified.vue";
import { markRaw } from 'vue';
import StockRecord from "@/views/inventoryManagement/stockManagement/Qualified.vue";
const activeTab = ref('qualified')
const type = ref(0)
const activeTab = ref('selfMade')
const tabs = ref([
  {
    label: '合格库存',
    name: 'qualified'
    label: '自制',
    name: 'selfMade',
    type: 1,
    component: markRaw(StockRecord)
  },
  {
    label: '不合格库存',
    name: 'unqualified'
    label: '外购',
    name: 'purchase',
    type: 2,
    component: markRaw(StockRecord)
  },
  {
    label: '委外',
    name: 'outsourcing',
    type: 3,
    component: markRaw(StockRecord)
  }
])