jufubao-base 1.0.169-beta6 → 1.0.169-beta8

package/src/components/JfbBaseTfkSearch/SkeletonProduct.vue

@@ -5,18 +5,26 @@
       <view class="content">
         <view class="top">
           <view class="title skeleton-item"></view>
-          <view class="brand skeleton-item"></view>
-          <view class="tags skeleton-item"></view>
+          <view class="brand skeleton-item" v-if="productConfig.is_show_brand==='Y'"></view>
+          <view class="tags">
+            <view  class="skeleton-item" v-if="productConfig.showActivityPrice==='Y'"></view>
+            <template v-if="productConfig.isShowTag==='Y'">
+              <view class="skeleton-item"></view>
+              <view class="skeleton-item"></view>
+              <view class="skeleton-item"></view>
+            </template>
+          </view>
         </view>
         <view class="bottom">
-          <view class="price skeleton-item"></view>
-          <view class="orgPrice skeleton-item"></view>
-          <view class="cart skeleton-item"></view>
+          <view class="price skeleton-item" v-if="productConfig.isPrice==='Y'"></view>
+          <view class="orgPrice skeleton-item" v-if="productConfig.isPrice==='Y' && productConfig.isShowDiscount === 'Y'"></view>
+          <view class="cart">
+            <view class="skeleton-item" v-if="productConfig.isAddCart === 'Y'"></view>
+          </view>
         </view>
       </view>
     </template>
     <template v-if="cell===2">
-
     </template>
   </view>
 </template>
@@ -66,19 +74,44 @@ export default {
 
         & .title {
           .skeleton-item(100%, 60rpx);
+
+        }
+
+        & .brand {
+          margin-top: 10rpx;
+          .skeleton-item(70%, 25rpx);
+        }
+
+        .tags {
+          display: flex;
+          justify-content: flex-start;
+          align-items: center;
+          flex-flow: wrap;
+          margin-top: 10rpx;
+
+          & > view {
+            .skeleton-item(80rpx, 30rpx);
+            margin-left: 10rpx;
+            &:first-child {
+              margin-left: 0;
+              width: 120rpx;
+            }
+          }
         }
       }
+
       .bottom {
         display: flex;
-        justify-content: flex-start;
+        justify-content: flex-end;
         align-content: center;
         align-items: center;
         width: 100%;
-        height: 60rpx;
+        height: 40rpx;
+        margin-top: 20rpx;
 
         & .price {
           flex-shrink: 0;
-          .skeleton-item(100rpx, 35rpx);
+          .skeleton-item(120rpx, 35rpx);
         }
 
         & .orgPrice {
@@ -86,81 +119,19 @@ export default {
           margin-left: 20rpx;
           .skeleton-item(130rpx, 20rpx);
         }
-      }
-    }
-  }
 
-
-
-  //影片列表骨架
-  &-image {
-    .skeleton-item(160rpx, 240rpx);
-    flex-shrink: 0;
-    margin-right: 20rpx;
-  }
-
-  &-title {
-    flex: 1;
-
-    .title {
-      .skeleton-item(100%, 50rpx);
-      margin-bottom: 20rpx;
-    }
-
-    .director,.star,.type  {
-      .skeleton-item(100%, 40rpx);
-      margin-bottom: 10rpx;
-    }
-  }
-
-  &-btn {
-    display: flex;
-    align-content: space-between;
-    align-items: flex-end;
-    justify-content: flex-end;
-    flex-flow: wrap;
-    height: 100%;
-    box-sizing: border-box;
-    padding: 10rpx 0;
-    width: 130rpx;
-    flex-shrink: 0;
-
-    & > .score {
-      .skeleton-item(100rpx, 40rpx);
-    }
-    & > .btn {
-      .skeleton-item(130rpx, 60rpx);
+        & .cart {
+          flex: 1;
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+          & > view {
+            .skeleton-item(40rpx, 40rpx);
+          }
+        }
+      }
     }
   }
 
-  &:last-child {
-    margin-bottom: 0!important;
-  }
-
-  //影院列表骨架
-  &.list {
-    display: block;
-  }
-  & > .title {
-    .skeleton-item(100%, 60rpx);
-    margin-bottom: 20rpx;
-  }
-  & > .address {
-    .skeleton-item(100%, 40rpx);
-    margin-bottom: 20rpx;
-  }
-  & > .bottom {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding-top: 30rpx;
-
-    & > .local {
-      .skeleton-item(120rpx, 30rpx);
-    }
-    & > .btn {
-      .skeleton-item(150rpx, 70rpx);
-    }
-  }
 }
 </style>

package/src/components/JfbBaseTfkSearch/handleKeyword.js

@@ -0,0 +1,24 @@
+'use strict';
+
+export default ($vm, str , keyword='', options={})=>{
+  if(keyword === '') return  str;
+  try {
+    let __option = {
+      tag: 'text',
+      color: 'red',
+      weight: '500',
+    };
+    if ($vm.$xdUniHelper.checkVarType(keyword) === 'array') {
+      keyword = keyword.join('|');
+    } else if ($vm.$xdUniHelper.checkVarType(keyword) === 'string') {
+      keyword = keyword.trim();
+    }
+    let opt = Object.assign({}, __option, options);
+    let reg = new RegExp(`(${keyword})`, 'ig');
+    return str.replace(reg, `<${opt.tag} style="color:${opt.color};font-weight: ${opt.weight}">$1</${opt.tag}>`);
+  } catch (e) {
+    console.error(e)
+    return str;
+  }
+}
+

package/src/components/JfbBaseTfkSearch/listMixins.js

@@ -22,6 +22,7 @@ export default {
 
   },
   methods:{
+
     cusInit(container){
       this.isShowExchange = getContainerPropsValue(container, 'content.isShowExchange', 'N');
 
@@ -71,6 +72,76 @@ export default {
       this.$refs['customList']['onCusReloadList'](this.options)
     },
     //通信相关================
+
+    //cinema/film/shop/product
+
+    //影片列表事件
+    handleFilmDetail(film_id,film){
+      // console.warn(`toFilmInfo(影片详情).${film_id}`)
+      // if(!this.fimeDetailPath) {
+      //   console.error('未配置链接');
+      //   return;
+      // }
+      // if( this.isPreview) return;
+      // this.$xdUniHelper.navigateTo({
+      //   url: this.fimeDetailPath + `?film_id=${film_id}`
+      // })
+    },
+    handleBuy(film_id,film){
+      // console.warn(`toBuyChooseCinema(选择影院).${film_id}`)
+      // if(!this.buyPath) {
+      //   console.error('未配置链接');
+      //   return;
+      // }
+      // if( this.isPreview) return;
+      // this.$xdUniHelper.navigateTo({
+      //   url: this.buyPath + `?film_id=${film_id}`
+      // })
+    },
+    //影片列表事件
+
+    //影院列表事件
+    handleSchedule(item, cinema){
+      // console.warn(`handleSchedule(选择排期).${item.cinema_id}`)
+      // if(!this.onlinePath) {
+      //   console.error('未配置链接');
+      //   return;
+      // }
+      // if( this.isPreview) return;
+      // this.$xdUniHelper.navigateTo({
+      //   url: this.onlinePath + `?cinema_id=${item.cinema_id}`,
+      // });
+    },
+    handleCodeDetail(item, cinema){
+      // console.warn(`handleCodeDetail(选择电子码列表).${item.cinema_id}`)
+      // if(!this.codePath) {
+      //   console.error('未配置链接');
+      //   return;
+      // }
+      // if( this.isPreview) return;
+      // this.$xdUniHelper.navigateTo({
+      //   url: this.codePath + `?cinema_id=${item.cinema_id}`,
+      // });
+    },
+    handleCashierDetail(item, cinema){
+      //todo
+    },
+    //影院列表事件
+
+    //门店列表事件
+    handleShopJhd(item, shop){
+       debugger
+    },
+    handleShopDetail(item, shop){
+      debugger
+    },
+    //门店列表事件
+
+    //商品链接事件
+    handleProductDetail(item, product){
+      debugger
+    }
+    //商品链接事件
   },
 }