jufubao-base 1.0.169-beta5 → 1.0.169-beta7

package/src/components/JfbBaseTfkSearch/SkeletonProduct.vue

@@ -1,10 +1,30 @@
 <template>
-  <view class="skeleton-wrap-item">
+  <view class="skeleton-wrap-item" :class="{display: cell===1}">
     <template v-if="cell===1">
-
+      <view class="image skeleton-item" :style="{marginRight:outSpacing + 'rpx'}"></view>
+      <view class="content">
+        <view class="top">
+          <view class="title 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" 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>
@@ -21,8 +41,9 @@ export default {
       type: Number|String,
       required: true
     },
-    productConfig(){
-
+    productConfig:{
+      type:Object|null,
+      default: null
     },
   }
 }
@@ -32,80 +53,85 @@ export default {
 
 <style scoped lang="less">
 .skeleton-wrap-item {
-  height: 240rpx;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  //影片列表骨架
-  &-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);
-    }
-  }
-
-  &:last-child {
-    margin-bottom: 0!important;
-  }
+  min-height: 200rpx;
 
-  //影院列表骨架
-  &.list {
-    display: block;
-  }
-  & > .title {
-    .skeleton-item(100%, 60rpx);
-    margin-bottom: 20rpx;
-  }
-  & > .address {
-    .skeleton-item(100%, 40rpx);
-    margin-bottom: 20rpx;
-  }
-  & > .bottom {
+  &.display {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding-top: 30rpx;
+    align-content: space-between;
 
-    & > .local {
-      .skeleton-item(120rpx, 30rpx);
+    & .image {
+      .skeleton-item(200rpx, 200rpx);
     }
-    & > .btn {
-      .skeleton-item(150rpx, 70rpx);
+
+    & .content {
+      flex: 1;
+      min-height: 200rpx;
+
+      .top {
+        height: 140rpx;
+
+        & .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-end;
+        align-content: center;
+        align-items: center;
+        width: 100%;
+        height: 40rpx;
+        margin-top: 20rpx;
+
+        & .price {
+          flex-shrink: 0;
+          .skeleton-item(120rpx, 35rpx);
+        }
+
+        & .orgPrice {
+          flex-shrink: 0;
+          margin-left: 20rpx;
+          .skeleton-item(130rpx, 20rpx);
+        }
+
+        & .cart {
+          flex: 1;
+          display: flex;
+          justify-content: flex-end;
+          align-items: center;
+          & > view {
+            .skeleton-item(40rpx, 40rpx);
+          }
+        }
+      }
     }
   }
+
 }
 </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
+    }
+    //商品链接事件
   },
 }