修改页面结构

layouts/admin/components/PlaceholderPage.uvue

@@ -0,0 +1,76 @@
+<template>
+  <view class="placeholder-page">
+    <view class="placeholder-content">
+      <view class="placeholder-icon">📦</view>
+      <text class="placeholder-title">{{ title || '页面开发中' }}</text>
+      <text class="placeholder-desc">{{ desc || '该功能模块正在开发中，敬请期待' }}</text>
+      <view class="placeholder-info">
+        <text class="info-label">组件Key:</text>
+        <text class="info-value">{{ componentKey || 'Unknown' }}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="uts">
+import { ref } from 'vue'
+
+const props = defineProps<{
+  title?: string
+  desc?: string
+  componentKey?: string
+}>()
+</script>
+
+<style scoped lang="scss">
+.placeholder-page {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 500px;
+  padding: 40px 20px;
+}
+
+.placeholder-content {
+  text-align: center;
+  max-width: 400px;
+}
+
+.placeholder-icon {
+  font-size: 64px;
+  margin-bottom: 20px;
+}
+
+.placeholder-title {
+  display: block;
+  font-size: 20px;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 12px;
+}
+
+.placeholder-desc {
+  display: block;
+  font-size: 14px;
+  color: #666;
+  line-height: 1.6;
+  margin-bottom: 24px;
+}
+
+.placeholder-info {
+  padding: 12px 16px;
+  background: #f5f5f5;
+  border-radius: 4px;
+  font-size: 12px;
+}
+
+.info-label {
+  color: #999;
+  margin-right: 8px;
+}
+
+.info-value {
+  color: #1890ff;
+  font-family: monospace;
+}
+</style>