From fc475c128cc8d94b01772f52a593fd078cb275ab Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Wed, 22 Oct 2025 10:22:51 +0800
Subject: [PATCH] feat: mall detail

---
 apps/web-antd/src/router/routes/modules/mall.ts  |  4 ++--
 .../src/views/mall/product/spu/form/index.vue    | 16 +++++++++++++++-
 .../mall/product/spu/form/modules/sku-list.vue   |  2 +-
 .../views/mall/product/spu/modules/detail.vue    | 10 ----------
 4 files changed, 18 insertions(+), 14 deletions(-)
 delete mode 100644 apps/web-antd/src/views/mall/product/spu/modules/detail.vue

diff --git a/apps/web-antd/src/router/routes/modules/mall.ts b/apps/web-antd/src/router/routes/modules/mall.ts
index 2638a0f3a..870c111f5 100644
--- a/apps/web-antd/src/router/routes/modules/mall.ts
+++ b/apps/web-antd/src/router/routes/modules/mall.ts
@@ -34,9 +34,9 @@ const routes: RouteRecordRaw[] = [
         name: 'ProductSpuDetail',
         meta: {
           title: '商品详情',
-          activePath: '/crm/business',
+          activePath: '/mall/product/spu',
         },
-        component: () => import('#/views/mall/product/spu/modules/detail.vue'),
+        component: () => import('#/views/mall/product/spu/form/index.vue'),
       },
     ],
   },
diff --git a/apps/web-antd/src/views/mall/product/spu/form/index.vue b/apps/web-antd/src/views/mall/product/spu/form/index.vue
index 462d1262e..4d6b052e4 100644
--- a/apps/web-antd/src/views/mall/product/spu/form/index.vue
+++ b/apps/web-antd/src/views/mall/product/spu/form/index.vue
@@ -7,6 +7,7 @@ import { onMounted, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 
 import { Page, useVbenModal } from '@vben/common-ui';
+import { useTabs } from '@vben/hooks';
 import { convertToInteger, floatToFixed2, formatToFraction } from '@vben/utils';
 
 import { Button, Card, message } from 'ant-design-vue';
@@ -28,6 +29,7 @@ import SkuList from './modules/sku-list.vue';
 
 const spuId = ref<number>();
 const { params, name } = useRoute();
+const { closeCurrentTab } = useTabs();
 const activeTabName = ref('info');
 
 function onTabChange(key: string) {
@@ -239,6 +241,11 @@ async function onSubmit() {
 async function getDetail() {
   if (name === 'ProductSpuDetail') {
     isDetail.value = true;
+    infoFormApi.setDisabled(true);
+    skuFormApi.setDisabled(true);
+    deliveryFormApi.setDisabled(true);
+    descriptionFormApi.setDisabled(true);
+    otherFormApi.setDisabled(true);
   }
   const id = params.id as unknown as number;
   if (id) {
@@ -351,7 +358,12 @@ onMounted(async () => {
         @tab-change="onTabChange"
       >
         <template #tabBarExtraContent>
-          <Button type="primary" @click="onSubmit">保存</Button>
+          <Button type="primary" v-if="!isDetail" @click="onSubmit">
+            保存
+          </Button>
+          <Button type="default" v-else @click="() => closeCurrentTab()">
+            返回列表
+          </Button>
         </template>
         <InfoForm class="w-3/5" v-show="activeTabName === 'info'" />
 
@@ -359,6 +371,7 @@ onMounted(async () => {
           <template #singleSkuList>
             <SkuList
               ref="skuListRef"
+              :is-detail="isDetail"
               :prop-form-data="formData"
               :property-list="propertyList"
               :rule-config="ruleConfig"
@@ -379,6 +392,7 @@ onMounted(async () => {
           <template #batchSkuList>
             <SkuList
               :is-batch="true"
+              :is-detail="isDetail"
               :prop-form-data="formData"
               :property-list="propertyList"
             />
diff --git a/apps/web-antd/src/views/mall/product/spu/form/modules/sku-list.vue b/apps/web-antd/src/views/mall/product/spu/form/modules/sku-list.vue
index ba4d2dd63..3603b1cc0 100644
--- a/apps/web-antd/src/views/mall/product/spu/form/modules/sku-list.vue
+++ b/apps/web-antd/src/views/mall/product/spu/form/modules/sku-list.vue
@@ -12,7 +12,7 @@ import { copyValueToTarget, formatToFraction, isEmpty } from '@vben/utils';
 import { Button, Image, Input, InputNumber, message } from 'ant-design-vue';
 
 import { VxeColumn, VxeTable } from '#/adapter/vxe-table';
-import ImageUpload from '#/components/upload/image-upload.vue';
+import { ImageUpload } from '#/components/upload';
 
 defineOptions({ name: 'SkuList' });
 
diff --git a/apps/web-antd/src/views/mall/product/spu/modules/detail.vue b/apps/web-antd/src/views/mall/product/spu/modules/detail.vue
deleted file mode 100644
index 8d74d8d14..000000000
--- a/apps/web-antd/src/views/mall/product/spu/modules/detail.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<script lang="ts" setup>
-import { Page } from '@vben/common-ui';
-</script>
-
-<template>
-  <Page>
-    <!-- TODO @puhui999：详情界面； -->
-    <div>detail</div>
-  </Page>
-</template>