From 62b4a1cc374682844e2f9c644a599e8a4c0a61b8 Mon Sep 17 00:00:00 2001
From: zhaochencheng <zccbbg@qq.com>
Date: Tue, 3 Jan 2023 14:23:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=93=81=E7=89=8C=E3=80=81=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BC=98=E5=8C=96=EF=BC=8C=E4=BC=A0=E5=87=BA?=
 =?UTF-8?q?=E5=93=81=E7=89=8C=E5=90=8D=E7=A7=B0=E5=92=8C=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/BrandSelect.vue           | 12 +++++++++++-
 src/views/components/ProductCategorySelect.vue |  8 ++++++++
 src/views/pms/product/AddProduct.vue           | 16 ++++++++++++++--
 3 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/src/views/components/BrandSelect.vue b/src/views/components/BrandSelect.vue
index 8d803c2..8ce6046 100644
--- a/src/views/components/BrandSelect.vue
+++ b/src/views/components/BrandSelect.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-select v-model="value1" placeholder="选择品牌">
+  <el-select v-model="value1" placeholder="选择品牌" ref="brandSelect" @change="handleBrandChange">
     <el-option v-for="it in options" :key="it.id" :value="it.id" :label="it.name">{{it.name}}</el-option>
   </el-select>
 </template>
@@ -24,6 +24,16 @@ export default {
       return this.brandList
     }
   },
+  methods:{
+    handleBrandChange (id) {
+      if (this.value1) {       
+        let brand=this.brandList.find(item=>{
+          return item.id==id
+        })
+        this.$emit('change', brand.name);
+      }
+    },
+  },
   created() {
     this.$store.dispatch('mall/loadBrandList')
   }
diff --git a/src/views/components/ProductCategorySelect.vue b/src/views/components/ProductCategorySelect.vue
index 301e7f4..de91645 100644
--- a/src/views/components/ProductCategorySelect.vue
+++ b/src/views/components/ProductCategorySelect.vue
@@ -1,5 +1,7 @@
 <template>
   <el-cascader
+    ref="cascaderMallCatergory"
+    @change="handleMallCatergoryChange"
     v-model="value1"
     :options="menuOptions"
     v-bind="$props"
@@ -34,6 +36,12 @@ export default {
     }
   },
   methods: {
+    handleMallCatergoryChange () {
+      if (this.value1 && this.value1.length != 0) {       
+        let arr = this.$refs['cascaderMallCatergory'].getCheckedNodes()[0].pathLabels
+        this.$emit('change', arr);
+      }
+    },
     recurs(list){
       list.forEach(it => {
         it.label = it.name
diff --git a/src/views/pms/product/AddProduct.vue b/src/views/pms/product/AddProduct.vue
index 356bca7..8796ed9 100644
--- a/src/views/pms/product/AddProduct.vue
+++ b/src/views/pms/product/AddProduct.vue
@@ -12,10 +12,10 @@
           <el-input v-model="form.outProductId" placeholder="请输入商品编码"></el-input>
         </el-form-item>
         <el-form-item label="品牌" prop="brandId">
-          <brand-select v-model="form.brandId"></brand-select>
+          <brand-select v-model="form.brandId" @change="onBrandChange"></brand-select>
         </el-form-item>
         <el-form-item label="分类" prop="categoryId">
-          <product-category-select class="w200" v-model="form.categoryId"></product-category-select>
+          <product-category-select class="w200" v-model="form.categoryId" @change="categoryChange"></product-category-select>
         </el-form-item>
         <el-form-item label="上架状态">
           <DictRadio v-model="form.publishStatus" size="small"
@@ -199,6 +199,18 @@ export default {
       this.form.productAttr = JSON.stringify(this.productAttr)
       this.skuList= skus
     },
+    categoryChange(value){
+      if(Array.isArray(value)){
+        console.log(value.toString())
+        this.form.productCategoryName=value.toString()
+      }else{
+        this.form.productCategoryName=null
+      }
+      
+    },
+    onBrandChange(value){
+      this.form.brandName = value
+    },
     getInfo(id) {
       getPmsProduct(id).then(response => {
         const {albumPics } = response