jufubao-base 1.0.289-beta2 → 1.0.290-beta1

package/src/mixins/productCompMixins.js

@@ -1,252 +0,0 @@
-'use strict';
-import { jfbRootExec } from "@/utils/xd.event";
-import getServiceUrl from "@/common/getServiceUrl"
-
-export default {
-  data(){
-    return {
-
-      //品牌样式
-      brandColor:'#999',
-      brandBgColor:'',
-      brandBorColor:'',
-
-      //广告
-      poster:{}, //广告位置信息
-      posterList:null,
-      posterNum:1, //使用张数
-      mode:'round',//直接写死
-      carouselTime: 0,//轮播图轮播周期
-      posterKey:'posterKey',
-      posterIndex:'',
-      isPoster:'N',
-
-    }
-  },
-
-  computed:{
-    isOpenPoster(){
-      //三列与一列垂直不显示广告
-      return !(this.column_num === 3 || this.columnOneLayout === 'V');
-    },
-    //广告位置样式设置
-    posterSizeComp(){
-      return {
-        width: this.posterSize.width + 'rpx',
-        height: this.posterSize.height + 'rpx',
-      }
-    },
-
-    //广告位置尺寸设置
-    posterSize(){
-      let pw = 0 , ph= 0;
-      if(this.column_num ===1) {
-        if(this.columnOneLayout === 'H') ph = 300
-        else  ph = 900
-      }
-      if(this.column_num === 2) ph = 540
-      if(this.column_num === 3) ph = 200;
-
-      if(this.poster && this.poster.size) {
-        let {width, height} = this.poster.size;
-        if(width !== undefined) pw = Number(width);
-        if(height !== undefined) ph = Number(height);
-      }
-
-      let itemWidth = parseInt(this.posterProductStyles.width);
-      let itemHeight = ph * itemWidth / pw;
-      return {
-        width: itemWidth,
-        height:  itemHeight,
-      }
-    },
-
-    //骨架宽度设置
-    skeletonImageHeight(){
-      return parseInt(this.skeletonStyle.width);
-    },
-
-    //骨架样式设置
-    skeletonStyle(){
-      return this.getContentStyle('ske')
-    },
-
-    //商品宽度设置
-    contProductImageHeight(){
-      return parseInt(this.contProductStyles.width);
-    },
-
-    //商品样式设置
-    contProductStyles(){
-      // let boxShadow = this.getShadowCompatibleOldStyle(this.contShadow,{
-      //   type: this.is_shadow,
-      //   width: this.is_shadow_w,
-      //   color: this.is_shadow_bg
-      // }, ['none',this.gStyleValue.shadow]);
-      // debugger
-      return {
-        ...this.getContentStyle(),
-        boxShadow: this.contShadow,
-        border: this.contBorder,
-        backgroundColor: this.itemBgcColor,
-      }
-    },
-
-
-    //商品样式设置
-    posterProductStyles(){
-      // let boxShadow = this.getShadowCompatibleOldStyle(this.contShadow,{
-      //   type: this.is_shadow,
-      //   width: this.is_shadow_w,
-      //   color: this.is_shadow_bg
-      // }, ['none',this.gStyleValue.shadow]);
-      return {
-        ...this.getContentStyle('poster'),
-        boxShadow: this.contShadow,
-        border: this.contBorder,
-        backgroundColor: this.itemBgcColor,
-        overflow:'hidden'
-      }
-    },
-
-    //品牌样式
-    brandStyleComp(){
-      return {
-        color: this.brandColor,
-        bgColor: this.brandBgColor,
-        borderColor: this.brandBorColor,
-      }
-    },
-  },
-
-  watch:{
-    isPoster(n, o){
-      if(this.$configProject.isPreview) {
-        if(this.isOnloaded === false) return;
-        this.prodList = null;
-        this.page_token = '1';
-        this.getList();
-      }
-    },
-    posterIndex(){
-      if(this.$configProject.isPreview) {
-        if(this.isOnloaded === false) return;
-        this.prodList = null;
-        this.page_token = '1';
-        this.getList();
-      }
-    },
-    carouselTime(){
-      if(this.isPreview) {
-        this.posterKey = Date.now()
-      }
-
-    },
-    mode(){
-      if(this.isPreview) {
-        this.posterKey = Date.now()
-      }
-    },
-    posterNum(){
-      this.onJfbUpdate()
-    },
-  },
-  methods:{
-    //重新加载广告位置
-    reHandlePoster(){
-      if(this.$configProject.isPreview) {
-        if(this.isOnloaded === false) return;
-        if(this.isOpenPoster){
-          uni.showModal({
-            title: '温馨提示',
-            content: '已设置显示广告内容并切换商品显示列数时，别忘记切换对应的广告位置哦！',
-            showCancel:false,
-            confirmText:'我知道了',
-            success: function (res) {
-
-            }
-          });
-        }
-        this.prodList = null;
-        this.page_token = '1';
-        this.posterList = null;
-        this.getList();
-        this.getPosterList()
-      }
-    },
-
-    //获取广告位置设置
-    getPosterList(){
-      jfbRootExec('getMallHomeProductPoster', {
-        vm: this,
-        data: {
-          page_id: this.pageAttr['page_id'], //页面ID
-          container_id: this.containerId, //组件ID
-          page_size: this.posterNum //可以不传
-        },
-      })
-        .then(res => {
-          let posterList = res.list.map((item,index) => {
-            return {
-              ...item,
-              image_background_url: item.image_background_url?getServiceUrl(item.image_background_url):'',
-              image_url: item.image_url?getServiceUrl(item.image_url):''
-            }
-          });
-          this.posterList = this.posterFilterNoUseData(posterList);
-        })
-        .catch(err=>{
-          console.error(err);
-        })
-    },
-
-    /**
-     * @description 获取内容区域样式
-     * @param type {string} ske=>骨架样式 cont=>内容框样式 poster => 广告位置样式
-     * @return {Object}
-     */
-    getContentStyle(type='cont'){
-      //总宽度
-      let outWidth = uni.getSystemInfoSync().safeArea.width * this.$pxNum;
-
-      //外边距
-      let outMarginRL = this.getPMValue(this.bodyPadding, 'RL',0)
-
-      //列表填充
-      let outPaddingRL = this.getPMValue(this.listPadding,'RL', 20);
-
-      //间距设置
-      if(this.$xdUniHelper.checkVarType(this.columnSpacing) === 'string') this.columnSpacing = Number(this.columnSpacing);
-      let columnSpacing = this.columnSpacing * (this.column_num-1); //公式:列数量 * 边距 + 边距
-
-      //item内容填充
-      let paddingRL = this.getPMValue(this.itemPadding,'RL', 20)* this.column_num;
-      if(type === 'poster')   paddingRL = 0; //广告模式
-
-      //预览模式有两个像素边距
-      let isPreview = 0;
-
-      //边框
-      let borderRL = this.contStyleBorder * 2;
-
-      if(type === 'ske') borderRL = 0;
-      borderRL = borderRL * this.column_num;
-
-      //商品内边距设置
-      let str = this.getMarginAndPadding(this.itemPadding,20);
-      if(type === 'poster')   str = 0;//广告模式
-
-      let otherWidth = (outMarginRL + outPaddingRL + columnSpacing + isPreview + borderRL + paddingRL);
-
-      return {
-        marginBottom: this.rowSpacing + 'rpx',
-        width: (outWidth - otherWidth)/this.column_num + 'rpx',
-        borderRadius: this.radius + 'rpx',
-        boxShadow: '0 0 10rpx rgba(0,0,0,.08)',
-        padding: str,
-        backgroundColor: 'rgba(255,255,255,.8)'
-      };
-    },
-  }
-
-}