feat: qiankun改造完成

338ad3ef · 翁进城 · 595acb3a · 338ad3ef · 338ad3ef · 338ad3ef
--- a/iframe/package.json
+++ b/iframe/package.json
 {
-  "name": "iframe1",
+  "name": "FKZX",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
+    "lint": "vue-cli-service lint",
+    "v": "webpack --version"
  },
  "dependencies": {
    "core-js": "^3.8.3",
    "element-ui": "^2.15.14",
    "js-base64": "^3.7.7",
+    "url-loader": "^4.1.1",
    "vue": "^2.6.14"
  },
  "devDependencies": {
@@ -36,7 +38,9 @@
    "parserOptions": {
      "parser": "@babel/eslint-parser"
    },
-    "rules": {}
+    "rules": {
+      "no-unused-vars": "off"
+    }
  },
  "browserslist": [
    "> 1%",

--- a/iframe/public/index.html
+++ b/iframe/public/index.html
@@ -8,12 +8,11 @@
    <title><%= htmlWebpackPlugin.options.title %></title>
    <link rel="stylesheet" href="./cesium/Widgets/widgets.css">
    <script src="./cesium/Cesium.js"></script>
-    <script src="./js/icontfont.js"></script>
-    <script type="text/javascript" src="./js/nipplejs.min.js"></script>
-    <script src="./s3m.js"></script>
-    <script src="QingLiu/PIMediaPlayer_api.js"></script>
-    <script type="text/javascript" src="QingLiu/kbt_api.js"></script>
-    <script src="liveplayer/liveplayer-lib.min.js"></script>
+    <script async src="./js/icontfont.js"></script>
+    <script async type="text/javascript" src="./js/nipplejs.min.js"></script>
+    <script async src="QingLiu/PIMediaPlayer_api.js"></script>
+    <script async type="text/javascript" src="QingLiu/kbt_api.js"></script>
+    <script async src="liveplayer/liveplayer-lib.min.js"></script>
  </head>
  <body>
    <noscript>

--- a/iframe/src/main.js
+++ b/iframe/src/main.js
-import Vue from 'vue'
-import Vuex from 'vuex'; 
-import App from './App.vue'
+import Vue from "vue";
+import Vuex from "vuex";
+import App from "./App.vue";
 import ElementUI from "element-ui";
 import "element-ui/lib/theme-chalk/index.css";
 /* import MMCSTL from '../../dist/index';
 import '../../dist/style/index.css'; */
-import MMCSTL from '../../index';
-import './styles/reset.css';
+import MMCSTL from "../../index";
+import "./styles/reset.css";

-Vue.config.productionTip = false
+Vue.config.productionTip = false;

 Vue.use(Vuex);
 Vue.use(ElementUI);
 Vue.use(MMCSTL);

-new Vue({
-  render: h => h(App),
-  store: new Vuex.Store({}),
-}).$mount('#app')
+let router = null;
+let instance = null;
+function render(props = {}) {
+  const { container } = props;
+
+  instance = new Vue({
+    render: (h) => h(App),
+    store: new Vuex.Store({}),
+  }).$mount(container ? container.querySelector('#app') : '#app');
+}
+
+// 独立运行时
+if (!window.__POWERED_BY_QIANKUN__) {
+  render();
+}
+
+export async function bootstrap() {
+  console.log('[vue] vue app bootstraped');
+}
+export async function mount(props) {
+  console.log('[vue] props from main framework', props);
+  render(props);
+}
+export async function unmount() {
+  instance.$destroy();
+  instance.$el.innerHTML = '';
+  instance = null;
+  router = null;
+}
\ No newline at end of file
--- a/iframe/src/public-path.js
+++ b/iframe/src/public-path.js
+if (window.__POWERED_BY_QIANKUN__) {
+  __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__;
+}
--- a/iframe/vue.config.js
+++ b/iframe/vue.config.js
 const { defineConfig } = require("@vue/cli-service");
 const NodePolyfillPlugin = require("node-polyfill-webpack-plugin"); // 引入
+const packageName = require('./package.json').name;
+const publicPath = process.env.NODE_ENV === 'production' ? 'https://tmj-v4.t.mmcuav.cn/tmj_fkzx_v4/' : `//localhost:9000`;

 module.exports = defineConfig({
-  publicPath: "./",
+  // publicPath: "./",
+  publicPath: publicPath,
  transpileDependencies: true,
  productionSourceMap: false,
  configureWebpack: {
    plugins: [new NodePolyfillPlugin()],
+    output: {
+      library: `${packageName}-[name]`,
+      libraryTarget: 'umd',
+      chunkLoadingGlobal: `webpackJsonp_${packageName}`,
+    },
+    
  },
  devServer: {
    https: false,

--- a/src/components/MMCFlightControlCenter/components/cesiumLayer/index.vue
+++ b/src/components/MMCFlightControlCenter/components/cesiumLayer/index.vue
@@ -102,7 +102,7 @@ export default {
        this.viewer.imageryLayers.addImageryProvider(
          new Cesium.UrlTemplateImageryProvider({
            url: "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
-            maximumLevel: 18,
+            maximumLevel: 17,
          })
        );
      // 星图地球卫星影像 https://datacloud.geovisearth.com/