refactor: (web-ele)优化多个组件的删除操作和确认逻辑

- 将 ElMessageBox 替换为自定义 confirm 函数- 添加全局 loading 功能
- 优化错误处理和消息提示- 调整部分组件属性和样式

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

@@ -117,7 +117,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
         <div class="order-items">
           <div v-for="item in row.items" :key="item.id" class="order-item">
             <div class="order-item-image">
-              <ElImage :src="item.picUrl" :width="40" :height="40" />
+              <ElImage :src="item.picUrl" class="h-40 w-40" />
             </div>
             <div class="order-item-content">
               <div class="order-item-name">
@@ -131,11 +131,11 @@ const [Grid, gridApi] = useVbenVxeGrid({
                 </ElTag>
               </div>
               <div class="order-item-info">
-                <span
-                  >原价：{{ fenToYuan(item.price) }} 元 / 数量：{{
+                <span>
+                  原价：{{ fenToYuan(item.price) }} 元 / 数量：{{
                     item.count
-                  }}个</span
-                >
+                  }}个
+                </span>
                 <DictTag
                   :type="DICT_TYPE.TRADE_ORDER_ITEM_AFTER_SALE_STATUS"
                   :value="item.afterSaleStatus"

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

@@ -6,14 +6,13 @@ import type { MallOrderApi } from '#/api/mall/trade/order';
 import { onMounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
-import { Page, useVbenModal } from '@vben/common-ui';
+import { confirm, Page, useVbenModal } from '@vben/common-ui';
 import { fenToYuan, formatDate } from '@vben/utils';
 
 import {
   ElDescriptions,
   ElDescriptionsItem,
   ElMessage,
-  ElMessageBox,
   ElTimeline,
   ElTimelineItem,
 } from 'element-plus';
@@ -109,12 +108,7 @@ const updatePrice = () => {
 /** 核销 */
 const handlePickUp = async () => {
   // 二次确认
-  await ElMessageBox.confirm('确认核销订单吗？', {
-    confirmButtonText: '确定',
-    cancelButtonText: '取消',
-    type: 'warning',
-  });
-  // 提交
+  await confirm(`确认核销订单吗？`);
   await TradeOrderApi.pickUpOrder(formData.value.id!);
   ElMessage.success('核销成功');
   // 刷新列表