course_resource/src/App.vue

<script setup>
import { onMounted, ref } from 'vue'
import { RouterLink, RouterView, useRoute } from 'vue-router'
import Header from './views/header.vue';
import axios from 'axios';
import qs from 'qs';
import { ElMessageBox } from 'element-plus'
import { userInfoStore, userCurrentRole } from './stores/counter'

const route = useRoute()
const store = userInfoStore()
const CurrentRole = userCurrentRole()
const name = ref('')
const isShow = ref(true)
const setTimeState = ref(null)

onMounted(() => {
  // 通过 code 获取登录信息
  let isGrantCode = getUrlParam(window.parent.location.href, 'grant_code')
  let ticket = getUrlParam(window.parent.location.href, 'ticket')
  axios.defaults.headers = { 'content-type': 'application/json;charset=utf-8' }
 
  if (isGrantCode) {
    let params = {
      grantCode: isGrantCode,
      redirectUri: "https://cloud.cocorobo.cn/testapi"
    }
    axios.post('//cloud.cocorobo.cn/api/getAccessToken', JSON.stringify(params)).then(res => {
      // console.log(res)
      if (res.data.code == 0) {
        let accessTokenParams = {
          accessToken: res.data.data.accessToken
        }
        axios.post('//cloud.cocorobo.cn/api/getUserInfo', JSON.stringify(accessTokenParams)).then(r => {

          if (r.data.code == 0) {
            console.log(r.data.data)
            // store.user = r.data.data
            name.value = r.data.data.userName
            userInfo(r.data.data)
          }
        })
      } else {
        linkLogin()
      }
    })
  }else if(ticket){
    axios.get(`https://pbl.cocorobo.cn/api/bat/getToken?ticket=${ticket}`)
      .then(r => {
        if (r.status === 200 && r.data.data && r.data.data.result) {
          console.log(r.data.data.result)
          name.value = r.data.data.result.name
          userInfo2(r.data.data.result)
        }
      })
  } else {
    linkLogin()
  }
})

const linkLogin = () => {
  top.location.href = `https://sz.edu.cn/thirdauth/oauth2/authorize?service=initService&scope=all&response_type=code&app_id=f03970962b254aa29115fefd42a8eeb7&redirect_uri=https://cloud.cocorobo.cn/api`
}

// 同步登录信息
const userInfo = (data) => {
  // eduId  - 教育ID
  // userId  - 用户id
  // areaAdministrator - 安全管理员
  // userAdministrator - 用户管理员（市区级）
  // securityAuditor - 安全审计员（市区级）
  // schoolAdministrator - 用户管理员（校级）
  // schoolSecurityAuditor - 安全审计员（校级）
  // edupersonnel - 单位用户
  // teacher - 教师
  // visitorstudent - 学生
  // visitorparent - 家长
  // visitor - 访客
  // parentagency - 家长代办

  let userIdentity = 1
  if (data.currentRole == "edupersonnel" || data.currentRole == "areaAdministrator" || data.currentRole == "userAdministrator" || data.currentRole == "securityAuditor" || data.currentRole == "schoolAdministrator" || data.currentRole == "schoolSecurityAuditor" || data.currentRole == "teacher") {
    isShow.value = true
    CurrentRole.setUserCurrentRole(data.currentRole)
    userIdentity = 1
    let userGrand = ""
    if (data.childList && data.childList.length > 0) {
      userGrand = data.childList[0].gradeName + data.childList[0].className
    }
    let params = {
      openid: data.userId,
      edu: true
    }
    axios.defaults.headers = { 'content-type': 'application/x-www-form-urlencoded' }
    axios.defaults.withCredentials = true;
    let diqu = `${data.schoolName}&${data.schoolCode}&${data.orgName}&${data.orgCode}`
    if (data.telephoneNumber) {
      top.U.A.Request("https://pbl.cocorobo.cn/api/pbl/batchRegistrationSzdjg3", [data.userName, data.telephoneNumber + '@szdjg.com', '16ace517-b5c7-4168-a9bb-a9e0035df840', data.schoolName || "", data.telephoneNumber, userGrand, userIdentity, data.userId, diqu, data.eduId], function (r) {
        // console.log('rrrrr', r)
        axios.post(`https://beta.api.cocorobo.cn/api/user`, qs.stringify(params)).then(d => {
          // store.user = top.US.userInfo
          setStateUserinfo()
        })
      }, [], { "type": "POST", "withCredentials": true });
    } else {
      isShow.value = false
      ElMessageBox.alert('没有绑定手机号，请先去绑定手机号', "提示", {
        confirmButtonText: '确定',
      })
    }
  } else {
    isShow.value = false
    ElMessageBox.alert('当前账号无使用平台权限，如需体验，您需申请体验账号，查看平台内容', "温馨提示", {
      confirmButtonText: '确定',
      showClose: false
    }).then(() => {
      top.location.href = "https://zy.szedu.cn/ai/"
    })
  }

}

// 同步登录信息
const userInfo2 = (data) => {

  let userIdentity = 1
  isShow.value = true
  CurrentRole.currentRole == data.user_role.join(",")
  userIdentity = 1
  let userGrand = ""

  let params = {
    openid: data.user_id,
    edu: true
  }
  axios.defaults.headers = { 'content-type': 'application/x-www-form-urlencoded' }
  axios.defaults.withCredentials = true;
  let diqu = `${data.last_top_org_name}&${data.init_v_platform_code}`
  top.U.A.Request("https://pbl.cocorobo.cn/api/pbl/batchRegistrationSzdjg3", [data.name, data.user_id + '@szdjg.com', '16ace517-b5c7-4168-a9bb-a9e0035df840', data.last_top_org_name || "", data.phone, userGrand, userIdentity, data.user_id, diqu, data.usession_id], function (r) {
    // console.log('rrrrr', r)
    axios.post(`https://beta.api.cocorobo.cn/api/user`, qs.stringify(params)).then(d => {
      // store.user = top.US.userInfo
      setStateUserinfo()
    })
  }, [], { "type": "POST", "withCredentials": true });


}

const setStateUserinfo = () => {
  // setTimeState
  setTimeState.value = setInterval(() => {
    if (JSON.stringify(top.US.userInfo) != '{}') {
      // store.user = top.US.userInfo
      settimeoutUserinfo()
      clearInterval(setTimeState.value)
    }
  }, 1000)
}

const settimeoutUserinfo = () => {
  setTimeout(() => {
    isShow.value = false
    console.log("top.US.userInfo", top.US.userInfo)
    store.setUserInfo(top.US.userInfo) 
  }, 1000)
}

const getUrlParam = (urlStr, urlKey) => {
  const url = new URL(urlStr) // 字符串转换成url格式
  const paramsStr = url.search.slice(1) // 获取'?'后面的参数字符串
  const paramsArr = paramsStr.split('&') // 分割'&'字符 获得参数数组
  for (let i = 0; i < paramsArr.length; i++) {
    const tempArr = paramsArr[i].split('=')
    if (tempArr[0] === urlKey) {
      return tempArr[1]
    }
  }
}


</script>

<template>
  <!-- <keep-alive> -->
  <div v-loading="isShow" style="height: 100%;">
    <router-view></router-view>
  </div>
  <!-- </keep-alive> -->
</template>

<style scoped></style>