tuoheng_virtualAirPlan_web/src/main.js

//iconfont
import '@/assets/iconfont/iconfont.css'
import './assets/style/main.less'

import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'

// import 'video.js/dist/video-js.css' // css 一定要引入

//引入vxe-table
import VxeUIAll from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'

import { useSettingStore } from '@/stores/setting.js'
import { qiankunWindow, renderWithQiankun } from 'vite-plugin-qiankun/dist/helper'

// 创建实例
let app
const setupAll = async (props) => {
  const { container } = props
  app = createApp(App)
  app.use(createPinia())
  app.use(router)
  app.use(VxeUIAll)
  app.use(VxeUITable)
  app.mount(container instanceof Element ? container.querySelector('#airapp') : container)
  app.config.warnHandler = () => null
}

//qiankun微前端
if (!qiankunWindow.__POWERED_BY_QIANKUN__) {
  //测试时候用的代码
  const { VITE_APP_AUTHORITY, VITE_APP_CLIENT_ID } = import.meta.env
  console.log(process.env)
  let oidcSession = JSON.stringify({
    id_token:
      'eyJraWQiOiI3M2I5NTI0Ni02NjI2LTQ3N2YtYWFmYS1kMDJiODFhNjFkZmYiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjc2FkbWluIiwiYXVkIjoidHVvaGVuZy1haXJwb3J0LWFkbWluIiwicm9sZSI6WyJ0dW9oZW5nLWFpcnBvcnRTY3JlZW4tbXAiLCJ0dW9oZW5nLXBpbG90LW1wIiwidHVvaGVuZy13YXRlcndheS1hZG1pbiIsInR1b2hlbmctdGVsZWNvbXVtYWxlLW1wIiwidHVvaGVuZy1haXJwb3J0U2NyZWVuLWFkbWluIiwidHVvaGVuZy1kbXAtbXAiLCJ0dW9oZW5nLWZseXBvcnRhbC1hZG1pbiIsInR1b2hlbmctdGVsZWNvbXVtYWxlLWFkbWluIiwidHVvaGVuZy1oaHotYWRtaW4iLCJ0dW9oZW5nLWhoei1tcCIsInR1b2hlbmctZnJlZXdheS1hZG1pbiIsInR1b2hlbmctd2VwdHNwLW1wIiwidHVvaGVuZy1waWxvdC1hZG1pbiIsInR1b2hlbmctc3BhY2V0aW1lLWFkbWluIiwidHVvaGVuZy1hbGVydC1tcCIsInR1b2hlbmctYnVzaW5lc3MtYWRtaW4iLCJ0dW9oZW5nLWJ1c2luZXNzLW1wIiwidHVvaGVuZy13ZXB0c3AtYWRtaW4iLCJ0dW9oZW5nLWFpcm1vbml0b3ItbXAiLCJ0dW9oZW5nLWFpcnBvcnQtbXAiLCJ0dW9oZW5nLWFpcm1vbml0b3ItYWRtaW4iLCJ0dW9oZW5nLWFsZXJ0LWFkbWluIiwidHVvaGVuZy1haXJwb3J0LWFkbWluIiwidHVvaGVuZy13YXRlcndheS1tcCIsInR1b2hlbmctZnJlZXdheS1tcCIsInR1b2hlbmctZG1wLWFkbWluIiwidHVvaGVuZy1zcGFjZXRpbWUtbXAiXSwiYXpwIjoidHVvaGVuZy1haXJwb3J0LWFkbWluIiwiaXNzIjoiaHR0cHM6XC9cL2xvZ2luLXRlc3QudC1hYXJvbi5jb20iLCJleHAiOjE3NTUwNzA3MjMsImlhdCI6MTc1NTA2ODkyM30.deCJZsyu2dgLrbl-rnnoYTBhZD59zUJoLzFkadL7m_RJ_jWlvQvLXjQn2h0tuba0HRN7ZT2COVmNxTgLLATbdJU2SQ-_wVt30XwyX1hauDV1DALzdk5UiRelP2lIJlPWZKhpqMX52gYsGZXyliErbORBLMc_920vTZDHKeuiriuODXlT7__5MnKFTCGXDegZRPALY7kLwpQfL4DSn3ILeSGMIqU7dPx3kM4CV1iIJs2f2jEZT4HOzXy51o_GjCW7enY2qWERRfvsLIX8a8DPg0YvN-j3AHoUoKWYX_1ZCmD3eGHhqQbEvZsLJV2J6MlwF6eZOkz08M-mdkyU2_Trpg',
    access_token:
      'eyJraWQiOiI3M2I5NTI0Ni02NjI2LTQ3N2YtYWFmYS1kMDJiODFhNjFkZmYiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjc2FkbWluIiwiaXNBYmxlIjoxLCJpc3MiOiJodHRwczpcL1wvbG9naW4tdGVzdC50LWFhcm9uLmNvbSIsImF1ZCI6InR1b2hlbmctYWlycG9ydC1hZG1pbiIsIm5iZiI6MTc1NjE5MjU5Mywib1VzZXJJZCI6NTQzLCJzY29wZSI6WyJ0dW9oZW5nLWFpcnBvcnRTY3JlZW4tbXAiLCJ0dW9oZW5nLXBpbG90LW1wIiwidHVvaGVuZy13YXRlcndheS1hZG1pbiIsInR1b2hlbmctdGVsZWNvbXVtYWxlLW1wIiwidHVvaGVuZy1haXJwb3J0U2NyZWVuLWFkbWluIiwidHVvaGVuZy1kbXAtbXAiLCJ0dW9oZW5nLWZseXBvcnRhbC1hZG1pbiIsInR1b2hlbmctdGVsZWNvbXVtYWxlLWFkbWluIiwidHVvaGVuZy1oaHotYWRtaW4iLCJ0dW9oZW5nLWhoei1tcCIsInR1b2hlbmctZnJlZXdheS1hZG1pbiIsInR1b2hlbmctd2VwdHNwLW1wIiwidHVvaGVuZy1waWxvdC1hZG1pbiIsInR1b2hlbmctc3BhY2V0aW1lLWFkbWluIiwidHVvaGVuZy1hbGVydC1tcCIsInR1b2hlbmctYnVzaW5lc3MtYWRtaW4iLCJ0dW9oZW5nLWJ1c2luZXNzLW1wIiwidHVvaGVuZy13ZXB0c3AtYWRtaW4iLCJ0dW9oZW5nLWFpcm1vbml0b3ItbXAiLCJ0dW9oZW5nLWFpcnBvcnQtbXAiLCJ0dW9oZW5nLWFpcm1vbml0b3ItYWRtaW4iLCJ0dW9oZW5nLWFsZXJ0LWFkbWluIiwidHVvaGVuZy1haXJwb3J0LWFkbWluIiwidHVvaGVuZy13YXRlcndheS1tcCIsInR1b2hlbmctZnJlZXdheS1tcCIsInR1b2hlbmctZG1wLWFkbWluIiwidHVvaGVuZy1zcGFjZXRpbWUtbXAiXSwiY2xpZW50Um9sZUxpc3QiOiJbe1wiY2xpZW50SWRcIjpcInR1b2hlbmctZmx5cG9ydGFsLWFkbWluXCIsXCJyb2xlSWRcIjoxfSx7XCJjbGllbnRJZFwiOlwidHVvaGVuZy1idXNpbmVzcy1tcFwiLFwicm9sZUlkXCI6MTE0NX0se1wiY2xpZW50SWRcIjpcInR1b2hlbmctYnVzaW5lc3MtYWRtaW5cIixcInJvbGVJZFwiOjExNDV9LHtcImNsaWVudElkXCI6XCJ0dW9oZW5nLWFpcnBvcnRTY3JlZW4tYWRtaW5cIixcInJvbGVJZFwiOjF9LHtcImNsaWVudElkXCI6XCJ0dW9oZW5nLXNwYWNldGltZS1hZG1pblwiLFwicm9sZUlkXCI6MX0se1wiY2xpZW50SWRcIjpcInR1b2hlbmctc3BhY2V0aW1lLW1wXCIsXCJyb2xlSWRcIjoxfSx7XCJjbGllbnRJZFwiOlwidHVvaGVuZy1oaHotYWRtaW5cIixcInJvbGVJZFwiOjEwMDN9LHtcImNsaWVudElkXCI6XCJ0dW9oZW5nLWhoei1tcFwiLFwicm9sZUlkXCI6MTAwM30se1wiY2xpZW50SWRcIjpcInR1b2hlbmctd2F0ZXJ3YXktYWRtaW5cIixcInJvbGVJZFwiOjF9LHtcImNsaWVudElkXCI6XCJ0dW9oZW5nLXdhdGVyd2F5LW1wXCIsXCJyb2xlSWRcIjoxfSx7XCJjbGllbnRJZFwiOlwidHVvaGVuZy1kbXAtYWRtaW5cIixcInJvbGVJZFwiOjF9LHtcImNsaWVudElkXCI6XCJ0dW9oZW5nLWRtcC1tcFwiLFwicm9sZUlkXCI6MX0se1wiY2xpZW50SWRcIjpcInR1b2hlbmctYWlycG9ydC1hZG1pblwiLFwicm9sZUlkXCI6NjYzfSx7XCJjbGllbnRJZFwiOlwidHVvaGVuZy1haXJwb3J0LW1wXCIsXCJyb2xlSWRcIjo2NjN9LHtcImNsaWVudElkXCI6XCJ0dW9oZW5nLWFsZXJ0LWFkbWluXCIsXCJyb2xlSWRcIjoyN30se1wiY2xpZW50SWRcIjpcInR1b2hlbmctYWxlcnQtbXBcIixcInJvbGVJZFwiOjI3fSx7XCJjbGllbnRJZFwiOlwidHVvaGVuZy1haXJtb25pdG9yLWFkbWluXCIsXCJyb2xlSWRcIjoxfSx7XCJjbGllbnRJZFwiOlwidHVvaGVuZy1haXJtb25pdG9yLW1wXCIsXCJyb2xlSWRcIjoxfSx7XCJjbGllbnRJZFwiOlwidHVvaGVuZy13ZXB0c3AtYWRtaW5cIixcInJvbGVJZFwiOjI1fSx7XCJjbGllbnRJZFwiOlwidHVvaGVuZy13ZXB0c3AtbXBcIixcInJvbGVJZFwiOjI1fSx7XCJjbGllbnRJZFwiOlwidHVvaGVuZy10ZWxlY29tdW1hbGUtYWRtaW5cIixcInJvbGVJZFwiOjF9LHtcImNsaWVudElkXCI6XCJ0dW9oZW5nLXRlbGVjb211bWFsZS1tcFwiLFwicm9sZUlkXCI6MX0se1wiY2xpZW50SWRcIjpcInR1b2hlbmctcGlsb3QtbXBcIixcInJvbGVJZFwiOjF9LHtcImNsaWVudElkXCI6XCJ0dW9oZW5nLXBpbG90LWFkbWluXCIsXCJyb2xlSWRcIjoxfSx7XCJjbGllbnRJZFwiOlwidHVvaGVuZy1mcmVld2F5LW1wXCIsXCJyb2xlSWRcIjo1OH0se1wiY2xpZW50SWRcIjpcInR1b2hlbmctZnJlZXdheS1hZG1pblwiLFwicm9sZUlkXCI6NTh9XSIsImV4cCI6MTc1NjI3ODk5MywiaXNFeHBpcmUiOjEsImlhdCI6MTc1NjE5MjU5MywidXNlcm5hbWUiOiJjc2FkbWluIn0.gsi2ikNb2s-X4mpePoQfrSv-Z7j-fyXdVCR00EbvJDIhzy3cXbWF59blPF5KX3h2hFtbLeb37UxeTOvXIYSx0cuRAPGoe5IIznTmy8yWkRLrEH4LKLdBYqRDKLerTOFLfrQ3C5I87ziFNGwlaGWlFSokf4rFbcaBX9pSTu9OECJUSd1sb-bfliaN9XbxXnEfjdBpbjD_PF-r6utqveyzgOR5r8rgguCz0BZ6aUYLDhpUa7elAh6GR9i0l5sdYIiGjhN4JJ1362C8V8EZDoiWFO8SgPqjznNceUwZ8Kkd-7hDjnBfHaX0mONai78vihN2-pm1C5bKFmJ8da35iarilA',
    refresh_token:
      'HNyAXnoDhR2kgjXUSVwqMldvgzazvaY3tVlCodSiDon7fA7P8Ci3BMsnk31cjeSKwcbsPzUaMdCdBilBhSqQ1dZLk-Md-ERqh5mbbeu7rJDWX4MexO0eKtRBwz-mbnbR',
    token_type: 'Bearer',
    scope: 'openid profile',
    profile: {
      sub: 'csadmin',
      role: [
        'tuoheng-airportScreen-mp',
        'tuoheng-pilot-mp',
        'tuoheng-waterway-admin',
        'tuoheng-telecomumale-mp',
        'tuoheng-airportScreen-admin',
        'tuoheng-dmp-mp',
        'tuoheng-flyportal-admin',
        'tuoheng-telecomumale-admin',
        'tuoheng-hhz-admin',
        'tuoheng-hhz-mp',
        'tuoheng-freeway-admin',
        'tuoheng-weptsp-mp',
        'tuoheng-pilot-admin',
        'tuoheng-spacetime-admin',
        'tuoheng-alert-mp',
        'tuoheng-business-admin',
        'tuoheng-business-mp',
        'tuoheng-weptsp-admin',
        'tuoheng-airmonitor-mp',
        'tuoheng-airport-mp',
        'tuoheng-airmonitor-admin',
        'tuoheng-alert-admin',
        'tuoheng-airport-admin',
        'tuoheng-waterway-mp',
        'tuoheng-freeway-mp',
        'tuoheng-dmp-admin',
        'tuoheng-spacetime-mp',
      ],
      azp: 'tuoheng-airport-admin',
      userId: 543,
      userName: 'csadmin',
      isExpire: 1,
      isAble: 1,
      authority: [
        'tuoheng-flyportal-admin',
        'tuoheng-business-mp',
        'tuoheng-business-admin',
        'tuoheng-airportScreen-admin',
        'tuoheng-airportScreen-mp',
        'tuoheng-spacetime-admin',
        'tuoheng-spacetime-mp',
        'tuoheng-hhz-admin',
        'tuoheng-hhz-mp',
        'tuoheng-waterway-admin',
        'tuoheng-waterway-mp',
        'tuoheng-dmp-admin',
        'tuoheng-dmp-mp',
        'tuoheng-airport-admin',
        'tuoheng-airport-mp',
        'tuoheng-alert-admin',
        'tuoheng-alert-mp',
        'tuoheng-airmonitor-admin',
        'tuoheng-airmonitor-mp',
        'tuoheng-weptsp-admin',
        'tuoheng-weptsp-mp',
        'tuoheng-telecomumale-admin',
        'tuoheng-telecomumale-mp',
        'tuoheng-pilot-mp',
        'tuoheng-pilot-admin',
        'tuoheng-freeway-mp',
        'tuoheng-freeway-admin',
      ],
      clientRoleList: [
        { clientId: 'tuoheng-flyportal-admin', roleId: 1 },
        { clientId: 'tuoheng-business-mp', roleId: 1145 },
        { clientId: 'tuoheng-business-admin', roleId: 1145 },
        { clientId: 'tuoheng-airportScreen-admin', roleId: 1 },
        { clientId: 'tuoheng-spacetime-admin', roleId: 1 },
        { clientId: 'tuoheng-spacetime-mp', roleId: 1 },
        { clientId: 'tuoheng-hhz-admin', roleId: 1003 },
        { clientId: 'tuoheng-hhz-mp', roleId: 1003 },
        { clientId: 'tuoheng-waterway-admin', roleId: 1 },
        { clientId: 'tuoheng-waterway-mp', roleId: 1 },
        { clientId: 'tuoheng-dmp-admin', roleId: 1 },
        { clientId: 'tuoheng-dmp-mp', roleId: 1 },
        { clientId: 'tuoheng-airport-admin', roleId: 663 },
        { clientId: 'tuoheng-airport-mp', roleId: 663 },
        { clientId: 'tuoheng-alert-admin', roleId: 27 },
        { clientId: 'tuoheng-alert-mp', roleId: 27 },
        { clientId: 'tuoheng-airmonitor-admin', roleId: 1 },
        { clientId: 'tuoheng-airmonitor-mp', roleId: 1 },
        { clientId: 'tuoheng-weptsp-admin', roleId: 25 },
        { clientId: 'tuoheng-weptsp-mp', roleId: 25 },
        { clientId: 'tuoheng-telecomumale-admin', roleId: 1 },
        { clientId: 'tuoheng-telecomumale-mp', roleId: 1 },
        { clientId: 'tuoheng-pilot-mp', roleId: 1 },
        { clientId: 'tuoheng-pilot-admin', roleId: 1 },
        { clientId: 'tuoheng-freeway-mp', roleId: 58 },
        { clientId: 'tuoheng-freeway-admin', roleId: 58 },
      ],
    },
    expires_at: 1755155322,
  })

  sessionStorage.setItem(`oidc.user:${VITE_APP_AUTHORITY}:${VITE_APP_CLIENT_ID}`, oidcSession)
  let userInfo = JSON.parse(oidcSession)
  const access_token = `Bearer ${userInfo.access_token}`
  //设置token
  localStorage.setItem('access_token', access_token)
  sessionStorage.setItem('access_token', access_token)

  //测试时候用的代码
  setupAll({ container: '#airapp' })
} else {
  renderWithQiankun({
    mount(props) {
      console.log('--进入子应用')
      setupAll(props)
      useSettingStore().systemSetting = props.setting
      //获取主应用的token
      //   userStore.setToken(props.token)

      //强制刷新一次页面
      //   let mtoken = window.localStorage.getItem('mtoken')
      //   if (!mtoken) {
      //     window.localStorage.setItem('mtoken', props.token)
      //     //刷新页面
      //     // window.location.reload()
      //   }
    },
    bootstrap() {
      console.log('--bootstrap')
    },
    update() {
      console.log('--update')
    },
    unmount() {
      window.localStorage.removeItem('mtoken')
      app.unmount()
      console.log('--离开子应用')
    },
  })
}