reactor:统一 Description 命名为 Descriptions

This commit is contained in:
YunaiV
2025-09-10 23:58:31 +08:00
parent 5ec4d8ab82
commit e3e3c2e968
24 changed files with 72 additions and 72 deletions

View File

@@ -12,7 +12,7 @@ defineProps<{
business: CrmBusinessApi.Business; // 商机信息
}>();
const [BaseDescription] = useDescription({
const [BaseDescriptions] = useDescription({
componentProps: {
title: '基本信息',
bordered: false,
@@ -22,7 +22,7 @@ const [BaseDescription] = useDescription({
schema: useDetailBaseSchema(),
});
const [SystemDescription] = useDescription({
const [SystemDescriptions] = useDescription({
componentProps: {
title: '系统信息',
bordered: false,
@@ -35,8 +35,8 @@ const [SystemDescription] = useDescription({
<template>
<div class="p-4">
<BaseDescription :data="business" />
<BaseDescriptions :data="business" />
<Divider />
<SystemDescription :data="business" />
<SystemDescriptions :data="business" />
</div>
</template>

View File

@@ -40,7 +40,7 @@ const business = ref<CrmBusinessApi.Business>({} as CrmBusinessApi.Business);
const businessLogList = ref<SystemOperateLogApi.OperateLog[]>([]);
const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
column: 4,
@@ -134,7 +134,7 @@ onMounted(() => {
</div>
</template>
<Card class="min-h-[10%]">
<Description :data="business" />
<Descriptions :data="business" />
</Card>
<Card class="mt-4 min-h-[60%]">
<Tabs>

View File

@@ -12,7 +12,7 @@ defineProps<{
clue: CrmClueApi.Clue; // 线索信息
}>();
const [BaseDescription] = useDescription({
const [BaseDescriptions] = useDescription({
componentProps: {
title: '基本信息',
bordered: false,
@@ -22,7 +22,7 @@ const [BaseDescription] = useDescription({
schema: useDetailBaseSchema(),
});
const [SystemDescription] = useDescription({
const [SystemDescriptions] = useDescription({
componentProps: {
title: '系统信息',
bordered: false,
@@ -35,8 +35,8 @@ const [SystemDescription] = useDescription({
<template>
<div class="p-4">
<BaseDescription :data="clue" />
<BaseDescriptions :data="clue" />
<Divider />
<SystemDescription :data="clue" />
<SystemDescriptions :data="clue" />
</div>
</template>

View File

@@ -42,7 +42,7 @@ const validateOwnerUser = computed(
);
const validateWrite = computed(() => permissionListRef.value?.validateWrite);
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
column: 4,
@@ -151,7 +151,7 @@ onMounted(() => {
</div>
</template>
<Card class="min-h-[10%]">
<Description :data="clue" />
<Descriptions :data="clue" />
</Card>
<Card class="mt-4 min-h-[60%]">
<Tabs>

View File

@@ -12,7 +12,7 @@ defineProps<{
contact: CrmContactApi.Contact; // 联系人信息
}>();
const [BaseDescription] = useDescription({
const [BaseDescriptions] = useDescription({
componentProps: {
title: '基本信息',
bordered: false,
@@ -22,7 +22,7 @@ const [BaseDescription] = useDescription({
schema: useDetailBaseSchema(),
});
const [SystemDescription] = useDescription({
const [SystemDescriptions] = useDescription({
componentProps: {
title: '系统信息',
bordered: false,
@@ -35,8 +35,8 @@ const [SystemDescription] = useDescription({
<template>
<div class="p-4">
<BaseDescription :data="contact" />
<BaseDescriptions :data="contact" />
<Divider />
<SystemDescription :data="contact" />
<SystemDescriptions :data="contact" />
</div>
</template>

View File

@@ -34,7 +34,7 @@ const contact = ref<CrmContactApi.Contact>({} as CrmContactApi.Contact);
const contactLogList = ref<SystemOperateLogApi.OperateLog[]>([]);
const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
column: 4,
@@ -113,7 +113,7 @@ onMounted(() => {
</div>
</template>
<Card class="min-h-[10%]">
<Description :data="contact" />
<Descriptions :data="contact" />
</Card>
<Card class="mt-4 min-h-[60%]">
<Tabs>

View File

@@ -12,7 +12,7 @@ defineProps<{
contract: CrmContractApi.Contract; // 合同信息
}>();
const [BaseDescription] = useDescription({
const [BaseDescriptions] = useDescription({
componentProps: {
title: '基本信息',
bordered: false,
@@ -22,7 +22,7 @@ const [BaseDescription] = useDescription({
schema: useDetailBaseSchema(),
});
const [SystemDescription] = useDescription({
const [SystemDescriptions] = useDescription({
componentProps: {
title: '系统信息',
bordered: false,
@@ -35,8 +35,8 @@ const [SystemDescription] = useDescription({
<template>
<div class="p-4">
<BaseDescription :data="contract" />
<BaseDescriptions :data="contract" />
<Divider />
<SystemDescription :data="contract" />
<SystemDescriptions :data="contract" />
</div>
</template>

View File

@@ -45,7 +45,7 @@ const validateOwnerUser = computed(
);
const validateWrite = computed(() => permissionListRef.value?.validateWrite);
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
column: 4,
@@ -125,7 +125,7 @@ onMounted(() => {
</div>
</template>
<Card class="min-h-[10%]">
<Description :data="contract" />
<Descriptions :data="contract" />
</Card>
<Card class="mt-4 min-h-[60%]">
<Tabs>

View File

@@ -12,7 +12,7 @@ defineProps<{
customer: CrmCustomerApi.Customer; // 客户信息
}>();
const [BaseDescription] = useDescription({
const [BaseDescriptions] = useDescription({
componentProps: {
title: '基本信息',
bordered: false,
@@ -22,7 +22,7 @@ const [BaseDescription] = useDescription({
schema: useDetailBaseSchema(),
});
const [SystemDescription] = useDescription({
const [SystemDescriptions] = useDescription({
componentProps: {
title: '系统信息',
bordered: false,
@@ -35,8 +35,8 @@ const [SystemDescription] = useDescription({
<template>
<div class="p-4">
<BaseDescription :data="customer" />
<BaseDescriptions :data="customer" />
<Divider />
<SystemDescription :data="customer" />
<SystemDescriptions :data="customer" />
</div>
</template>

View File

@@ -51,7 +51,7 @@ const customer = ref<CrmCustomerApi.Customer>({} as CrmCustomerApi.Customer);
const customerLogList = ref<SystemOperateLogApi.OperateLog[]>([]);
const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队成员列表 Ref
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
column: 4,
@@ -269,7 +269,7 @@ onMounted(() => {
/>
</template>
<Card class="min-h-[10%]">
<Description :data="customer" />
<Descriptions :data="customer" />
</Card>
<Card class="mt-4 min-h-[60%]">
<Tabs>

View File

@@ -9,7 +9,7 @@ defineProps<{
product: CrmProductApi.Product; // 产品信息
}>();
const [ProductDescription] = useDescription({
const [ProductDescriptions] = useDescription({
componentProps: {
title: '基本信息',
bordered: false,
@@ -22,6 +22,6 @@ const [ProductDescription] = useDescription({
<template>
<div class="p-4">
<ProductDescription :data="product" />
<ProductDescriptions :data="product" />
</div>
</template>

View File

@@ -30,7 +30,7 @@ const productId = ref(0);
const product = ref<CrmProductApi.Product>({} as CrmProductApi.Product);
const productLogList = ref<SystemOperateLogApi.OperateLog[]>([]);
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
column: 4,
@@ -73,7 +73,7 @@ onMounted(() => {
</div>
</template>
<Card class="min-h-[10%]">
<Description :data="product" />
<Descriptions :data="product" />
</Card>
<Card class="mt-4 min-h-[60%]">
<Tabs>

View File

@@ -12,7 +12,7 @@ defineProps<{
receivable: CrmReceivableApi.Receivable; // 收款信息
}>();
const [BaseDescription] = useDescription({
const [BaseDescriptions] = useDescription({
componentProps: {
title: '基本信息',
bordered: false,
@@ -22,7 +22,7 @@ const [BaseDescription] = useDescription({
schema: useDetailBaseSchema(),
});
const [SystemDescription] = useDescription({
const [SystemDescriptions] = useDescription({
componentProps: {
title: '系统信息',
bordered: false,
@@ -35,8 +35,8 @@ const [SystemDescription] = useDescription({
<template>
<div class="p-4">
<BaseDescription :data="receivable" />
<BaseDescriptions :data="receivable" />
<Divider />
<SystemDescription :data="receivable" />
<SystemDescriptions :data="receivable" />
</div>
</template>

View File

@@ -39,7 +39,7 @@ const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队
// 校验编辑权限
const validateWrite = computed(() => permissionListRef.value?.validateWrite);
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
column: 4,
@@ -105,7 +105,7 @@ onMounted(() => {
</div>
</template>
<Card class="min-h-[10%]">
<Description :data="receivable" />
<Descriptions :data="receivable" />
</Card>
<Card class="mt-4 min-h-[60%]">
<Tabs>

View File

@@ -12,7 +12,7 @@ defineProps<{
receivablePlan: CrmReceivablePlanApi.Plan; // 收款计划信息
}>();
const [BaseDescription] = useDescription({
const [BaseDescriptions] = useDescription({
componentProps: {
title: '基本信息',
bordered: false,
@@ -22,7 +22,7 @@ const [BaseDescription] = useDescription({
schema: useDetailBaseSchema(),
});
const [SystemDescription] = useDescription({
const [SystemDescriptions] = useDescription({
componentProps: {
title: '系统信息',
bordered: false,
@@ -35,8 +35,8 @@ const [SystemDescription] = useDescription({
<template>
<div class="p-4">
<BaseDescription :data="receivablePlan" />
<BaseDescriptions :data="receivablePlan" />
<Divider />
<SystemDescription :data="receivablePlan" />
<SystemDescriptions :data="receivablePlan" />
</div>
</template>

View File

@@ -39,7 +39,7 @@ const permissionListRef = ref<InstanceType<typeof PermissionList>>(); // 团队
// 校验编辑权限
const validateWrite = computed(() => permissionListRef.value?.validateWrite);
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
column: 4,
@@ -109,7 +109,7 @@ onMounted(() => {
</div>
</template>
<Card class="min-h-[10%]">
<Description :data="receivablePlan" />
<Descriptions :data="receivablePlan" />
</Card>
<Card class="mt-4 min-h-[60%]">
<Tabs>

View File

@@ -19,7 +19,7 @@ withDefaults(
},
);
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
class: 'mx-4',
@@ -72,7 +72,7 @@ const [Description] = useDescription({
<template #extra>
<slot name="extra"></slot>
</template>
<Description
<Descriptions
:column="mode === 'member' ? 2 : 1"
:data="{
...user,

View File

@@ -18,7 +18,7 @@ withDefaults(
},
);
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
class: 'mx-4',
@@ -85,12 +85,12 @@ const [Description] = useDescription({
<Avatar :size="140" shape="square" :src="user.avatar" />
</Col>
<Col :span="20">
<Description :column="2" :data="user" />
<Descriptions :column="2" :data="user" />
</Col>
</Row>
<template v-else-if="mode === 'kefu'">
<Avatar :size="140" shape="square" :src="user.avatar" />
<Description :column="1" :data="user" />
<Descriptions :column="1" :data="user" />
</template>
</Card>
</template>

View File

@@ -12,7 +12,7 @@ import { useDetailSchema } from '../data';
const detailData = ref<PayOrderApi.Order>();
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
bordered: false,
column: 2,
@@ -48,6 +48,6 @@ const [Modal, modalApi] = useVbenModal({
:show-cancel-button="false"
:show-confirm-button="false"
>
<Description :data="detailData" />
<Descriptions :data="detailData" />
</Modal>
</template>

View File

@@ -14,7 +14,7 @@ import { useBaseDetailSchema, useChannelDetailSchema } from '../data';
const formData = ref<PayRefundApi.Refund>();
const [BaseDescription] = useDescription({
const [BaseDescriptions] = useDescription({
componentProps: {
bordered: false,
column: 2,
@@ -23,7 +23,7 @@ const [BaseDescription] = useDescription({
schema: useBaseDetailSchema(),
});
const [ChannelDescription] = useDescription({
const [ChannelDescriptions] = useDescription({
componentProps: {
bordered: false,
column: 2,
@@ -60,8 +60,8 @@ const [Modal, modalApi] = useVbenModal({
:show-cancel-button="false"
:show-confirm-button="false"
>
<BaseDescription :data="formData" />
<BaseDescriptions :data="formData" />
<Divider />
<ChannelDescription :data="formData" />
<ChannelDescriptions :data="formData" />
</Modal>
</template>

View File

@@ -32,7 +32,7 @@ const [Modal, modalApi] = useVbenModal({
},
});
const [Description] = useDescription({
const [Descriptions] = useDescription({
componentProps: {
title: '基本信息',
bordered: false,
@@ -50,6 +50,6 @@ const [Description] = useDescription({
:show-cancel-button="false"
:show-confirm-button="false"
>
<Description :data="formData" />
<Descriptions :data="formData" />
</Modal>
</template>