jufubao-base 1.0.174-beta7 → 1.0.174-beta9

package/package.json

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

package/src/components/JfbBaseTfkSearch/ContentProduct.vue

@@ -10,7 +10,9 @@
         borderRadius: borderRadius + 'rpx',
       }"
     >
-      <image :src="imageUrl" :alt="item['product_name']"></image>
+      <image v-if="errorStatus" :src="errorImage" :alt="item['product_name']" ></image>
+      <image v-if="!errorStatus" :src="imageUrl" :alt="item['product_name']" @error="handleError()"></image>
+      <xd-product-status :status="item.status"></xd-product-status>
     </view>
     <view class="prodcut-content" :style="{marginTop:cell === 1? 0: (outSpacing + 'rpx') }">
       <view class="prodcut-content-info">
@@ -64,13 +66,15 @@
 import handleKeyword from "./handleKeyword";
 import getServiceUrl from "@/common/getServiceUrl";
 import XdFontIcon from "@/components/XdFontIcon/XdFontIcon.vue";
+import XdProductStatus from "@/components/XdProductStatus/XdProductStatus";
 import XdUnit from "@/components/XdUnit/XdUnit.vue";
 
 export default {
   name: "ContentProduct",
   components:{
     XdFontIcon,
-    XdUnit
+    XdUnit,
+    XdProductStatus
   },
   props:{
     keyword:{
@@ -153,7 +157,9 @@ export default {
   data(){
     return {
       tagObj: null,
-      tagObjColor: null
+      tagObjColor: null,
+      errorStatus: false,
+      errorImage:'https://img0.jufubao.cn/common/empty/product.png?v1=1',
     }
   },
   created() {
@@ -161,10 +167,11 @@ export default {
     this.tagObjColor = this.$colorConfig.productTagsColor;
   },
   methods:{
+    handleError(){
+      this.errorStatus = true;
+    },
     handleDetail(){
-      if(this.item.status === 'ok') {
-        this.$emit('on-product-detail', this.item);
-      }
+      this.$emit('on-product-detail', this.item);
     }
   }
 }
@@ -182,6 +189,7 @@ export default {
 
       .prodcut-image {
         flex-shrink: 0;
+        position: relative;
       }
 
       .prodcut-content {
@@ -304,9 +312,11 @@ export default {
         flex-flow: wrap;
 
         &.showTwo {
-          &:nth-child(4),&:nth-child(5),&:nth-child(6){
-            margin-top: 8rpx;
-          }
+         & > view{
+           &:nth-child(4),&:nth-child(5),&:nth-child(6){
+             margin-top: 8rpx;
+           }
+         }
         }
         & > view {
           padding: 0 14rpx;

package/src/components/JfbBaseTfkSearch/ContentShop.vue

@@ -1,7 +1,8 @@
 <template>
   <view  class="content-item" @click="handleDetail(item)">
     <view class="content-item-image" :style="{marginRight:outSpacing+'rpx',borderRadius:borderRadius+'rpx'}">
-      <image :src="imageUrl" :alt="item['resource_shop_name']"></image>
+      <image v-if="errorStatus" :src="errorImage" :alt="item['resource_shop_name']" ></image>
+      <image v-if="!errorStatus" :src="imageUrl+1" :alt="item['resource_shop_name']" @error="handleError()"></image>
     </view>
     <view class="content-item-cont">
       <view class="title">
@@ -77,11 +78,20 @@ export default {
       return `${sy}${this.item.address}`;
     },
   },
+  data(){
+    return {
+      errorStatus: false,
+      errorImage:'https://img0.jufubao.cn/common/empty/shop.png?v1=1',
+    }
+  },
   created() {
     // console.log(this.item)
     // debugger
   },
   methods:{
+    handleError(){
+      this.errorStatus = true;
+    },
     handleJhd(item){
       this.$emit('on-shop-jhd',item);
     },

package/src/components/JfbBaseTfkSearch/JfbBaseTfkSearch.vue

@@ -92,9 +92,11 @@
       componentsMixins, extsMixins, JfbBaseTfkSearchMixin,listMixins
     ],
     data() {
+      let keyword = ''
+      if(this.$configProject['isPreview']) keyword = '商品'
       return {
         tabId: 'all', //cinema/film/shop/product
-        keyword: '',
+        keyword: keyword,
         options:{},
         menuList: [],
         //公共样式
@@ -223,7 +225,7 @@
       },
     },
     created() {
-      if(this.$configProject['isPreview']) this.keyword = '商品'
+
       this.emitParent = new EmitParent({
         getParent: ()=>{
           return this;
@@ -303,7 +305,6 @@
 
         if(this.$configProject['isPreview']){
           this.menuList = this.searchScope;
-          this.keyword = "搜索关键字";
           this.isPreview = true;
         }
       },