fix:二次回退问题修复

夏洋涛
1 parent f596a961
Showing 3 changed files with 59 additions and 46 deletions Show diff stats
src/views/Home/Home.vue
src/views/Service/ServiceBaseKQ.vue
src/views/Service/ServiceKQ.vue
@@ -12,7 +12,7 @@
                 {{ schoolNamesChoose.schoolName }}<img src="@/assets/Travel/change.png" />
               </div>
             </div>
-            <p class="phone">{{ phoneDesensitization(userInfo.phone,'*') }}</p>
+            <p class="phone">{{ phoneDesensitization(userInfo.phone, '*') }}</p>
           </div>
         </div>
         <HomeScan v-if="!isWechat"></HomeScan>
@@ -91,7 +91,7 @@ export default {
       showChildList: false,
       showSchool: false,
       schoolNamesChoose: '',
-      isWechat:false
+      isWechat: false,
     }
   },
@@ -106,9 +106,9 @@ export default {
       this.schoolNamesChoose = JSON.parse(schoolNamesChoose)
     }
     let isWechat = localStorage.getItem('isWechat')
-      if(isWechat==1){
-        this.isWechat = true
-      }
+    if (isWechat == 1) {
+      this.isWechat = true
+    }
     this.centerNo = localStorage.getItem('centerNo')
     this.getUserInfo()
     this.againRZ()
@@ -183,20 +183,20 @@ export default {
     },
     //五星少年
     handleStars() {
-      this.$router.push({name: 'stars'})
+      this.$router.push({ name: 'stars' })
     },
     // 清除缓存
     handleClearCache() {
       this.$toast.loading({
-        message: '正在清除',
+        message: '清除成功，正在重新登录',
         duration: 1000,
         forbidClick: true,
       })
+      localStorage.removeItem('schoolNamesChoose')
+      localStorage.removeItem('schoolNames')
+      localStorage.removeItem('centerNo')
       setTimeout(() => {
-        this.$toast('清除成功')
-        localStorage.removeItem('schoolNamesChoose')
-        localStorage.removeItem('schoolNames')
-        this.getUserInfo()
+        this.$router.replace({ path: '/' })
       }, 1000)
     },
     // 获取用户信息
@@ -98,20 +98,6 @@ export default {
       loading: false,
     }
   },
-  watch: {
-    $route: {
-      immediate: true,
-      handler() {
-        // 设置tabbar状态
-        let showTab = this.$route.query.showTab
-        this.tabName = showTab || 'KQ'
-        // document.title = showTab == 'ZZY' ? '周周营' : '红色网上游——柯桥研学'
-        this.$nextTick(() => {
-          this.$refs.tabs.resize()
-        })
-      },
-    },
-  },
   mounted() {
     console.log('base mounted')
     // alert('servicebase show')
@@ -4,7 +4,7 @@
 <script>
 import ServiceBasekq from './ServiceBaseKQ.vue'
-const userData = require('@/views/answerRank/data.json');
+const userData = require('@/views/answerRank/data.json')
 export default {
   name: 'ServiceKQ',
   data() {
@@ -16,29 +16,44 @@ export default {
   mounted() {
     console.log('xst mounted')
     this.checkAuth()
+    //二次回退
+    const sUserAgent = window.navigator.userAgent.toLowerCase()
+    const bIsAlipayMini = sUserAgent.indexOf('miniprogram') > -1 && sUserAgent.indexOf('alipay') > -1
+    if (bIsAlipayMini) {
+      console.log('我来自支付宝,popstate')
+      window.addEventListener('popstate', this.listenerPopstate, true)
+    } else {
+      console.log('我来自浙里办,popstate')
+      window.addEventListener('popstate', this.listenerPopstate, true)
+    }
   },
-  activated() {
-    console.log('KQ activated')
-    this.checkAuth()
+  //销毁监听
+  destroyed() {
+    console.log('销毁支付宝监听')
+    window.removeEventListener('popstate', this.listenerPopstate, true)
   },
   methods: {
+    //支付宝二次回退方法，addEventListener和removeEventListener一定要调用方法，不然无效
+    listenerPopstate() {
+      ZWJSBridge.close()
+    },
     checkAuth() {
       let centerNo = localStorage.getItem('centerNo')
       let ticket = this.common.getUrlParam('ticket') //浙里办app访问
       let ticketId = this.common.getUrlParam('ticketId') //浙里办微信小程序访问
       // alert(location.href)
       // alert(ticketId)
-      if (ticket) {
-        this.getCenterByTicket(ticket)
-      } else if (ticketId) {
-        // alert('getCenterByTicketId')
-        this.getCenterByTicketId(ticketId)
-        localStorage.setItem('isWechat',1)
-      } else if (centerNo) {
+      if (centerNo) {
         // alert('有中台编号：' + centerNo)
         this.centerNo = centerNo
         localStorage.setItem('centerNo', centerNo)
         this.getUserInfo()
+      } else if (ticket) {
+        this.getCenterByTicket(ticket)
+      } else if (ticketId) {
+        // alert('getCenterByTicketId')
+        this.getCenterByTicketId(ticketId)
+        localStorage.setItem('isWechat', 1)
       } else {
         const sUserAgent = window.navigator.userAgent.toLowerCase()
         const dtdreamweb = sUserAgent.indexOf('dtdreamweb') > -1
@@ -51,7 +66,7 @@ export default {
           window.location.href = `https://puser.zjzwfw.gov.cn/sso/alipay.do?action=ssoLogin&servicecode=82a7a71edb794fc285895f9e33290ddc`
         } else {
           alert('非浙里办渠道访问，显示测试用户数据')
-          console.log('非浙里办渠道访问，显示测试用户数据',userData)
+          console.log('非浙里办渠道访问，显示测试用户数据', userData)
           this.centerNo = '2022031508525674030748540013076'
           localStorage.setItem('centerNo', '2022031508525674030748540013076')
           let userInfo = JSON.stringify(userData)
@@ -125,14 +140,26 @@ export default {
     },
     reLoad() {
       console.log('reload')
-      ZWJSBridge.confirm({
-        title: '警告',
-        buttonLabels: ['重新载入'],
-        message: '用户身份验证失败，请重新加载',
-      }).then((res) => {
-        const sUserAgent = window.navigator.userAgent.toLowerCase()
-        const dtdreamweb = sUserAgent.indexOf('dtdreamweb') > -1
-        const miniprogram = sUserAgent.indexOf('miniprogram') > -1 && sUserAgent.indexOf('alipay') > -1
+      const sUserAgent = window.navigator.userAgent.toLowerCase()
+      const dtdreamweb = sUserAgent.indexOf('dtdreamweb') > -1
+      const miniprogram = sUserAgent.indexOf('miniprogram') > -1 && sUserAgent.indexOf('alipay') > -1
+      if (localStorage.getItem('reloadCount') == 2) {
+        localStorage.setItem('reloadCount', 1)
+        ZWJSBridge.confirm({
+          title: '警告',
+          buttonLabels: ['重新载入'],
+          message: '用户身份验证失败，请重新加载',
+        }).then((res) => {
+          if (dtdreamweb) {
+            // alert('浙里办')
+            window.location.href = `https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=82a7a71edb794fc285895f9e33290ddc`
+          } else if (miniprogram) {
+            // alert('支付宝')
+            window.location.href = `https://puser.zjzwfw.gov.cn/sso/alipay.do?action=ssoLogin&servicecode=82a7a71edb794fc285895f9e33290ddc`
+          }
+        })
+      } else {
+        localStorage.setItem('reloadCount', 2)
         if (dtdreamweb) {
           // alert('浙里办')
           window.location.href = `https://puser.zjzwfw.gov.cn/sso/mobile.do?action=oauth&scope=1&servicecode=82a7a71edb794fc285895f9e33290ddc`
@@ -140,7 +167,7 @@ export default {
           // alert('支付宝')
           window.location.href = `https://puser.zjzwfw.gov.cn/sso/alipay.do?action=ssoLogin&servicecode=82a7a71edb794fc285895f9e33290ddc`
         }
-      })
+      }
     },
     // 获取用户信息
     getUserInfo: function() {
	@@ -98,20 +98,6 @@ export default {		@@ -98,20 +98,6 @@ export default {
98	loading: false,	98	loading: false,
99	}	99	}
100	},	100	},
101	- watch: {
102	- $route: {
103	- immediate: true,
104	- handler() {
105	- // 设置tabbar状态
106	- let showTab = this.$route.query.showTab
107	- this.tabName = showTab \|\| 'KQ'
108	- // document.title = showTab == 'ZZY' ? '周周营' : '红色网上游——柯桥研学'
109	- this.$nextTick(() => {
110	- this.$refs.tabs.resize()
111	- })
112	- },
113	- },
114	- },
115	mounted() {	101	mounted() {
116	console.log('base mounted')	102	console.log('base mounted')
117	// alert('servicebase show')	103	// alert('servicebase show')