fix: antdv ele detail 保持一致

apps/web-antd/src/views/infra/apiAccessLog/data.ts

@@ -245,7 +245,7 @@ export function useDetailSchema(): DescriptionItemSchema[] {
       render: (val, data) => {
         if (val === 0) {
           return '正常';
-        } else if (val > 0 && data?.resultCode > 0) {
+        } else if (val > 0 && data?.resultMsg) {
           return `失败 | ${val} | ${data.resultMsg}`;
         }
         return '';

apps/web-antd/src/views/pay/notify/modules/detail.vue

@@ -17,11 +17,9 @@ import { useDetailLogColumns, useDetailSchema } from '../data';
 const formData = ref<PayNotifyApi.NotifyTask>();
 
 const [Description] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 2,
-    column: 2,
+  class: 'mx-4',
-    class: 'mx-4',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/pay/order/modules/detail.vue

@@ -13,11 +13,9 @@ import { useDetailSchema } from '../data';
 const formData = ref<PayOrderApi.Order>();
 
 const [Descriptions] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 2,
-    column: 2,
+  class: 'mx-4',
-    class: 'mx-4',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/pay/refund/modules/detail.vue

@@ -13,11 +13,9 @@ import { useDetailSchema } from '../data';
 const formData = ref<PayRefundApi.Refund>();
 
 const [Descriptions] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 2,
-    column: 2,
+  class: 'mx-4',
-    class: 'mx-4',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/pay/transfer/modules/detail.vue

@@ -13,11 +13,9 @@ import { useDetailSchema } from '../data';
 const formData = ref<PayTransferApi.Transfer>();
 
 const [Descriptions] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 2,
-    column: 2,
+  class: 'mx-4',
-    class: 'mx-4',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/system/loginlog/modules/detail.vue

@@ -12,11 +12,9 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemLoginLogApi.LoginLog>();
 
 const [Descriptions] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 1,
-    column: 1,
+  class: 'mx-4',
-    class: 'mx-4',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/system/mail/log/modules/detail.vue

@@ -12,11 +12,9 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemMailLogApi.MailLog>();
 
 const [Descriptions] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 2,
-    column: 2,
+  class: 'mx-4',
-    class: 'mx-4',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/system/notify/message/modules/detail.vue

@@ -12,11 +12,9 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemNotifyMessageApi.NotifyMessage>();
 
 const [Descriptions] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 1,
-    column: 1,
+  class: 'mx-4',
-    class: 'mx-4',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/system/notify/my/modules/detail.vue

@@ -12,11 +12,9 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemNotifyMessageApi.NotifyMessage>();
 
 const [Descriptions] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 1,
-    column: 1,
+  class: 'mx-4',
-    class: 'mx-4',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/system/operatelog/modules/detail.vue

@@ -12,11 +12,9 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemOperateLogApi.OperateLog>();
 
 const [Descriptions] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 1,
-    column: 1,
+  class: 'mx-4',
-    class: 'mx-4',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/system/sms/log/modules/detail.vue

@@ -12,11 +12,9 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemSmsLogApi.SmsLog>();
 
 const [Descriptions] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 2,
-    column: 2,
+  class: 'mx-4',
-    class: 'mx-4',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-antd/src/views/system/social/user/modules/detail.vue

@@ -14,13 +14,11 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemSocialUserApi.SocialUser>();
 
 const [Descriptions] = useDescription({
-  componentProps: {
+  bordered: true,
-    bordered: true,
+  column: 1,
-    column: 1,
+  size: 'middle',
-    size: 'middle',
+  class: 'mx-4',
-    class: 'mx-4',
+  labelStyle: { width: '185px' },
-    labelStyle: { width: '185px' },
-  },
   schema: useDetailSchema(),
 });
 

apps/web-ele/src/components/description/description.vue

@@ -10,8 +10,7 @@ import { get, getNestedValue, isFunction } from '@vben/utils';
 import { ElDescriptions, ElDescriptionsItem } from 'element-plus';
 
 const props = {
-  // TODO @星语：bordered 不生效；之前好像是 border
+  border: { default: true, type: Boolean },
-  bordered: { default: true, type: Boolean },
   column: {
     default: () => {
       return { lg: 3, md: 3, sm: 2, xl: 3, xs: 1, xxl: 4 };

apps/web-ele/src/components/description/typing.ts

@@ -32,8 +32,6 @@ export interface DescriptionProps extends ElDescriptionProps {
   schema: DescriptionItemSchema[];
   // 数据
   data: Recordable<any>;
-  // 是否包含边框
-  bordered?: boolean;
 }
 
 export interface DescInstance {

apps/web-ele/src/views/infra/apiAccessLog/data.ts

@@ -245,7 +245,7 @@ export function useDetailSchema(): DescriptionItemSchema[] {
       render: (val, data) => {
         if (val === 0) {
           return '正常';
-        } else if (data && data.resultCode > 0) {
+        } else if (data && data.resultMsg) {
           return `失败 | ${val} | ${data.resultMsg}`;
         }
         return '';

apps/web-ele/src/views/infra/apiAccessLog/modules/detail.vue

@@ -11,8 +11,8 @@ import { useDetailSchema } from '../data';
 
 const formData = ref<InfraApiAccessLogApi.ApiAccessLog>();
 
-// TODO @xingyu：antd 和 el 这 2 个组件在这个模块的 detail.vue 不一样，看看是不是统一？还是就是区分的哈？
 const [Descriptions] = useDescription({
+  border: true,
   column: 1,
   labelWidth: 110,
   schema: useDetailSchema(),

apps/web-ele/src/views/infra/apiErrorLog/modules/detail.vue

@@ -12,6 +12,7 @@ import { useDetailSchema } from '../data';
 const formData = ref<InfraApiErrorLogApi.ApiErrorLog>();
 
 const [Descriptions] = useDescription({
+  border: true,
   column: 1,
   labelWidth: 110,
   schema: useDetailSchema(),

apps/web-ele/src/views/infra/job/modules/detail.vue

@@ -14,6 +14,7 @@ const formData = ref<InfraJobApi.Job>(); // 任务详情
 const nextTimes = ref<Date[]>([]); // 下一次执行时间
 
 const [Descriptions] = useDescription({
+  border: true,
   column: 1,
   labelWidth: 140,
   schema: useDetailSchema(),

apps/web-ele/src/views/infra/redis/modules/info.vue

@@ -8,7 +8,7 @@ defineProps<{
 }>();
 
 const [Descriptions] = useDescription({
-  bordered: false,
+  border: false,
   column: 6,
   schema: [
     {

apps/web-ele/src/views/mall/trade/afterSale/detail/data.ts

@@ -1,4 +1,3 @@
-import type { MallAfterSaleApi } from '#/api/mall/trade/afterSale';
 import type { DescriptionItemSchema } from '#/components/description';
 
 import { h } from 'vue';
@@ -20,19 +19,19 @@ export function useOrderInfoSchema(): DescriptionItemSchema[] {
     {
       field: 'order.deliveryType',
       label: '配送方式',
-      content: (data: MallAfterSaleApi.AfterSale) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.TRADE_DELIVERY_TYPE,
-          value: data?.order?.deliveryType,
+          value: val,
         }),
     },
     {
       field: 'order.type',
       label: '订单类型',
-      content: (data: MallAfterSaleApi.AfterSale) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.TRADE_ORDER_TYPE,
-          value: data?.order?.type,
+          value: val,
         }),
     },
     {
@@ -46,10 +45,10 @@ export function useOrderInfoSchema(): DescriptionItemSchema[] {
     {
       field: 'order.terminal',
       label: '订单来源',
-      content: (data: MallAfterSaleApi.AfterSale) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.TERMINAL,
-          value: data?.order?.terminal,
+          value: val,
         }),
     },
     {
@@ -67,10 +66,10 @@ export function useOrderInfoSchema(): DescriptionItemSchema[] {
     {
       field: 'order.payChannelCode',
       label: '付款方式',
-      content: (data: MallAfterSaleApi.AfterSale) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.PAY_CHANNEL_CODE,
-          value: data?.order?.payChannelCode,
+          value: val,
         }),
     },
     {
@@ -90,32 +89,30 @@ export function useAfterSaleInfoSchema(): DescriptionItemSchema[] {
     {
       field: 'auditTime',
       label: '申请时间',
-      content: (data: MallAfterSaleApi.AfterSale) =>
+      render: (val) => formatDate(val) as string,
-        formatDate(data?.auditTime) as string,
     },
     {
       field: 'type',
       label: '售后类型',
-      content: (data: MallAfterSaleApi.AfterSale) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.TRADE_AFTER_SALE_TYPE,
-          value: data?.type,
+          value: val,
         }),
     },
     {
       field: 'way',
       label: '售后方式',
-      content: (data: MallAfterSaleApi.AfterSale) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.TRADE_AFTER_SALE_WAY,
-          value: data?.way,
+          value: val,
         }),
     },
     {
       field: 'refundPrice',
       label: '退款金额',
-      content: (data: MallAfterSaleApi.AfterSale) =>
+      render: (val) => fenToYuan(val ?? 0),
-        fenToYuan(data?.refundPrice ?? 0),
     },
     {
       field: 'applyReason',
@@ -128,8 +125,8 @@ export function useAfterSaleInfoSchema(): DescriptionItemSchema[] {
     {
       field: 'applyPicUrls',
       label: '凭证图片',
-      content: (data) => {
+      render: (val) => {
-        const images = data?.applyPicUrls || [];
+        const images = val || [];
         return h(
           'div',
           { class: 'flex gap-10px' },
@@ -153,16 +150,16 @@ export function useRefundStatusSchema(): DescriptionItemSchema[] {
     {
       field: 'status',
       label: '退款状态',
-      content: (data) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.TRADE_AFTER_SALE_STATUS,
-          value: data?.status,
+          value: val,
         }),
     },
     {
       field: 'reminder',
       label: '提醒',
-      content: () =>
+      render: () =>
         h('div', { class: 'text-red-500 mb-10px' }, [
           h('div', '如果未发货，请点击同意退款给买家。'),
           h('div', '如果实际已发货，请主动与买家联系。'),

apps/web-ele/src/views/mall/trade/afterSale/detail/index.vue

@@ -49,38 +49,29 @@ const afterSale = ref<MallAfterSaleApi.AfterSale>({
 });
 
 const [OrderDescriptions] = useDescription({
-  componentProps: {
+  title: '订单信息',
-    title: '订单信息',
+  border: false,
-    border: false,
+  column: 3,
-    column: 3,
+  direction: 'horizontal',
-    direction: 'horizontal',
+  labelWidth: 140,
-    labelWidth: 140,
-    extra: '',
-  },
   schema: useOrderInfoSchema(),
 });
 
 const [AfterSaleDescriptions] = useDescription({
-  componentProps: {
+  title: '售后信息',
-    title: '售后信息',
+  border: false,
-    border: false,
+  column: 3,
-    column: 3,
+  direction: 'horizontal',
-    direction: 'horizontal',
+  labelWidth: 140,
-    labelWidth: 140,
-    extra: '',
-  },
   schema: useAfterSaleInfoSchema(),
 });
 
 const [RefundStatusDescriptions] = useDescription({
-  componentProps: {
+  title: '退款状态',
-    title: '退款状态',
+  border: false,
-    border: false,
+  column: 1,
-    column: 1,
+  direction: 'horizontal',
-    direction: 'horizontal',
+  labelWidth: 140,
-    labelWidth: 140,
-    extra: '',
-  },
   schema: useRefundStatusSchema(),
 });
 

apps/web-ele/src/views/mall/trade/order/detail/data.ts

@@ -1,5 +1,4 @@
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
-import type { MallOrderApi } from '#/api/mall/trade/order';
 import type { DescriptionItemSchema } from '#/components/description';
 
 import { h } from 'vue';
@@ -23,19 +22,19 @@ export function useOrderInfoSchema(): DescriptionItemSchema[] {
     {
       field: 'type',
       label: '订单类型',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.TRADE_ORDER_TYPE,
-          value: data?.type,
+          value: val,
         }),
     },
     {
       field: 'terminal',
       label: '订单来源',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.TERMINAL,
-          value: data?.terminal,
+          value: val,
         }),
     },
     {
@@ -53,10 +52,10 @@ export function useOrderInfoSchema(): DescriptionItemSchema[] {
     {
       field: 'payChannelCode',
       label: '付款方式',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.PAY_CHANNEL_CODE,
-          value: data?.payChannelCode,
+          value: val,
         }),
     },
     {
@@ -72,16 +71,16 @@ export function useOrderStatusSchema(): DescriptionItemSchema[] {
     {
       field: 'status',
       label: '订单状态',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.TRADE_ORDER_STATUS,
-          value: data?.status,
+          value: val,
         }),
     },
     {
       field: 'reminder',
       label: '提醒',
-      content: () =>
+      render: () =>
         h('div', { class: 'space-y-1' }, [
           h('div', '买家付款成功后，货款将直接进入您的商户号（微信、支付宝）'),
           h('div', '请及时关注你发出的包裹状态，确保可以配送至买家手中'),
@@ -100,66 +99,46 @@ export function useOrderPriceSchema(): DescriptionItemSchema[] {
     {
       field: 'totalPrice',
       label: '商品总额',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) => `${fenToYuan(val ?? 0)} 元`,
-        `${fenToYuan(data?.totalPrice ?? 0)} 元`,
     },
     {
       field: 'deliveryPrice',
       label: '运费金额',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) => `${fenToYuan(val ?? 0)} 元`,
-        `${fenToYuan(data?.deliveryPrice ?? 0)} 元`,
     },
     {
       field: 'adjustPrice',
       label: '订单调价',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) => `${fenToYuan(val ?? 0)} 元`,
-        `${fenToYuan(data?.adjustPrice ?? 0)} 元`,
     },
     {
       field: 'couponPrice',
       label: '优惠劵优惠',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) =>
-        h(
+        h('span', { class: 'text-red-500' }, `${fenToYuan(val ?? 0)} 元`),
-          'span',
-          { class: 'text-red-500' },
-          `${fenToYuan(data?.couponPrice ?? 0)} 元`,
-        ),
     },
     {
       field: 'vipPrice',
       label: 'VIP 优惠',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) =>
-        h(
+        h('span', { class: 'text-red-500' }, `${fenToYuan(val ?? 0)} 元`),
-          'span',
-          { class: 'text-red-500' },
-          `${fenToYuan(data?.vipPrice ?? 0)} 元`,
-        ),
     },
     {
       field: 'discountPrice',
       label: '活动优惠',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) =>
-        h(
+        h('span', { class: 'text-red-500' }, `${fenToYuan(val ?? 0)} 元`),
-          'span',
-          { class: 'text-red-500' },
-          `${fenToYuan(data?.discountPrice ?? 0)} 元`,
-        ),
     },
     {
       field: 'pointPrice',
       label: '积分抵扣',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) =>
-        h(
+        h('span', { class: 'text-red-500' }, `${fenToYuan(val ?? 0)} 元`),
-          'span',
-          { class: 'text-red-500' },
-          `${fenToYuan(data?.pointPrice ?? 0)} 元`,
-        ),
     },
     {
       field: 'payPrice',
       label: '应付金额',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) => `${fenToYuan(val ?? 0)} 元`,
-        `${fenToYuan(data?.payPrice ?? 0)} 元`,
     },
   ];
 }
@@ -170,10 +149,10 @@ export function useDeliveryInfoSchema(): DescriptionItemSchema[] {
     {
       field: 'deliveryType',
       label: '配送方式',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.TRADE_DELIVERY_TYPE,
-          value: data?.deliveryType,
+          value: val,
         }),
     },
     {
@@ -187,14 +166,12 @@ export function useDeliveryInfoSchema(): DescriptionItemSchema[] {
     {
       field: 'receiverAddress',
       label: '收货地址',
-      content: (data: MallOrderApi.Order) =>
+      render: (val, data) => `${data?.receiverAreaName} ${val}`.trim(),
-        `${data?.receiverAreaName} ${data?.receiverDetailAddress}`.trim(),
     },
     {
       field: 'deliveryTime',
       label: '发货时间',
-      content: (data: MallOrderApi.Order) =>
+      render: (val) => formatDateTime(val) as string,
-        formatDateTime(data?.deliveryTime) as string,
     },
   ];
 }

apps/web-ele/src/views/mall/trade/order/detail/index.vue

@@ -57,38 +57,30 @@ const expressTrackList = ref<any[]>([]);
 const pickUpStore = ref<MallDeliveryPickUpStoreApi.PickUpStore | undefined>();
 
 const [OrderInfoDescriptions] = useDescription({
-  componentProps: {
+  title: '订单信息',
-    title: '订单信息',
+  border: false,
-    border: false,
+  column: 3,
-    column: 3,
-  },
   schema: useOrderInfoSchema(),
 });
 
 const [OrderStatusDescriptions] = useDescription({
-  componentProps: {
+  title: '订单状态',
-    title: '订单状态',
+  border: false,
-    border: false,
+  column: 1,
-    column: 1,
-  },
   schema: useOrderStatusSchema(),
 });
 
 const [OrderPriceDescriptions] = useDescription({
-  componentProps: {
+  title: '费用信息',
-    title: '费用信息',
+  border: false,
-    border: false,
+  column: 4,
-    column: 4,
-  },
   schema: useOrderPriceSchema(),
 });
 
 const [DeliveryInfoDescriptions] = useDescription({
-  componentProps: {
+  title: '收货信息',
-    title: '收货信息',
+  border: false,
-    border: false,
+  column: 3,
-    column: 3,
-  },
   schema: useDeliveryInfoSchema(),
 });
 

apps/web-ele/src/views/pay/notify/data.ts

@@ -1,6 +1,5 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
-import type { PayNotifyApi } from '#/api/pay/notify';
 import type { DescriptionItemSchema } from '#/components/description';
 
 import { h } from 'vue';
@@ -182,10 +181,10 @@ export function useDetailSchema(): DescriptionItemSchema[] {
     {
       field: 'type',
       label: '通知类型',
-      content: (data: PayNotifyApi.NotifyTask) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.PAY_NOTIFY_TYPE,
-          value: data?.type,
+          value: val,
         }),
     },
     {
@@ -195,10 +194,10 @@ export function useDetailSchema(): DescriptionItemSchema[] {
     {
       field: 'status',
       label: '通知状态',
-      content: (data: PayNotifyApi.NotifyTask) =>
+      render: (val) =>
         h(DictTag, {
           type: DICT_TYPE.PAY_NOTIFY_STATUS,
-          value: data?.status,
+          value: val,
         }),
     },
     {
@@ -208,14 +207,12 @@ export function useDetailSchema(): DescriptionItemSchema[] {
     {
       field: 'lastExecuteTime',
       label: '最后通知时间',
-      content: (data: PayNotifyApi.NotifyTask) =>
+      render: (val) => formatDateTime(val) as string,
-        formatDateTime(data?.lastExecuteTime) as string,
     },
     {
       field: 'nextNotifyTime',
       label: '下次通知时间',
-      content: (data: PayNotifyApi.NotifyTask) =>
+      render: (val) => formatDateTime(val) as string,
-        formatDateTime(data?.nextNotifyTime) as string,
     },
     {
       field: 'notifyTimes',
@@ -228,14 +225,12 @@ export function useDetailSchema(): DescriptionItemSchema[] {
     {
       field: 'createTime',
       label: '创建时间',
-      content: (data: PayNotifyApi.NotifyTask) =>
+      render: (val) => formatDateTime(val) as string,
-        formatDateTime(data?.createTime) as string,
     },
     {
       field: 'updateTime',
       label: '更新时间',
-      content: (data: PayNotifyApi.NotifyTask) =>
+      render: (val) => formatDateTime(val) as string,
-        formatDateTime(data?.updateTime) as string,
     },
   ];
 }

apps/web-ele/src/views/pay/notify/modules/detail.vue

@@ -17,14 +17,10 @@ import { useDetailLogColumns, useDetailSchema } from '../data';
 const formData = ref<PayNotifyApi.NotifyTask>();
 
 const [Description] = useDescription({
-  componentProps: {
+  border: true,
-    border: true,
+  column: 2,
-    column: 2,
+  direction: 'horizontal',
-    direction: 'horizontal',
+  labelWidth: 140,
-    labelWidth: 140,
-    title: '',
-    extra: '',
-  },
   schema: useDetailSchema(),
 });
 

apps/web-ele/src/views/pay/order/modules/detail.vue

@@ -13,6 +13,7 @@ import { useDetailSchema } from '../data';
 const formData = ref<PayOrderApi.Order>();
 
 const [Descriptions] = useDescription({
+  border: true,
   column: 2,
   labelWidth: 140,
   schema: useDetailSchema(),

apps/web-ele/src/views/system/notify/message/modules/detail.vue

@@ -12,6 +12,7 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemNotifyMessageApi.NotifyMessage>();
 
 const [Descriptions] = useDescription({
+  border: true,
   column: 1,
   labelWidth: 140,
   schema: useDetailSchema(),

apps/web-ele/src/views/system/notify/my/modules/detail.vue

@@ -12,6 +12,7 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemNotifyMessageApi.NotifyMessage>();
 
 const [Descriptions] = useDescription({
+  border: true,
   column: 1,
   labelWidth: 140,
   schema: useDetailSchema(),

apps/web-ele/src/views/system/operatelog/modules/detail.vue

@@ -12,8 +12,8 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemOperateLogApi.OperateLog>();
 
 const [Descriptions] = useDescription({
+  border: true,
   column: 1,
-  direction: 'horizontal',
   labelWidth: 110,
   schema: useDetailSchema(),
 });

apps/web-ele/src/views/system/social/user/modules/detail.vue

@@ -14,7 +14,9 @@ import { useDetailSchema } from '../data';
 const formData = ref<SystemSocialUserApi.SocialUser>();
 
 const [Descriptions] = useDescription({
+  border: true,
   column: 1,
+  size: 'large',
   labelWidth: 185,
   schema: useDetailSchema(),
 });