App.vue 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  1. <script>
  2. import store from '@/store'
  3. import { mapMutations, mapActions, mapGetters } from 'vuex'
  4. import { setTimeout } from 'timers'
  5. import { getDictionaries } from '@/api/mini'
  6. import util from "./utils/util"
  7. import priceSocket from "./mixins/priceSocket";
  8. //https://ext.dcloud.net.cn/plugin?id=22675
  9. import permissionListener from "@/uni_modules/c-permission-listener";
  10. export default {
  11. mixins:[priceSocket],
  12. // 全端,数据共享,还可以解决页面初始化模板访问不到值得
  13. // 有坑 分包里的页面访问不到
  14. globalData: {},
  15. onLaunch () {
  16. uni.removeStorageSync('suitInfoList');
  17. uni.removeStorageSync('productInfoList');
  18. uni.removeStorageSync('pxClassInfoList');
  19. uni.onPushMessage((res) => {
  20. console.log("收到推送消息:",res) //监听推送消息
  21. let message = res.data;
  22. // 提取页面路径(支持 pagesOrder/detail 这样的格式)
  23. let pagePath = message.payload && message.payload.page;
  24. // 用户点击查看详情,跳转到指定页面
  25. // 检查是否需要添加 / 前缀
  26. let url = pagePath.startsWith('/') ? pagePath : `/${pagePath}`;
  27. // 如果有额外参数,拼接到URL
  28. if (message.params || (message.payload && message.payload.params)) {
  29. let params = message.params || message.payload.params;
  30. let queryString = Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
  31. url = `${url}?${queryString}`;
  32. }
  33. console.log('推送消息跳转页面:', url);
  34. // 使用 navigateTo 跳转
  35. uni.navigateTo({
  36. url: url,
  37. fail: (err) => {
  38. console.error('页面跳转失败:', err);
  39. }
  40. });
  41. // 设置角标
  42. let badgeNumber = message.aps && message.aps.badge ? message.aps.badge - 1 : false;
  43. if (badgeNumber !== false) {
  44. plus.runtime.setBadgeNumber(badgeNumber);
  45. }
  46. })
  47. // #ifdef H5
  48. // H5开发环境无法微信授权,使用固定的用户 shish 2020.4.30
  49. if (process.env.NODE_ENV == "development") {
  50. uni.setStorageSync("token","eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiIsImp0aSI6IjBfNTIifQ.eyJpc3MiOiJodHRwczpcL1wvYXBpLnNob3AuaHpnaGQuY29tIiwiYXVkIjoiaHR0cHM6XC9cL2FwaS5zaG9wLmh6Z2hkLmNvbSIsImp0aSI6IjBfNTIiLCJpYXQiOjE2MTYxNTc2NjQsIm5iZiI6MTYxNjE1NzY2NCwiZXhwIjoxNjI0Nzk3NjY0LCJ1bmlxdWVJZCI6IjUyIiwic291cmNlSWQiOjB9.VzSekbSwSczMWsfdPVdrm3gZ-v9o3p01NbMVNT4nGZ4")
  51. uni.setStorageSync("account", "0")
  52. getDictionaries({ token: uni.getStorageSync('token') }).then(res => {
  53. if (util.isEmpty(res)) {
  54. return false
  55. }
  56. store.commit('setDictionariesInfo', {
  57. ...res.data.dict,
  58. ...res.data
  59. })
  60. store.commit('setMyShopInfo', {
  61. ...res.data.shop,
  62. ...res.data
  63. })
  64. })
  65. }
  66. // #endif
  67. // 删除缓存
  68. if (process.env.NODE_ENV == 'production') {
  69. uni.removeStorageSync('shopUser')
  70. }
  71. // #ifdef MP-WEIXIN
  72. // wxLoginFn()
  73. // uni.clearStorage()
  74. const extConfig = wx.getExtConfigSync ? wx.getExtConfigSync() : {}
  75. uni.setStorageSync('account', extConfig.account)
  76. // #endif
  77. },
  78. onLoad () {
  79. // const pages = getCurrentPages();
  80. // const currentPage = pages[pages.length - 1];
  81. // const url = `/${currentPage.route}`;
  82. // console.log(1111,url)
  83. },
  84. onShow (extraData) {
  85. if(extraData){
  86. uni.setStorageSync('extraData',extraData)
  87. }
  88. // permissionEnums枚举建议单独一个js文件,然后引入
  89. const permissionEnums = {
  90. // 取android.permission.ACCESS_COARSE_LOCATION后面那个
  91. "ACCESS_COARSE_LOCATION": {
  92. name: "定位", // 当前权限的名称
  93. explain: "展示附近店铺、填写收货地址等相关功能" // 权限说明
  94. },
  95. "CALL_PHONE": {
  96. name: "电话", // 当前权限的名称
  97. explain: "为了方便联系客服, 我们需要申请您设备的拨打电话权限" // 权限说明
  98. },
  99. "CAMERA":{
  100. name:"使用摄像头",
  101. explain: "为了方便给花材拍照片,上传花材图片等"
  102. },
  103. "READ_EXTERNAL_STORAGE":{
  104. name:"读取外部存储空间",
  105. explain:"为了修改个人头像和上传花材图片, 我们需要申请您设备的相机和存储权限",
  106. },
  107. "WRITE_EXTERNAL_STORAGE":{
  108. name:"写入外部存储空间",
  109. explain:"为了保存推广海报和小程序码到手机相册, 我们需要申请您设备的存储权限",
  110. },
  111. "READ_MEDIA_IMAGES":{
  112. name:"读取外部存储空间",
  113. explain:"为了修改个人头像和上传花材图片, 我们需要申请您设备的相机和存储权限",
  114. },
  115. "READ_MEDIA_VIDEO":{
  116. name:"读取外部存储空间",
  117. explain:"为了修改个人头像和上传花材图片, 我们需要申请您设备的相机和存储权限",
  118. },
  119. "READ_MEDIA_AUDIO":{
  120. name:"读取外部存储空间",
  121. explain:"为了修改个人头像和上传花材图片, 我们需要申请您设备的相机和存储权限",
  122. },
  123. }
  124. // 唤起权限会触发onHide,所以listenerFunc须在onShow生命周期调用
  125. permissionListener && permissionListener.listenerFunc(permissionEnums)
  126. },
  127. onHide () { },
  128. onError (err) {
  129. console.error(err, '错误捕获')
  130. },
  131. methods: {
  132. ...mapActions(['setUserShopAll'])
  133. }
  134. }
  135. </script>
  136. <style lang="scss">
  137. //没有scss变量方法的,主要引入 这样打包的时候就不会所有的组件都打包进去
  138. @import "./static/iconfont/iconfont.css";
  139. @import "./static/css/uni2.css";
  140. @import "./static/css/base.scss";
  141. @import "./static/css/common.scss";
  142. @import "./static/css/reset.scss";
  143. page {
  144. height: 100%;
  145. }
  146. /**开单-扎和支切换样式**/
  147. .switchover-unit{
  148. position: fixed;
  149. left: calc(170upx / 2 - 50upx);
  150. bottom: 140upx;
  151. display: flex;
  152. align-items: center;
  153. justify-content: center;
  154. width: 100upx;
  155. height: 100upx;
  156. color: #FFFFFF;
  157. background: #4b8cf4;
  158. border-radius: 50%;
  159. font-size: 42upx;
  160. font-weight: 700;
  161. z-index: 2;
  162. }
  163. /**开单-增加减少动画**/
  164. .animation{animation:imgmove 0.3s 1;animation-iteration-count:1}
  165. @-webkit-keyframes imgmove{0%{transform: scale(0.7);}100%{transform: scale(1);}}
  166. </style>