feat：【antd】【ele】【pay 支付】pay/order 在 ele 代码优化

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

@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script lang="ts" setup>
 import type { PayOrderApi } from '#/api/pay/order';
 
 import { ref } from 'vue';
@@ -10,24 +10,24 @@ import { useDescription } from '#/components/description';
 
 import { useDetailSchema } from '../data';
 
-const detailData = ref<PayOrderApi.Order>();
+const formData = ref<PayOrderApi.Order>();
 
-const [Description] = useDescription({
+const [Descriptions] = useDescription({
   componentProps: {
-    border: false,
+    border: true,
     column: 2,
     direction: 'horizontal',
+    labelWidth: 140,
     title: '',
-    labelWidth: 200,
     extra: '',
   },
   schema: useDetailSchema(),
 });
 
 const [Modal, modalApi] = useVbenModal({
-  onOpenChange: async (isOpen) => {
+  async onOpenChange(isOpen: boolean) {
     if (!isOpen) {
-      detailData.value = undefined;
+      formData.value = undefined;
       return;
     }
     // 加载数据
@@ -37,7 +37,7 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     try {
-      detailData.value = await getOrder(data.id);
+      formData.value = await getOrder(data.id);
     } finally {
       modalApi.unlock();
     }
@@ -51,6 +51,6 @@ const [Modal, modalApi] = useVbenModal({
     :show-cancel-button="false"
     :show-confirm-button="false"
   >
-    <Description :data="detailData" />
+    <Descriptions :data="formData" />
   </Modal>
 </template>