create-jnrs-vue 1.2.20 → 1.2.21

package/jnrs-vue/src/layout/RouterTabs /344/277/256/345/244/215/350/267/257/347/224/261/350/267/263/350/275/254/346/220/272/345/270/246/345/217/202/346/225/260/351/227/256/351/242/230.vue"

@@ -1,150 +0,0 @@
-<template>
-  <div class="routerTabs">
-    <el-tabs v-model="activeTab" type="card" @tab-remove="removeTab" @tab-click="handleTabClick">
-      <el-tab-pane
-        v-for="item in tabs"
-        :key="item.fullPath"
-        :name="item.fullPath"
-        :closable="item.path !== HOME_PATH"
-      >
-        <template #label>
-          <span>{{ tabLabel(item) }}</span>
-        </template>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script setup>
-import { ref, watch, computed, onMounted } from 'vue'
-import { useRouter, useRoute } from 'vue-router'
-
-const HOME_PATH = '/home/index'
-const router = useRouter()
-const route = useRoute()
-
-// 使用 fullPath 作为激活 Tab 的值
-const activeTab = ref(route.fullPath)
-
-// Tab 列表：每个 tab 包含 fullPath、path、meta
-const tabs = ref([
-  {
-    fullPath: route.fullPath,
-    path: route.path,
-    meta: route.meta
-  }
-])
-
-// 标签页标题计算
-const tabLabel = computed(() => {
-  return function (item) {
-    let label = item.meta?.title || '未命名'
-    if (item.meta?.fullPathTitle) {
-      label = item.meta.fullPathTitle.replace(/,/g, '/')
-    }
-    return label
-  }
-})
-
-// 初始化：插入首页（如果当前不是首页）
-onMounted(() => {
-  if (route.path !== HOME_PATH) {
-    tabs.value.unshift({
-      fullPath: HOME_PATH,
-      path: HOME_PATH,
-      meta: { title: '工作台' }
-    })
-  }
-})
-
-// 添加标签页（基于当前 route）
-const addTab = () => {
-  const currentRoute = route
-
-  // 如果已存在相同 fullPath 的 Tab，直接激活，不重复添加
-  const existingTab = tabs.value.find((tab) => tab.fullPath === currentRoute.fullPath)
-  if (existingTab) {
-    activeTab.value = currentRoute.fullPath
-    return
-  }
-
-  // 添加新 Tab
-  tabs.value.push({
-    fullPath: currentRoute.fullPath,
-    path: currentRoute.path,
-    meta: currentRoute.meta
-  })
-  activeTab.value = currentRoute.fullPath
-}
-
-// 移除标签页
-const removeTab = (targetFullPath) => {
-  if (targetFullPath === HOME_PATH) return
-
-  const currentIndex = tabs.value.findIndex((tab) => tab.fullPath === targetFullPath)
-  if (currentIndex === -1) return
-
-  // 删除 Tab
-  tabs.value.splice(currentIndex, 1)
-
-  // 如果删除的是当前激活的 Tab
-  if (activeTab.value === targetFullPath) {
-    const nextTab = tabs.value[currentIndex] || tabs.value[currentIndex - 1]
-    if (nextTab) {
-      activeTab.value = nextTab.fullPath
-      router.push(nextTab.fullPath)
-    } else {
-      // 回退到首页
-      activeTab.value = HOME_PATH
-      router.push(HOME_PATH)
-    }
-  }
-}
-
-// 监听路由变化（使用 fullPath）
-watch(
-  () => route.fullPath,
-  (newFullPath) => {
-    // 避免由 Tab 点击触发的导航再次添加 Tab（防止循环）
-    if (newFullPath !== activeTab.value) {
-      addTab()
-    }
-  },
-  { immediate: true }
-)
-
-// 处理标签页点击
-const handleTabClick = (tab) => {
-  const fullPath = tab.props.name // el-tab-pane 的 name 即 fullPath
-  if (fullPath !== activeTab.value) {
-    activeTab.value = fullPath
-    router.push(fullPath)
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.routerTabs {
-  :deep(.el-tabs__header) {
-    margin-bottom: 0;
-    height: 32px;
-  }
-  :deep(.el-tabs__item) {
-    color: #888;
-    font-size: 12px;
-    height: 32px;
-  }
-  :deep(.el-tabs__item.is-active) {
-    color: #09a2a5;
-    border-bottom-color: #f2f2f2;
-  }
-  :deep(.el-tabs__nav-prev) {
-    color: #09a2a5;
-    background: #fff;
-  }
-  :deep(.el-tabs__nav-next) {
-    color: #09a2a5;
-    background: #fff;
-  }
-}
-</style>