jufubao-mall 2.0.52 → 2.0.53-beta1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-mall",
-  "version": "2.0.52",
+  "version": "2.0.53-beta1",
   "private": false,
   "description": "聚福宝商城业务组件插件包",
   "main": "index.js",

package/src/components/JfbMallProductList/ComFilterQuery.vue

@@ -103,6 +103,16 @@
               </template>
             </view>
           </view>
+          <view class="filter_item" :style="[otherMenuContComp]">
+            <view class="filter_title">
+              <view>价格区间</view>
+            </view>
+            <view class="filter_tab">
+              <input type="digit" v-model.trim="startPrice" @blur="handlePriceBlur($event, 'start')" class="input_price" placeholder="最低价"></input>
+              <view class="divide_price">--</view>
+              <input type="digit" v-model.trim="endPrice" @blur="handlePriceBlur($event, 'end')" class="input_price" placeholder="最高价"></input>
+            </view>
+          </view>
         </view>
         <view class="bottom_btn" v-if="isShowBtn">
           <xd-button class="xd-button" type="info" width="248rpx" size="normal" @click="onOtherReset">重置</xd-button>
@@ -188,6 +198,12 @@ export default {
         return {}
       }
     },
+    priceRange: {
+      type: Array,
+      default(){
+        return ['','']
+      }
+    },
     //是否在筛选项过滤配置项
     filterFields:{
       type: Array,
@@ -368,7 +384,10 @@ export default {
     remoteList(){
       this.initFilterData()
     },
-
+    priceRange(arr){
+      this.startPrice = this.$xdUniHelper.divisionFloatNumber(arr[0], 100);
+      this.endPrice = this.$xdUniHelper.divisionFloatNumber(arr[1], 100);
+    }
   },
   data(){
     return {
@@ -390,6 +409,9 @@ export default {
       isShowBtn: false, //是单选还是多选
       filterTabs: [],//当前下拉菜单数据
       filterTabsOrg:[], //下拉菜单原始数据
+
+      startPrice: '',
+      endPrice: '',
     }
   },
   created() {
@@ -643,6 +665,25 @@ export default {
       this.update();
       this.closeQueryModal();
     },
+    // 价格输入格式化，保留两位小数
+    handlePriceBlur(e, type) {
+      const value = e.target.value;
+      if (!value) {
+        if (type === 'start') this.startPrice = '';
+        else this.endPrice = '';
+        return;
+      }
+      // 保留两位小数
+      const numValue = parseFloat(value);
+      if (!isNaN(numValue)) {
+        const formatted = numValue.toFixed(2);
+        if (type === 'start') this.startPrice = formatted;
+        else this.endPrice = formatted;
+      } else {
+        if (type === 'start') this.startPrice = '';
+        else this.endPrice = '';
+      }
+    },
     switchOtherOpen(tab){
       this.filterTabs = this.filterTabs.map(item => {
         if(JSON.stringify(tab.value) === JSON.stringify(item.value)) item['open'] = !item['open'];
@@ -739,6 +780,9 @@ export default {
     update(){
       let params = {};
       if(this.sort) params['sort'] = this.sort;
+      //价格单位为元，需要转换成分
+      if(this.startPrice) params['startPrice'] = this.$xdUniHelper.multiplyFloatNumber(this.startPrice, 100);
+      if(this.endPrice) params['endPrice'] = this.$xdUniHelper.multiplyFloatNumber(this.endPrice, 100);
       Object.keys(this.selectedNenuIds).map(key=>{
         if(key === 'filter') {
           if( this.selectedNenuIds[key].length > 0) params['filter_keys'] =  this.selectedNenuIds[key].join(',');
@@ -921,7 +965,21 @@ export default {
               }
             }
 
-
+            .input_price{
+              background-color: #f8f8f8;
+              width: 300rpx;
+              height: 62rpx;
+              border-radius: 4rpx;
+              flex: 1;
+              text-align: center;
+              font-size: 24rpx;
+            }
+            .divide_price{
+              width: 100rpx;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+            }
           }
 
         }

package/src/components/JfbMallProductList/JfbMallProductList.vue

@@ -82,6 +82,7 @@
             :filter-fields="isFilterMenuForFilterFields"
             :def-sort="sort"
             :def-remote="defMenuValue"
+            :price-range="[startPrice, endPrice]"
             @on-change="handleFitlerChange"
           ></com-filter-query>
         </template>
@@ -283,6 +284,8 @@
         trueCateId:'',//分类二级(用于是查询商品列表操作)
         defMenuValue:{}, //菜单选中
         menuSelectParams:null, //null|object null未初始化 object已初始化
+        startPrice: "",
+        endPrice: "",
         //==搜索条件=============
 
         //面板
@@ -486,6 +489,13 @@
         this.setNameSpace(options);
         this.options = options;
         let defMenuValue = {};
+        if(options.price){
+          let priceRange = options.price.split(',');
+          if(priceRange[0]) this.startPrice = this.$xdUniHelper.multiplyFloatNumber(priceRange[0], 100);
+          if(priceRange[1]) this.endPrice = this.$xdUniHelper.multiplyFloatNumber(priceRange[1], 100);
+        }
+        if(options.startPrice) this.startPrice = options.startPrice;
+        if( options.endPrice) this.endPrice = options.endPrice;
         if( options.keyword) this.keyword = options.keyword;
         if( options.pid) this.pid = Number(options.pid);
         if( options.cateId || options.cateid) this.cateId =  Number(options.cateId||options.cateid);
@@ -516,6 +526,8 @@
           page_token: this.page_token,
           page_size: this.page_size,
           need_show_tags: this.need_show_tags.join(),
+          start_price: this.startPrice,
+          end_price: this.endPrice
         }
 
         if(this.keyword) data['keyword'] = this.keyword;
@@ -1219,6 +1231,8 @@
         if(params['sort']) menuSelectParams['sort'] = params['sort'];
         if(params['delivery_method']) menuSelectParams['delivery_method'] = params['delivery_method'];
         if(params['filter_keys']) menuSelectParams['filter_keys'] = params['filter_keys'];
+        if(params['startPrice']) this.startPrice = params['startPrice'];
+        if(params['endPrice']) this.endPrice = params['endPrice'];
         this.menuSelectParams = menuSelectParams;
         console.log('getProductListParams',JSON.stringify(this.menuSelectParams));
         this.clearProductData(); //清除商品列表数据