|
|
@@ -1,71 +1,217 @@
|
|
|
<!-- /pages/webview/webview.vue -->
|
|
|
<template>
|
|
|
- <web-view :src="src" @message="onMessage"></web-view>
|
|
|
+ <view>
|
|
|
+ <web-view style="height:calc(100% - 30px);margin-top:30px" :src="src" ref="webview"></web-view>
|
|
|
+ <view class="zai-title text-shadow " style="position: fixed;top:5px;z-index:3">返回</view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
-
|
|
|
+
|
|
|
<script>
|
|
|
-import configService from "@/common/service/config.service.js";
|
|
|
-import api from "@/api/api";
|
|
|
-export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- src: ''
|
|
|
- };
|
|
|
- },
|
|
|
- methods:{
|
|
|
- onMessage(event) {
|
|
|
- uni.showModal({
|
|
|
- content: JSON.stringify(event.detail),
|
|
|
- showCancel: false
|
|
|
- });
|
|
|
- },
|
|
|
- // onMessage(e) {
|
|
|
- // // 通过 e.detail.data 可以获取到网页发送过来的数据
|
|
|
- // // 如果要监听URL变化，可以在这里处理
|
|
|
- // console.log('网页发送的数据：', e.detail.data);
|
|
|
- // }
|
|
|
- },
|
|
|
- watch:{
|
|
|
- src(value){
|
|
|
- if(value.indexOf("ticket") !=-1) {
|
|
|
- this.$destroy();
|
|
|
- var tourl = configService.apiUrl;
|
|
|
- try {
|
|
|
- new Promise((resolve, reject) => {
|
|
|
- api
|
|
|
- .validateCasLogin({
|
|
|
- ticket: value.substring(value.indexOf("ticket")+7,value.length),
|
|
|
- service: tourl,
|
|
|
- })
|
|
|
- .then((response) => {
|
|
|
- if (response.data.code == 200) {
|
|
|
- uni.setStorageSync(ACCESS_TOKEN, response.data.result.token);
|
|
|
- } else {
|
|
|
- reject(response);
|
|
|
- }
|
|
|
-
|
|
|
- uni.navigateTo({
|
|
|
- url: "/pages/home/home",
|
|
|
- });
|
|
|
- })
|
|
|
- .catch((error) => {
|
|
|
- console.log("catch===>response", response);
|
|
|
- reject(error);
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
- } catch (e) {
|
|
|
- }
|
|
|
+ import configService from "@/common/service/config.service.js";
|
|
|
+ import {
|
|
|
+ ACCESS_TOKEN,
|
|
|
+ USER_NAME,
|
|
|
+ USER_INFO
|
|
|
+ } from "@/common/util/constants";
|
|
|
+ import api from "@/api/api";
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ timer: '',
|
|
|
+ src: ''
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ onLoaded() {
|
|
|
+ this.$tip.toast("onLoaded");
|
|
|
+ // 在webview加载完成后，注入JavaScript代码
|
|
|
+ this.$refs.webview.evalJs(`
|
|
|
+ (function() {
|
|
|
+ // 监听URL变化事件
|
|
|
+ window.addEventListener('hashchange', function() {
|
|
|
+ // 将URL变化通过postMessage传递给uniapp
|
|
|
+ window.postMessage(JSON.stringify({
|
|
|
+ type: 'urlChange',
|
|
|
+ url: window.location.href
|
|
|
+ }));
|
|
|
+ });
|
|
|
+
|
|
|
+ // 监听popstate事件（用于处理浏览器历史记录的变化）
|
|
|
+ window.addEventListener('popstate', function() {
|
|
|
+ window.postMessage(JSON.stringify({
|
|
|
+ type: 'urlChange',
|
|
|
+ url: window.location.href
|
|
|
+ }));
|
|
|
+ });
|
|
|
+
|
|
|
+ // 初始化时发送一次当前URL
|
|
|
+ window.postMessage(JSON.stringify({
|
|
|
+ type: 'initUrl',
|
|
|
+ url: window.location.href
|
|
|
+ }));
|
|
|
+ })();
|
|
|
+ `);
|
|
|
+
|
|
|
+ // 监听来自webview的消息
|
|
|
+ window.addEventListener('message', (event) => {
|
|
|
+ const data = JSON.parse(event.data);
|
|
|
+ if (data.type === 'urlChange') {
|
|
|
+ console.log('Webview URL changed:', data.url);
|
|
|
+ // 在这里处理URL变化逻辑
|
|
|
+ } else if (data.type === 'initUrl') {
|
|
|
+ console.log('Initial Webview URL:', data.url);
|
|
|
+ // 处理初始化时的URL
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ startListening() {
|
|
|
+ this.timer = setInterval(() => {
|
|
|
+ var pages = getCurrentPages();
|
|
|
+ var page = pages[pages.length - 1];
|
|
|
+ var currentWebview = page.$getAppWebview();
|
|
|
+ var urls = currentWebview.children()[0].getURL();
|
|
|
+ console.log("=======当前地址======", urls);
|
|
|
+
|
|
|
+ console.log(
|
|
|
+ 'WebView加载新页面------------------------------------------------------------------------' +
|
|
|
+ this.src);
|
|
|
+ if (urls.indexOf("ticket") != -1) {
|
|
|
+ this.stopListening();
|
|
|
+ var tourl = urls;
|
|
|
+ tourl = tourl.substring(tourl.indexOf("ticket") + 7, tourl.length)
|
|
|
+ var pos = tourl.indexOf("&");
|
|
|
+ if (pos != -1)
|
|
|
+ tourl = tourl.substring(0, pos)
|
|
|
+ // uni.navigateTo({
|
|
|
+ // url: "/pages/login/login",
|
|
|
+ // });
|
|
|
+ this.loginCas(tourl)
|
|
|
+ }
|
|
|
+ }, 1000); // 间隔3秒检查一次
|
|
|
+ },
|
|
|
+ stopListening() {
|
|
|
+ if (this.timer) {
|
|
|
+ clearInterval(this.timer);
|
|
|
+ this.timer = null;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ loginCas(value) {
|
|
|
+ var than = this
|
|
|
+ var ser = this.src;
|
|
|
+ new Promise((resolve, reject) => {
|
|
|
+ api
|
|
|
+ .validateCasLogin('', "?ticket=" + value + "&service=" + ser)
|
|
|
+ .then((response) => {
|
|
|
+ debugger
|
|
|
+ // console.log("response===>response", JSON.stringify(response));
|
|
|
+ // if (response.data.code == 200) {
|
|
|
+ // uni.setStorageSync(ACCESS_TOKEN, response.data.result.token);
|
|
|
+ // } else {
|
|
|
+ // }
|
|
|
+ const result = response.data.result
|
|
|
+ const userInfo = result.userInfo
|
|
|
+ uni.setStorageSync(ACCESS_TOKEN, result.token);
|
|
|
+ uni.setStorageSync(USER_INFO, userInfo);
|
|
|
+ console.log("userInfo=" + userInfo)
|
|
|
+ this.$store.commit('SET_TOKEN', result.token)
|
|
|
+ console.log("result.token=" + result.token)
|
|
|
+ this.$store.commit('SET_DICT', result.sysAllDictItems)
|
|
|
+ this.$store.commit('SET_AVATAR', userInfo.avatar)
|
|
|
+ this.$store.commit('SET_NAME', {
|
|
|
+ username: userInfo.username,
|
|
|
+ realname: userInfo.realname
|
|
|
+ })
|
|
|
+
|
|
|
+ console.log("getPermissionList-----------")
|
|
|
+ than.getPermissionList()
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ debugger
|
|
|
+ // console.log("catch===>response", error);
|
|
|
+ // uni.navigateTo({
|
|
|
+ // url: "/pages/home/home",
|
|
|
+ // });
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ //获取权限菜单
|
|
|
+ getPermissionList() {
|
|
|
+ console.log("getPermissionList=========================")
|
|
|
+ new Promise((resolve, reject) => {
|
|
|
+ api
|
|
|
+ .getPermission({})
|
|
|
+ .then((response) => {
|
|
|
+ console.log(response, '权限菜单----------------')
|
|
|
+ if (response.statusCode == 200) {
|
|
|
+ let data = response.data.result.menuApp
|
|
|
+ let dataBtn = response.data.result.appauth
|
|
|
+ uni.setStorageSync('menuPermission', data);
|
|
|
+ uni.setStorageSync('btnPermission', dataBtn);
|
|
|
+ this.$tip.success("登录成功!");
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages/index/index",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ reject(response);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.log("catch===>response", response);
|
|
|
+ reject(error);
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ saveClientId() {
|
|
|
+ console.log("saveClientId=========================")
|
|
|
+ var info = plus.push.getClientInfo();
|
|
|
+ var cid = info.clientid;
|
|
|
+ this.$http
|
|
|
+ .get("/sys/user/saveClientId", {
|
|
|
+ params: {
|
|
|
+ clientId: cid
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ console.log("res::saveClientId>", res);
|
|
|
+ //获取权限菜单
|
|
|
+ this.getPermissionList()
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.startListening();
|
|
|
+ },
|
|
|
+ onHide() {
|
|
|
+ this.stopListening();
|
|
|
+ },
|
|
|
+ watch: {},
|
|
|
+ onUnload() {
|
|
|
+ plus.runtime.quit();
|
|
|
+ },
|
|
|
+ onLoad(option) {
|
|
|
+ // 获取传递过来的url参数
|
|
|
+ let optionurl = option.url;
|
|
|
+ console.log('onLoad 当前URL:', option.url);
|
|
|
+ // setTimeout(()=>{
|
|
|
+
|
|
|
+ // console.log('onLoad setNavigationBarTitle', option.url);
|
|
|
+ // uni.setNavigationBarTitle({
|
|
|
+ // title: '单点登录'
|
|
|
+ // });
|
|
|
+ // },2000)
|
|
|
+ console.log("option.url======" + option.url)
|
|
|
+ this.src = decodeURIComponent(optionurl);
|
|
|
}
|
|
|
- }
|
|
|
- },
|
|
|
- onLoad(option) {
|
|
|
- // 获取传递过来的url参数
|
|
|
- let optionurl = option.url;
|
|
|
- if(option.url.indexOf("ticket") !=-1){
|
|
|
- console.log("option.url======"+option.url)
|
|
|
- this.src = decodeURIComponent(optionurl);
|
|
|
+ };
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+ .zai-title {
|
|
|
+ margin-top: 20upx;
|
|
|
+ font-size: 58upx;
|
|
|
+ color: #000000;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
- }
|
|
|
-};
|
|
|
-</script>
|
|
|
+</style>
|
