数据大屏优化，平台名称变更

main/.env.development

@@ -1,7 +1,7 @@
 # 开发环境
 VITE_PORT = 9000
 VITE_APP_NAME = 'daimp-front-main'
-VITE_APP_TITLE = '全域数字农业产业管理平台'
+VITE_APP_TITLE = '全域数字农业产业运营管理平台'
 VITE_APP_SUB_OS = '//localhost:9526/sub-operation-service/'
 VITE_APP_SUB_OA = '//localhost:9527/sub-operation-admin/'
 # VITE_APP_SUB_GAS = 'http://192.168.18.128:9528/sub-government-affairs-service/'

main/.env.pre

@@ -1,6 +1,6 @@
 # 本地环境
 VITE_APP_NAME = 'daimp-front-main'
-VITE_APP_TITLE = '全域数字农业产业管理平台'
+VITE_APP_TITLE = '全域数字农业产业运营管理平台'
 VITE_APP_SUB_OS = '//localhost:8090/sub-operation-service/'
 VITE_APP_SUB_OA = '//localhost:8090/sub-operation-admin/'
 VITE_APP_SUB_GAS = '//localhost:8090/sub-government-affairs-service/'

main/.env.production

@@ -1,6 +1,6 @@
 # 正式环境
 VITE_APP_NAME = 'daimp-front-main'
-VITE_APP_TITLE = '全域数字农业产业管理平台'
+VITE_APP_TITLE = '全域数字农业产业运营管理平台'
 VITE_APP_SUB_OS = '//http://47.109.205.240/sub-operation-service/'
 VITE_APP_SUB_OA = '//http://47.109.205.240/sub-operation-admin/'
 VITE_APP_SUB_GAS = '//http://47.109.205.240/sub-government-affairs-service/'

main/.env.test

@@ -1,15 +1,15 @@
 # 测试环境
 VITE_APP_NAME = 'daimp-front-main'
 VITE_APP_TITLE = '全域数字农业产业管理平台'
-VITE_APP_SUB_OS = '//192.168.18.99/sub-operation-service/'
+VITE_APP_SUB_OS = '//192.168.18.88/sub-operation-service/'
-VITE_APP_SUB_OA = '//192.168.18.99/sub-operation-admin/'
+VITE_APP_SUB_OA = '//192.168.18.88/sub-operation-admin/'
-VITE_APP_SUB_GAS = '//192.168.18.99/sub-government-affairs-service/'
+VITE_APP_SUB_GAS = '//192.168.18.88/sub-government-affairs-service/'
-VITE_APP_SUB_GAA = '//192.168.18.99/sub-government-admin/'
+VITE_APP_SUB_GAA = '//192.168.18.88/sub-government-admin/'
-VITE_APP_SUB_GSS = '//192.168.18.99/sub-government-screen-service/'
+VITE_APP_SUB_GSS = '//192.168.18.88/sub-government-screen-service/'
-VITE_APP_SUB_GSR = '//192.168.18.99/new-digital-agriculture-screen/'
+VITE_APP_SUB_GSR = '//192.168.18.88/new-digital-agriculture-screen/'
 # 接口
 VITE_APP_BASE_API = '/apis'
 VITE_APP_BASE_URL = ''
 VITE_APP_UPLOAD_API = '/uploadApis'
 VITE_APP_UPLOAD_URL = ''
-VITE_APP_VIST_URL = 'http://192.168.18.99'
+VITE_APP_VIST_URL = 'http://192.168.18.88'

main/src/micro/app copy.js

@@ -0,0 +1,127 @@
+import actions from './actions';
+
+const { VITE_APP_SUB_OS, VITE_APP_SUB_OA, VITE_APP_SUB_ADMIN, VITE_APP_SUB_GAS, VITE_APP_SUB_GSS, VITE_APP_SUB_GSR, VITE_APP_VIST_URL } = import.meta.env;
+
+export const leftApps = [
+  {
+    name: 'sub-operation-service',
+    entry: VITE_APP_SUB_OS,
+    activeRule: '/sub-operation-service',
+    title: '运营服务',
+    icon: 'images/platform/icon-home.png',
+  },
+  {
+    name: 'sub-operation-admin',
+    entry: VITE_APP_SUB_OA,
+    activeRule: `/sub-operation-admin`,
+    title: '管理后台',
+    icon: 'images/platform/icon-admin.png',
+  },
+  {
+    name: 'sub-app2',
+    entry: VITE_APP_SUB_GAS,
+    activeRule: '/operation-app',
+    title: 'APP',
+    icon: 'images/platform/icon-app.png',
+  },
+  {
+    name: 'sub-government-screen-service',
+    entry: VITE_APP_SUB_GSS,
+    activeRule: '/sub-government-screen-service',
+    title: '数据大屏',
+    icon: 'images/platform/icon-screen.png',
+  },
+];
+
+export const rightApps = [
+  {
+    name: 'sub-government-affairs-service',
+    entry: VITE_APP_SUB_GAS,
+    activeRule: '/sub-government-affairs-service',
+    title: '政务服务',
+    icon: 'images/platform/icon-home.png',
+  },
+  {
+    name: 'sub-government-admin',
+    entry: VITE_APP_SUB_GAS,
+    activeRule: `/sub-government-admin`,
+    title: '管理后台',
+    icon: 'images/platform/icon-admin.png',
+  },
+  {
+    name: 'sub-app1',
+    entry: VITE_APP_SUB_GAS,
+    activeRule: '/government-affairs-app',
+    title: 'APP',
+    icon: 'images/platform/icon-app.png',
+  },
+  {
+    // name: 'sub-government-screen-service',
+    name: 'new-digital-agriculture-screen/v2/land',
+    // entry: VITE_APP_SUB_GSS,
+    entry: VITE_APP_SUB_GSR,
+    // activeRule: '/sub-government-screen-service',
+    activeRule: '/new-digital-agriculture-screen',
+    title: '数据大屏',
+    icon: 'images/platform/icon-screen.png',
+  },
+];
+
+export const defaultApps = [
+  {
+    name: 'sub-operation-service',
+    entry: VITE_APP_SUB_OS,
+    activeRule: '/sub-operation-service',
+    title: '运营服务',
+    icon: 'images/platform/icon-home.png',
+  },
+  {
+    name: 'sub-operation-admin',
+    entry: VITE_APP_SUB_OA,
+    activeRule: '/sub-operation-admin',
+    title: '运营管理后台',
+    icon: 'images/platform/icon-admin.png',
+  },
+  {
+    name: 'sub-government-affairs-service',
+    entry: VITE_APP_SUB_GAS,
+    activeRule: '/sub-government-affairs-service',
+    title: '政务服务',
+    icon: 'images/platform/icon-home.png',
+  },
+  {
+    name: 'sub-government-screen-service',
+    // name: 'new-digital-agriculture-screen',
+    entry: VITE_APP_SUB_GSS,
+    // entry: VITE_APP_SUB_GSR,
+    activeRule: '/sub-government-screen-service',
+    // activeRule: '/new-digital-agriculture-screen',
+    title: '数据大屏',
+    icon: 'images/platform/icon-screen.png',
+  },
+  {
+    // name: 'sub-government-screen-service',
+    name: 'new-digital-agriculture-screen',
+    // entry: VITE_APP_SUB_GSS,
+    entry: VITE_APP_SUB_GSR,
+    // activeRule: '/sub-government-screen-service',
+    activeRule: '/new-digital-agriculture-screen',
+    title: '数据大屏',
+    icon: 'images/platform/icon-screen.png',
+  },
+];
+
+export const microApps = [...defaultApps];
+console.log(microApps);
+const apps = microApps.map((item) => {
+  return {
+    ...item,
+    container: '#app',
+    props: {
+      routerBase: item.activeRule,
+      globalState: actions.getGlobalState(),
+    },
+  };
+});
+
+export default apps;

main/src/router/index.js

@@ -39,6 +39,8 @@ export const constantRoutes = [
       },
     ],
   },
+  { path: '/sub-operation-admin*', redirect: '/' }, // 避免乾坤劫持该路径
+  { path: '/sub-government-admin*', redirect: '/' }, // 避免乾坤劫持该路径
 ];
 
 const router = createRouter({

main/src/views/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="platform">
-    <h2 class="platform-title">全域数字农业产业管理平台</h2>
+    <h2 class="platform-title">全域数字农业产业运营管理平台</h2>
     <div class="platform-panel">
       <div class="platform-panel-item">
         <div class="icon"><img src="https://gov-cloud.oss-cn-chengdu.aliyuncs.com/frontend/main/icon-zw.png" /></div>
@@ -35,18 +35,7 @@ import { leftApps, rightApps } from '@/micro/app';
 import { getAssetsFile } from '@/utils';
 
 const gotoPage = (row) => {
-  // window.history.pushState({}, row.name, row.activeRule);
-  if (row.name == 'sub-app1') {
-    // 政务app
-    // window.location.href = 'https://www.pgyer.com/MXd3uUrO';
   window.location.href = row.activeRule;
-  } else if (row.name == 'sub-app2') {
-    // 运营app
-    // window.location.href = 'https://www.pgyer.com/4SVVtpob';
-    window.location.href = row.activeRule;
-  } else {
-    window.location.href = row.activeRule;
-  }
 };
 </script>
 <style lang="scss" scoped>

main/src/views/login/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="login">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">全域数字农业产业管理平台</h3>
+      <h3 class="title">全域数字农业产业运营管理平台</h3>
       <el-form-item prop="username">
         <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
           <template #prefix>
@@ -169,7 +169,7 @@ export default {
 .login-form {
   border-radius: 6px;
   background: #ffffff;
-  width: 400px;
+  width: 450px;
   padding: 25px 25px 5px 25px;
   .el-input {
     height: 38px;

new-digital-agriculture-screen/components.d.ts

@@ -12,7 +12,6 @@ declare module 'vue' {
     'CenterMap copy': typeof import('./src/components/centerMap copy.vue')['default']
     CodeDialog: typeof import('./src/components/code-dialog/index.vue')['default']
     Components: typeof import('./src/components/index.js')['default']
-    copy: typeof import('./src/components/centerMap copy.vue')['default']
     CurrentTime: typeof import('./src/components/currentTime.vue')['default']
     CustomBack: typeof import('./src/components/customBack.vue')['default']
     CustomCarouselPicture: typeof import('./src/components/custom-carousel-picture/index.vue')['default']

new-digital-agriculture-screen/src/main.js

@@ -12,12 +12,12 @@ import router from './router';
 import pinia from './store';
 import ElementPlus from 'element-plus';
 import 'element-plus/dist/index.css';
-import Avue from '@smallwei/avue';
+// import Avue from '@smallwei/avue';
-import '@smallwei/avue/lib/index.css';
+// import '@smallwei/avue/lib/index.css';
 import './utils/permission';
 import VueAMap, { initAMapApiLoader } from '@vuemap/vue-amap';
 import { registerDirective } from './directives';
-import { registerGlobalComponents } from './plugins/globalComponents';
+// import { registerGlobalComponents } from './plugins/globalComponents';
 import { registerElIcons } from './plugins/icon';
 import { registerMicroApps } from './plugins/micro';
 
@@ -25,9 +25,9 @@ const app = createApp(App);
 // 注册 Vue3 Scroll Seamless 组件
 // app.component('Vue3ScrollSeamless', vue3ScrollSeamless);
 // app.use(pinia).use(router).use(ElementPlus).use(Avue);
-app.use(pinia).use(router).use(ElementPlus).use(Avue).use(VueAMap);
+app.use(pinia).use(router).use(ElementPlus).use(VueAMap);
 nextTick(() => {
-  registerGlobalComponents(app);
+  // registerGlobalComponents(app);
   registerElIcons(app);
   registerDirective(app);
   registerMicroApps(app);

new-digital-agriculture-screen/src/views/land/index.vue

@@ -65,19 +65,26 @@
   </el-row>
 </template>
 <script setup>
-import { nextTick, reactive, onMounted } from 'vue';
+import { nextTick, reactive, onMounted, defineAsyncComponent } from 'vue';
-import landMap from './components/landMap.vue';
+const landMap = defineAsyncComponent(() => import('./components/landMap.vue'));
-import landOne from './components/landOne.vue';
+const landOne = defineAsyncComponent(() => import('./components/landOne.vue'));
-import landTwo from './components/landTwo.vue';
+const landTwo = defineAsyncComponent(() => import('./components/landTwo.vue'));
-import landThere from './components/landThere.vue';
+const landThere = defineAsyncComponent(() => import('./components/landThere.vue'));
-import landFour from './components/landFour.vue';
+const landFour = defineAsyncComponent(() => import('./components/landFour.vue'));
-import landFive from './components/landFive.vue';
+const landFive = defineAsyncComponent(() => import('./components/landFive.vue'));
-import landSix from './components/landSix.vue';
+const landSix = defineAsyncComponent(() => import('./components/landSix.vue'));
-import { useApp } from '@/hooks';
+const BasicInfo = defineAsyncComponent(() => import('./components/basicInfo.vue'));
+const Warning = defineAsyncComponent(() => import('@/views/land/components/warning.vue'));
+// import landMap from './components/landMap.vue';
+// import landOne from './components/landOne.vue';
+// import landTwo from './components/landTwo.vue';
+// import landThere from './components/landThere.vue';
+// import landFour from './components/landFour.vue';
+// import landFive from './components/landFive.vue';
+// import landSix from './components/landSix.vue';
 import { sleep } from '@/utils';
-import { GetLandInfo } from '@/apis/land';
+// import Warning from '@/views/land/components/warning.vue';
-import BasicInfo from './components/basicInfo.vue';
+// import BasicInfo from './components/basicInfo.vue';
-import Warning from '@/views/land/components/warning.vue';
 
 const state = reactive({
   loading: false,

new-digital-agriculture-screen/vite.config.js

@@ -33,6 +33,16 @@ export default defineConfig(({ command, mode }) => {
       target: 'ESNext',
       outDir: 'dist',
       minify: 'terser',
+      rollupOptions: {
+        output: {
+          manualChunks: {
+            // 手动分块示例
+            vue: ['vue', 'vue-router', 'pinia'],
+            echarts: ['echarts'],
+            vendor: ['lodash', 'axios'],
+          },
+        },
+      },
     },
     server: {
       host: '0.0.0.0',

package.json

@@ -1,7 +1,7 @@
 {
   "name": "daimp-front",
   "version": "1.0.0",
-  "description": "全域数字农业产业管理平台(Digital-Agriculture-Industry-Management-Platform)",
+  "description": "全域数字农业产业运营管理平台(Digital-Agriculture-Industry-Management-Platform)",
   "scripts": {
     "install:all": "npm-run-all install:* ",
     "install": "npm-run-all --serial install:*",