jufubao-mall 2.0.29-beta1 → 2.0.31

package/src/components/JfbMallSpecialProduct/JfbMallSpecialProduct.vue

@@ -29,38 +29,27 @@
           :style="{ marginBottom: rowMainSpacing + 'rpx', paddingBottom:mainEventSpacing + 'rpx' }"
           class="jfb-mall-special-product__body-list"
         >
-          <view
-            v-if="is_title === 'Y'"
-            :style="[titleStyle,{
+          <Title 
+            v-if="is_title === 'Y'&&initStatus" 
+            :title="Pitem.special_name" 
+            :moreName="moreName"
+            :wrapStyle="[{
               padding: titlePaddingComp,
               borderRadius:titleRradius +'rpx',
               boxShadow: titleShadow,
               border: titleBorder,
+              backgroundColor: titleStyle.backgroundColor,
+              backgroundImage: `url(${titleBg})` ,
+              backgroundRepeat: 'no-repeat',
+              backgroundSize: '100% 100%'
             }]"
-            @click="handleTo(Pitem)"
-            class="jfb-mall-special-product__body-list-title"
-          >
-            <view :style="[titleStyle]">{{ Pitem.special_name }}</view>
-            <view
-              v-if="isMore === 'Y'"
-              @click.stop="handleTo(Pitem)"
-              :style="{
-                boxShadow: moreShadow,
-                border: moreBorder,
-                borderRadius: moreRradius + 'rpx',
-                backgroundColor: moreBgColor,
-                color: moreColor,
-                fontSize: moreFontSize,
-                fontWeight: moreFontWeight,
-                padding: '0 .6rem',
-                lineHeight: '1.4rem'
-              }"
-              class="jfb-mall-special-product__body-list-title-more"
-            >
-              <text>{{moreName}}</text>
-              <xd-font-icon icon="iconxiangyou_xian" :size="24"></xd-font-icon>
-            </view>
-          </view>
+            :titleStyle="titleStyle"
+            :moreStyle="moreStyle"
+            :isMore="isMore==='Y'"
+            :key="titleKey"
+            :titleType="title_type"
+            @click.native="handleTo(Pitem)"
+          ></Title>
           <!--图片显示-->
           <view
             :style="{
@@ -128,13 +117,15 @@
                     :style="[itemProductStyles]"
                   >
                     <cus-product
+                      :column-one-layout="columnOneLayout"
                       :image-radius="itemImageRadius"
-                      :brand-color="itemBrandColor"
+                      :brand-color="brandStyleComp"
                       :height="itemProductImageHeight"
                       :cell="row_num"
                       :name-font="itemFont"
                       :product-config="productConfig"
                       :item="item"
+                      :color="mainColor"
                       :isPlus="is_plus_site"
                       :row-spacing="rowMainSpacing"
                       :cell-spacing="itemSpacing"
@@ -169,9 +160,8 @@
               enable-flex
               v-else
             >
-              <view class="prodcut-scroll-box">
+              <view class="prodcut-scroll-box" v-if="Pitem.products && Pitem.products.length">
                 <view
-                  v-if="Pitem.products && Pitem.products.length"
                   class="prodcut-scroll-item"
                   v-for="item in Pitem.products"
                   :key="item.id"
@@ -180,11 +170,12 @@
                   <cus-product
                     v-if="item.content_type === 'product'"
                     :image-radius="itemImageRadius"
-                    :brand-color="itemBrandColor"
+                    :brand-color="brandStyleComp"
                     :height="itemProductImageHeight"
                     :cell="row_num"
                     :name-font="itemFont"
                     :product-config="productConfig"
+                    :color="mainColor"
                     :item="item"
                     :isPlus="is_plus_site"
                     :row-spacing="rowMainSpacing"
@@ -218,15 +209,21 @@ import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
 import XdMore from "@/components/XdMore/XdMore";
 import { jfbRootExec } from "@/utils/xd.event";
 import JfbMallSpecialProductMixin from "./JfbMallSpecialProductMixin";
-import {getContainerPropsValue, getImageInfo, toProductDetail} from "@/utils/xd.base";
+import {getContainerPropsValue, getImageInfo, toProductDetail,gCPVal} from "@/utils/xd.base";
 import componentsMixins from "@/mixins/componentsMixins";
 import extsMixins from "@/mixins/extsMixins";
+import productCompMixins from "@/mixins/productCompMixins";
 import getServiceUrl from "@/common/getServiceUrl";
 import XdProductStatus from "@/components/XdProductStatus/XdProductStatus";
 import XdUnit from "@/components/XdUnit/XdUnit";
 import SkeProduct from "@/components/SkeProduct/SkeProduct.vue";
 import CusProduct from "@/components/CusProduct/CusProduct.vue";
 import XdVideo from "./XdVideo.vue";
+import Title from './components/title.vue'
+import {
+  statusShow,
+} from "@/utils/AttrTools";
+const Color = require('color');
 
 export default {
   name: "JfbMallSpecialProduct",
@@ -238,11 +235,13 @@ export default {
     XdMore,
     XdProductStatus,
     XdUnit,
+    Title
   },
   mixins: [
     componentsMixins,
     extsMixins,
     JfbMallSpecialProductMixin,
+    productCompMixins
   ],
   data() {
     return {
@@ -268,11 +267,6 @@ export default {
       showActivityPrice: "N",
       differ: 1,
       row_num: 2,
-      isShowTag: "Y",
-      is_show_brand: "N",
-      isShowDiscount: "Y",
-      isAddCart: "N",
-      isPrice: "Y",
       is_title: "Y",
       product_limit: 6,
       mainBgColor:'#f8f8f8',
@@ -287,7 +281,7 @@ export default {
       titleRradius:'0',
       titleBorder:0,
       titleShadow:0,
-
+      titleBg: '',
 
       //标题更多
       moreBgColor:'',
@@ -312,9 +306,14 @@ export default {
       itemBorder:0,
       itemShadow:0,
       itemShadowOrg:{},
-      itemBgColor:'#f8f8f8',
+      itemBgColor:'',
       itemFont: {},
-      is_plus_site: false
+      is_plus_site: false,
+
+      columnOneLayout: 'H', //V=垂直 H=水平
+      title_type: '',
+      titleKey: 'titleKey',
+      initStatus: false
     };
   },
   computed: {
@@ -398,7 +397,25 @@ export default {
         border: this.itemBorder,
         backgroundColor: this.itemBgColor,
       }
-    }
+    },
+     //品牌样式
+    brandStyleComp(){
+      return {
+        color: this.itemBrandColor,
+      }
+    },
+    moreStyle() {
+      return {
+        boxShadow: this.moreShadow,
+        border: this.moreBorder,
+        borderRadius: this.moreRradius + 'rpx',
+        backgroundColor: this.moreBgColor,
+        color: this.moreColor,
+        fontSize: this.moreFontSize,
+        fontWeight: this.moreFontWeight,
+        padding: '8rpx 20rpx',
+      }
+    },
   },
   watch: {
     container(value,oldValue) {
@@ -411,6 +428,21 @@ export default {
     product_limit(){
       if (this.$configProject['isPreview']) this.onJfbLoad(this.options)
     },
+    columnOneLayout(){
+      this.reHandlePoster()
+    },
+    row_num(){
+      this.reHandlePoster()
+    },
+    need_show_tags(value,oldValue) {
+      if(JSON.stringify(value) === JSON.stringify(oldValue)) return;
+      if (this.$configProject['isPreview']){
+        this.onJfbLoad(this.options)
+      }
+    },
+    title_type() {
+      this.titleKey = new Date().getTime();
+    }
   },
   created() {
     this.isPreview = this.$configProject.isPreview;
@@ -423,92 +455,133 @@ export default {
      * @param container {object} 业务组件对象自己
      */
     init(container) {
-      let showType = getContainerPropsValue(container,'content.showType', 'list');
+      let moreBackgeound = Color(this.mainColor).alpha(0.15).toString();
+      let titleStyleDefault = [{
+        color: '#333',
+        fontSize: '28rpx',
+        fontWeight: '500',
+        bgColor: 'rgba(255, 255, 255, 0)'
+      }]
+      //content
+      this.xnamespace = gCPVal(container, 'xnamespace', this.projectAttr.business_code, {});
+      this.is_title = gCPVal(container, "is_title", "Y");
+      let showType = gCPVal(container, "showType", "list");
       if(showType === 'carousel') showType = 'slide';
       this.showType = showType;
-
-      this.rowMainSpacing = Number(getContainerPropsValue(container, "content.rowMainSpacing", 20));
-      this.columnMainSpacing = Number(getContainerPropsValue(container, "content.columnMainSpacing", 16));
-      this.mainEventSpacing = Number(getContainerPropsValue(container, "content.mainEventSpacing", 0));
-      this.outMargin = getContainerPropsValue(container,'content.outMargin', {})
-      this.is_show_brand = getContainerPropsValue(container, "content.is_show_brand", "N");
-      this.is_title = getContainerPropsValue(container, "content.is_title", "Y");
-      this.isMore = getContainerPropsValue(container,'content.isMore' , 'Y')
-      this.row_num = Number(getContainerPropsValue(container, "content.row_num", 2));
+      this.isMore = gCPVal(container, "isMore", "Y");
+      this.moreName = gCPVal(container, "moreName", "更多");
+      let compConfig = getContainerPropsValue(container, "content.compConfig", null);
+      let tagsKeys= this.getProductTagsKeys(compConfig,container)
+      this.need_show_tags = this.getProductTagsParams(compConfig, tagsKeys)
+      this.productConfig = this.getProductConfig(container, { cartStyle: 'icongouwuche-01' });
+      let product_limit = Number(gCPVal(container, "product_limit", 6));
+      if(product_limit >=20) product_limit = 20;
+      this.product_limit = product_limit;
+      let row_num = gCPVal(container, 'row_num', 2);
+      this.row_num = row_num;
+      //一列水平
+      if (row_num === 1) { 
+        this.skeNumber = 6;
+        this.columnOneLayout = 'H';
+      } 
+      if (row_num === 2) { 
+        this.skeNumber = 4;
+      } 
+      if (row_num === 3) {
+        this.skeNumber = 5;
+        this.page_size = 21;
+      } else this.page_size = 20;
+       //一列垂直
+      if(row_num === 4) {
+        this.row_num = 1;
+        this.columnOneLayout = 'V'; 
+        this.skeNumber = 10;
+        this.page_size = 20;
+      }
       if(this.showType === 'slide') {
         this.row_num = 3;
       }
-
-      this.isPrice = getContainerPropsValue(container, "content.isPrice", "Y");
-      this.isShowDiscount = getContainerPropsValue(container, "content.isShowDiscount", "Y");
-      this.differ = getContainerPropsValue(container, "content.differ", 1);
-      this.showActivityPrice = getContainerPropsValue(container, "content.showActivityPrice", "N");
-      this.isShowTag = getContainerPropsValue(container, "content.isShowTag", "Y");
-      this.isAddCart = getContainerPropsValue(container, "content.isAddCart", "N");
-      let product_limit = Number(getContainerPropsValue(container, "content.product_limit", 6));
-      if(product_limit >=20) product_limit = 20;
-      this.product_limit = product_limit;
-      this.mainBgColor = getContainerPropsValue(container, "content.mainBgColor", 'rgba(0,0,0,0)');
-      this.productConfig = {
-        isShowDiscount: this.isShowDiscount,
-        isPrice: this.isPrice,
-        isAddCart: this.isAddCart,
-        is_show_brand: this.is_show_brand,
-        showActivityPrice:this.showActivityPrice,
-        isShowTag : this.isShowTag,
-        differ: this.differ,
+       //商品样式关联属性
+      const sValue = "{\"border\":0,\"backgroundColor\":\"#fff\"}";
+      let itemBgcColoStyle = this.getRelationStatus(container,'productStyle',{ itemBgColorStatus:['itemBgColor'],itemBorder:['itemBorder', 'bs']},sValue);
+      this.itemBgColor = gCPVal(container, 'itemBgColor', '#fff', { sKey: 'itemBgColorStatus', cusFields: ['productStyle', 'backgroundColor', itemBgcColoStyle] });
+
+      //style
+      this.mainBgColor = getContainerPropsValue(container, "mainBgColor", '',{sKey:'mainBgStatus',fields:['mainBgColor']});
+      this.outMargin = gCPVal(container, 'outMargin', [16], {sKey:'outMarginStatus', isPMR: true, fields:['outMargin']});
+      this.mainEventSpacing = gCPVal(container, 'mainEventSpacing', 0, { sKey: 'mainEventSpacingStatus', fields: ['mainEventSpacing'] });
+      this.listBgColor = gCPVal(container, "listBgColor", '',{sKey:'listBgColorStatus',fields:['listBgColor']});
+      this.itemMargin = gCPVal(container, 'itemMargin', { top: 16, right: 0, bottom: 0, left: 0 }, {sKey:'itemMarginStatus', isPMR: true, fields:['itemMargin']});
+      this.listRadius = gCPVal(container, 'listRadius', [16], { sKey: 'listRadiusStatus', fields: ['listRadius'] }) || 0;
+      this.title_type = gCPVal(container, 'title_type', 'default');
+      this.titleBg = getServiceUrl(gCPVal(container, 'titleBg', { url: '' }, { sKey: 'titleStyleStatus', fields: ['titleBg'] }).url);
+
+      if (this.title_type == 'four' || this.title_type == 'five') {
+        titleStyleDefault = [{
+          color: '#fff',
+          fontSize: '28rpx',
+          fontWeight: '500',
+          bgColor: 'rgba(255, 255, 255, 0)'
+        }]
       }
-
-      //banner
-      this.bannerRradius = getContainerPropsValue(container, "content.bannerRradius", '0');
-      this.bannerPadding = getContainerPropsValue(container, 'content.bannerPadding', {})
-
-      //标题设置
-
-      this.titlePadding = getContainerPropsValue(container, "content.titlePadding", {});
-      this.titleStyle = this.getFontAndBgcStyle(
-        getContainerPropsValue(container, 'content.titleStyle',{}),
-        {fontSize: '28rpx',color: '#333',bgColor:'#f1f1f1', fontWeight: 'bold' },
+      this.titleStyle = gCPVal(
+        container,
+        "titleStyle",
+        titleStyleDefault,
+        {sKey:'titleStyleStatus',fields:['titleStyle'],isMerge: true}
+      );
+      this.titleStyle.backgroundColor = this.titleStyle.bgColor || '#fff';
+      this.titlePadding = gCPVal(container, 'titlePadding', [32], {sKey:'titlePaddingStatus', isPMR: true, fields:['titlePadding']});
+      this.titleBorder = gCPVal(container, 'titleBorder', [{color: '#fff',width: 2,style: 'solid'}], {isBorder: true, bsOld:['is_border','is_border_w','is_border_c'], cusFields: ['productStyle','border']});
+      this.titleShadow = gCPVal(container, 'titleShadow', [{width:20, color:'rgba(0,0,0,0)'},'none'], {isShadow:true, bsOld:['is_shadow','is_shadow_w','is_shadow_bg']});
+      this.titleRradius = gCPVal(container, 'titleRradius', [16], { sKey: 'titleRradiusStatus', fields: ['titleRradius'] }) || 0;
+      let moreStyle = gCPVal(
+        container,
+        "moreStyle",
+        [{
+          color: this.mainColor,
+          fontSize: '24rpx',
+          fontWeight: '400',
+          bgColor: moreBackgeound
+        }],
+        {sKey:'moreStyleStatus',fields:['moreStyle'],isMerge: true}
       );
-      this.titleRradius = getContainerPropsValue(container, "content.titleRradius", '0');
-      this.titleShadow = this.getXdShadow({width:20, color:'rgba(0,0,0,0)'},getContainerPropsValue(container, 'content.titleShadow', {}))
-      this.titleBorder = this.getXdBorder({width:2,color:'rgba(0,0,0,0)'},getContainerPropsValue(container, 'content.titleBorder', {}));
-
-      //标题设置
-      let moreStyle = getContainerPropsValue(container, "content.moreStyle", {});
-      this.moreName = getContainerPropsValue(container, "content.moreName", '更多');
       this.moreBgColor = moreStyle.bgColor || ''
       this.moreColor = moreStyle.color || '#333';
       this.moreFontSize = moreStyle.fontSize|| '20rpx';
       this.moreFontWeight = moreStyle.fontWeight || 'normal';
-      this.moreRradius = getContainerPropsValue(container, "content.moreRradius", '20');
-      this.moreShadow = this.getXdShadow({width:20, color:'rgba(0,0,0,0)'},getContainerPropsValue(container, 'content.moreShadow', {}))
-      this.moreBorder = this.getXdBorder({width:2,color:'rgba(0,0,0,0)'},getContainerPropsValue(container, 'content.moreBorder', {}));
-
-      //item
-      this.itemPadding = getContainerPropsValue(container, "content.itemPadding", {});
-      this.itemRadius = getContainerPropsValue(container, "content.itemRadius", '0');
-      this.itemImageRadius = getContainerPropsValue(container, "content.itemImageRadius", '0');
-      this.itemMargin = getContainerPropsValue(container, "content.itemMargin", {});
-      this.itemSpacing = Number(getContainerPropsValue(container, "content.itemSpacing", '16'));
-      this.itemBrandColor = getContainerPropsValue(container, "content.itemBrandColor", '#999');
-      this.itemShadowOrg = getContainerPropsValue(container, 'content.itemShadow', {});
-      this.itemShadow = this.getXdShadow({width:20, color:'rgba(0,0,0,0)'},getContainerPropsValue(container, 'content.itemShadow', {}))
-      this.itemBorder = this.getXdBorder({width:2,color:'rgba(0,0,0,0)'},getContainerPropsValue(container, 'content.itemBorder', {}));
-      this.itemBorderOrg = getContainerPropsValue(container, 'content.itemBorder', {});
-      this.itemBgColor = getContainerPropsValue(container, "content.itemBgColor", '#f8f8f8');
-      let itemStyle = getContainerPropsValue(container, 'content.itemStyle', {});
+      this.moreBorder = gCPVal(container, 'moreBorder', [{color: '#fff',width: 2,style: 'solid'}], {isBorder: true, bsOld:['is_border','is_border_w','is_border_c'], cusFields: ['productStyle','border']});
+      this.moreShadow = gCPVal(container, 'moreShadow', [{width:20, color:'rgba(0,0,0,0)'},'none'], {isShadow:true, bsOld:['is_shadow','is_shadow_w','is_shadow_bg']});
+      this.moreRradius = gCPVal(container, 'moreRradius', [40], { sKey: 'moreRradiusStatus', fields: ['moreRradius'] }) || 0;
+      this.bannerRradius = gCPVal(container, 'bannerRradius', [16], { sKey: 'bannerRradiusStatus', fields: ['bannerRradius'] }) || 0;
+      this.bannerPadding = gCPVal(container, 'bannerPadding', {top:16,right:0,bottom:0,left:0}, {sKey:'bannerPaddingStatus', isPMR: true, fields:['bannerPadding']});
+      let itemStyle =  gCPVal(
+        container,
+        "itemStyle",
+        [{
+          color: '#333',
+          fontWeight: '500',
+        }],
+        {sKey:'itemStyleStatus',fields:['itemStyle'],isMerge: true}
+      );
       this.itemFont = {
         color: itemStyle.color || '#333',
-        fontSize: itemStyle.fontSize|| '30rpx',
         fontWeight:itemStyle.fontWeight || 500
       };
-      this.listBgColor = getContainerPropsValue(container, 'content.listBgColor', 'rgba(0,0,0,0)');
-      this.listRadius = getContainerPropsValue(container, 'content.listRadius', '0')
-
-      //高级
+      this.itemSpacing = gCPVal(container, 'itemSpacing', '16', { sKey: 'itemStyleStatus', fields: ['itemSpacing'] });
+      this.itemBrandColor = gCPVal(container, 'itemBrandColor', '#999', { sKey: 'itemBrandStatus', fields: ['itemBrandColor'] });
+      this.itemBorder = gCPVal(container, 'itemBorder', [{ color: '#fff', width: 2, style: 'solid' }], { isBorder: true, bsOld: ['is_border', 'is_border_w', 'is_border_c'], cusFields: ['productStyle', 'border', itemBgcColoStyle] });
+      this.itemBorderOrg = gCPVal(container, 'itemBorder', [{ color: '#fff', width: 2, style: 'solid' }], { isBorder: true, bsOld: ['is_border', 'is_border_w', 'is_border_c'], cusFields: ['productStyle', 'border', itemBgcColoStyle] });
+      this.itemRadius = gCPVal(container, 'itemRadius', [16], { sKey: 'itemRadiusStatus', fields: ['itemRadius'] }) || 0;
+      this.itemImageRadius = gCPVal(container, 'itemImageRadius', [8], { sKey: 'itemImageRadiusStatus', fields: ['itemImageRadius'] }) || 0;
+      this.itemShadow = gCPVal(container, 'itemShadow', [{width:20, color:'rgba(0,0,0,0)'},'none'], {isShadow:true, bsOld:['is_shadow','is_shadow_w','is_shadow_bg']});
+      this.itemShadowOrg = gCPVal(container, 'itemShadow', [{width:20, color:'rgba(0,0,0,0)'},'none'], {isShadow:true, bsOld:['is_shadow','is_shadow_w','is_shadow_bg']});
+      this.rowMainSpacing = Number(gCPVal(container, 'rowMainSpacing', 16, { sKey: 'columnRowStatus', fields: ['rowMainSpacing', 'columnMainSpacing'] }));
+      this.columnMainSpacing = Number(gCPVal(container,'columnMainSpacing', 16, {sKey:'columnRowStatus',fields:['rowMainSpacing','columnMainSpacing']}));
+      this.itemPadding = gCPVal(container, 'itemPadding', [16], {sKey:'itemPaddingStatus', isPMR: true, fields:['itemPadding']});
+      //advanced
       this.productInfoPath = getContainerPropsValue(container, "content.productInfoPath", { value: "" }).value;
-      this.xnamespace = getContainerPropsValue(container, "content.xnamespace", this.projectAttr.business_code);
+      this.initStatus=true
     },
 
     getSkeleton(cellIndex){
@@ -617,63 +690,75 @@ export default {
       this.options = options;
       //设置业务请求代码
       this.setNameSpace(options);
-      let data = {
-        xnamespace: this.xnamespace,
-        product_limit: this.product_limit,
-      }
-      if(this.productConfig.isShowDiscount==='Y'){
-        data.is_show_uprice=this.$xdUniHelper.multiplyFloatNumber(this.productConfig.differ,100)
-      } else {
-        data.is_show_uprice=-1
-      }
-      jfbRootExec("getSpecialsProducts", {
-        vm: this,
-        data: data,
-      })
-        .then(async (res) => {
-
-          res.items = await this.getCategories(res.items);
-          if (res.items && res.items.length) {
-            let list = res.items;
-            this.list = list.map((item) => {
-              item.special_banner = getServiceUrl(item.special_banner);
-              if(this.isPreview) {
-                item.products = item.products.filter((item,index) => {
-                  return index < this.product_limit
-                }).map((SItem) => {
-                  if(this.productConfig.isPrice==='N'){
-                    SItem.show_prices=[]
-                  }
-                  if(this.productConfig.isShowDiscount==='N'){
-                    SItem.show_prices=SItem.show_prices.filter(item=>item.t!=='U')
-                  }
-                  SItem["thumb"] = getServiceUrl(SItem.thumb);
-                  SItem["content_type"] = 'product';
-                  return SItem;
-                })
-              }
-              else {
-                item.products = item.products.map((SItem) => {
-                  SItem["thumb"] = getServiceUrl(SItem.thumb);
-                  SItem["content_type"] = 'product';
-                  return SItem;
-                });
-
-                //滑动模式新增更多按钮
-                if(this.showType === 'slide') {
-                  item.products.push({
-                    content_type:'more'
+      this.getList()
+    },
+
+    getList() {
+    let data = {
+      xnamespace: this.xnamespace,
+      product_limit: this.product_limit,
+      need_show_tags: this.need_show_tags.join()
+    }
+    if(this.productConfig.isShowDiscount==='Y'){
+      data.is_show_uprice=this.$xdUniHelper.multiplyFloatNumber(this.productConfig.differ,100)
+    } else {
+      data.is_show_uprice=-1
+    }
+    jfbRootExec("getSpecialsProducts", {
+      vm: this,
+      data: data,
+    })
+      .then(async (res) => {
+
+        res.items = await this.getCategories(res.items);
+        if (res.items && res.items.length) {
+          let list = res.items;
+          this.list = list.map((item) => {
+            item.special_banner = getServiceUrl(item.special_banner);
+            if(this.isPreview) {
+              item.products = item.products.filter((item,index) => {
+                return index < this.product_limit
+              }).map((SItem) => {
+                if(this.productConfig.isPrice==='N'){
+                  SItem.show_prices=[]
+                }
+                if(this.productConfig.isShowDiscount==='N'){
+                  SItem.show_prices=SItem.show_prices.filter(Pitem=>Pitem.t!=='U')
+                }
+                console.log(SItem.show_prices,'show_prices');
+                
+                if(SItem.tags&&SItem.tags.length>0){
+                  SItem.tags=SItem.tags.filter(tag=>{
+                    return this.need_show_tags.includes(tag.type)
                   })
                 }
+                SItem["thumb"] = getServiceUrl(SItem.thumb);
+                SItem["content_type"] = 'product';
+                return SItem;
+              })
+            }
+            else {
+              item.products = item.products.map((SItem) => {
+                SItem["thumb"] = getServiceUrl(SItem.thumb);
+                SItem["content_type"] = 'product';
+                return SItem;
+              });
+
+              //滑动模式新增更多按钮
+              if(this.showType === 'slide') {
+                item.products.push({
+                  content_type:'more'
+                })
               }
-              return item;
-            });
-            this.loadingList = false;
-          }
-        })
-        .catch((err) => {
-          this.$xdLog.catch(err);
-        });
+            }
+            return item;
+          });
+          this.loadingList = false;
+        }
+      })
+      .catch((err) => {
+        this.$xdLog.catch(err);
+      });
     },
 
     toDetail({isCart,...prod}) {
@@ -683,16 +768,17 @@ export default {
 
 
     handleTo(item) {
-      if(this.isPreview) return;
-      item.special_url = this.checkUrlIsValid(item.special_url);
-      if(!item.special_url) {
+      if (this.isPreview) return;
+      let temp = this.$xdUniHelper.cloneDeep(item);
+      temp.special_url = this.checkUrlIsValid(temp.special_url);
+      if(!temp.special_url) {
         this.$xdAlert({
           content:'专题地址配置错误！'
         })
         return
       }
       this.$xdUniHelper.navigateTo({
-        url: `${item.special_url}?special_id=${item.special_id}`,
+        url: `${temp.special_url}?special_id=${temp.special_id}`,
       });
     },