fix: tenant style

pull/155/head
xingyu4j 2025-06-22 16:22:16 +08:00
parent 37c5e41bcf
commit 24f2f5958d
3 changed files with 32 additions and 17 deletions

View File

@ -63,6 +63,7 @@ const [Modal, modalApi] = useVbenModal({
});
// TODO xingyu modalApi ? trigger-node-config.vue conditionDialog
// useVbenModal
defineExpose({ modalApi });
</script>
<template>

View File

@ -26,12 +26,12 @@ const [Modal, modalApi] = useVbenModal({
});
</script>
<template>
<Modal class="w-2/5" :title="$t('ui.widgets.qa')">
<Modal class="w-1/3" :title="$t('ui.widgets.qa')">
<div class="mt-2 flex flex-col">
<div class="mt-2 flex flex-row">
<div class="mt-2 flex flex-col">
<!-- TODO @xingyu要不要垂直1. 项目地址2. 问题反馈3. 开发文档 -->
<VbenButtonGroup class="basis-1/3" :gap="2" border size="large">
<p class="p-2">项目地址:</p>
<p class="w-24 p-2">项目地址:</p>
<VbenButton
variant="link"
@click="
@ -51,7 +51,7 @@ const [Modal, modalApi] = useVbenModal({
</VbenButtonGroup>
<VbenButtonGroup class="basis-1/3" :gap="2" border size="large">
<p class="p-2">issues:</p>
<p class="w-24 p-2">issues:</p>
<VbenButton
variant="link"
@click="
@ -75,7 +75,7 @@ const [Modal, modalApi] = useVbenModal({
</VbenButtonGroup>
<VbenButtonGroup class="basis-1/3" :gap="2" border size="large">
<p class="p-2">开发文档:</p>
<p class="w-24 p-2">开发文档:</p>
<VbenButton
variant="link"
@click="openWindow('https://doc.iocoder.cn/quick-start/')"
@ -87,13 +87,17 @@ const [Modal, modalApi] = useVbenModal({
</VbenButton>
</VbenButtonGroup>
</div>
<p class="mt-2 flex justify-center">
<span>
<img src="/wx-xingyu.png" alt="数舵科技" />
</span>
</p>
<div class="mt-2 flex justify-start">
<p class="w-24 p-2">软件外包:</p>
<img
src="/wx-xingyu.png"
alt="数舵科技"
class="cursor-pointer"
@click="openWindow('https://shuduokeji.com')"
/>
</div>
<p class="mt-2 flex justify-center pt-4 text-sm italic">
本项目采用<Badge variant="destructive">MIT</Badge>
本项目采用 <Badge class="mx-2" variant="destructive">MIT</Badge>
开源协议个人与企业可100% 免费使用
</p>
</div>

View File

@ -1,6 +1,9 @@
<script lang="ts" setup>
import { computed } from 'vue';
import { IconifyIcon } from '@vben/icons';
import { $t } from '@vben/locales';
import {
Button,
DropdownMenu,
@ -46,17 +49,18 @@ async function handleChange(id: number | undefined) {
}
</script>
<template>
<!-- TODO @xingyu1未选择的时候空着一块有点怪是不是有个 placeholder 会好看点哈之前有 page.tenant.placeholder2是不是要支持个 clear 选择 -->
<DropdownMenu>
<DropdownMenuTrigger as-child>
<DropdownMenuTrigger>
<Button
variant="outline"
class="hover:bg-accent ml-1 mr-2 h-8 w-24 cursor-pointer rounded-full p-1.5"
class="hover:bg-accent ml-1 mr-2 h-8 w-32 cursor-pointer rounded-full p-1.5"
>
{{ tenants.find((item) => item.id === visitTenantId)?.name }}
<IconifyIcon icon="lucide:align-justify" class="mr-4" />
{{ $t('page.tenant.placeholder') }}
<!-- {{ tenants.find((item) => item.id === visitTenantId)?.name }} -->
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent class="w-56 p-0 pb-1">
<DropdownMenuContent class="w-40 p-0 pb-1">
<DropdownMenuGroup>
<DropdownMenuItem
v-for="tenant in tenants"
@ -65,7 +69,13 @@ async function handleChange(id: number | undefined) {
class="mx-1 flex cursor-pointer items-center rounded-sm py-1 leading-8"
@click="handleChange(tenant.id)"
>
{{ tenant.name }}
<template v-if="tenant.id === visitTenantId">
<IconifyIcon icon="lucide:check" class="mr-2" />
{{ tenant.name }}
</template>
<template v-else>
{{ tenant.name }}
</template>
</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>