2级sidebar

urbanLifelineWeb/packages/platform/src/views/admin/overview/OverviewView.scss

@@ -0,0 +1 @@
+

urbanLifelineWeb/packages/platform/src/views/admin/overview/OverviewView.vue

@@ -0,0 +1,11 @@
+<template>
+    <div class="overview">
+        <!-- 数据概览视图 -->
+    </div>
+</template>
+<script setup lang="ts">
+
+</script>
+<style lang="scss" scoped>
+    @import url("./OverviewView.scss");
+</style>

urbanLifelineWeb/packages/platform/src/views/admin/userManagement/UserManagementView.vue

@@ -0,0 +1,11 @@
+<template>
+    <div class="user-management">
+        <!-- 用户管理视图 -->
+    </div>
+</template>
+<script setup lang="ts">
+
+</script>
+<style lang="scss" scoped>
+    @import url("./UserManagementView.scss");
+</style>

urbanLifelineWeb/packages/platform/src/views/common/IframeView.vue

@@ -1,90 +0,0 @@
-<template>
-    <div class="iframe-view">
-        <iframe
-            v-if="iframeUrl"
-            :src="iframeUrl"
-            class="iframe-content"
-            frameborder="0"
-            @load="handleLoad"
-        />
-        <div v-else class="iframe-error">
-            <el-icon class="error-icon"><WarningFilled /></el-icon>
-            <p>无效的 iframe 地址</p>
-        </div>
-        <div v-if="loading" class="iframe-loading">
-            <el-icon class="is-loading"><Loading /></el-icon>
-            <span>加载中...</span>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
-import { useRoute } from 'vue-router'
-import { Loading, WarningFilled } from '@element-plus/icons-vue'
-
-const route = useRoute()
-const loading = ref(true)
-
-// 从路由 meta 中获取 iframe URL
-const iframeUrl = computed(() => {
-    return route.meta.iframeUrl as string || ''
-})
-
-function handleLoad() {
-    loading.value = false
-}
-
-onMounted(() => {
-    console.log('[IframeView] 加载 iframe:', iframeUrl.value)
-})
-</script>
-
-<style lang="scss" scoped>
-.iframe-view {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-}
-
-.iframe-content {
-    width: 100%;
-    height: 100%;
-    border: none;
-}
-
-.iframe-error {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    color: var(--el-text-color-secondary);
-    
-    .error-icon {
-        font-size: 48px;
-        margin-bottom: 16px;
-        color: var(--el-color-warning);
-    }
-}
-
-.iframe-loading {
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    background: var(--el-bg-color);
-    gap: 12px;
-    
-    .el-icon {
-        font-size: 32px;
-        color: var(--el-color-primary);
-    }
-}
-</style>