xs-common-plugins 1.2.0 → 1.2.1

package/README.md

@@ -288,4 +288,8 @@
 ```
    1.2.0
    1. 项目增加多页签功能， 方便切换
+```
+```
+   1.2.1
+   1. 权益项目 渠道组件 商品组件修改
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xs-common-plugins",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "private": false,
   "description": "向上公共代码部分",
   "author": "祝玲云 <1902733517@qq.com>",

package/src/components/Search/index.vue

@@ -150,6 +150,10 @@
               <HKCascader v-model="inputValue[optionItem.fieldName]" :placeholder="optionItem.defaultValue"
                 :style="{ width: optionItem.itemWidth }" :optionItem="optionItem"></HKCascader>
             </el-form-item>
+            <el-form-item :label="optionItem.displayName" v-if="optionItem.component "
+              :style="{ width: optionItem.itemWidth }" class="dateRange">
+              <component :is="optionItem.component" v-model="inputValue[optionItem.fieldName]" :placeholder="optionItem.defaultValue" v-bind="optionItem" />
+            </el-form-item>
           </div>
 
           <el-form-item v-if="!!getBtnContentIsOut().length">
@@ -173,7 +177,7 @@
         </div>
         <slot name="search_custemBtn" />
         <!-- <div class="buttonBox">
-
+        
           <el-form-item v-if="!!getBtnContentIsOut().length">
             <el-dropdown
               trigger="click"

package/src/components/Search/product_option/index.vue

@@ -8,7 +8,7 @@
               <span class="title">商品品类</span>
             </div>
             <div class="body">
-              <el-radio-group class="product-type" v-model="selectedType" size="mini">
+              <el-radio-group class="product-type" v-model="selectedType" size="mini" @change="changeProductType">
                 <el-radio
                   v-for="typeItem in $enumList.EnumProductType"
                   :key="typeItem.Id"
@@ -391,13 +391,6 @@ export default {
   mixins: [MIX_VMODEL],
   components: {},
   watch: {
-    selectedType: {
-      handler(nVal) {
-        this.loadSource();
-      },
-      immediate: true
-    },
-
     selectedAreaCode: {
       handler(nVal) {
         console.log(nVal, "=====>");

package/src/components/Search/product_option/methods.js

@@ -7,7 +7,10 @@ export default {
   },
   mountedInit() {
   },
-
+  // 切换商品品类
+  changeProductType (value) {
+    this.loadSource();
+  },
   checkboxHandle(event, fieldName) {
     this.keys = []
     this.checkboxForm = {
@@ -36,12 +39,21 @@ export default {
       typeId: parseInt(this.selectedType)
     }).then(res => {
       if (res.data) {
-        this.areaCodeDicList = res.data.areaCodeDic
-        this.arsIdDicList = res.data.arsIdDic
-        this.denomIncList = res.data.denomInc
+        this.areaCodeDicList = res.data.areaCodeDic // 地区/种类列表
+        this.arsIdDicList = res.data.arsIdDic // 运营商类目列表
+        this.denomIncList = res.data.denomInc // 面值列表
       } else {
         this.areaCodeDicList = this.arsIdDicList = this.denomIncList = []
       }
+      let list = []
+      this.areaCodeDicList.forEach(item => { list.push([item.value]) });
+      this.selectedAreaCode = list // selectedAreaCode  地区/种类
+      this.selectedArsId = this.formatData(this.arsIdDicList)   // selectedArsId 运营商类目
+      this.selectedDenomInc = Object.values(this.denomIncList) // selectedDenomInc 面值
+      this.checkboxHandle()
     })
+  },
+  formatData (list) {
+    return list.map(item => item.value)
   }
 }