chore: label样式

This commit is contained in:
dap 2024-11-26 20:08:39 +08:00
parent afdf186fa4
commit 593ed62585

View File

@ -1,12 +1,10 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, h, ref } from 'vue'; import { computed, ref } from 'vue';
import { useVbenDrawer } from '@vben/common-ui'; import { useVbenDrawer } from '@vben/common-ui';
import { $t } from '@vben/locales'; import { $t } from '@vben/locales';
import { cloneDeep } from '@vben/utils'; import { cloneDeep } from '@vben/utils';
import { Tag } from 'ant-design-vue';
import { useVbenForm } from '#/adapter/form'; import { useVbenForm } from '#/adapter/form';
import { tenantAdd, tenantInfo, tenantUpdate } from '#/api/system/tenant'; import { tenantAdd, tenantInfo, tenantUpdate } from '#/api/system/tenant';
import { packageSelectList } from '#/api/system/tenant-package'; import { packageSelectList } from '#/api/system/tenant-package';
@ -34,18 +32,14 @@ const [BasicForm, formApi] = useVbenForm({
async function setupPackageSelect() { async function setupPackageSelect() {
const tenantPackageList = await packageSelectList(); const tenantPackageList = await packageSelectList();
const options = tenantPackageList.map((item) => ({ const options = tenantPackageList.map((item) => ({
label: h('div', { class: 'flex items-center gap-[6px]' }, [ label: item.packageName,
h('span', null, item.packageName),
h(Tag, { color: 'processing' }, () => `${item.menuIds.length}个菜单项`),
]),
title: item.packageName,
value: item.packageId, value: item.packageId,
})); }));
formApi.updateSchema([ formApi.updateSchema([
{ {
componentProps: { componentProps: {
optionFilterProp: 'title', optionFilterProp: 'label',
optionLabelProp: 'title', optionLabelProp: 'label',
options, options,
showSearch: true, showSearch: true,
}, },