1.供应商和客户管理字段修改

gaoluyang

2026-04-08 09a9c230904824f0a73d6be76070d570c7eb0967

 src/views/basicData/supplierManage/index.vue

@@ -1,47 +1,9 @@
<!-- 在你的主页面中 -->
<template>
  <div class="app-container">
    <el-tabs v-model="activeTab" type="card">
      <el-tab-pane label="正常供应商" name="home">
        <HomeTab />
      </el-tab-pane>
      <el-tab-pane label="黑名单" name="blacklist">
        <BlacklistTab />
      </el-tab-pane>
    </el-tabs>
  <div>
    <HomeTab />
  </div>
</template>

<script>
import HomeTab from './components/HomeTab.vue'
import BlacklistTab from './components/BlacklistTab.vue'

export default {
  name: 'MainPage',
  components: {
    HomeTab,
    BlacklistTab
  },
  data() {
    return {
      activeTab: 'home'
    }
  },
  watch: {
    activeTab(newVal) {
      if (newVal === 'home') {
        this.$refs.homeTab && this.$refs.homeTab.getList()
      } else if (newVal === 'blacklist') {
        this.$refs.blacklistTab && this.$refs.blacklistTab.getList()
      }
    }
  }
}
<script setup>
  import HomeTab from "./components/HomeTab.vue";
</script>
<style>
.main-container :deep(.el-tabs__item.is-active) {
  color: #1883f6 !important;
  border-bottom: 2px solid #409EFF;
}

</style>