CRMEB/template/uni-app/App.vue

<script>
import { HTTP_REQUEST_URL } from "./config/app";
import {
  getShopConfig,
  silenceAuth,
  getSystemVersion,
  basicConfig,
  remoteRegister,
} from "@/api/public";
import Auth from "@/libs/wechat.js";
import Routine from "./libs/routine.js";
import { silenceBindingSpread } from "@/utils";
import { getCrmebCopyRight, getThemeInfo } from "@/api/api.js";
import { getLangJson, getLangVersion } from "@/api/user.js";
import { mapGetters } from "vuex";
import colors from "@/mixins/color.js";
import Cache from "@/utils/cache";
import { debug } from "util";
import { applyTheme } from "@/utils/theme.js";

export default {
  globalData: {
    spid: 0,
    code: 0,
    isLogin: false,
    userInfo: {},
    MyMenus: [],
    globalData: false,
    isIframe: false,
    tabbarShow: true,
    windowHeight: 0,
    locale: "",
  },
  mixins: [colors],
  computed: mapGetters(["isLogin", "cartNum"]),
  watch: {
    isLogin: {
      deep: true, //深度监听设置为 true
      handler: function (newV, oldV) {
        if (newV) {
          // this.getCartNum()
        } else {
          this.$store.commit("indexData/setCartNum", "");
        }
      },
    },
    cartNum(newCart, b) {
      this.$store.commit("indexData/setCartNum", newCart + "");
      if (newCart > 0) {
        uni.setTabBarBadge({
          index: Number(uni.getStorageSync("FOOTER_ADDCART")) || 2,
          text: newCart + "",
        });
      } else {
        uni.hideTabBarRedDot({
          index: Number(uni.getStorageSync("FOOTER_ADDCART")) || 2,
        });
      }
    },
  },
  onShow() {
    const queryData = uni.getEnterOptionsSync(); // uni-app版本 3.5.1+ 支持
    if (queryData.query.spread) {
      this.$Cache.set("spread", queryData.query.spread);
      this.globalData.spid = queryData.query.spread;
      this.globalData.pid = queryData.query.spread;
      silenceBindingSpread(this.globalData);
    }
    if (queryData.query.spid) {
      this.$Cache.set("spread", queryData.query.spid);
      this.globalData.spid = queryData.query.spid;
      this.globalData.pid = queryData.query.spid;
      silenceBindingSpread(this.globalData);
    }
    if (queryData.query.agent_id) {
      this.$Cache.set("agent_id", queryData.query.agent_id);
      this.globalData.agent_id = queryData.query.agent_id;
      silenceBindingSpread(this.globalData);
    }
    // #ifdef MP
    if (queryData.query.scene) {
      let param = this.$util.getUrlParams(
        decodeURIComponent(queryData.query.scene)
      );
      if (param.pid) {
        this.$Cache.set("spread", param.pid);
        this.globalData.spid = param.pid;
        this.globalData.pid = param.pid;
      } else {
        switch (queryData.scene) {
          //扫描小程序码
          case 1047:
            this.globalData.code = queryData.query.scene;
            break;
          //长按图片识别小程序码
          case 1048:
            this.globalData.code = queryData.query.scene;
            break;
          //手机相册选取小程序码
          case 1049:
            this.globalData.code = queryData.query.scene;
            break;
          //直接进入小程序
          case 1001:
            this.globalData.spid = queryData.query.scene;
            break;
        }
      }
      silenceBindingSpread(this.globalData);
    }
    // #endif
  },
  async onLaunch(option) {
    uni.hideTabBar();
    let that = this;
    basicConfig().then((res) => {
      uni.setStorageSync("BASIC_CONFIG", res.data);
    });
    // #ifdef H5
    if (
      option.query.hasOwnProperty("mdType") &&
      option.query.mdType == "iframeWindow"
    ) {
      this.globalData.isIframe = true;
    } else {
      this.globalData.isIframe = false;
    }
    if (!this.isLogin && option.query.hasOwnProperty("remote_token")) {
      this.remoteRegister(option.query.remote_token);
    }
    // #endif
    let previewThemeId = uni.getStorageSync("previewThemeId");
    applyTheme(previewThemeId);
    getLangVersion().then((res) => {
      let version = res.data.version;
      if (version != uni.getStorageSync("LANG_VERSION")) {
        getLangJson().then((res) => {
          let value = Object.keys(res.data)[0];
          Cache.set("locale", Object.keys(res.data)[0]);
          this.$i18n.setLocaleMessage(value, res.data[value]);
          uni.setStorageSync("localeJson", res.data);
        });
      }
      uni.setStorageSync("LANG_VERSION", version);
    });

    // #ifdef APP-PLUS || H5
    uni.getSystemInfo({
      success: function (res) {
        // 首页没有title获取的整个页面的高度，里面的页面有原生标题要减掉就是视口的高度
        // 状态栏是动态的可以拿到 标题栏是固定写死的是44px
        let height = res.windowHeight - res.statusBarHeight - 44;
        // #ifdef H5 || APP-PLUS
        that.globalData.windowHeight = res.windowHeight + "px";
        // #endif
        // // #ifdef APP-PLUS
        // that.globalData.windowHeight = height + 'px'
        // // #endif
      },
    });
    // #endif
    // #ifdef MP
    if (HTTP_REQUEST_URL == "") {
      console.error(
        "请配置根目录下的config.js文件中的 'HTTP_REQUEST_URL'\n\n请修改开发者工具中【详情】->【AppID】改为自己的Appid\n\n请前往后台【小程序】->【小程序配置】填写自己的 appId and AppSecret"
      );
      return false;
    }

    const updateManager = wx.getUpdateManager();
    const startParamObj = wx.getEnterOptionsSync();
    if (wx.canIUse("getUpdateManager") && startParamObj.scene != 1154) {
      const updateManager = wx.getUpdateManager();
      updateManager.onCheckForUpdate(function (res) {
        if (res.hasUpdate) {
          updateManager.onUpdateFailed(function () {
            return that.Tips({
              title: "新版本下载失败",
            });
          });
          updateManager.onUpdateReady(function () {
            wx.showModal({
              title: "更新提示",
              content: "新版本已经下载好，是否重启当前应用？",
              success(res) {
                if (res.confirm) {
                  updateManager.applyUpdate();
                }
              },
            });
          });
          updateManager.onUpdateFailed(function () {
            wx.showModal({
              title: "发现新版本",
              content: "请删除当前小程序，重启搜索打开...",
            });
          });
        }
      });
    }
    // #endif
    // 获取导航高度；
    uni.getSystemInfo({
      success: function (res) {
        that.globalData.navHeight =
          res.statusBarHeight * (750 / res.windowWidth) + 91;
      },
    });
    // #ifdef MP
    let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
    that.globalData.navH = menuButtonInfo.top * 2 + menuButtonInfo.height / 2;
    const version = uni.getSystemInfoSync().SDKVersion;
    if (Routine.compareVersion(version, "2.21.3") >= 0) {
      that.$Cache.set("MP_VERSION_ISNEW", true);
    } else {
      that.$Cache.set("MP_VERSION_ISNEW", false);
    }
    // #endif

    // #ifdef MP
    // 小程序静默授权
    // if (!this.$store.getters.isLogin) {
    // 	Routine.getCode()
    // 		.then(code => {
    // 			this.silenceAuth(code);
    // 		})
    // 		.catch(res => {
    // 			uni.hideLoading();
    // 		});
    // }
    // #endif
    // #ifdef H5
    // 添加crmeb chat 统计
    // var __s = document.createElement('script');
    // __s.src = `${HTTP_REQUEST_URL}/api/get_script`;
    // document.head.appendChild(__s);

    fetch(`${HTTP_REQUEST_URL}/api/get_script`)
      .then((response) => response.text())
      .then((content) => {
        // 尝试解析是否为HTML（带<script>标签）
        const isHTML = content.trim().startsWith("<script");

        let externalScripts = [];
        let inlineScripts = [];

        if (isHTML) {
          // 情况1：带<script>标签，用DOMParser解析
          const parser = new DOMParser();
          const doc = parser.parseFromString(content, "text/html");
          const scripts = doc.querySelectorAll("script");

          externalScripts = Array.from(scripts).filter((script) => script.src);
          inlineScripts = Array.from(scripts).filter((script) => !script.src);
        } else {
          // 情况2：不带<script>标签，直接当作内联脚本处理
          inlineScripts = [
            {
              textContent: content,
            },
          ];
        }

        // 1. 先加载所有外部脚本（如果有）
        const loadExternalScripts = externalScripts.map((script) => {
          return new Promise((resolve, reject) => {
            const newScript = document.createElement("script");
            newScript.src = script.src;
            newScript.onload = resolve;
            newScript.onerror = reject;
            document.body.appendChild(newScript);
          });
        });

        // 2. 等外部脚本加载完成后，再执行内联脚本
        Promise.all(loadExternalScripts)
          .then(() => {
            inlineScripts.forEach((script) => {
              const newScript = document.createElement("script");
              newScript.textContent = script.textContent;
              document.body.appendChild(newScript);
            });
          })
          .catch((error) =>
            console.error("Failed to load external scripts:", error)
          );
      })
      .catch((error) => console.error("Error fetching script:", error));

    // #endif
    getCrmebCopyRight().then((res) => {
      uni.setStorageSync("copyRight", res.data);
    });
  },
  onHide() {
    // #ifdef H5
    this.$Cache.clear("snsapiKey");
    // #endif
    this.$Cache.clear("previewThemeId");
  },
  methods: {
    remoteRegister(remote_token) {
      remoteRegister({
        remote_token,
      }).then((res) => {
        let data = res.data;
        if (data.get_remote_login_url) {
          location.href = data.get_remote_login_url;
        } else {
          this.$store.commit("LOGIN", {
            token: data.token,
            time: data.expires_time - this.$Cache.time(),
          });
          this.$store.commit("SETUID", data.userInfo.uid);
          location.reload();
        }
      });
    },
    // 小程序静默授权
    // silenceAuth(code) {
    // 	let that = this;
    // 	let spread = that.globalData.spid ? that.globalData.spid : '';
    // 	silenceAuth({
    // 			code: code,
    // 			spread_spid: spread,
    // 			spread_code: that.globalData.code
    // 		})
    // 		.then(res => {
    // 			if (res.data.token !== undefined && res.data.token) {
    // 				uni.hideLoading();
    // 				let time = res.data.expires_time - this.$Cache.time();
    // 				that.$store.commit('LOGIN', {
    // 					token: res.data.token,
    // 					time: time
    // 				});
    // 				that.$store.commit('SETUID', res.data.userInfo.uid);
    // 				that.$store.commit('UPDATE_USERINFO', res.data.userInfo);
    // 			}
    // 		})
    // 		.catch(res => {});
    // },
  },
};
</script>

<style>
@import url("@/plugin/emoji-awesome/css/tuoluojiang.css");
@import url("@/plugin/animate/animate.min.css");
@import "static/css/base.css";
@import "static/iconfont/iconfont.css";
@import "static/css/guildford.css";
@import "static/css/style.scss";
@import "static/css/unocss.css";
@import "static/fonts/font.scss";

view {
  box-sizing: border-box;
}

page {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Arial, sans-serif;
}

.bg-color-red {
  background-color: var(--view-theme) !important;
}

.syspadding {
  padding-top: var(--status-bar-height);
}

.flex {
  display: flex;
}

.uni-scroll-view::-webkit-scrollbar {
  /* 隐藏滚动条，但依旧具备可以滚动的功能 */
  display: none;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}

.uni-system-open-location .map-content.fix-position {
  height: 100vh;
  top: 0;
  bottom: 0;
}

.open-location {
  width: 100%;
  height: 100vh;
}
</style>