refactor(product-manage):调整商品列表展示逻辑

- 移除 SKU 字段的直接展示，改为在商品信息中展示
- 调整商品标题展示样式，增加 ASIN 和 SKU 的单独展示
- 优化商品信息的样式和布局

src/views/product-manage/Columns.ts

@@ -72,10 +72,10 @@ export const ProductMonitorColumns = [
     field: 'product_info', title: '商品信息', minWidth: 240, align: 'center', fixed: 'left',
     slots: { default: 'product_info' }
   },
-  {
-    field: 'sku', title: 'SKU', width: 'auto', align: 'center', showOverflow: true,
-    slots: { default: 'sku' }
-  },
+  // {
+  //   field: 'sku', title: 'SKU', width: 'auto', align: 'center', showOverflow: true,
+  //   slots: { default: 'sku' }
+  // },
   {
     field: 'country_code', title: '国 家', width: 'auto', align: 'center',
     slots: { default: 'country_code' }
@@ -96,6 +96,22 @@ export const ProductMonitorColumns = [
     field: 'tag', title: '分 组', width: 'auto', align: 'center',
     slots: { default: 'tag' }
   },
+  {
+    field: 'score', title: '子ASIN计算评分', width: 'auto', align: 'center', sortable: true,
+    slots: { default: 'score' }
+  },
+  {
+    field: 'all_score', title: '亚马逊显示评分', width: 'auto', align: 'center', sortable: true,
+    slots: { default: 'all_score' }
+  },
+  {
+    field: 'stars', title: '子ASIN星级分布', width: 'auto', headerAlign: 'center', align: 'center',
+    slots: { default: 'stars' }
+  },
+  {
+    field: 'all_stars', title: '亚马逊星级分布', width: 'auto', headerAlign: 'center', align: 'center',
+    slots: { default: 'all_stars' }
+  },
   {
     field: 'price_info', title: '价 格',  width: 'auto', headerAlign: 'center', align: 'left',
     slots: { default: 'price_info' }
@@ -128,22 +144,7 @@ export const ProductMonitorColumns = [
     field: 'all_reviews', title: '亚马逊显示评论人数', width: 'auto', align: 'center', sortable: true,
     slots: { default: 'all_reviews' }
   },
-  {
-    field: 'score', title: '子ASIN计算评分', width: 'auto', align: 'center', sortable: true,
-    slots: { default: 'score' }
-  },
-  {
-    field: 'all_score', title: '亚马逊显示评分', width: 'auto', align: 'center', sortable: true,
-    slots: { default: 'all_score' }
-  },
-  {
-    field: 'stars', title: '子ASIN星级分布', width: 'auto', headerAlign: 'center', align: 'center',
-    slots: { default: 'stars' }
-  },
-  {
-    field: 'all_stars', title: '亚马逊星级分布', width: 'auto', headerAlign: 'center', align: 'center',
-    slots: { default: 'all_stars' }
-  },
+
   {
     field: 'launch_date', title: '上架日期', width: 'auto', align: 'center', sortable: true,
     slots: { default: 'launch_date' }
@@ -192,6 +193,22 @@ export const CompetitorMonitorColumns = [
     field: 'tag', title: '分 组', width: 'auto', align: 'center',
     slots: { default: 'tag' }
   },
+  {
+    field: 'score', title: '子ASIN计算评分', width: 'auto', align: 'center', sortable: true,
+    slots: { default: 'score' }
+  },
+  {
+    field: 'all_score', title: '亚马逊显示评分', width: 'auto', align: 'center', sortable: true,
+    slots: { default: 'all_score' }
+  },
+  {
+    field: 'stars', title: '子ASIN星级分布', width: 'auto', headerAlign: 'center', align: 'center',
+    slots: { default: 'stars' }
+  },
+  {
+    field: 'all_stars', title: '亚马逊星级分布', width: 'auto', headerAlign: 'center', align: 'center',
+    slots: { default: 'all_stars' }
+  },
   {
     field: 'price_info', title: '价 格',  width: 'auto', headerAlign: 'center', align: 'left',
     slots: { default: 'price_info' }
@@ -212,22 +229,6 @@ export const CompetitorMonitorColumns = [
     field: 'all_reviews', title: '亚马逊显示评论人数', width: 'auto', align: 'center', sortable: true,
     slots: { default: 'all_reviews' }
   },
-  {
-    field: 'score', title: '子ASIN计算评分', width: 'auto', align: 'center', sortable: true,
-    slots: { default: 'score' }
-  },
-  {
-    field: 'all_score', title: '亚马逊显示评分', width: 'auto', align: 'center', sortable: true,
-    slots: { default: 'all_score' }
-  },
-  {
-    field: 'stars', title: '子ASIN星级分布', width: 'auto', headerAlign: 'center', align: 'center',
-    slots: { default: 'stars' }
-  },
-  {
-    field: 'all_stars', title: '亚马逊星级分布', width: 'auto', headerAlign: 'center', align: 'center',
-    slots: { default: 'all_stars' }
-  },
   {
     field: 'launch_date', title: '上架日期', width: 'auto', align: 'center', sortable: true,
     slots: { default: 'launch_date' }

src/views/product-manage/product-list/component/ProductInfo.vue

@@ -23,7 +23,7 @@ const props = defineProps({
     default: false
   }
 });
-
+console.log('props.item=> ', props.item);
 </script>
 
 <template>
@@ -52,16 +52,25 @@ const props = defineProps({
       <el-tooltip :content="item.title" :disabled="showTitleTooltip" :show-after="300" effect="dark"
                   placement="top-start">
         <el-link :href=item.url :underline="false" target="_blank" type="primary">
-          <span class="line-clamp-2 text-ellipsis whitespace-normal">{{ item.title ?? '--' }}</span>
+          <span class="line-clamp-1 text-ellipsis whitespace-normal">{{ item.title || '--' }}</span>
         </el-link>
       </el-tooltip>
-      <div class="flex justify-between">
-        <span>
-          {{ item.asin }}
-        </span>
-        <p v-show="displaySKU" class="m-0 p-0">
-          {{ item.sku }}
+      <div>
+        <p>
+          ASIN:
+          <span style="color: #1d2129;">
+            {{ item.asin || '--' }}
+          </span>
+          
         </p>
+        <el-tooltip :content="item.sku" class="">
+          <p class="m-0 p-0 line-clamp-1 text-ellipsis"> 
+            SKU: 
+            <span style="color: #1d2129;">
+              {{ item.sku || '--' }} 
+            </span>
+          </p>
+        </el-tooltip>
       </div>
     </div>
   </div>

src/views/sku-manage/Columns.ts

@@ -1,19 +1,19 @@
 export const AttributeColumns = [
   { type: 'seq', title: 'No.', width: 60, align: 'center', fixed: 'left' },
   {
-    field: 'name', title: '属性名称', minWidth: 'auto', align: 'center', fixed: 'left',
+    field: 'name', title: '属性名称', align: 'center', fixed: 'left',
     slots: { default: 'name' }
   },
   {
-    field: 'key', title: '属性标识', minWidth: 'auto', align: 'center',
+    field: 'key', title: '属性标识', align: 'center',
     slots: { default: 'key' }
   },
   {
-    field: 'update_datetime', title: '更新时间', minWidth: 'auto', align: 'center',
+    field: 'update_datetime', title: '更新时间', width: 180, align: 'center',
     slots: { default: 'update_datetime' }
   },
   {
-    field: 'create_datetime', title: '创建时间', minWidth: 'auto', align: 'center',
+    field: 'create_datetime', title: '创建时间', width: 180, align: 'center',
     slots: { default: 'create_datetime' }
   },
   {
@@ -28,10 +28,10 @@ export const ProductBrandColumns = [
     slots: { default: 'brand_name' }
   },
   {
-    field: 'update_datetime', title: '更新时间', align: 'center',
+    field: 'update_datetime', title: '更新时间', width: 180, align: 'center',
     slots: { default: 'update_datetime' }
   },
-  { field: 'create_datetime', title: '创建时间',  align: 'center', slots: { default: 'create_datetime' } },
+  { field: 'create_datetime', title: '创建时间', width: 180,  align: 'center', slots: { default: 'create_datetime' } },
   {
     field: 'operate', title: '操 作', align: 'center', fixed: 'right',
     slots: { default: 'operate' }

src/views/sku-manage/product-attribute/component/DataTable.vue

@@ -59,7 +59,7 @@ const gridOptions: any = reactive({
     isHover: true
   },
   columnConfig: {
-    resizable: true
+    // resizable: true
   },
   pagerConfig: {
     total: tableOptions.value.total,

src/views/sku-manage/product-category/component/DataTable.vue

@@ -50,7 +50,7 @@ const gridOptions: any = reactive({
     isHover: true
   },
   columnConfig: {
-    resizable: true
+    // resizable: true
   },
   pagerConfig: {
     total: tableOptions.value.total,

src/views/store-manage/Columns.ts

@@ -1,31 +1,31 @@
 export const MarketStoreColumns = [
   { type: 'seq', title: 'No.', width: 60, align: 'center', fixed: 'left' },
   {
-    field: 'platform_number', title: '平台编号', minWidth: 'auto', align: 'center',
+    field: 'platform_number', title: '平台编号', align: 'center',
     slots: { default: 'platform_number' }
   },
   {
-    field: 'name', title: '店 铺', minWidth: 'auto', align: 'center',
+    field: 'name', title: '店 铺', align: 'center',
     slots: { default: 'name' }
   },
   {
-    field: 'seller', title: '卖家ID', minWidth: 'auto', align: 'center',
+    field: 'seller', title: '卖家ID', align: 'center',
     slots: { default: 'seller' }
   },
   {
-    field: 'region', title: '站 点', width: 'auto', align: 'center',
+    field: 'region', title: '站 点', align: 'center',
     slots: { default: 'region' }
   },
   {
-    field: 'country_code', title: '国 家', width: 'auto', align: 'center',
+    field: 'country_code', title: '国 家', align: 'center',
     slots: { default: 'country_code' }
   },
   {
-    field: 'marketplace_id', title: '市场ID', minWidth: 'auto', align: 'center',
+    field: 'marketplace_id', title: '市场ID', align: 'center',
     slots: { default: 'marketplace_id' }
   },
   {
-    field: 'create_datetime', title: '创建时间', minWidth: 'auto', align: 'center',
+    field: 'create_datetime', title: '创建时间', width: 180, align: 'center',
     slots: { default: 'create_datetime' }
   }
 ];

src/views/store-manage/market-store/component/DataTable.vue

@@ -48,7 +48,7 @@ const gridOptions: any = reactive({
     isHover: true
   },
   columnConfig: {
-    resizable: true
+    // resizable: true
   },
   pagerConfig: {
     total: tableOptions.value.total,