补充代码

src/stores/prod.js

@@ -18,24 +18,19 @@ export const scoreProdStore = defineStore('prod', {
     }
   },
   actions: {
-    // eslint-disable-next-line no-unused-vars
+    updateSkuTags (skuTags) {
-    updateSkuTags (state, skuTags) {
       this.skuTags = skuTags
     },
-    // eslint-disable-next-line no-unused-vars
+    addSkuTag (skuTag) {
-    addSkuTag (state, skuTag) {
       this.skuTags.push(skuTag)
     },
-    // eslint-disable-next-line no-unused-vars
+    removeSkuTag (tagIndex) {
-    removeSkuTag (state, tagIndex) {
       this.skuTags.splice(tagIndex, 1)
     },
-    // eslint-disable-next-line no-unused-vars
+    removeSkuTagItem ({ tagIndex, tagItemIndex }) {
-    removeSkuTagItem (state, { tagIndex, tagItemIndex }) {
       this.skuTags[tagIndex].tagItems.splice(tagItemIndex, 1)
     },
-    // eslint-disable-next-line no-unused-vars
+    addSkuTagItem ({ tagIndex, tagItem }) {
-    addSkuTagItem (state, { tagIndex, tagItem }) {
       this.skuTags[tagIndex].tagItems.push(tagItem)
     }
   }

src/views/modules/prod/prodInfo/components/sku-table.vue

@@ -142,7 +142,6 @@
 </template>
 
 <script setup>
-import PicUpload from '@/components/pic-upload'
 import { scoreProdStore } from '@/stores/prod.js'
 
 const props = defineProps({

src/views/modules/prod/prodInfo/components/sku-tag.vue

@@ -138,20 +138,7 @@ const skuTags = computed({
   set (val) { prod.updateSkuTags(val) }
 })
 
-/**
+const unUseTags = ref([])
- * 未使用的规格, 通过计算属性计算
- */
-const unUseTags = computed(() => {
-  const res = []
-  for (let i = 0; i < dbTags.length; i++) {
-    const dbTag = dbTags[i]
-    const specIndex = skuTags.value?.findIndex(tag => tag.tagName === dbTag.propName)
-    if (specIndex === -1) {
-      res.push(dbTag)
-    }
-  }
-  return res
-})
 
 const defalutSku = computed(() => {
   return prod.defalutSku
@@ -177,7 +164,7 @@ watch(() => skuTags.value,
       const properties = tagName + ':' + tagItemName.value
       // 增加或删除规格
       let tempSkuList = []
-      val.forEach(tag => {
+      val?.forEach(tag => {
         if (skuList.length === 0) {
           if (tagName === tag.tagName) {
             const sku = Object.assign({}, defalutSku.value)
@@ -220,7 +207,7 @@ watch(() => skuTags.value,
     } else {
       // 增加或删除规格
       let tempSkuList = []
-      val.forEach(tag => {
+      val?.forEach(tag => {
         if (skuList.length === 0) {
           tag.tagItems.forEach(tagItem => {
             const sku = Object.assign({}, defalutSku.value)
@@ -258,6 +245,15 @@ onMounted(() => {
       dbTags = data
       if (data) {
         maxPropId = Math.max.apply(Math, data.map(item => item.propId))
+        const res = []
+        for (let i = 0; i < dbTags.length; i++) {
+          const dbTag = dbTags[i]
+          const specIndex = skuTags.value?.findIndex(tag => tag.tagName === dbTag.propName)
+          if (specIndex === -1) {
+            res.push(dbTag)
+          }
+        }
+        unUseTags.value = res
       } else {
         maxPropId = 0
       }