@lvetechs/create-app 1.0.4 → 1.0.6

package/templates/vue/src/views/screen/index.vue

@@ -1,150 +0,0 @@
-<script setup lang="ts">
-  import { useRouter } from 'vue-router'
-
-  const router = useRouter()
-</script>
-
-<template>
-  <div class="screen-page">
-    <!-- 顶部标题栏 -->
-    <header class="screen-header">
-      <button class="back-btn" @click="router.push('/')">← 返回</button>
-      <h1>数据大屏</h1>
-      <span class="screen-time">{{ new Date().toLocaleString() }}</span>
-    </header>
-
-    <!-- 数据面板 -->
-    <div class="screen-body">
-      <div class="panel">
-        <h3>总用户数</h3>
-        <div class="panel-value">12,580</div>
-        <p class="panel-desc">较昨日 +128</p>
-      </div>
-      <div class="panel">
-        <h3>今日活跃</h3>
-        <div class="panel-value">3,426</div>
-        <p class="panel-desc">活跃率 27.2%</p>
-      </div>
-      <div class="panel">
-        <h3>今日订单</h3>
-        <div class="panel-value">856</div>
-        <p class="panel-desc">较昨日 +52</p>
-      </div>
-      <div class="panel">
-        <h3>今日营收</h3>
-        <div class="panel-value">¥98,320</div>
-        <p class="panel-desc">较昨日 +12.3%</p>
-      </div>
-      <div class="panel wide">
-        <h3>📊 数据图表区域</h3>
-        <div class="chart-placeholder">
-          <p>此处可集成 ECharts / Chart.js 等图表库</p>
-        </div>
-      </div>
-      <div class="panel wide">
-        <h3>🗺️ 地图区域</h3>
-        <div class="chart-placeholder">
-          <p>此处可集成地图或其他可视化组件</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-  .screen-page {
-    height: 100vh;
-    background: #0d1b2a;
-    color: #e0e6ed;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-  }
-
-  .screen-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 12px 24px;
-    background: rgba(255, 255, 255, 0.05);
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-
-    h1 {
-      font-size: 22px;
-      background: linear-gradient(90deg, #00d2ff, #928dff);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-    }
-
-    .screen-time {
-      font-size: 13px;
-      color: #8892a4;
-    }
-  }
-
-  .back-btn {
-    background: rgba(255, 255, 255, 0.1);
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    color: #e0e6ed;
-    padding: 6px 16px;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 13px;
-
-    &:hover {
-      background: rgba(255, 255, 255, 0.2);
-    }
-  }
-
-  .screen-body {
-    flex: 1;
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 16px;
-    padding: 20px 24px;
-    overflow-y: auto;
-  }
-
-  .panel {
-    background: rgba(255, 255, 255, 0.05);
-    border: 1px solid rgba(255, 255, 255, 0.08);
-    border-radius: 8px;
-    padding: 20px;
-
-    h3 {
-      font-size: 14px;
-      color: #8892a4;
-      margin-bottom: 12px;
-    }
-
-    &.wide {
-      grid-column: span 2;
-    }
-  }
-
-  .panel-value {
-    font-size: 32px;
-    font-weight: 700;
-    background: linear-gradient(90deg, #00d2ff, #928dff);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    margin-bottom: 8px;
-  }
-
-  .panel-desc {
-    font-size: 13px;
-    color: #67c23a;
-  }
-
-  .chart-placeholder {
-    height: 200px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 1px dashed rgba(255, 255, 255, 0.15);
-    border-radius: 6px;
-    color: #8892a4;
-    font-size: 14px;
-  }
-</style>
-

package/templates/vue/src/views/system/log/login.vue

@@ -1,51 +0,0 @@
-<script setup lang="ts">
-  const logs = [
-    { id: 1, user: 'admin', ip: '192.168.1.1', location: '本地', browser: 'Chrome 122', os: 'Windows 10', time: '2024-03-20 09:00:00', status: '成功' },
-    { id: 2, user: 'editor', ip: '192.168.1.2', location: '本地', browser: 'Firefox 123', os: 'macOS', time: '2024-03-20 09:30:00', status: '成功' },
-    { id: 3, user: 'hacker', ip: '10.0.0.1', location: '未知', browser: 'Unknown', os: 'Linux', time: '2024-03-20 12:00:00', status: '失败' }
-  ]
-</script>
-
-<template>
-  <div class="page-container">
-    <div class="page-header">
-      <h2>登录日志</h2>
-      <button class="btn-primary">导出日志</button>
-    </div>
-    <table class="data-table">
-      <thead>
-        <tr>
-          <th>ID</th>
-          <th>用户名</th>
-          <th>IP 地址</th>
-          <th>登录地点</th>
-          <th>浏览器</th>
-          <th>操作系统</th>
-          <th>登录时间</th>
-          <th>状态</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-for="log in logs" :key="log.id">
-          <td>{{ log.id }}</td>
-          <td>{{ log.user }}</td>
-          <td>{{ log.ip }}</td>
-          <td>{{ log.location }}</td>
-          <td>{{ log.browser }}</td>
-          <td>{{ log.os }}</td>
-          <td>{{ log.time }}</td>
-          <td>
-            <span :class="log.status === '成功' ? 'status-active' : 'status-disabled'">
-              {{ log.status }}
-            </span>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<style scoped lang="scss">
-  @import '@/styles/page-common.scss';
-</style>
-

package/templates/vue/src/views/system/log/operation.vue

@@ -1,47 +0,0 @@
-<script setup lang="ts">
-  const logs = [
-    { id: 1, user: 'admin', action: '新增用户', ip: '192.168.1.1', time: '2024-03-20 10:30:00', status: '成功' },
-    { id: 2, user: 'admin', action: '修改角色', ip: '192.168.1.1', time: '2024-03-20 11:15:00', status: '成功' },
-    { id: 3, user: 'editor', action: '删除文章', ip: '192.168.1.2', time: '2024-03-20 14:22:00', status: '失败' }
-  ]
-</script>
-
-<template>
-  <div class="page-container">
-    <div class="page-header">
-      <h2>操作日志</h2>
-      <button class="btn-primary">导出日志</button>
-    </div>
-    <table class="data-table">
-      <thead>
-        <tr>
-          <th>ID</th>
-          <th>操作人</th>
-          <th>操作内容</th>
-          <th>IP 地址</th>
-          <th>操作时间</th>
-          <th>状态</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-for="log in logs" :key="log.id">
-          <td>{{ log.id }}</td>
-          <td>{{ log.user }}</td>
-          <td>{{ log.action }}</td>
-          <td>{{ log.ip }}</td>
-          <td>{{ log.time }}</td>
-          <td>
-            <span :class="log.status === '成功' ? 'status-active' : 'status-disabled'">
-              {{ log.status }}
-            </span>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<style scoped lang="scss">
-  @import '@/styles/page-common.scss';
-</style>
-

package/templates/vue/src/views/system/menu/index.vue

@@ -1,58 +0,0 @@
-<script setup lang="ts">
-  const menus = [
-    { id: 1, title: '首页', path: '/home', icon: '🏠', type: '菜单', sort: 1 },
-    { id: 2, title: '系统管理', path: '/system', icon: '⚙️', type: '目录', sort: 2 },
-    { id: 3, title: '用户管理', path: '/system/user', icon: '👤', type: '菜单', sort: 1, parentId: 2 },
-    { id: 4, title: '角色管理', path: '/system/role', icon: '🔑', type: '菜单', sort: 2, parentId: 2 },
-    { id: 5, title: '菜单管理', path: '/system/menu', icon: '📋', type: '菜单', sort: 3, parentId: 2 }
-  ]
-</script>
-
-<template>
-  <div class="page-container">
-    <div class="page-header">
-      <h2>菜单管理</h2>
-      <button class="btn-primary">+ 新增菜单</button>
-    </div>
-    <table class="data-table">
-      <thead>
-        <tr>
-          <th>ID</th>
-          <th>标题</th>
-          <th>路径</th>
-          <th>图标</th>
-          <th>类型</th>
-          <th>排序</th>
-          <th>操作</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-for="menu in menus" :key="menu.id">
-          <td>{{ menu.id }}</td>
-          <td>{{ menu.title }}</td>
-          <td><code>{{ menu.path }}</code></td>
-          <td>{{ menu.icon }}</td>
-          <td>{{ menu.type }}</td>
-          <td>{{ menu.sort }}</td>
-          <td>
-            <button class="btn-link">编辑</button>
-            <button class="btn-link danger">删除</button>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<style scoped lang="scss">
-  @import '@/styles/page-common.scss';
-
-  code {
-    background: var(--bg-color-page);
-    padding: 2px 8px;
-    border-radius: 3px;
-    font-size: 13px;
-    color: var(--primary-color);
-  }
-</style>
-

package/templates/vue/src/views/system/role/index.vue

@@ -1,59 +0,0 @@
-<script setup lang="ts">
-  const roles = [
-    { id: 1, name: 'admin', label: '超级管理员', description: '拥有所有权限', status: '启用' },
-    { id: 2, name: 'editor', label: '编辑', description: '可编辑内容', status: '启用' },
-    { id: 3, name: 'viewer', label: '只读', description: '只能查看', status: '启用' }
-  ]
-</script>
-
-<template>
-  <div class="page-container">
-    <div class="page-header">
-      <h2>角色管理</h2>
-      <button class="btn-primary">+ 新增角色</button>
-    </div>
-    <table class="data-table">
-      <thead>
-        <tr>
-          <th>ID</th>
-          <th>角色标识</th>
-          <th>角色名称</th>
-          <th>描述</th>
-          <th>状态</th>
-          <th>操作</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-for="role in roles" :key="role.id">
-          <td>{{ role.id }}</td>
-          <td><code>{{ role.name }}</code></td>
-          <td>{{ role.label }}</td>
-          <td>{{ role.description }}</td>
-          <td>
-            <span :class="role.status === '启用' ? 'status-active' : 'status-disabled'">
-              {{ role.status }}
-            </span>
-          </td>
-          <td>
-            <button class="btn-link">编辑</button>
-            <button class="btn-link">权限</button>
-            <button class="btn-link danger">删除</button>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<style scoped lang="scss">
-  @import '@/styles/page-common.scss';
-
-  code {
-    background: var(--bg-color-page);
-    padding: 2px 8px;
-    border-radius: 3px;
-    font-size: 13px;
-    color: var(--primary-color);
-  }
-</style>
-