web iframe结构实现

urbanLifelineWeb/packages/workcase/src/main.ts

@@ -0,0 +1,48 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import ElementPlus from 'element-plus'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import 'element-plus/dist/index.css'
+
+import App from './App.vue'
+import router from './router/'
+import { AES_SECRET_KEY } from './config'
+// @ts-ignore
+import { initAesEncrypt } from 'shared/utils'
+
+// 异步初始化应用
+async function initApp() {
+    // 1. 初始化 AES 加密工具
+    try {
+        await initAesEncrypt(AES_SECRET_KEY)
+        console.log('✅ AES 加密工具初始化成功')
+    } catch (error) {
+        console.error('❌ AES 加密工具初始化失败:', error)
+    }
+
+    // 2. 创建 Vue 应用
+    const app = createApp(App)
+
+    // 3. 注册 Pinia
+    const pinia = createPinia()
+    app.use(pinia)
+
+    // 4. 注册 Element Plus
+    app.use(ElementPlus)
+
+    // 5. 注册所有 Element Plus 图标
+    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+        app.component(key, component)
+    }
+
+    // 6. 注册路由
+    app.use(router)
+
+    // 7. 挂载应用
+    app.mount('#app')
+    
+    console.log('✅ Workcase 应用启动成功')
+}
+
+// 启动应用
+initApp()