功能分类多选

src/views/product/detailsPage.vue

@@ -395,8 +395,9 @@ export default {
             },
             {
                 label: "功能分类",
-                prop: "categoryitem",
+                prop: "categoryitemList",
                 type: "select",
+                multiple:true,
                 props: {
                     label: "cname",
                     value: "id"
@@ -652,6 +653,9 @@ export default {
       getDetails({ goodsId: id })
         .then(res => {
           this.form = res.data.data;
+          this.form.categoryitem
+          this.form.categoryitemList = this.form.categoryitem.split(',');
+
           this.data = res.data.data.stockGoodsList;
           this.filesList = res.data.data.filesList
 
@@ -714,6 +718,18 @@ export default {
         if (valid) {
           this.loadingBtn = true;
             console.log(this.form)
+          var categoryitem = '';
+          var categoryitemList = this.form.categoryitemList
+          for (let key in categoryitemList) {
+
+            if (categoryitemList.length - 1 != key) {
+              categoryitem += categoryitemList[key]
+              categoryitem += ','
+            } else {
+              categoryitem += categoryitemList[key]
+            }
+          }
+          this.form.categoryitem = categoryitem;
           submit({
             ...this.form,
             code: this.form.cname,