App.vue

<script>
import shop from "@/api/shop";
import spokesman from "@/api/spokesman";

import { themeColor, checkShowConditionIds } from "@/utils/mayi";
import { query_isEntry } from "@/utils/mayi_fenxiao";

export default {
  created() {
    // NODE_ENV
    let extConfig = wx.getExtConfigSync ? wx.getExtConfigSync() : {};
    console.log(extConfig, "-----------extConfig");
    if (JSON.stringify(extConfig) == "{}") {
      extConfig = process.env.NODE_ENV == "development" ? { mixid: "antgood", shopid: 67}:{ "mixid":"CL", "shopid":1166 };
    }


    console.log("1444444444", extConfig);
    this.$store.commit("setExtConfig", extConfig.mixid);
    this.$store.commit('setExtConfigInfo',extConfig)
    // 调用API从本地缓存中获取数据
    /*
     * 平台 api 差异的处理方式:  api 方法统一挂载到 mpvue 名称空间, 平台判断通过 mpvuePlatform 特征字符串
     * 微信：mpvue === wx, mpvuePlatform === 'wx'
     * 头条：mpvue === tt, mpvuePlatform === 'tt'
     * 百度：mpvue === swan, mpvuePlatform === 'swan'
     * 支付宝(蚂蚁)：mpvue === my, mpvuePlatform === 'my'
     */

    let logs;
    if (mpvuePlatform === "my") {
      logs = mpvue.getStorageSync({ key: "logs" }).data || [];
      logs.unshift(Date.now());
      mpvue.setStorageSync({
        key: "logs",
        data: logs,
      });
    } else {
      logs = mpvue.getStorageSync("logs") || [];
      logs.unshift(Date.now());
      mpvue.setStorageSync("logs", logs);
    }
    // 初始
    this.getShopInfo(extConfig);



    // 页面配置信息
    this.getThemePage(extConfig);

    // 商城配置
    this.shopConfiguration()

    setTimeout(() => {
      let mpApp = getApp();

      console.log(mpApp, "this.mpApp");


      mpApp.getShopInfo = this.getShopInfo
      mpApp.getThemePage = this.getThemePage
    },300)

  },
  methods: {
    async setVisible(pageList, cb) {
      // 首页显示条件
      let pageInfo = pageList.filter((item) => item.pageCode == 1)[0];
      let pageData = JSON.parse(pageInfo.pageData);
      // 查询显示条件id
      let showConditionIds = checkShowConditionIds(pageData);
      // 查询可显示的条件
      let { data: ids ,isAreaNavigation} = await this.checkCondition(showConditionIds);
      // 没有定位组件
      // if (!isAreaNavigation) {
      //   cb()
      //   return
      // }
      // 设置visible
      pageInfo.pageData = this.updateCondition(pageData, ids);
      console.log(showConditionIds, "--------------5454", ids, pageInfo);
      cb()
    },
    checkCondition({ allCondition }) {
      return new Promise((resolve, reject) => {
        // 获取
        let params = { showConditionIds:allCondition, region: "" };
        shop
          .checkShowCondition(params)
          .then((res) => {
            console.log(params, "check显示条件", res.data);
            if (res.data.code == 200) {
              resolve(res.data);
            }
          })
          .catch((err) => {
            console.log("check显示条件失败", err);
          });
      });
    },
    updateCondition(pageData, ids) {
      pageData.forEach((item) => {
        pollCondition(item);
      });
      function pollCondition(data) {
        if (Object.prototype.toString.call(data) === "[object Object]") {
          if (data.visible && data.visible > 1 && data.visibleCopy == undefined) {
              data.visibleCopy = data.visible;
              console.log(data.visibleCopy,'--data.visibleCopy')
          }
          if ((data.visibleCopy == 2 && wx.getStorageSync('sessionid')) ||
              (data.visibleCopy == 3 && !wx.getStorageSync('sessionid'))
          ) {
              data.visible = 1;
          } else if ((data.visibleCopy == 2 && !wx.getStorageSync('sessionid')) || 
              (data.visibleCopy == 3 && wx.getStorageSync('sessionid'))
          ) {
              data.visible = 0;
          } else {
            if (data.condition != "" && data.condition != undefined) {
              data.visible = ids.some((item) => {
                return item == data.condition;
              })
                ? 1
                : 0;
            }
          }
          for (const key in data) {
            if (data.hasOwnProperty(key)) {
              const element = data[key];
              if (
                Object.prototype.toString.call(element) === "[object Object]"
              ) {
                if (element.visible && element.visible > 1 && element.visibleCopy == undefined) {
                  element.visibleCopy = element.visible;
                }
                if ((element.visibleCopy == 2 && wx.getStorageSync('sessionid')) ||
                    (element.visibleCopy == 3 && !wx.getStorageSync('sessionid'))
                ) {
                    element.visible = 1;
                } else if ((element.visibleCopy == 2 && !wx.getStorageSync('sessionid')) || 
                    (element.visibleCopy == 3 && wx.getStorageSync('sessionid'))
                ) {
                    element.visible = 0;
                } else {
                  if (element.condition != "" && element.condition != undefined) {
                    console.log("979797", element.condition);
                    element.visible = ids.some((item) => {
                      return item == element.condition;
                    })
                      ? 1
                      : 0;
                  }
                }
                pollCondition(element);
              } else if (
                Object.prototype.toString.call(element) === "[object Array]" &&
                element.length > 0
              ) {
                element.forEach((item) => {
                  pollCondition(item);
                });
              }
            }
          }
        }
      }

      return JSON.stringify(pageData);
    },
    //商城配置
    getShopInfo({ mixid }) {
      shop.getShopInfo({ shopMixId: mixid }).then((res) => {
        if (res.data.code == 200) {
          // 收集用户数据
          this.$mpBehavior.init("mayi-moblie-shop-mp", res.data.data.id, {
            mode: process.env.NODE_ENV,
            gid: res.data.data.groupId,
            mixid: mixid
          })

          let mpApp = getApp();
          // 商城基本数据
          mpApp.shopCallBack && mpApp.shopCallBack(res.data.data);

          let defaultComponentModel = res.data.data.shopThemeData;
          this.mpApp.globalData.shopThemeData = res.data.data.shopThemeData;
          this.mpApp.globalData.shopInfo = res.data.data;

          // 获取底部栏数据
          let val = JSON.parse(defaultComponentModel);
          if (val && val.defaultComponentModel) {
            // 底部导航数据赋值
            let footerVal = val.defaultComponentModel.filter((item, index) => {
              return item.componentName == "底部导航";
            })[0];

            // 显示条件(未处理)
            footerVal.componentData.list=footerVal.componentData.list.filter(item=>item.visible==undefined || item.visible==1) || [];
            footerVal.componentData.list.forEach(ele=>{
              if(ele.link.name=="分销员中心" || ele.link.name=="分销商中心") {
                ele.show = false;
              }
            })
            this.mpApp.globalData.footerVal = footerVal;
            // app中异步数据回调 底部栏数据
            if (mpApp.footerCallBack) {
              mpApp.footerCallBack(footerVal);
            }
          }

          // 设置主题色
          themeColor["--main-color"] = val.themeColor.mainColor;
          themeColor["--minor-color"] = val.themeColor.minorColor;
          mpApp.themeColorCallBack(themeColor);
          mpApp.themeColor = themeColor

          wx.setStorage({
            key: "shopName",
            data: res.data.data.shopName
          });
          wx.setStorage({
            key: "logoUrl",
            data: process.env.IMG_DOMAIN + res.data.data.logoUrl
          });
          //
          console.log(this.mpApp, "mmmmm74", themeColor);
        }
      });
    },
    //商城配置
    shopConfiguration(){
      shop.get_shop_configuration().then(res=>{
        if (res.data.code == 200) {
          let mpApp = getApp();
          mpApp.shop_configuration = res.data.data
          console.log(mpApp.shop_configuration,'mpApp.shop_configuration');
        }
      })
    },
    async getThemePage({ mixid, shopid }) {
      await shop
        .themePagesInfo({
          shopid,
          shopMixId: mixid,
          homePageFlag: true
        })
        .then((response) => {
          if (response.data.code == 200) {
            let data = response.data.data;
            if (Array.isArray(data) && data.length > 0) {
              console.log("90", data);
              // 设置显示条件
              this.setVisible(data,()=>{
                console.log(1711111111);
                this.mpApp.globalData.pageList = data;
                // app中异步数据回调 底部栏数据
                if (this.mpApp.pageCallBack) {
                  this.mpApp.pageCallBack(data);
                }

                if(this.mpApp.indexBgCallBack){
                  this.mpApp.indexBgCallBack(data)
                }
              });

            }
          }
        })
        .catch((err) => {});
    },
    // ---
  },
  onError(data) {
    console.log(data, "js异常捕获");
    this.$mpAnalytics.recordError({
      data,
      keyword: data,
      extendsInfo: {
        mixid: this.$store.state.mixid || null,
      },
    });
  },
};
</script>

<style>
.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
}
/* this rule will be remove */
* {
  transition: width 2s;
  -moz-transition: width 2s;
  -webkit-transition: width 2s;
  -o-transition: width 2s;
}
/* @import url("../static/nicon/iconfont.css"); */
@import url("../static/font/iconfont.css");
@import url("../static/css/common.scss");
</style>