新疆_马铃薯 1.不合格管理添加拒收逻辑

gaoluyang

2026-08-06 377c0a70c094d024aeb0bb94f4b791c6d5530c1e

 src/views/collaborativeApproval/meetingManagement/index.vue

对比新文件
@@ -0,0 +1,63 @@
<template>
  <div class="app-container">
    <div class="tabs-wrapper">
      <el-tabs
        v-model="activeTab"
        class="meeting-tabs"
        @tab-change="handleTabChange"
      >
        <el-tab-pane label="浼氳璁剧疆" name="setting" />
        <el-tab-pane label="浼氳鍒楄〃" name="index" />
        <el-tab-pane label="浼氳鐢宠" name="application" />
        <el-tab-pane label="浼氳瀹℃壒" name="examine" />
        <el-tab-pane label="浼氳鍙戝竷" name="publish" />
        <el-tab-pane label="浼氳鎬荤粨" name="summary" />
      </el-tabs>
    </div>

    <div class="tab-content">
      <keep-alive>
        <component :is="currentComponent" />
      </keep-alive>
    </div>
  </div>
</template>

<script setup>
import { ref, computed } from 'vue'
import MeetSetting from '../notificationManagement/meetSetting/index.vue'
import MeetIndex from '../notificationManagement/meetIndex/index.vue'
import MeetApplication from '../notificationManagement/meetApplication/index.vue'
import MeetExamine from '../notificationManagement/meetExamine/index.vue'
import MeetPublish from '../notificationManagement/meetPublish/index.vue'
import MeetSummary from '../notificationManagement/summary/index.vue'

const activeTab = ref('setting')

const tabComponentMap = {
  setting: MeetSetting,
  index: MeetIndex,
  application: MeetApplication,
  examine: MeetExamine,
  publish: MeetPublish,
  summary: MeetSummary
}

const currentComponent = computed(() => tabComponentMap[activeTab.value] || MeetSetting)

function handleTabChange(name) {
  activeTab.value = name
}
</script>

<style scoped lang="scss">

.tabs-wrapper {
  margin-bottom: 10px;
}

.tab-content {
  min-height: 400px;
}
</style>