jufubao-takeorder 1.0.1

package/src/mixins/componentsMixins.js

@@ -0,0 +1,900 @@
+'use strict';
+
+import {getContainerFnPropsValue, getContainerPropsValue,isWechat} from "@/utils/xd.base";
+import {mapActions,mapState, mapMutations} from "vuex";
+import helper from "@/utils/helper";
+import store from "@/store/index";
+import getServiceUrl from "@/common/getServiceUrl"
+
+
+export default {
+  props: {
+    /**
+     * @description 插件在页面中到唯一ID
+     */
+    cid: {
+      type: null | String | Number,
+      default: null,
+    },
+    /**
+     * @description 业务插件相关数据集合
+     */
+    container: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 页面框架属性
+     */
+    layoutInfo: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 页面属性
+     */
+    pageAttr: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 业务插件元素属性（插件管理时候填写属性）
+     */
+    componentAttr: {
+      type: Object | Array,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 业务插件所属插件库属性（业务插件库）
+     */
+    appAttr: {
+      type: Object | Array,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 项目配置
+     */
+    settings: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 业务插件库所用风格属性
+     */
+    styles: {
+      type: Object || null,
+      default() {
+        return {}
+      }
+    },
+    /**
+     * @description 项目配置文件
+     */
+    projectAttr: {
+      type: Object || null,
+      default() {
+        return {}
+      }
+    },
+
+    /**
+     * @description 是否进行本地插件调试模式
+     */
+    noBorder: {
+      type: Boolean,
+      default: false
+    },
+  },
+  data(){
+    return {
+      containerId: null, //容器ID
+
+      //#ifdef H5
+      active: false, //是否选择当前状态
+      isEditx: true, //当前为Editx模式
+      edit: false, //是否开启编辑模式
+      // #endif
+
+      //风格键
+      mainColor: '',
+      successColor: '',
+      warningColor: '',
+      subMainColor: '',
+      infoColor: '',
+      defaultColor: '',
+      dangerColor: '',
+      mainGradient: '',
+      subGradient: '',
+
+      //test
+      posterTest:{
+        "content_id": "KpBbUKdj4aBejwe7Fh1ki",
+        "position_id": "QCk3PmoyQmOWRP1SxnYR3",
+        "partner_id": 0,
+        "site_id": "",
+        "content_name": "测试.",
+        "image_url": "//dummyimage.com/200x200",
+        "redirect_type": "EMP",
+        "redirect_type_name": "无链接",
+        "redirect_data": "",
+        "sort": "",
+        "status": "",
+        "start_time": "",
+        "end_time": "",
+        "op_user_id": "",
+        "created_time": 0,
+        "updated_time": 0
+      }
+    }
+  },
+
+  destroyed() {
+    console.warn('componentsMixins.destroyed.my(timeer|timer)');
+    if (this.timeer && typeof this.timeer === "number") {
+      clearTimeout(this.timeer);
+      console.warn('componentsMixins.destroyed.my.timeer');
+    }
+    if (this.timer && typeof this.timer === "number") {
+      clearTimeout(this.timer);
+      console.warn('componentsMixins.destroyed.my.timer');
+    }
+
+    //卸载页面
+    if(typeof this.onJfbUnload === "function") {
+      console.warn('componentsMixins.destroyed.exec.onJfbUnload');
+      this.onJfbUnload()
+    }
+
+  },
+
+  created(){
+    let tag = '';
+    if (this.$vnode && this.$vnode.tag) tag = this.$vnode.tag;
+    this.$xdLog.setProject('App.components.start', `App.components.vnode.name.${tag}`);
+
+    //设置插件cid
+    if (this.cid) {
+      this.containerId = this.cid;
+    } else {
+      this.containerId = this.$xdUniHelper.randomChar(20);
+    }
+
+    //保存到vuex
+    this.setStyleCommon(this.styles);
+
+    //初始化风格
+    this.initThemesToData();
+
+
+    //#ifdef H5
+    //监听用户点击状态显示虚框
+    XdBus.addEvent('select', ({containerId}) => {
+      this.active = containerId === this.containerId;
+    });
+
+    //业务面板选中插件操作
+    XdBus.addEvent('onBoardSelect', ({containerId}) => {
+      if (containerId === this.containerId) {
+        this.handleEditxSelect()
+      }
+    });
+
+    //面板刷新页面功能
+    XdBus.addEvent('onUpdateView', (data) => {
+      if (data.container_id === this.containerId) {
+        if (typeof this['onJfbUpdate'] === 'function') {
+          this['onJfbUpdate'](data);
+        }
+      }
+    });
+
+    // #endif
+  },
+
+  //#ifdef H5
+  mounted() {
+    let that = this;
+    this.autoHideMask();
+
+    //调试模式设置值
+    let zIndex = 4;
+    if(this['hideMask'] === true) zIndex = -1;
+    if(this['closeMask'] === true)  zIndex = -1;
+    if(this['closeMask'] === false) zIndex = 4;
+
+    //生产元素
+    if(this.$configProject.isPreview) {
+      if(zIndex ===-1) {
+        this.$nextTick(()=>{
+          setTimeout(()=>{
+            let r = document.getElementsByClassName(this.cssRoot);
+            let len = r.length;
+            for (let i=0; i < len; i++) {
+              let el = r.item(i);
+              if(!el.hasAttribute('close-mask')) {
+                el.setAttribute('close-mask', '1');
+                for(let k=0; k < 4;k++) {
+                  let span =  document.createElement('span');
+                  span.className = 'xd-preview-line xd-preview-line-' + k;
+                  el.appendChild(span);
+                }
+              }
+            }
+
+          }, 50)
+        })
+      }
+
+    }
+
+    if (this.$configProject.isPreview && this.selfMask !== true ) {
+      //启动关闭
+      if(this['closeMask'] === true) {
+        return;
+      }
+
+      function handle() {
+        let elx = that.$el.getElementsByClassName(`${that.cssRoot}__body`);
+        if (elx.length === 0) {
+          setTimeout(() => {
+            handle()
+          }, 50)
+        }
+        else {
+          let len = elx.length;
+          for (let i = 0; i < len; i++) {
+            if (!elx.item(i).classList.contains('isGPreview')) {
+              elx.item(i).classList.add("isGPreview");
+            }
+          }
+        }
+      }
+      this.$nextTick(()=>{
+        setTimeout(()=>{
+          handle();
+        },200)
+      });
+    }
+
+    //模式不显示虚线
+    if(this.$configProject.type === 'test'
+      && this.$configProject.NODE_ENV === 'development'
+      && this.$configProject.viewType === 'pack'
+    ){
+      this.isEditx = false;
+    }
+
+  },
+  // #endif
+
+  computed:{
+    ...mapState({
+      pageNamespace: state=> state.pageBusinessCode,
+    })
+  },
+
+  watch:{
+    active(val){
+      if(this.$configProject.isPreview && val) this.autoHideMask();
+    },
+  },
+
+  methods:{
+    ...mapActions(['setXNamespace','setStyleCommon']),
+    ...mapMutations(['setCurrentStyle']),
+
+    /**
+     * @description 自动生成调试模式
+     */
+    autoHideMask(){
+      if(this.$configProject.isPreview && this.hideMask === true){
+        this.$nextTick(()=>{
+          setTimeout(()=>{
+            let className = this.$el.classList;
+            if(!className.contains('gHideMask')) {
+              className.add("gHideMask")
+            }
+          },200)
+
+        })
+      }
+    },
+
+    /**
+     * @description 检查是否同域名
+     * @param url
+     * @param dir {String} 部署目录
+     * @returns {*}
+     */
+    //#ifdef H5
+    getSameSiteAndDomain(url, dir) {
+      let regDir = new RegExp(`^/${dir}/\.*$`);
+      let host = window.location.host;
+      let pages = this.$xdUniHelper.parseURL(url);
+
+      //域名相同并且部署目录相同
+      if (host === pages.host && regDir.test(pages.path)) {
+        return pages.relative;
+      }
+      return url;
+    },
+    // #endif
+
+    setNameSpace(options){
+      this.xnamespace = this.xnamespace || this.pageNamespace;
+      if(!this.xnamespace && !this.$configProject.isPreview){
+        this.$xdAlert({content: '未设置业务编码',type:'error'});
+        throw new Error('请配置业务编码')
+      }
+      this.setXNamespace(this.xnamespace)
+    },
+
+    /**
+     * @description 自动计算列数的宽和间距 （父节点需要设置110%）不兼容微信小程序（废弃）
+     * @param index {number} 当前索引值
+     * @param cell {number} 当前索引值
+     * @param jfbSpacing {number}
+     * @returns {{marginRight: string, overflow: string, width: string, marginTop: string}}
+     */
+    itemStyle(index, cell, jfbSpacing ) {
+      if(this.$xdUniHelper.checkVarType(jfbSpacing) === 'string') jfbSpacing = Number(jfbSpacing);
+      let maxW = 100 / cell;
+      let padding = Math.floor(this.$rpxNum * jfbSpacing + this.$rpxNum * (jfbSpacing / cell))
+      return {
+        marginTop: jfbSpacing + 'rpx',
+        marginRight: (index + 1) % cell === 0 ? '0' : jfbSpacing + 'rpx',
+        width: `calc(${maxW}vw - ${padding}px)`,
+        overflow: 'hidden'
+      };
+    },
+
+
+
+    /**
+     * @description 获取吸顶样式
+     * @param options {Object} 样式参数
+     * @param options.top
+     * @param options.left
+     * @param options.bottom
+     * @param options.right
+     * @param options.paddingBottom   距离底部距离（paddingBottom和height选其一即可）
+     * @param options.height 距离底部距离（paddingBottom和height选其一即可）
+     * @param options.zIndex
+     * @param type {String} 吸顶类型 其值：bottom/top
+     * @param fixed {Boolean} 是否吸顶或者占位
+     * @return {String}
+     */
+    fixedStyle(options = {}, type = 'bottom', fixed = true) {
+      let paddingBottom = options.paddingBottom || options.height || 0;
+      if (options.paddingBottom) delete options.paddingBottom;
+      if (options.height) delete options.height;
+      let obj = Object.assign({}, {
+        top: 0, left: 0, right: 0, bottom: 0, zIndex: 100,
+      }, options);
+      if (!fixed) {
+        let padding = (this.layoutInfo.bottomHeight + this.layoutInfo.footerHeight + paddingBottom) * this.$rpxNum;
+        let sy = `padding-bottom:calc(${padding}px + constant(safe-area-inset-bottom));`;
+        sy = `${style}; padding-bottom:calc(${padding}px + env(safe-area-inset-bottom));`;
+        return sy;
+      }
+
+      let style = 'position: fixed';
+      style = `${style};left:${obj.left}rpx`;
+      style = `${style};right:${obj.right}rpx`;
+      style = `${style};z-index:${obj.zIndex}`;
+      if (type === 'bottom') {
+        let padding = (this.layoutInfo.bottomHeight + this.layoutInfo.footerHeight + paddingBottom) * this.$rpxNum;
+        style = `${style}; padding-bottom:calc(${padding}px + constant(safe-area-inset-bottom));`;
+        style = `${style}; padding-bottom:calc(${padding}px + env(safe-area-inset-bottom));`;
+        style = `${style};bottom:0;`;
+      }
+      if (type === 'top') {
+        style = `${style};top:${obj.top}rpx`;
+      }
+      return style;
+    },
+
+
+    /**
+     * 检查插件是否加载成功
+     */
+    onCheck() {},
+
+    /***
+     * @description 业务组件风格map到data中
+     */
+    initThemesToData() {
+      let current = {};
+      Object.keys(this.styles).map(key => {
+        let k = key.replace('$', '');
+        if (this[k] !== undefined){
+          this[k] = this.styles[key];
+          current[k] = this.styles[key];
+        }
+      });
+      this.setCurrentStyle(helper.cloneDeep(current))
+    },
+
+    /**
+     * @description 其子级插件获取当前插件的业务组件风格列表
+     * @returns {*}
+     */
+    getParentThemes() {
+      return this.styles;
+    },
+
+    //#ifdef H5
+    /**
+     * @description 点击删除操作按钮
+     */
+    delEdit() {
+      if(this.isReferenceTemplate) return;
+      XdBus.send('onDelPackage', {
+        containerId: this.containerId,
+        componentAtrr: this.componentAtrr,
+        cid: this.cid,
+        container: this.container
+      })
+    },
+    //#endif
+
+    /**
+     * @description 点击选择插件显示边框
+     */
+    handleEditxSelect() {
+      //加载本地业务插件库
+      if (this.noBorder) return;
+
+      //#ifdef H5
+      if (this.active) return;
+      this.active = true;
+      let AttrObj = this.$xdUniHelper.checkVarType(this.Attr) === 'object' ?
+        this.$xdUniHelper.customClone(this.Attr) : {style: [], advanced: [], content: []};
+
+      //设置已绑定数据
+      Object.keys(AttrObj).map(type => {
+        //配置的是方法
+        if (type === 'style' || type === 'advanced' || type === 'content') {
+          if (typeof AttrObj[type] === "function") {
+            let params = getContainerFnPropsValue(this.container, `${type}`);
+            let Attr = this.$xdUniHelper.customClone(this.Attr);
+            AttrObj[type] = Attr[type](params);
+            AttrObj[`${type}.isFn`] = true;
+            AttrObj[`${type}.Fn`] = Attr[type];
+          } else {
+            AttrObj[type].map(item => {
+              if (item.value !== undefined) item.value = getContainerPropsValue(this.container, `${type}.${item.valueKey}`, item.value);
+              if (item.defaultValue !== undefined) item.defaultValue = getContainerPropsValue(this.container, `${type}.${item.valueKey}`, item.value);
+            });
+            AttrObj[`${type}.isFn`] = false;
+          }
+        }
+      });
+
+      //发送点击组件事件
+      XdBus.send('onSelectPackage', {
+        containerId: this.containerId,
+        Attr: this.$xdUniHelper.customClone(AttrObj),
+        container: this.$xdUniHelper.cloneDeep(this.container)
+      });
+
+      //绑定选中插件事件
+      XdBus.message('select', {
+        containerId: this.containerId,
+      })
+      //#endif
+    },
+
+    /**
+     * @description 判断是否有值并返回默认值
+     * @param value {Number} 判断的值
+     * @param dValue {Number} 默认值
+     * @return {number}
+     */
+    checkValue(value, dValue = 0){
+      if(value === undefined || value === '' || value === null) return dValue;
+      return Number(value || 0);
+    },
+
+    /**
+     * @description 获取图片链接
+     * @param image {Object} 图片对象
+     * @return {string}
+     */
+    getBgImage(image = {}){
+      let bg = 'none';
+      if(this.$xdUniHelper.checkVarType(image) === 'object') {
+        if(!this.$xdUniHelper.isEmpty(image)) {
+          return `url(${getServiceUrl(image.url)})`
+        }
+      }
+      return bg
+    },
+
+    /**
+     * @description 阴影样式生成
+     * @param defaultObj {Object} 默认值
+     * @param newObj {Object} 新组件对象
+     * @return {string} 例如：`0,0,10rpx,rgba(0,0,0,0)`
+     */
+    getXdShadow(defaultObj, newObj){
+      if(newObj.type === 'N' || this.$xdUniHelper.isEmpty(newObj)) return `0 0 0 rgba(0,0,0,0)`;
+      return this.getXdBorder(defaultObj,newObj,'shadow')
+    },
+
+    /**
+     * @description 边框样式生成
+     * @param defaultObj {Object} 默认值
+     * @param newObj {Object} 新组件对象
+     * @param type {string} border/shadow
+     * @return {string} 例如：`2rpx solid rgba(0,0,0,0)`
+     */
+    getXdBorder(defaultObj, newObj, type='border'){
+      //使用默认值
+      if(newObj.type ==='D'){
+        if(type === 'border') return `${defaultObj.width}rpx ${defaultObj.style} ${defaultObj.color}`;
+        return `0 0 ${defaultObj.width}rpx ${defaultObj.color}`;
+      }
+      if(newObj.type === 'N' || this.$xdUniHelper.isEmpty(newObj)) return `0`;
+      let width = defaultObj.width;
+      let color = defaultObj.color;
+      let style = defaultObj.style || 'solid';
+      let value = newObj.value || {};
+      if(value.width) width = value.width;
+      if(value.color) color = value.color;
+      if(value.style) style = value.style;
+      if(type === 'border') return `${width}rpx ${style} ${color}`
+      return `0 0 ${width}rpx ${color}`;
+    },
+
+    /**
+     * @description 兼容新老border与shadow组件数据
+     * @param newObj {Object} 新对象border与shadow
+     * @param oldObj {Object} 新对象border与shadow
+     * @param oldObj.width {Number}老border与shadow的宽度字段
+     * @param oldObj.color {String} 老border与shadow的颜色字段
+     * @param oldObj.style {String|undefined} 老border样式默认值：solid
+     * @param type {String}
+     * @return {string} 例如：`2rpx solid rgba(0,0,0,0)`
+     */
+    getBorderCompatibleOldStyle(newObj={}, oldObj={}, type='border'){
+      let contWidth = 0;
+      let contColor = 'rgba(0.0.0.0)';
+      let contrStyle = 'solid';
+
+      if(oldObj.type === 'Y') {
+        if(oldObj.width !== undefined) contWidth = oldObj.width;
+        if(oldObj.color !== undefined) contColor = oldObj.color;
+      }
+      if(newObj.type === 'Y') {
+        let value = newObj.value || {};
+        if(value.color) contColor = value.color;
+        if(value.style) contrStyle = value.style;
+        if(value.width) contWidth = value.width;
+      }
+
+      if(type === 'border'){
+        if(oldObj.type === 'N' && newObj.type === 'N') return 0;
+        return `${contWidth}rpx ${contrStyle} ${contColor}`
+      }
+      return `0 0  ${contWidth}rpx ${contColor}` ;
+    },
+
+    /**
+     * @description 兼容新老border与shadow组件数据
+     * @param newShadow {Object} 新对象border与shadow
+     * @param oldShadow {Object} 新对象border与shadow
+     * @param oldShadow.width {Number}老border与shadow的宽度字段
+     * @param oldShadow.color {String} 老border与shadow的颜色字段
+     * @return {string} 例如：`0,0,10rpx,rgba(0,0,0,1)`
+     */
+    getShadowCompatibleOldStyle(newShadow={},oldShadow={}){
+      return this.getBorderCompatibleOldStyle(newShadow,oldShadow, 'shadow')
+    },
+
+    /**
+     * @description 获取边框或投影宽度值
+     * @param newObj {Object} border|shadow
+     * @param width {number|string} 老模式宽
+     * @param type {string} 老模式宽是否启用 Y/N
+     * @return {number}
+     */
+    getBorOrShWidth(newObj={}, {width, type}) {
+      let tempWidth = 0;
+      if(type === 'Y' && width !== undefined) tempWidth = width;
+      if(newObj.type === 'Y') {
+        let value = newObj.value || {};
+        if(value.width !== undefined) tempWidth = value.width;
+      }
+      return Number(tempWidth);
+    },
+
+    /**
+     * @description 解析切换元素属性方法
+     * @param newObj
+     * @param fontSize {String} 默认字体大小， 格式：24rpx
+     * @param lineHeight {Number} 默认行高 格式：30
+     * @param color {String} 默认颜色
+     * @param bgColor {String} 默认背景色
+     * @param fontWeight {String} 字体粗线
+     * @param gradientColor {String} 渐变色 参考：https://www.colorzilla.com/gradient-editor/
+     * @param type {String} 获取样式类型： ''=>获取普通样式 act=>获取选中样式
+     * @return {{}}
+     */
+    getFontAndBgcStyle(newObj, {fontSize, lineHeight, color, bgColor, fontWeight,gradientColor},type='' ){
+      let temp = {};
+      let colorKey = 'color',
+        fontSizeKey='fontSize',
+        lineHeightKey = 'lineHeight',
+        fontWeightKey = 'fontWeight',
+        bgColorKey = 'bgColor',
+        gradientColorKey = 'gradientColor';
+      if(type === 'act') {
+        colorKey = `actColor`;
+        fontSizeKey='actFontSize';
+        lineHeightKey = 'actLineHeight';
+        fontWeightKey = 'actFontWeight';
+        bgColorKey = 'actBgColor';
+        gradientColorKey = 'actGradientColor';
+      }
+      if(newObj[colorKey] || color) temp['color'] = newObj[colorKey] || color;
+      if(newObj[fontSizeKey] || color) temp['fontSize'] = newObj[fontSizeKey] || fontSize;
+      if(newObj[lineHeightKey] || lineHeight) temp['lineHeight'] = (newObj[lineHeightKey] || lineHeight) + 'rpx';
+      if(newObj[fontWeightKey] || fontWeight) temp['fontWeight'] = newObj[fontWeightKey] || fontWeight;
+      if(newObj[bgColorKey] || bgColor) temp['backgroundColor'] = newObj[bgColorKey] || bgColor;
+      if(newObj[gradientColorKey] || gradientColor) temp['backgroundImage'] = newObj[gradientColorKey] || gradientColor;
+      return temp;
+
+    },
+
+    /**
+     * @description 获取margin或者padding的值
+     * @param marAndPadding {Object}
+     * @param defVale {Object|number} 格式：10 或者 {top:10, left:10, right: 10, bottom:10}
+     * @return {string} 例如：`10rpx 10rpx 10rpx 10rpx`
+     */
+    getMarginAndPadding(marAndPadding, defVale){
+      let top = 0, left=0,bottom=0,right=0;
+      if(typeof defVale === 'number') {
+        top=defVale;
+        left=defVale;
+        bottom=defVale;
+        right=defVale;
+      }
+      if(this.$xdUniHelper.checkVarType(defVale) === 'object') {
+        if(defVale.top !== undefined) top = defVale.top;
+        if(defVale.right !== undefined) right = defVale.right;
+        if(defVale.bottom !== undefined) bottom = defVale.bottom;
+        if(defVale.left !== undefined) left = defVale.left;
+      }
+      let str = `${this.checkValue(marAndPadding.top, top)}rpx`;
+      str = `${str} ${this.checkValue(marAndPadding.right, right)}rpx`;
+      str = `${str} ${this.checkValue(marAndPadding.bottom, bottom)}rpx`;
+      str = `${str} ${this.checkValue(marAndPadding.left, left)}rpx`;
+      return str
+    },
+
+    /**
+     * @description 获取margin和padding的上下或者左右值的和
+     * @param obj {Object} margin或者padding的值
+     * @param type {string} RL|TB
+     * @param defValue {Object|number} 格式：10 或者 {top:10, left:10, right: 10, bottom:10}
+     * @return {number}
+     */
+    getPMValue(obj = {},type='RL', defValue) {
+      if(this.$xdUniHelper.checkVarType(obj) !== 'object') obj = {};
+      let top = 0,right=0,bottom=0,left=0;
+      if(typeof defValue === 'number') {
+        top = right = left = bottom = defValue;
+      }
+      else if(this.$xdUniHelper.checkVarType(obj) === 'object') {
+        if(typeof defValue.top === "number")  top = defValue.top;
+        if(typeof defValue.right === "number")  right = defValue.right;
+        if(typeof defValue.bottom === "number")  bottom = defValue.bottom;
+        if(typeof defValue.left === "number")  left = defValue.left;
+      }
+      if(type === 'RL') {
+        return this.checkValue(obj.left,left) + this.checkValue(obj.right,right);
+      }
+      return this.checkValue(obj.bottom,bottom) + this.checkValue(obj.top,top);
+    },
+
+    /**
+     * @description 获取商品显示规则
+     * @param container
+     * @return {{isAddCart: *, isShowDiscount: *, isPrice: *, is_show_brand: *, showActivityPrice: *, isShowTag: *, differ: *}}
+     */
+    getProductConfig(container){
+      let is_show_brand = getContainerPropsValue(container, "content.is_show_brand", "N");
+      let isPrice = getContainerPropsValue(container, "content.isPrice", "Y");
+      let isShowDiscount = getContainerPropsValue(container, "content.isShowDiscount", "Y");
+      let differ = getContainerPropsValue(container, "content.differ", 1);
+      let showActivityPrice = getContainerPropsValue(container, "content.showActivityPrice", "N");
+      let isShowTag = getContainerPropsValue(container, "content.isShowTag", "Y");
+      let isAddCart = getContainerPropsValue(container, "content.isAddCart", "N");
+      return {
+        isShowDiscount: isShowDiscount,
+        isPrice: isPrice,
+        isAddCart: isAddCart,
+        is_show_brand: is_show_brand,
+        showActivityPrice:showActivityPrice,
+        isShowTag : isShowTag,
+        differ: differ,
+      }
+    },
+
+    getUrlCallback(path){
+      if(this.inCallbackUrlOrg) {
+        if(path.indexOf('?') === -1) path = `${path}?inCallback=${this.inCallbackUrlOrg}`;
+        else  path = `${path}&inCallback=${this.inCallbackUrlOrg}`;
+      }
+      return path
+    },
+
+    baiduTogcj(bd_lng, bd_lat) {//坐标第转换
+      const x_PI = 3.14159265358979324 * 3000.0 / 180.0;
+      const x = bd_lng - 0.0065;
+      const y = bd_lat - 0.006;
+      const z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_PI);
+      const theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_PI);
+      const gg_lng = z * Math.cos(theta);
+      const gg_lat = z * Math.sin(theta);
+      return [gg_lng, gg_lat]
+    },
+
+
+    //#ifdef H5
+    webChatEnvOpenLocation({latitude,longitude,name, address}, cb){
+      store.dispatch('getH5WxAuthorize',{jsApiList: ['openLocation', 'getLocation']})
+        .then(({jwxSDK})=>{
+          let zb = this.baiduTogcj(latitude, longitude)
+          jwxSDK.openLocation({
+            latitude: zb[0],
+            longitude:zb[1],
+            name: name || '我的位置',
+            address: address||'',
+            scale: 15,
+            infoUrl: ''
+          });
+        })
+        .catch(err=>{
+          console.error(err)
+          this.$xdAlert({
+            content:'暂时不支持唤起APP导航功能',
+            time:5000,
+          })
+        })
+    },
+    //#endif
+
+    /**
+     * @description 启动导航功能
+     * @param latitude {string|number}
+     * @param longitude {string|number}
+     * @param name {string} 地点名称
+     * @param address  {string} 地点详细地址
+     * @param cb {Function} 成功回调方法
+     */
+    handleOpenLocation({latitude,longitude, name, address}, cb){
+      //latitude = latitude||39.961521814959795;
+      //longitude = longitude || 116.84499635227222
+
+      if(typeof latitude === 'string') latitude = Number(latitude);
+      if(typeof longitude === 'string') longitude = Number(longitude);
+
+      //#ifdef MP-WEIXIN
+      let zb = this.baiduTogcj(latitude, longitude);
+      uni.openLocation({
+        latitude: zb[0],
+        longitude: zb[1],
+        name: name || '我的位置',
+        scale: 15,
+        address: address ||'',
+        success: function () {
+          if(typeof cb === 'function') {
+            cb();
+          }
+          console.log('success');
+        }
+      });
+      //#endif
+      //#ifdef H5
+      if(isWechat()) this.webChatEnvOpenLocation({latitude,longitude, name, address}, cb);
+      else {
+        let params = '';
+        params = `${params}&location=${latitude},${longitude}`;
+        params = `${params}&title=${encodeURIComponent(name)}`;
+        params = `${params}&content=${encodeURIComponent(address)}&output=html&zoom=15`;
+        window.location.href = `http://api.map.baidu.com/marker?${params}`;
+      }
+      //#endif
+    },
+
+    getUrlHasSpStrDIR(pathDir){
+      if(pathDir.indexOf('@site_domain@/') === 0) {
+        return pathDir.replace('@site_domain@/','').split('/')[0]
+      }
+      return ''
+    },
+
+    /**
+     * @description 判断站内设置的地址是否可以进行跳转
+     * 当前项目为H5时,过滤所有小程序应用
+     * 当前项目为小程序时,过滤所有非当前小程序应用
+     * 站外地址直接返回
+     * 站内地址未选值直接返回
+     * 预览模式全过
+     * @param url {string} json数据
+     * @return {null|string}
+     */
+    checkUrlIsValid(url){
+      let projectAttr = this.$root.projectAttr;
+      //url = '{"dir":"wtxsaas","host":"sandbox-website-05.jufubao.cn","path":"\/main\/order\/detail","appType":"h5","site_id":"17928cc37788be02","site_url":"https:\/\/sandbox-website-05.jufubao.cn\/wtxsaas\/main\/order\/detail","frontPath":"\/wtxsaas\/main\/order\/detail","fixed_business_code":""}'
+      //数据为空
+      if(url === '' || url === null || url === undefined) return null;
+      try {
+        let redirect_data = JSON.parse(url);
+        //兼容数据
+        if(redirect_data.app) redirect_data = redirect_data.app;
+        //兼容老数据
+        if(!redirect_data['appType']) redirect_data['appType']= 'h5';
+        //#ifdef H5
+
+        //H5 -> MP
+        if(redirect_data['appType'] === 'wxmp'){
+          //todo 待支持H5跳转到小程序
+          return null;
+        }
+        else {
+          //相同H5应用
+          if(redirect_data.dir === projectAttr.deploy_dir) {
+            return redirect_data.path
+          }
+          //不相同H5应用
+          else {
+            return `//${projectAttr.host}${redirect_data.frontPath}`
+          }
+        }
+        //#endif
+
+        //#ifdef MP-WEIXIN
+        let dir = redirect_data.dir;
+        if(redirect_data['appType'] === 'wxmp'){
+          //相同小程序应用
+          if(projectAttr.deploy_dir === dir) return redirect_data.path;
+
+          //MP -> MP
+          else{
+            //todo 待支持微信小程序跳转微信小程序
+            return null;
+          }
+        }
+        else if(redirect_data['appType'] === 'h5'){
+          return `https://${projectAttr.host}${redirect_data.frontPath}`
+        }
+        //其他情况
+        else {
+          return null;
+        }
+        //#endif
+      }
+      catch (e){
+        console.error(e);
+        return null;
+      }
+    },
+  }
+}
+