✨ 商品详情：SKU 的选择完善

pages/goods/components/detail/detail-cell-sku.vue

@@ -1,10 +1,10 @@
 <template>
-  <detail-cell v-if="skus.length > 0" label="选择" :value="value"></detail-cell>
+  <!-- SKU 选择的提示框 -->
+  <detail-cell label="选择" :value="value" />
 </template>
 
 <script setup>
   import { computed } from 'vue';
-
   import detailCell from './detail-cell.vue';
 
   const props = defineProps({
@@ -14,22 +14,18 @@
         return [];
       },
     },
-    skus: {
-      type: Array,
-      default() {
-        return [];
-      },
-    },
+    sku: {
+      type: Object
+    }
   });
   const value = computed(() => {
-    let str = '';
-    if (props.modelValue.length > 0) {
-      props.modelValue.forEach((item, index) => {
-        str += props.skus[index].name + ':' + item + ' ';
-      });
-    } else {
-      str = '请选择商品规格';
+    if (!props.sku.id) {
+      return '请选择商品规格';
     }
+    let str = '';
+    props.sku.properties.forEach(property => {
+      str += property.propertyName + ':' + property.valueName + ' ';
+    });
     return str;
   });
 </script>