完善商品详情页面

src/views/detail/index.vue

@@ -21,7 +21,7 @@
 
     <Description :description="description" />
 
-    <Sku v-if="isSkuShow" :skuData="skuData" :goods="skuGoods" :initialSku="initialSku" @initSku="initSku($event)" @initSkuNum="stockNum = $event" v-model="isSkuShow" />
+    <Sku v-if="isSkuShow" :skuData="skuData" :goods="skuGoods" :initialSku="initialSku" @initSku="initSku($event)" @initSkuNum="initSkuNum($event)" v-model="isSkuShow" />
 
     <Tabbar @input="isSkuShow = $event" />
     <back-top />
@@ -111,7 +111,27 @@ export default {
       }
     },
     initSku($event) {
-      this.initialSku[$event.skuKeyStr] = $event.id
+      const skuValue = $event.skuValue
+      const selectedSku = $event.selectedSku
+      for (const key in selectedSku) {
+        this.initialSku[key] = selectedSku[key]
+        if (selectedSku[key] && skuValue.skuKeyStr === key) {
+          this.initialSku[key + 'name'] = skuValue.name
+        } else if (skuValue.skuKeyStr === key) {
+          this.initialSku[key + 'name'] = ''
+        }
+      }
+      const nameArr = []
+      for (const key in this.initialSku) {
+        if (key.indexOf('name') > 0 && this.initialSku[key]) {
+          nameArr.push(this.initialSku[key])
+        }
+      }
+      this.name = nameArr.join('，')
+    },
+    initSkuNum($event) {
+      this.stockNum = $event
+      this.initialSku.selectedNum = $event
     },
     setSkuTree() {
       const specifications = []

src/views/detail/modules/Sku.vue

@@ -45,7 +45,7 @@ export default {
       this.$emit('input', false)
     },
     onSkuSelected({ skuValue, selectedSku, selectedSkuComb }) {
-      this.$emit('initSku', skuValue)
+      this.$emit('initSku', { skuValue, selectedSku })
     },
     onStepperChange(num) {
       this.$emit('initSkuNum', num)

vue.config.js

@@ -15,7 +15,7 @@ module.exports = {
   lintOnSave: process.env.NODE_ENV === 'development',
   productionSourceMap: false,
   devServer: {
-    port: 8088,
+    port: 8099,
     open: true,
     overlay: {
       warnings: false,