aiotagro/nxxmdata
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改文件结构，统一文档格式

Browse Source
This commit is contained in:
ylweng
2025-09-01 02:42:03 +08:00
parent 2bd1d8c032
commit abc1184f81
151 changed files with 870 additions and 589 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
website/data-screen/index.html Normal file
View File

@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>宁夏智慧养殖数据中心 - 可视化大屏</title>
<!-- 百度地图API -->
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=3AN3VahoqaXUs32U8luXD2Dwn86KK5B7"></script>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Microsoft YaHei', sans-serif;
background: #0a0e27;
overflow: hidden;
}
</style>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>

2385
website/data-screen/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

21
website/data-screen/package.json Normal file
View File

@@ -0,0 +1,21 @@
{
"name": "nx-data-screen",
"version": "1.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {
"@fortawesome/fontawesome-free": "^7.0.0",
"axios": "^1.6.0",
"echarts": "^5.4.3",
"vue": "^3.4.0"
},
"devDependencies": {
"@vitejs/plugin-vue": "^5.0.0",
"sass-embedded": "^1.91.0",
"vite": "^5.0.0"
}
}

4964
website/data-screen/src/App.vue Normal file
View File

File diff suppressed because it is too large Load Diff

2240
website/data-screen/src/components/BuilderDashboard.vue Normal file
View File

File diff suppressed because it is too large Load Diff

5
website/data-screen/src/main.js Normal file
View File

@@ -0,0 +1,5 @@
import { createApp } from 'vue'
import BuilderDashboard from './components/BuilderDashboard.vue'
import './style.css'
createApp(BuilderDashboard).mount('#app')

105
website/data-screen/src/style.css Normal file
View File

@@ -0,0 +1,105 @@
/* 全局样式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
color: #ffffff;
overflow: hidden;
height: 100vh;
}
#app {
width: 100vw;
height: 100vh;
overflow: hidden;
}
/* 大屏适配 */
.data-screen {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
position: relative;
overflow: hidden;
}
/* 卡片样式 */
.card {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
backdrop-filter: blur(10px);
padding: 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
/* 标题样式 */
.title {
font-size: 24px;
font-weight: bold;
color: #00d4ff;
text-align: center;
margin-bottom: 20px;
text-shadow: 0 0 10px rgba(0, 212, 255, 0.5);
}
/* 数据项样式 */
.data-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.data-item:last-child {
border-bottom: none;
}
.data-label {
color: #a0a0a0;
font-size: 14px;
}
.data-value {
color: #00ff88;
font-size: 18px;
font-weight: bold;
}
/* 动画效果 */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fade-in {
animation: fadeIn 0.6s ease-out;
}
/* 响应式设计 */
@media (max-width: 1920px) {
.title {
font-size: 22px;
}
}
@media (max-width: 1366px) {
.title {
font-size: 20px;
}
.card {
padding: 15px;
}
}

54
website/data-screen/test.html Normal file
View File

@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>测试页面</title>
<style>
body {
margin: 0;
padding: 20px;
background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%);
color: white;
font-family: 'Microsoft YaHei', sans-serif;
min-height: 100vh;
}
.test-container {
text-align: center;
padding: 50px;
}
.test-title {
font-size: 32px;
color: #00d4ff;
margin-bottom: 20px;
}
.test-content {
font-size: 18px;
line-height: 1.6;
}
</style>
</head>
<body>
<div class="test-container">
<h1 class="test-title">测试页面</h1>
<div class="test-content">
<p>如果您能看到这个页面，说明基本的HTML和CSS工作正常。</p>
<p>当前时间: <span id="time"></span></p>
</div>
</div>
<script>
console.log('测试页面已加载');
function updateTime() {
const now = new Date();
document.getElementById('time').textContent = now.toLocaleString('zh-CN');
}
updateTime();
setInterval(updateTime, 1000);
console.log('时间更新已启动');
</script>
</body>
</html>

14
website/data-screen/vite.config.js Normal file
View File

@@ -0,0 +1,14 @@
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [vue()],
server: {
port: 5301,
host: true,
cors: true
},
build: {
outDir: 'dist'
}
})