front-end/hdApp/src/App.vue

<script>
import store from '@/store'
import { mapActions } from 'vuex'
//import { setTimeout } from 'timers'
import { getDictionaries } from '@/api/mini'
import util from "./utils/util"
import priceSocket from "./mixins/priceSocket";
import permissionListener from "@/uni_modules/c-permission-listener"; //https://ext.dcloud.net.cn/plugin?id=22675
export default {
	mixins:[priceSocket],
  // 全端，数据共享，还可以解决页面初始化模板访问不到值得
  // 有坑 分包里的页面访问不到
  globalData: {},
  onLaunch () {
	uni.removeStorageSync('suitInfoList');
	uni.removeStorageSync('productInfoList');
	uni.removeStorageSync('pxClassInfoList');

	// #ifdef APP-PLUS
	// 清除角标数字
	plus.runtime.setBadgeNumber(0);
	// #endif

    // 推送消息监听改在登录成功后注册，见 utils/appDevice.js setupAppPushMessageListener

    // #ifdef H5
    // H5 开发环境无微信授权：仅补齐 account；不再写入过期硬编码 token（会覆盖登录态并触发 /console/init 500）
    // 有本地 token 时拉取字典；必须 catch，否则 reject 的普通对象会被 webpack overlay 显示成 [object Object]
    if (process.env.NODE_ENV == "development") {
      if (!uni.getStorageSync('account')) {
        uni.setStorageSync("account", "0")
      }
      let h5Token = uni.getStorageSync('token')
      // 清理历史硬编码/已过期 JWT，避免每次启动都打出 500 并干扰登录态
      if (h5Token) {
        try {
          const payload = JSON.parse(atob(h5Token.split('.')[1] || ''))
          if (payload.exp && payload.exp * 1000 < Date.now()) {
            uni.removeStorageSync('token')
            h5Token = ''
          }
        } catch (e) {
          // 非 JWT 结构时保留原 token，交由接口鉴权
        }
      }
      if (h5Token) {
        getDictionaries({ token: h5Token }).then(res => {
          if (util.isEmpty(res)) {
            return false
          }
          store.commit('setDictionariesInfo', {
            ...res.data.dict,
            ...res.data
          })
          store.commit('setMyShopInfo', {
            ...res.data.shop,
            ...res.data
          })
        }).catch(err => {
          console.error('H5 拉取字典失败（token 可能失效，请重新登录）', err && (err.errMsg || err.msg || err.statusCode) || err)
        })
      }
    }
    // #endif

    // 删除缓存
    if (process.env.NODE_ENV == 'production') {
      uni.removeStorageSync('shopUser')
    }
    // #ifdef MP-WEIXIN
    // wxLoginFn()
    // uni.clearStorage()
    const extConfig = wx.getExtConfigSync ? wx.getExtConfigSync() : {}
    uni.setStorageSync('account', extConfig.account)

    // #endif

  },
  onLoad () {
    // const pages = getCurrentPages();
    // const currentPage = pages[pages.length - 1];
    // const url = `/${currentPage.route}`;
    // console.log(1111,url)
  },
  onShow (extraData) {
	// #ifdef APP-PLUS
	// 清除角标数字
	plus.runtime.setBadgeNumber(0);
	// #endif

  	if(extraData){
  		uni.setStorageSync('extraData',extraData)
	}

		// permissionEnums枚举建议单独一个js文件，然后引入
		const permissionEnums = {
			"ACCESS_COARSE_LOCATION": {
				name: "定位",
				explain: "在您主动使用注册填址、查找附近批发店、订单导航等功能时获取位置，用于匹配地址或打开地图"
			},
			"ACCESS_FINE_LOCATION": {
				name: "定位",
				explain: "在您主动使用注册填址、查找附近批发店、订单导航等功能时获取位置，用于匹配地址或打开地图"
			},
			"CALL_PHONE": {
				name: "电话", // 当前权限的名称
				explain: "为了方便联系客服, 我们需要申请您设备的拨打电话权限"     // 权限说明
			},
			"CAMERA":{
				name:"使用摄像头",
				explain: "为了方便给花材拍照片，上传花材图片等"
			},
			"READ_EXTERNAL_STORAGE":{
				name:"读取外部存储空间",
				explain:"为了修改个人头像和上传花材图片, 我们需要申请您设备的相机和存储权限",
			},
			"WRITE_EXTERNAL_STORAGE":{
				name:"写入外部存储空间",
				explain:"为了保存推广海报和小程序码到手机相册, 我们需要申请您设备的存储权限",
			},
			"READ_MEDIA_IMAGES":{
				name:"读取外部存储空间",
				explain:"为了修改个人头像和上传花材图片, 我们需要申请您设备的相机和存储权限",
			},
			"READ_MEDIA_VIDEO":{
				name:"读取外部存储空间",
				explain:"为了修改个人头像和上传花材图片, 我们需要申请您设备的相机和存储权限",
			},
			"READ_MEDIA_AUDIO":{
				name:"读取外部存储空间",
				explain:"为了修改个人头像和上传花材图片, 我们需要申请您设备的相机和存储权限",
			},
			"POST_NOTIFICATIONS":{
				name:"通知",
				explain:"为了及时接收订单等重要消息，我们需要申请通知权限",
			},
		}
		// 唤起权限会触发onHide，所以listenerFunc须在onShow生命周期调用
		permissionListener && permissionListener.listenerFunc(permissionEnums)

  },
  onHide () { },
  onError (err) {
    console.error(err, '错误捕获')
  },
  methods: {
    ...mapActions(['setUserShopAll'])
  }
}
</script>

<style lang="scss">
//没有scss变量方法的，主要引入 这样打包的时候就不会所有的组件都打包进去
@import "./static/iconfont/iconfont.css";
@import "./static/css/uni2.css";
@import "./static/css/base.scss";
@import "./static/css/common.scss";
@import "./static/css/reset.scss";
page {
  height: 100%;
}
/**开单-扎和支切换样式**/
.switchover-unit{
	position: fixed;
	left: calc(170upx / 2 - 50upx);
	bottom: 140upx;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100upx;
	height: 100upx;
	color: #FFFFFF;
	background: #4b8cf4;
	border-radius: 50%;
	font-size: 42upx;
	font-weight: 700;
	z-index: 2;
}
/**开单-增加减少动画**/
.animation{animation:imgmove 0.3s 1;animation-iteration-count:1}
@-webkit-keyframes imgmove{0%{transform: scale(0.7);}100%{transform: scale(1);}}
</style>