feat：【ele】spu todo 优化

apps/web-ele/src/views/mall/product/spu/components/sku-list.vue

@@ -490,16 +490,25 @@ defineExpose({
       @checkbox-all="handleSelectionChange"
     >
       <VxeColumn v-if="isComponent" type="checkbox" width="45" fixed="left" />
-      <!-- TODO @puhui999：这里的宽度貌似有点问题，图片会寄出来； -->
+      <VxeColumn
-      <VxeColumn align="center" title="图片" max-width="140" fixed="left">
+        align="center"
+        title="图片"
+        width="80"
+        min-width="80"
+        fixed="left"
+      >
         <template #default="{ row }">
-          <ElImage
+          <div class="flex items-center justify-center overflow-hidden">
-            v-if="row.picUrl"
+            <ElImage
-            :src="row.picUrl"
+              v-if="row.picUrl"
-            class="h-[50px] w-[50px] cursor-pointer"
+              :src="row.picUrl"
-            :preview-src-list="[row.picUrl]"
+              class="h-[50px] w-[50px] cursor-pointer"
-            fit="cover"
+              :preview-src-list="[row.picUrl]"
-          />
+              :preview-teleported="true"
+              :z-index="3000"
+              fit="cover"
+            />
+          </div>
         </template>
       </VxeColumn>
       <template v-if="formData?.specType && !isBatch">
@@ -583,15 +592,24 @@ defineExpose({
       }"
     >
       <VxeColumn v-if="isComponent" type="checkbox" width="45" fixed="left" />
-      <!-- TODO @puhui999：这里的宽度貌似有点问题，图片会寄出来； -->
+      <VxeColumn
-      <VxeColumn align="center" title="图片" max-width="140" fixed="left">
+        align="center"
+        title="图片"
+        width="80"
+        min-width="80"
+        fixed="left"
+      >
         <template #default="{ row }">
-          <ElImage
+          <div class="flex items-center justify-center overflow-hidden">
-            :src="row.picUrl"
+            <ElImage
-            class="h-[60px] w-[60px] cursor-pointer"
+              :src="row.picUrl"
-            :preview-src-list="[row.picUrl]"
+              class="h-[60px] w-[60px] cursor-pointer"
-            fit="cover"
+              :preview-src-list="[row.picUrl]"
-          />
+              :preview-teleported="true"
+              :z-index="3000"
+              fit="cover"
+            />
+          </div>
         </template>
       </VxeColumn>
       <template v-if="formData?.specType">

apps/web-ele/src/views/mall/product/spu/components/spu-and-sku-list.vue

@@ -130,12 +130,13 @@ watch(
     <VxeColumn field="id" align="center" title="商品编号" min-width="30" />
     <VxeColumn title="商品图" min-width="80">
       <template #default="{ row }">
-        <!-- TODO @puhui999：它的 preview 貌似展示有点奇怪，不像 antd 是全屏的。。。 -->
         <ElImage
           v-if="row.picUrl"
           :src="row.picUrl"
           class="h-[30px] w-[30px] cursor-pointer"
           :preview-src-list="[row.picUrl]"
+          :preview-teleported="true"
+          :z-index="3000"
           fit="cover"
         />
       </template>

apps/web-ele/src/views/mall/product/spu/form/index.vue

@@ -320,7 +320,6 @@ onMounted(async () => {
       <ElCard class="h-full w-full" v-loading="formLoading">
         <template #header>
           <div class="flex items-center justify-between">
-            <!-- TODO @puhui999：这里有告警，需要修复下。 -->
             <ElTabs v-model="activeTabName" @tab-change="handleTabChange">
               <ElTabPane label="基础设置" name="info" />
               <ElTabPane label="价格库存" name="sku" />