MiFaZhan
3106d96ac7
iotlcm-admin-ui：管理前端（基于 Vben Admin 5.5.9 二次开发）。 - 天地图 API Key → YOUR_TIANDITU_KEY - OAuth 客户端 ID → your-client-id，store 加密密钥 → 提示自行替换 - Makefile 移除明文 registry 登录口令，镜像地址改 - appIcon 指向内网图床的链接 → /favicon.ico - 真实手机号 → 合法 11 位编造号（保留号段前 3 位 + 后 4 位） - 真实邮箱 → example.com（署名头内的上游作者邮箱保留） - 移除 CI 触发器 - 补 MIT LICENSE（含 Vben Admin 上游声明）+ README - 统一 LF 行尾并加 .gitattributes 上游 Vben Admin 的版权与许可声明完整保留（各源文件 @Author/@Copyright 头 + LICENSE）。
41 lines
949 B
Vue
41 lines
949 B
Vue
<script setup lang="ts">
|
|
import type { TabOption } from '@vben/types';
|
|
|
|
import { computed } from 'vue';
|
|
|
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@vben-core/shadcn-ui';
|
|
|
|
interface Props {
|
|
tabs?: TabOption[];
|
|
}
|
|
|
|
defineOptions({
|
|
name: 'AnalysisChartsTabs',
|
|
});
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
tabs: () => [],
|
|
});
|
|
|
|
const defaultValue = computed(() => {
|
|
return props.tabs?.[0]?.value;
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div class="card-box w-full px-4 pb-5 pt-3">
|
|
<Tabs :default-value="defaultValue">
|
|
<TabsList>
|
|
<template v-for="tab in tabs" :key="tab.label">
|
|
<TabsTrigger :value="tab.value"> {{ tab.label }} </TabsTrigger>
|
|
</template>
|
|
</TabsList>
|
|
<template v-for="tab in tabs" :key="tab.label">
|
|
<TabsContent :value="tab.value" class="pt-4">
|
|
<slot :name="tab.value"></slot>
|
|
</TabsContent>
|
|
</template>
|
|
</Tabs>
|
|
</div>
|
|
</template>
|