@lvetechs/create-app 1.0.3 → 1.0.5

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

@@ -1,153 +0,0 @@
-<script setup lang="ts">
-  import { ref } from 'vue'
-  import { useRouter } from 'vue-router'
-  import { useUserStore } from '@/stores/user'
-
-  const router = useRouter()
-  const userStore = useUserStore()
-
-  const form = ref({
-    username: '',
-    password: ''
-  })
-  const loading = ref(false)
-
-  async function handleLogin() {
-    if (!form.value.username || !form.value.password) {
-      alert('请输入用户名和密码')
-      return
-    }
-
-    loading.value = true
-    try {
-      // TODO: 调用登录 API
-      // const res = await loginApi(form.value)
-      // userStore.setToken(res.data.token)
-
-      // 模拟登录
-      userStore.setToken('mock-token')
-      userStore.setUserInfo({
-        id: 1,
-        username: form.value.username,
-        nickname: '管理员',
-        avatar: '',
-        roles: ['admin']
-      })
-
-      router.push('/')
-    } catch (error) {
-      console.error('登录失败:', error)
-    } finally {
-      loading.value = false
-    }
-  }
-</script>
-
-<template>
-  <div class="login-page">
-    <div class="login-card">
-      <h2>用户登录</h2>
-      <form @submit.prevent="handleLogin">
-        <div class="form-item">
-          <label>用户名</label>
-          <input
-            v-model="form.username"
-            type="text"
-            placeholder="请输入用户名"
-            autocomplete="username"
-          />
-        </div>
-        <div class="form-item">
-          <label>密码</label>
-          <input
-            v-model="form.password"
-            type="password"
-            placeholder="请输入密码"
-            autocomplete="current-password"
-          />
-        </div>
-        <button type="submit" class="login-btn" :disabled="loading">
-          {{ loading ? '登录中...' : '登 录' }}
-        </button>
-      </form>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-  .login-page {
-    height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  }
-
-  .login-card {
-    width: 380px;
-    padding: 40px;
-    background: #fff;
-    border-radius: 12px;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
-
-    h2 {
-      text-align: center;
-      margin-bottom: 32px;
-      color: #333;
-      font-size: 24px;
-    }
-  }
-
-  .form-item {
-    margin-bottom: 20px;
-
-    label {
-      display: block;
-      margin-bottom: 6px;
-      font-size: 14px;
-      color: #606266;
-    }
-
-    input {
-      width: 100%;
-      padding: 10px 12px;
-      border: 1px solid #dcdfe6;
-      border-radius: 6px;
-      font-size: 14px;
-      outline: none;
-      transition: border-color 0.2s;
-      box-sizing: border-box;
-
-      &:focus {
-        border-color: #409eff;
-      }
-
-      &::placeholder {
-        color: #c0c4cc;
-      }
-    }
-  }
-
-  .login-btn {
-    width: 100%;
-    padding: 12px;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-    color: #fff;
-    border: none;
-    border-radius: 6px;
-    font-size: 16px;
-    cursor: pointer;
-    transition: opacity 0.2s;
-    margin-top: 8px;
-
-    &:hover {
-      opacity: 0.9;
-    }
-
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-</style>
-

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

@@ -1,169 +0,0 @@
-<script setup lang="ts">
-  import { ref } from 'vue'
-  import { useRouter } from 'vue-router'
-
-  const router = useRouter()
-
-  const form = ref({
-    username: '',
-    password: '',
-    confirmPassword: ''
-  })
-  const loading = ref(false)
-
-  async function handleRegister() {
-    if (!form.value.username || !form.value.password) {
-      alert('请填写完整信息')
-      return
-    }
-    if (form.value.password !== form.value.confirmPassword) {
-      alert('两次密码输入不一致')
-      return
-    }
-
-    loading.value = true
-    try {
-      // TODO: 调用注册 API
-      alert('注册成功！')
-      router.push('/login')
-    } catch (error) {
-      console.error('注册失败:', error)
-    } finally {
-      loading.value = false
-    }
-  }
-</script>
-
-<template>
-  <div class="register-page">
-    <div class="register-card">
-      <h2>用户注册</h2>
-      <form @submit.prevent="handleRegister">
-        <div class="form-item">
-          <label>用户名</label>
-          <input
-            v-model="form.username"
-            type="text"
-            placeholder="请输入用户名"
-            autocomplete="username"
-          />
-        </div>
-        <div class="form-item">
-          <label>密码</label>
-          <input
-            v-model="form.password"
-            type="password"
-            placeholder="请输入密码"
-            autocomplete="new-password"
-          />
-        </div>
-        <div class="form-item">
-          <label>确认密码</label>
-          <input
-            v-model="form.confirmPassword"
-            type="password"
-            placeholder="请再次输入密码"
-            autocomplete="new-password"
-          />
-        </div>
-        <button type="submit" class="register-btn" :disabled="loading">
-          {{ loading ? '注册中...' : '注 册' }}
-        </button>
-        <div class="to-login">
-          已有账号？
-          <router-link to="/login">立即登录</router-link>
-        </div>
-      </form>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-  .register-page {
-    height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
-  }
-
-  .register-card {
-    width: 400px;
-    padding: 40px;
-    background: #fff;
-    border-radius: 12px;
-    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
-
-    h2 {
-      text-align: center;
-      margin-bottom: 32px;
-      color: #333;
-      font-size: 24px;
-    }
-  }
-
-  .form-item {
-    margin-bottom: 20px;
-
-    label {
-      display: block;
-      margin-bottom: 6px;
-      font-size: 14px;
-      color: #606266;
-    }
-
-    input {
-      width: 100%;
-      padding: 10px 12px;
-      border: 1px solid #dcdfe6;
-      border-radius: 6px;
-      font-size: 14px;
-      outline: none;
-      transition: border-color 0.2s;
-      box-sizing: border-box;
-
-      &:focus {
-        border-color: #43e97b;
-      }
-
-      &::placeholder {
-        color: #c0c4cc;
-      }
-    }
-  }
-
-  .register-btn {
-    width: 100%;
-    padding: 12px;
-    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
-    color: #fff;
-    border: none;
-    border-radius: 6px;
-    font-size: 16px;
-    cursor: pointer;
-    transition: opacity 0.2s;
-    margin-top: 8px;
-
-    &:hover {
-      opacity: 0.9;
-    }
-
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-
-  .to-login {
-    text-align: center;
-    margin-top: 16px;
-    font-size: 14px;
-    color: #909399;
-
-    a {
-      color: #43e97b;
-      font-weight: 500;
-    }
-  }
-</style>
-

package/templates/vue/src/views/result/fail.vue

@@ -1,92 +0,0 @@
-<script setup lang="ts">
-  import { useRouter } from 'vue-router'
-
-  const router = useRouter()
-</script>
-
-<template>
-  <div class="result-page">
-    <div class="result-card">
-      <div class="result-icon fail">❌</div>
-      <h1>操作失败</h1>
-      <p>抱歉，您的操作未能完成，请检查后重试。</p>
-      <div class="result-actions">
-        <button class="btn-primary" @click="router.back()">返回重试</button>
-        <button class="btn-outline" @click="router.push('/')">返回首页</button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-  .result-page {
-    height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #f5f7fa;
-  }
-
-  .result-card {
-    text-align: center;
-    padding: 60px 80px;
-    background: #fff;
-    border-radius: 12px;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-  }
-
-  .result-icon {
-    font-size: 64px;
-    margin-bottom: 20px;
-  }
-
-  h1 {
-    font-size: 24px;
-    color: #333;
-    margin-bottom: 12px;
-  }
-
-  p {
-    font-size: 15px;
-    color: #909399;
-    margin-bottom: 32px;
-  }
-
-  .result-actions {
-    display: flex;
-    gap: 12px;
-    justify-content: center;
-  }
-
-  .btn-primary {
-    padding: 10px 28px;
-    background-color: #f56c6c;
-    color: #fff;
-    border: none;
-    border-radius: 6px;
-    font-size: 15px;
-    cursor: pointer;
-    transition: opacity 0.2s;
-
-    &:hover {
-      opacity: 0.85;
-    }
-  }
-
-  .btn-outline {
-    padding: 10px 28px;
-    background: #fff;
-    color: #606266;
-    border: 1px solid #dcdfe6;
-    border-radius: 6px;
-    font-size: 15px;
-    cursor: pointer;
-    transition: all 0.2s;
-
-    &:hover {
-      border-color: #409eff;
-      color: #409eff;
-    }
-  }
-</style>
-

package/templates/vue/src/views/result/success.vue

@@ -1,92 +0,0 @@
-<script setup lang="ts">
-  import { useRouter } from 'vue-router'
-
-  const router = useRouter()
-</script>
-
-<template>
-  <div class="result-page">
-    <div class="result-card">
-      <div class="result-icon success">✅</div>
-      <h1>操作成功</h1>
-      <p>您的操作已成功完成，可以返回首页继续操作。</p>
-      <div class="result-actions">
-        <button class="btn-primary" @click="router.push('/')">返回首页</button>
-        <button class="btn-outline" @click="router.back()">返回上一页</button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-  .result-page {
-    height: 100vh;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #f5f7fa;
-  }
-
-  .result-card {
-    text-align: center;
-    padding: 60px 80px;
-    background: #fff;
-    border-radius: 12px;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-  }
-
-  .result-icon {
-    font-size: 64px;
-    margin-bottom: 20px;
-  }
-
-  h1 {
-    font-size: 24px;
-    color: #333;
-    margin-bottom: 12px;
-  }
-
-  p {
-    font-size: 15px;
-    color: #909399;
-    margin-bottom: 32px;
-  }
-
-  .result-actions {
-    display: flex;
-    gap: 12px;
-    justify-content: center;
-  }
-
-  .btn-primary {
-    padding: 10px 28px;
-    background-color: #409eff;
-    color: #fff;
-    border: none;
-    border-radius: 6px;
-    font-size: 15px;
-    cursor: pointer;
-    transition: opacity 0.2s;
-
-    &:hover {
-      opacity: 0.85;
-    }
-  }
-
-  .btn-outline {
-    padding: 10px 28px;
-    background: #fff;
-    color: #606266;
-    border: 1px solid #dcdfe6;
-    border-radius: 6px;
-    font-size: 15px;
-    cursor: pointer;
-    transition: all 0.2s;
-
-    &:hover {
-      border-color: #409eff;
-      color: #409eff;
-    }
-  }
-</style>
-

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>
-