jufubao-base 1.0.169-beta11 → 1.0.169-beta12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-base",
-  "version": "1.0.169-beta11",
+  "version": "1.0.169-beta12",
   "private": false,
   "description": "聚福宝业务组件基础插件包",
   "main": "index.js",

package/src/components/JfbBaseTfkSearch/AllList.vue

@@ -4,7 +4,7 @@
       :style="moduleItemStyle"
     >
       <view class="module_title" :style="moduleItemTitleStyle">{{ parent.name }}</view>
-      <view class="module_cont">
+      <view v-if="parent.type !== 'product'" class="module_cont">
         <view v-for="(item, i) in parent.items" :key="i">
           <content-cinema v-if="parent.type === 'cinema'"
             style="width: 100%; height: 100%"
@@ -45,16 +45,26 @@
             @on-shop-detail="(shop)=>{$parentVm.handleShopDetail(shop,parent)}"
           ></content-shop>
 
+        </view>
+      </view>
+      <view v-else class="module_cont product_wrap">
+        <view v-for="(item, i) in parent.items" :key="i"
+          :style="{
+            width: getProductCell(parent.tab) == 2 ? (outItemProduct + 'rpx'): '100%',
+            marginBottom: $parentVm.outSpacing + 'rpx',
+          }"
+        >
           <content-product v-if="parent.type === 'product'"
             style="width: 100%; height: 100%"
             :keyword="keyword"
             :item="item"
+            :height="outItemProduct"
             :product-config="$parentVm.productConfig"
             :out-spacing="$parentVm.outSpacing"
             :color="$parentVm.mainColor"
             :brand-color="$parentVm.brandColor"
             :border-radius="$parentVm.imgRradius"
-            :cell="1"
+            :cell="getProductCell(parent.tab)"
             @on-product-detail="(product)=>{$parentVm.handleProductDetail(product,parent)}"
           ></content-product>
         </view>
@@ -138,6 +148,12 @@
         }
         return this.styleObjectToString(style);
       },
+      outItemProduct(){
+        //获取每列元素最大宽度
+        let num = (750 - 3 * Number(this.$parentVm.outSpacing))/2;
+        num = num - this.$parentVm.checkValue(this.$parentVm.contMargin.right, 20) - this.$parentVm.checkValue(this.$parentVm.contMargin.left, 20);
+        return num - this.$parentVm.contBorderWidth * 2
+      },
     },
     watch: {
       keyword(){
@@ -162,6 +178,10 @@
       this.getList();
     },
     methods: {
+      getProductCell(str){
+        let cellNum = str.split("@")[3] || 1;
+        return Number(cellNum);
+      },
       getParentMV(){
         this.$emit('on-parent-vm', ($vm)=>{
           this.$parentVm = $vm;
@@ -187,7 +207,7 @@
         this.$emit('on-list', {
           params: params,
           cb:(list)=>{
-            this.list = list;
+            this.list = list || [];
             this.$xdHideLoading();
           }
         })
@@ -211,6 +231,12 @@
     }
     .module_cont{
       padding: 20rpx 0;
+      
+      &.product_wrap{
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+      }
     }
     .module_more{
       display: flex;

package/src/components/JfbBaseTfkSearch/JfbBaseTfkSearch.vue

@@ -43,7 +43,7 @@
         <view v-if="!isPreview" style="height: 100rpx;"></view>
 
         <view class="tfk-search" :style="{padding: outSpacing + 'rpx'}">
-          <all-list v-if="!tabId"
+          <all-list v-if="tabId === 'all'"
             :keyword="keyword"
             @on-parent-vm="handleParentVm"
             @on-list="handleList"
@@ -91,7 +91,7 @@
     data() {
       return {
         hideMask: true,
-        tabId: '', //cinema/film/shop/product
+        tabId: 'all', //cinema/film/shop/product
         keyword: '',
         options:{},
         menuList: [],
@@ -198,7 +198,7 @@
        */
       handleList({params, cb}){
         let data = {...params};
-        if(this.tabId === ''){
+        if(this.tabId === 'all'){
           data['search_range'] = this.searchScope.map(item => item.value.split("@")[0]).join(',');
         }
 
@@ -206,7 +206,7 @@
           vm: this,
           data: data
         }).then(res => {
-          if(this.tabId === ''){
+          if(this.tabId === 'all'){
             if(!this.$configProject['isPreview']){
               this.menuList = res.tabs;
             }
@@ -216,10 +216,7 @@
             else cb(null)
           }
         }).catch((e)=>{
-            if(this.tabId === ''){
-              //todo
-            }
-            else  cb(null)
+          cb(null);
         })
       },
 
@@ -283,7 +280,7 @@
             duration: 0
           });
           this.keyword = data;
-          this.tabId = '';
+          this.tabId = 'all';
           this.$refs.searchHistory.addHistory(data);
         }
       },