oa-base/pages/index/index.vue

<template>
  <web-view class="webview" @message="webLoad" style="flex: 1;" :src="config.h5Url"></web-view>
</template>
<script setup>
import { ref } from 'vue'
import { onExit, onShow } from "@dcloudio/uni-app";
import config from "../../config"
onShow(() => {
  // const { statusBarHeight } = uni.getSystemInfoSync()
  // const wv1 = plus.webview.getWebviewById("custom-webview");
  // let wv = null;
  // if (wv1) {
  //   wv = wv1;
  // } else {
  //   wv = plus.webview.create(config.h5Url, "custom-webview", {
  //     top: statusBarHeight,
  //     bottom: 0,
  //   });
  // }
  // const currentPages = getCurrentPages()
  // const currentWebview = currentPages[currentPages.length - 1].$getAppWebview()
  // currentWebview.append(wv)


})
// 监听收到推送消息

import { Communication } from '../../utils/communication.js';
const commun = new Communication()
const share = () => {
  uni.getProvider({
    service: "share",
    success: (res) => {
      console.log(res)
    }
  })
  uni.share({
    provider: 'weixin',
    scene: "WXSceneSession",
    type: 5,// 5代表分享为小程序
    imageUrl: 'https://th.bing.com/th?id=ORMS.41c34644e7e67f95a14620e77064b5d9&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1&p=0', // 必填
    title: '分享的标题',
    miniProgram: {
      id: "gh_97094c34debd",
      path: "/pages/index/index",
      type: 0,
      webUrl: '/#/pages/list/detail',
    },
    success: function (res) {
      console.log("success:" + JSON.stringify(res));
    },
    fail: function (err) {
      console.log("fail:" + JSON.stringify(err));
    }
  });
}
const shareH5 = () => {
  uni.share({
    provider: 'weixin',
    scene: "WXSceneSession",
    type: 0,// 5代表分享为小程序
    imageUrl: 'https://th.bing.com/th?id=ORMS.41c34644e7e67f95a14620e77064b5d9&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1&p=0', // 必填
    title: '分享的标题',
    href: 'https://www.baidu.com/',
    success: function (res) {
      console.log("success:" + JSON.stringify(res));
    },
    fail: function (err) {
      console.log("fail:" + JSON.stringify(err));
    }
  });
}
// import {
//   registerRequestPermissionTipsListener,
//   unregisterRequestPermissionTipsListener,
//   setRequestPermissionTips
// } from "@/uni_modules/uni-registerRequestPermissionTips"

// const PermissionTips = {
//   "android.permission.READ_PHONE_STATE": "<h4 style=\"font-size:40px;\">正在读取网络状态权限</h4><font color=#cccccc>通讯录权限不会获取任何信息，请注意通讯录权限不会获取任何信息，请注意通讯录权限不会获取任何信息，请注意</font>",
//   "android.permission.CAMERA": "<h4 style=\"font-size:40px;\">正在访问相机权限</h4><font color=#cccccc>需要扫描二维码或拍照，是否允许打开相机？</font>",
//   "android.permission.WRITE_EXTERNAL_STORAGE": "<h4 style=\"font-size:40px;\">正在读取相册权限</h4><font color=#cccccc>我们需要获取访问您设备相册的权限，以便您能够选择并上传图片或视频到我们的应用中。</font>"
// }
// onExit(() => {
//   unregisterRequestPermissionTipsListener()
// })

// const brand = uni.getSystemInfoSync().deviceBrand
// setRequestPermissionTips(PermissionTips)
// registerRequestPermissionTipsListener({
//   onRequest: (e) => {
//     console.log('onRequest', e)
//   },
//   onConfirm: (e) => {
//     commun.sendToH5('permission-application', { action: 'open-permission', data: e });
//   },
//   onComplete: (e) => {
//     commun.sendToH5('permission-application', { action: 'close-permission', data: e });

//     // 华为手机在权限禁止之后，再次申请权限不会出现权限申请框。此时应该引导用户去系统设置开启此权限，不应该频繁申请。
//     if (brand.toLowerCase() === "huawei") {
//       const tips = {}
//       let hasDeniedPermission = false
//       for (let k in PermissionTips) {
//         if (e[k] !== "denied") {
//           tips[k] = PermissionTips[k]
//         } else {
//           hasDeniedPermission = true
//         }
//       }
//       setRequestPermissionTips(tips) // 更新弹框提醒，防止华为手机不出现权限申请框时权限提醒框闪烁的情况
//       if (hasDeniedPermission)
//         uni.showModal({
//           content: "权限已经被拒绝，请前往设置中开启"
//         })
//     }
//   }
// })
function initializeWebView() {
  const currentWebview = getCurrentPages().pop().$getAppWebview()
  commun.setWebView(currentWebview.children()[0])
}
//load-complete 注册函数
commun.registerHandler('load-complete', () => {
  initializeWebView()
  const { statusBarHeight } = uni.getSystemInfoSync()
  commun.webViewObj.setStyle({
    top: statusBarHeight,
    bottom: 0,
  })

})
commun.registerHandler('getLocation', (data) => {
  uni.getLocation({
    type: 'gcj02',
    geocode: true,
    isHighAccuracy: true,
    ...data,
    success: (res) => {
      console.log('getLocation', res)
      commun.sendToH5('getLocation', res);
    },
  })
})
const webLoad = (e) => {
  const message = e.detail.data?.[0] || '';
  commun.handleMessage(message);
};
</script>

<style></style>