mrlee/MrleeAdmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善生产查询与登录权限配置

Browse Source
This commit is contained in:
mrlee
2026-09-03 19:56:19 +08:00
parent 793f140a45
commit 02c8fb7021
438 changed files with 1595 additions and 573 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/web/app/assets/scss/element/index.scss
+1 -1
View File
@@ -1,6 +1,6 @@
$-colors: (
'primary': (
'base': rgba(107,33,168, 1),
'base': #2563eb,
),
'success': (
'base': green,
frontend/web/app/layouts/default.vue
+48 -2
View File
@@ -5,9 +5,17 @@
</el-header>
<el-scrollbar :style="calcHeight(60)" class="main-scrollbar" ref="mainScrollbarRef">
<div class="layout-main">
<div class="layout-content">
<div v-if="memberStore.token || !configStore.siteSetting.require_login" class="layout-content">
<slot></slot>
</div>
<div v-else class="auth-required">
<div class="auth-required-card">
<Icon icon="ant-design:lock-outlined" size="34" color="var(--el-color-primary)" />
<h2>请先登录</h2>
<p>登录后才能访问 Web 端页面和生产运营数据。</p>
<el-button type="primary" @click="memberStore.logOpen">立即登录</el-button>
</div>
</div>
<layout-footer />
</div>
</el-scrollbar>
@@ -19,10 +27,13 @@ import { useTemplateRef, watch, provide, onMounted } from 'vue';
import layoutHeader from "./components/header.vue";
import layoutFooter from "./components/footer.vue";
import { useMemberStore } from '@/stores/member';
import { useConfigStore } from '@/stores/config';
import { Icon } from '~/components/icon';
const route = useRoute();
const mainScrollbarRef = useTemplateRef('mainScrollbarRef');
const memberStore = useMemberStore();
const configStore = useConfigStore();
// 计算滚动区域高度
const calcHeight = (headerHeight: number) => {
@@ -162,6 +173,41 @@ provide('mainScrollbarRef', mainScrollbarRef);
right: 0;
}
.auth-required {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
min-height: var(--content-min-height, 500px);
padding: 32px 20px;
background: var(--el-bg-color-page);
}
.auth-required-card {
display: flex;
flex-direction: column;
align-items: center;
width: min(420px, 100%);
padding: 42px 28px;
border: 1px solid var(--el-border-color-light);
border-radius: 16px;
background: var(--el-bg-color);
box-shadow: 0 8px 28px rgb(31 56 88 / 8%);
text-align: center;
}
.auth-required-card h2 {
margin: 18px 0 8px;
color: var(--el-text-color-primary);
font-size: 22px;
}
.auth-required-card p {
margin: 0 0 24px;
color: var(--el-text-color-secondary);
font-size: 14px;
}
/* 页面特定样式 */
.page-index {
.layout-content {
@@ -248,4 +294,4 @@ provide('mainScrollbarRef', mainScrollbarRef);
}
}
}
</style>
</style>
frontend/web/app/middleware/auth.global.ts
+16
View File
@@ -0,0 +1,16 @@
import { useMemberStore } from '~/stores/member'
import { useConfigStore } from '~/stores/config'
export default defineNuxtRouteMiddleware(async () => {
if (import.meta.server) return
const memberStore = useMemberStore()
const configStore = useConfigStore()
// 等待后台配置加载完成后再判断，避免关闭登录要求时误弹登录框
await configStore.getWebGroupConfigs()
if (configStore.siteSetting.require_login && !memberStore.token) {
memberStore.logOpen()
}
})
frontend/web/app/pages/index.vue
+93 -391
View File
@@ -1,399 +1,101 @@
<template>
<div class="page-container">
<div class="page-header">
<div class="home-page">
<main class="home-shell">
<section class="hero-card">
<div class="hero-copy">
<span class="eyebrow">MRLEE · 生产运营中心</span>
<h1>让每一道工序，都清晰可追溯</h1>
<p>从订单录入、生产执行到异常闭环，集中掌握现场进度与质量状态。</p>
<div class="hero-actions">
<NuxtLink to="/produce/data-entry"><el-button type="primary" size="large"><el-icon><Plus /></el-icon>开始生产录入</el-button></NuxtLink>
<NuxtLink to="/produce/query"><el-button size="large" plain>查看订单全流程</el-button></NuxtLink>
</div>
</div>
<!-- 轮播图区域 -->
<section class="hero-section">
<el-carousel height="500px" arrow="never" indicator-position="none">
<el-carousel-item>
<div class="hero-background"></div>
</el-carousel-item>
</el-carousel>
</section>
<!-- 主要内容区域 -->
<section class="content-section">
<div class="content-container">
<!-- 标题区域 -->
<div class="section-header">
<h1 class="section-title">文档管理</h1>
<p class="section-subtitle">无论是快速上手，还是深入了解框架，这里都是最好的地点</p>
</div>
<!-- 功能卡片区域 -->
<div class="features-grid">
<div class="feature-card">
<div class="feature-header">
<div class="feature-icon">
<img src="@/assets/images/index/course.jpg" alt="官方教程" />
</div>
<h3 class="feature-title">官方教程</h3>
</div>
<p class="feature-description">详尽细致的逐步官方教程，帮助您系统全面地接触Madong，建议在使用前阅读。</p>
<NuxtLink to="https://madong.tech/docs" target="_blank" class="feature-link">
<el-button type="primary" class="w-full">
<span>前往教程</span>
<el-icon class="ml-2"><ArrowRight /></el-icon>
</el-button>
</NuxtLink>
</div>
<div class="feature-card">
<div class="feature-header">
<div class="feature-icon">
<img src="@/assets/images/index/api.jpg" alt="API文档" />
</div>
<h3 class="feature-title">API文档</h3>
</div>
<p class="feature-description">通过API文档了解Madong的正确使用方法，深入理解其运行逻辑和接口规范。</p>
<NuxtLink to="https://demo.madong.tech/adminapi/openapi" target="_blank" class="feature-link">
<el-button type="primary" class="w-full">
<span>前往API文档</span>
<el-icon class="ml-2"><ArrowRight /></el-icon>
</el-button>
</NuxtLink>
<!-- <div class="feature-link">
<el-button type="primary" class="w-full">
<span>前往API文档</span>
<el-icon class="ml-2"><ArrowRight /></el-icon>
</el-button>
</div> -->
</div>
<div class="feature-card">
<div class="feature-header">
<div class="feature-icon">
<img src="@/assets/images/index/community.jpg" alt="问答社区" />
</div>
<h3 class="feature-title">问答社区</h3>
</div>
<p class="feature-description">浏览其他用户的问题和解答，获取使用技巧，遇到问题也可以随时提问交流。</p>
<NuxtLink to="https://madong.tech/ask" target="_blank" class="feature-link">
<el-button type="primary" class="w-full">
<span>前往问答社区</span>
<el-icon class="ml-2"><ArrowRight /></el-icon>
</el-button>
</NuxtLink>
</div>
<div class="feature-card">
<div class="feature-header">
<div class="feature-icon">
<img src="@/assets/images/index/wx.jpg" alt="关注公众号" />
</div>
<h3 class="feature-title">关注公众号</h3>
</div>
<p class="feature-description">您可以扫描页面底部的二维码来关注我们的官方公众号，获得一手咨询及使用技巧。</p>
<div class="feature-link">
<el-button type="info" class="w-full" plain>
<span>查看二维码</span>
<el-icon class="ml-2"><ChatDotRound /></el-icon>
</el-button>
</div>
</div>
</div>
</div>
</section>
<div class="hero-visual" aria-hidden="true">
<div class="orb orb-one"></div><div class="orb orb-two"></div>
<div class="hero-panel">
<div class="panel-topline"><span>今日生产概览</span><span class="live-dot">实时</span></div>
<strong>92.8<span>%</span></strong>
<div class="progress-track"><i style="width: 92.8%"></i></div>
<div class="panel-footer"><span>计划达成率</span><span>较昨日 +6.4%</span></div>
</div>
</div>
</section>
<!-- 右侧悬浮广告 -->
<Advertisement
type="simple"
:offset="0"
:limit="5"
/>
</div>
<section class="metric-grid" aria-label="生产指标">
<article v-for="metric in metrics" :key="metric.label" class="metric-card">
<div class="metric-icon" :class="metric.tone"><Icon :icon="metric.icon" /></div>
<div class="metric-content"><span>{{ metric.label }}</span><strong>{{ metric.value }}</strong><small :class="metric.trendTone">{{ metric.trend }}</small></div>
</article>
</section>
<section class="section-block">
<div class="section-heading"><div><span class="section-kicker">QUICK ACCESS</span><h2>快捷工作入口</h2></div><span class="section-hint">常用功能，一键直达</span></div>
<div class="quick-grid">
<NuxtLink v-for="item in quickLinks" :key="item.title" :to="item.to" class="quick-card">
<div class="quick-icon" :class="item.tone"><Icon :icon="item.icon" /></div>
<div><strong>{{ item.title }}</strong><span>{{ item.description }}</span></div><el-icon class="arrow"><ArrowRight /></el-icon>
</NuxtLink>
</div>
</section>
<section class="dashboard-grid">
<article class="surface-card process-card">
<div class="card-heading"><div><span class="section-kicker">ORDER FLOW</span><h2>订单流程进度</h2></div><NuxtLink to="/produce/query">查看全部 <el-icon><ArrowRight /></el-icon></NuxtLink></div>
<div class="process-list"><div v-for="order in orders" :key="order.number" class="process-row"><div class="order-title"><strong>{{ order.number }}</strong><span>{{ order.product }}</span></div><div class="process-track"><i :style="{ width: `${order.progress}%` }"></i></div><div class="process-meta"><span>{{ order.stage }}</span><b>{{ order.progress }}%</b></div></div></div>
</article>
<article class="surface-card activity-card">
<div class="card-heading"><div><span class="section-kicker">RECENT ACTIVITY</span><h2>现场动态</h2></div><NuxtLink to="/produce/query">更多 <el-icon><ArrowRight /></el-icon></NuxtLink></div>
<div class="activity-list"><div v-for="activity in activities" :key="activity.time + activity.title" class="activity-row"><span class="activity-dot" :class="activity.tone"></span><div><strong>{{ activity.title }}</strong><span>{{ activity.description }}</span></div><time>{{ activity.time }}</time></div></div>
</article>
</section>
<section class="insight-banner"><div><span class="section-kicker">DATA INSIGHT</span><h2>用数据发现现场的下一步</h2><p>按日、按月查看工序与步骤统计，及时识别瓶颈并优化产能。</p></div><NuxtLink to="/produce/statistics/monthly"><el-button type="primary">进入生产统计 <el-icon><ArrowRight /></el-icon></el-button></NuxtLink></section>
</main>
<Advertisement type="float" position="bottom" :offset="0" :limit="1" :closable="true" />
</div>
</template>
<script lang="ts" setup>
import { ArrowRight, ChatDotRound } from '@element-plus/icons-vue'
import Advertisement from '~/components/advertisement'
<script setup lang="ts">
import { ArrowRight, Plus } from '@element-plus/icons-vue'
import { Icon } from '~/components/icon'
import Advertisement from '~/components/advertisement/index.vue'
const metrics = [
{ label: '今日完成订单', value: '128', trend: '+12.6% 较昨日', icon: 'ri:archive-stack-line', tone: 'blue', trendTone: 'up' },
{ label: '生产中订单', value: '36', trend: '进行中', icon: 'ri:loader-4-line', tone: 'violet', trendTone: 'neutral' },
{ label: '待处理异常', value: '08', trend: '需及时关注', icon: 'ri:error-warning-line', tone: 'orange', trendTone: 'warning' },
{ label: '设备运行率', value: '96.4%', trend: '+2.1% 较昨日', icon: 'ri:settings-5-line', tone: 'green', trendTone: 'up' },
]
const quickLinks = [
{ title: '生产录入', description: '录入订单与生产数据', to: '/produce/data-entry', icon: 'ri:scan-2-line', tone: 'blue' },
{ title: '异常提报', description: '快速记录现场异常', to: '/produce/exception', icon: 'ri:alarm-warning-line', tone: 'orange' },
{ title: '维修记录', description: '跟进维修与备件使用', to: '/produce/repair', icon: 'ri:tools-line', tone: 'violet' },
{ title: '订单查询', description: '追踪订单全流程', to: '/produce/query', icon: 'ri:search-eye-line', tone: 'green' },
]
const orders = [
{ number: 'MO-20260902-018', product: '精密控制模块', stage: '装配工序', progress: 86 },
{ number: 'MO-20260902-021', product: '智能传感器组件', stage: '功能测试', progress: 64 },
{ number: 'MO-20260902-024', product: '工业连接器', stage: '来料检验', progress: 32 },
]
const activities = [
{ title: '异常提报已处理', description: '订单 MO-20260902-018 · 贴合不良', time: '10:42', tone: 'green' },
{ title: '维修记录已提交', description: '设备 SMT-03 · 更换送料器', time: '10:18', tone: 'violet' },
{ title: '生产录入完成', description: '订单 MO-20260902-021 · 功能测试', time: '09:56', tone: 'blue' },
{ title: '新异常待确认', description: '订单 MO-20260902-024 · 外观瑕疵', time: '09:31', tone: 'orange' },
]
</script>
<style lang="scss" scoped>
.page-container {
min-height: 100vh;
background: #ffffff;
}
.hero-section {
width: 100%;
.el-carousel {
border-radius: 0;
}
.hero-background {
height: 500px;
background-image: url('@/assets/images/index/index_carousel.jpeg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
}
.content-section {
background-image: url('@/assets/images/index/section.png');
background-size: 100%;
background-repeat: no-repeat;
padding: 60px 0 200px;
}
.ad-section {
width: 100%;
background: linear-gradient(135deg, #f8f9ff 0%, #fff5f7 100%);
position: relative;
overflow: hidden;
// 装饰性背景
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.05) 0%, transparent 50%),
radial-gradient(circle at 80% 50%, rgba(118, 75, 162, 0.05) 0%, transparent 50%);
pointer-events: none;
}
.ad-container {
max-width: 1400px;
margin: 0 auto;
padding: 40px 40px;
position: relative;
z-index: 1;
}
&.ad-section-top {
padding: 32px 0;
}
&.ad-section-middle {
padding: 48px 0;
margin: 60px 0;
}
&.ad-section-bottom {
padding: 48px 0;
}
}
.content-container {
max-width: 1400px; // 增加整体宽度以容纳4个容器
margin: 0 auto;
padding: 0 40px; // 增加边距以适应更宽的内容
}
.section-header {
text-align: center;
margin-bottom: 100px;
.section-title {
font-size: 40px;
font-weight: bold;
color: #666666;
margin-bottom: 20px;
line-height: 1.2;
}
.section-subtitle {
font-size: 16px;
color: #666666;
line-height: 1.5;
}
}
.features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); // PC端固定4列
gap: 30px; // 调整间距以适应4列布局
justify-content: center;
}
.feature-card {
background: #ffffff;
border-radius: 12px;
padding: 25px; // 调整内边距以适应更小的容器
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border: 1px solid #f0f0f0;
&:hover {
transform: translateY(-4px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
}
.feature-header {
display: flex;
align-items: center;
margin-bottom: 20px; // 调整间距
.feature-icon {
width: 28px; // 稍微缩小图标
height: 28px;
margin-right: 10px;
img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
}
.feature-title {
font-size: 18px; // 稍微缩小标题字体
font-weight: bold;
color: #666666;
margin: 0;
}
}
.feature-description {
font-size: 13px; // 稍微缩小描述字体
color: #666666;
line-height: 20px;
margin-bottom: 25px;
min-height: 80px; // 调整最小高度
}
.feature-link {
display: block;
.el-button {
border-radius: 6px;
height: 36px; // 调整按钮高度
font-size: 13px; // 调整按钮字体
:deep(.el-icon) {
font-size: 14px; // 调整图标大小
}
}
}
// 平板端适配 (768px - 1024px)
@media (max-width: 1024px) and (min-width: 769px) {
.content-container {
max-width: 100%;
padding: 0 30px;
}
.features-grid {
grid-template-columns: repeat(2, 1fr); // 平板端显示2列
gap: 25px;
}
.section-header {
margin-bottom: 80px;
.section-title {
font-size: 36px;
}
}
}
// 移动端适配 (768px以下)
@media (max-width: 768px) {
.content-container {
max-width: 100%;
padding: 0 20px;
}
.section-header {
margin-bottom: 60px;
.section-title {
font-size: 32px;
}
}
.features-grid {
grid-template-columns: 1fr; // 移动端显示1列
gap: 20px;
}
.feature-card {
padding: 20px;
}
.hero-section .hero-background {
height: 300px;
}
.content-section {
padding: 40px 0 120px;
}
.feature-header {
.feature-icon {
width: 30px;
height: 30px;
}
.feature-title {
font-size: 18px;
}
}
.feature-description {
font-size: 14px;
min-height: auto; // 移动端取消固定高度
}
.ad-section {
.ad-container {
padding: 24px 20px;
}
&.ad-section-top {
padding: 24px 0;
}
&.ad-section-middle {
padding: 32px 0;
margin: 32px 0;
}
&.ad-section-bottom {
padding: 32px 0;
}
}
}
// 超大屏幕适配 (1400px以上)
@media (min-width: 1400px) {
.content-container {
max-width: 1400px;
}
}
// 小屏幕手机适配 (480px以下)
@media (max-width: 480px) {
.content-container {
padding: 0 16px;
}
.section-header {
margin-bottom: 40px;
.section-title {
font-size: 28px;
}
.section-subtitle {
font-size: 14px;
}
}
.features-grid {
gap: 16px;
}
.feature-card {
padding: 16px;
}
}
</style>
.home-page { min-height: 100%; background: #f5f7fb; color: #18243a; }
.home-shell { max-width: 1440px; margin: 0 auto; padding: 32px 40px 72px; }
.hero-card { position: relative; display: flex; min-height: 330px; overflow: hidden; border-radius: 24px; background: linear-gradient(120deg, #132d5b 0%, #1d4c87 60%, #2875a7 100%); color: #fff; box-shadow: 0 16px 40px rgba(21, 52, 97, .16); }
.hero-copy { position: relative; z-index: 1; max-width: 650px; padding: 52px 56px; }.eyebrow, .section-kicker { font-size: 11px; letter-spacing: .18em; font-weight: 700; color: #78c8ff; }.hero-copy h1 { margin: 18px 0 14px; font-size: clamp(30px, 4vw, 48px); line-height: 1.15; letter-spacing: -.03em; }.hero-copy p { max-width: 510px; margin: 0; color: rgba(255,255,255,.72); font-size: 16px; line-height: 1.8; }.hero-actions { display: flex; gap: 12px; margin-top: 32px; }.hero-actions :deep(.el-button) { border-radius: 10px; padding: 0 20px; }.hero-actions :deep(.el-button--default) { color: #fff; border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.08); }
.hero-visual { position: absolute; inset: 0 0 0 54%; }.orb { position: absolute; border-radius: 50%; }.orb-one { width: 330px; height: 330px; top: -70px; right: 70px; background: rgba(121, 213, 255, .14); }.orb-two { width: 220px; height: 220px; right: -30px; bottom: -80px; background: rgba(255, 255, 255, .1); }.hero-panel { position: absolute; top: 76px; right: 12%; width: 260px; padding: 24px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(8, 33, 75, .42); backdrop-filter: blur(12px); }.panel-topline, .panel-footer { display: flex; justify-content: space-between; align-items: center; color: rgba(255,255,255,.66); font-size: 12px; }.live-dot { color: #8df0bb; }.live-dot::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #62e7a4; }.hero-panel strong { display: block; margin: 24px 0 14px; font-size: 52px; letter-spacing: -.06em; }.hero-panel strong span { margin-left: 3px; font-size: 24px; }.progress-track { height: 7px; overflow: hidden; border-radius: 5px; background: rgba(255,255,255,.14); }.progress-track i { display: block; height: 100%; border-radius: inherit; background: #75d5ff; }.panel-footer { margin-top: 12px; }.panel-footer span:last-child { color: #8df0bb; }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 18px; }.metric-card, .quick-card, .surface-card, .insight-banner { border: 1px solid #e7ebf3; background: #fff; box-shadow: 0 5px 18px rgba(28, 50, 86, .04); }.metric-card { display: flex; align-items: center; gap: 14px; padding: 20px; border-radius: 16px; }.metric-icon, .quick-icon { display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; }.metric-icon { width: 44px; height: 44px; font-size: 21px; }.metric-content { display: grid; gap: 4px; }.metric-content > span { color: #8490a5; font-size: 12px; }.metric-content strong { font-size: 26px; line-height: 1; letter-spacing: -.04em; }.metric-content small { font-size: 11px; }.up { color: #20aa6a; }.warning { color: #e88b2b; }.neutral { color: #8792a8; }.blue { color: #3a86f7; background: #eaf3ff; }.violet { color: #8063e8; background: #f0edff; }.orange { color: #e99532; background: #fff2df; }.green { color: #24a873; background: #e6f8f0; }
.section-block { margin-top: 42px; }.section-heading, .card-heading { display: flex; align-items: end; justify-content: space-between; }.section-heading h2, .card-heading h2, .insight-banner h2 { margin: 7px 0 0; font-size: 22px; letter-spacing: -.02em; }.section-hint { color: #98a3b5; font-size: 13px; }.quick-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 18px; }.quick-card { position: relative; display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 15px; transition: transform .2s ease, box-shadow .2s ease; }.quick-card:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(28, 50, 86, .1); }.quick-icon { width: 42px; height: 42px; font-size: 20px; }.quick-card strong, .quick-card span { display: block; }.quick-card strong { font-size: 15px; }.quick-card span { margin-top: 5px; color: #8a95a8; font-size: 12px; }.arrow { margin-left: auto; color: #aab4c4; }
.dashboard-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 16px; margin-top: 18px; }.surface-card { padding: 24px; border-radius: 16px; }.card-heading a { display: inline-flex; align-items: center; gap: 3px; color: #4b8bf5; font-size: 12px; }.process-list, .activity-list { margin-top: 22px; }.process-row + .process-row { margin-top: 22px; }.order-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }.order-title strong { font-size: 13px; }.order-title span { color: #8a95a8; font-size: 12px; }.process-track { height: 8px; overflow: hidden; border-radius: 6px; background: #edf1f6; }.process-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4b8bf5, #71c9f5); }.process-meta { display: flex; justify-content: space-between; margin-top: 7px; color: #8a95a8; font-size: 11px; }.process-meta b { color: #4b8bf5; }.activity-row { display: flex; align-items: flex-start; gap: 11px; }.activity-row + .activity-row { margin-top: 19px; }.activity-dot { width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; box-shadow: 0 0 0 4px currentColor; opacity: .75; }.activity-row div { flex: 1; }.activity-row strong, .activity-row span { display: block; }.activity-row strong { font-size: 13px; }.activity-row span { margin-top: 4px; color: #8a95a8; font-size: 12px; }.activity-row time { color: #a5afbd; font-size: 11px; }
.insight-banner { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 18px; padding: 28px 32px; border-radius: 16px; background: linear-gradient(100deg, #f2f7ff, #fbfcff); }.insight-banner p { margin: 9px 0 0; color: #8490a5; font-size: 13px; }.insight-banner :deep(.el-button) { border-radius: 9px; }
@media (max-width: 1100px) { .home-shell { padding: 24px; }.hero-card { min-height: 360px; }.hero-visual { opacity: .75; right: -80px; }.metric-grid, .quick-grid { grid-template-columns: repeat(2, 1fr); }.dashboard-grid { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .home-shell { padding: 16px 12px 48px; }.hero-card { min-height: 440px; }.hero-copy { padding: 34px 26px; }.hero-copy h1 { font-size: 32px; }.hero-copy p { font-size: 14px; }.hero-actions { flex-direction: column; align-items: flex-start; }.hero-visual { inset: auto 0 20px; height: 150px; opacity: .9; }.hero-panel { top: 10px; right: 26px; width: 220px; padding: 17px; }.hero-panel strong { margin: 13px 0 9px; font-size: 38px; }.metric-grid, .quick-grid { grid-template-columns: 1fr; }.metric-card { padding: 16px; }.section-block { margin-top: 32px; }.section-heading h2, .card-heading h2 { font-size: 19px; }.section-hint { display: none; }.surface-card { padding: 18px; }.insight-banner { align-items: flex-start; flex-direction: column; padding: 22px; } }
</style>
frontend/web/app/stores/config.ts
+3
View File
@@ -67,6 +67,7 @@ interface analyticsConfig {
* 用于管理站点基础设置相关的配置选项
*/
interface siteSettingConfig {
require_login: number | boolean, // Web页面是否要求登录
copyright: string, // 版权信息
icp: string, // ICP备案号
icp_url: string, // ICP备案链接
@@ -134,6 +135,7 @@ export const useConfigStore = defineStore('config', {
baidu_tongji_enabled: 0 // 默认不启用百度统计
},
siteSetting: {
require_login: 1, // 默认要求登录后访问 Web 页面
copyright: '', // 默认版权信息为空
icp: '', // 默认ICP备案号为空
icp_url: 'https://beian.miit.gov.cn/', // 默认ICP备案链接
@@ -192,6 +194,7 @@ export const useConfigStore = defineStore('config', {
// 更新站点设置
const siteSetting = siteSettingRes?.data || siteSettingRes || {}
if (siteSetting && !Array.isArray(siteSetting)) {
this.siteSetting.require_login = Number(siteSetting.require_login ?? 1)
this.siteSetting.copyright = siteSetting.copyright || ''
this.siteSetting.icp = siteSetting.icp || ''
this.siteSetting.icp_url = siteSetting.icp_url || 'https://beian.miit.gov.cn/'