一、內部車輛出入口管理設備
該模塊聚焦車輛進出權限識別與信息展示，需重點關注 RFID 頻率差異和顯示設備對接要求。
|
序號
|
設備名稱
|
核心參數 / 特殊説明
|
|
1
|
控制器（DAIC-TC-MB）
|
適配現有道閘，可連接綜合信息屏
|
|
2
|
電源
|
需現場根據設備功率配置
|
|
3
|
車輛標籤韋根讀頭（進）
|
915M RFID，需多奧提供卡片並研發調試
|
|
4
|
車輛標籤韋根讀頭（出）
|
916M RFID，與入口讀頭頻率不同
|
|
5
|
LED 顯示
|
兩種方案：1. LED 需多奧對接控制卡 SDK；2. LCD 可直連 HDMI，但需額外配置門禁顯示服務器
|
|
6
|
4G 路由器
|
需甲方自行提供流量卡
|
|
7
|
網線
|
長度和規格根據現場設備佈局確定
|
二、人員出入口門禁考勤設備
該模塊針對 13 個分公司人員管理，支持人臉和 RFID 兩種識別方式，考勤與門禁功能聯動。
|
序號
|
設備名稱
|
核心參數 / 特殊説明
|
|
1
|
門控（DAIC-MJ-MB）
|
覆蓋 13 個分公司，為人員門禁核心控制設備
|
|
2
|
電源
|
需現場根據設備功率配置
|
|
3
|
人臉機
|
選配設備，支持人員進出雙向人臉識別
|
|
4
|
人員 RFID 卡韋根讀頭（進）
|
915M RFID，需多奧提供卡片並研發調試
|
|
5
|
人員 RFID 卡韋根讀頭（出）
|
916M RFID，與入口讀頭頻率不同
|
|
6
|
LED 顯示
|
兩種方案：1. LED 需多奧對接控制卡 SDK；2. LCD 可直連 HDMI，但需額外配置考勤顯示服務器
|
|
7
|
4G 路由器
|
需甲方自行提供流量卡
|
|
8
|
網線
|
長度和規格根據現場設備佈局確定
|
三、後台（雲端）設備
該模塊為整個系統提供數據存儲和管理支持，包含本地化硬件和年度付費服務。
|
設備 / 服務
|
規格 / 説明
|
付費方式
|
|
服務器（DAIC-YKT-SF）
|
本地化部署，用於存儲出入口數據和運行管理程序
|
一次性採購
|
|
網絡服務
|
保障後台與前端設備的數據傳輸
|
按年付費
|
|
管理平台
|
雲端管理系統，支持設備監控、數據統計等功能
|
按年付費（雲端服務費）
|
四、開發與維護費用
該部分包含一次性定製開發成本和長期運維成本，需單獨核算。
- LED 顯示接口費：一次性定製開發費用，僅針對需對接 SDK 的 LED 顯示方案收取。
- 年維護費：按年付費，覆蓋設備故障維修、系統升級等日常運維服務。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>智能出入口設備管理系統 - 隧道施工/礦區/企業專用</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<style>
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-5px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.status-active {
background: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
}
.status-warning {
background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
}
.status-inactive {
background: linear-gradient(135deg, #a0aec0 0%, #718096 100%);
}
</style>
</head>
<body class="bg-gray-50 min-h-screen">
<!-- 導航欄 -->
<nav class="gradient-bg text-white shadow-lg">
<div class="container mx-auto px-4 py-3">
<div class="flex justify-between items-center">
<div class="flex items-center space-x-2">
<i class="fas fa-truck-monster text-2xl"></i>
<h1 class="text-2xl font-bold">智能出入口設備管理系統</h1>
</div>
<div class="flex space-x-6">
<a href="#vehicle" class="hover:text-yellow-200 transition-colors">車輛出入口</a>
<a href="#personnel" class="hover:text-yellow-200 transition-colors">人員門禁</a>
<a href="#backend" class="hover:text-yellow-200 transition-colors">後台系統</a>
<a href="#cost" class="hover:text-yellow-200 transition-colors">費用管理</a>
</div>
</div>
</div>
</nav> <!-- 主內容區 -->
<main class="container mx-auto px-4 py-8">
<!-- 系統概覽 -->
<section class="mb-12">
<div class="bg-white rounded-xl shadow-md p-6 mb-6">
<h2 class="text-2xl font-bold text-gray-800 mb-4">系統概覽</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-blue-50 rounded-lg p-4 border-l-4 border-blue-500">
<h3 class="font-semibold text-blue-800">適用場景</h3>
<p class="text-gray-600">隧道施工、礦區作業、企業內部管理等封閉區域</p>
</div>
<div class="bg-green-50 rounded-lg p-4 border-l-4 border-green-500">
<h3 class="font-semibold text-green-800">核心技術</h3>
<p class="text-gray-600">RFID車輛識別、人臉門禁、雲端管理平台</p>
</div>
<div class="bg-purple-50 rounded-lg p-4 border-l-4 border-purple-500">
<h3 class="font-semibold text-purple-800">部署規模</h3>
<p class="text-gray-600">13個分公司人員門禁系統 + 多出入口車輛管理系統</p>
</div>
</div>
</div>
</section>
<!-- 車輛出入口設備 -->
<section id="vehicle" class="mb-12">
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="gradient-bg px-6 py-4">
<h2 class="text-2xl font-bold text-white flex items-center">
<i class="fas fa-truck-moving mr-3"></i>
內部車輛出入口管理設備
</h2>
</div>
<div class="p-6">
<div class="overflow-x-auto">
<table class="w-full text-sm text-left text-gray-500">
<thead class="text-xs text-gray-700 uppercase bg-gray-50">
<tr>
<th class="px-4 py-3">序號</th>
<th class="px-4 py-3">設備名稱</th>
<th class="px-4 py-3">型號/規格</th>
<th class="px-4 py-3">備註説明</th>
<th class="px-4 py-3">狀態</th>
</tr>
</thead>
<tbody>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">1</td>
<td class="px-4 py-3">控制器</td>
<td class="px-4 py-3">DAIC-TC-MB</td>
<td class="px-4 py-3">停車出入口，現有道閘，綜合信息屏</td>
<td class="px-4 py-3"><span class="status-active text-white px-2 py-1 rounded-full text-xs">已配置</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">2</td>
<td class="px-4 py-3">電源</td>
<td class="px-4 py-3">標準工業電源</td>
<td class="px-4 py-3">現場處理</td>
<td class="px-4 py-3"><span class="status-warning text-white px-2 py-1 rounded-full text-xs">待部署</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">3</td>
<td class="px-4 py-3">車輛標籤韋根讀頭（進）</td>
<td class="px-4 py-3">915M RFID</td>
<td class="px-4 py-3">需915M RFID卡及讀卡器發多奧研發調試</td>
<td class="px-4 py-3"><span class="status-inactive text-white px-2 py-1 rounded-full text-xs">待調試</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">4</td>
<td class="px-4 py-3">車輛標籤韋根讀頭（出）</td>
<td class="px-4 py-3">916M RFID</td>
<td class="px-4 py-3">916M RFID</td>
<td class="px-4 py-3"><span class="status-inactive text-white px-2 py-1 rounded-full text-xs">待調試</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">5</td>
<td class="px-4 py-3">LED顯示</td>
<td class="px-4 py-3">定製LED屏</td>
<td class="px-4 py-3">控制卡SDK需多奧對接，如採用LCD則可直接用HDMI但需配置門禁顯示服務器</td>
<td class="px-4 py-3"><span class="status-warning text-white px-2 py-1 rounded-full text-xs">開發中</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">6</td>
<td class="px-4 py-3">4G路由器</td>
<td class="px-4 py-3">工業級4G路由器</td>
<td class="px-4 py-3">甲方提供流量卡</td>
<td class="px-4 py-3"><span class="status-warning text-white px-2 py-1 rounded-full text-xs">待配置</span></td>
</tr>
<tr class="bg-white hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">7</td>
<td class="px-4 py-3">網線</td>
<td class="px-4 py-3">超五類/六類</td>
<td class="px-4 py-3">根據現場情況</td>
<td class="px-4 py-3"><span class="status-warning text-white px-2 py-1 rounded-full text-xs">待佈線</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
<!-- 人員出入口門禁考勤設備 -->
<section id="personnel" class="mb-12">
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="gradient-bg px-6 py-4">
<h2 class="text-2xl font-bold text-white flex items-center">
<i class="fas fa-user-check mr-3"></i>
人員出入口門禁考勤設備
</h2>
</div>
<div class="p-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<div class="bg-blue-50 p-4 rounded-lg">
<h3 class="font-semibold text-blue-800 mb-2">部署範圍</h3>
<p class="text-gray-700">13個分公司統一門禁考勤系統</p>
</div>
<div class="bg-green-50 p-4 rounded-lg">
<h3 class="font-semibold text-green-800 mb-2">認證方式</h3>
<p class="text-gray-700">RFID卡 + 人臉識別（選配）</p>
</div>
</div>
<div class="overflow-x-auto">
<table class="w-full text-sm text-left text-gray-500">
<thead class="text-xs text-gray-700 uppercase bg-gray-50">
<tr>
<th class="px-4 py-3">序號</th>
<th class="px-4 py-3">設備名稱</th>
<th class="px-4 py-3">型號/規格</th>
<th class="px-4 py-3">備註説明</th>
<th class="px-4 py-3">狀態</th>
</tr>
</thead>
<tbody>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">1</td>
<td class="px-4 py-3">門控制器</td>
<td class="px-4 py-3">DAIC-MJ-MB</td>
<td class="px-4 py-3">13個分公司統一部署</td>
<td class="px-4 py-3"><span class="status-active text-white px-2 py-1 rounded-full text-xs">已部署</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">2</td>
<td class="px-4 py-3">電源</td>
<td class="px-4 py-3">門禁專用電源</td>
<td class="px-4 py-3">現場處理</td>
<td class="px-4 py-3"><span class="status-warning text-white px-2 py-1 rounded-full text-xs">待部署</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">3</td>
<td class="px-4 py-3">人臉識別機</td>
<td class="px-4 py-3">多奧人臉機</td>
<td class="px-4 py-3">選配，進出雙向識別</td>
<td class="px-4 py-3"><span class="status-inactive text-white px-2 py-1 rounded-full text-xs">待選配</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">4</td>
<td class="px-4 py-3">人員RFID卡韋根讀頭（進）</td>
<td class="px-4 py-3">915M RFID</td>
<td class="px-4 py-3">需915M RFID卡及讀卡器發多奧研發調試</td>
<td class="px-4 py-3"><span class="status-warning text-white px-2 py-1 rounded-full text-xs">開發中</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">5</td>
<td class="px-4 py-3">人員RFID卡韋根讀頭（出）</td>
<td class="px-4 py-3">916M RFID</td>
<td class="px-4 py-3">916M RFID</td>
<td class="px-4 py-3"><span class="status-warning text-white px-2 py-1 rounded-full text-xs">開發中</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">6</td>
<td class="px-4 py-3">LED顯示</td>
<td class="px-4 py-3">考勤專用LED</td>
<td class="px-4 py-3">控制卡SDK需多奧對接，如採用LCD則可直接用HDMI但需配置考勤顯示服務器</td>
<td class="px-4 py-3"><span class="status-warning text-white px-2 py-1 rounded-full text-xs">待對接</span></td>
</tr>
<tr class="bg-white border-b hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">7</td>
<td class="px-4 py-3">4G路由器</td>
<td class="px-4 py-3">工業級4G路由器</td>
<td class="px-4 py-3">甲方提供流量卡</td>
<td class="px-4 py-3"><span class="status-warning text-white px-2 py-1 rounded-full text-xs">待配置</span></td>
</tr>
<tr class="bg-white hover:bg-gray-50">
<td class="px-4 py-3 font-medium text-gray-900">8</td>
<td class="px-4 py-3">網線</td>
<td class="px-4 py-3">超五類/六類</td>
<td class="px-4 py-3">現場佈線</td>
<td class="px-4 py-3"><span class="status-warning text-white px-2 py-1 rounded-full text-xs">待施工</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section> <!-- 後台雲端設備 -->
<section id="backend" class="mb-12">
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="gradient-bg px-6 py-4">
<h2 class="text-2xl font-bold text-white flex items-center">
<i class="fas fa-cloud mr-3"></i>
後台（雲端）設備管理系統
</h2>
</div>
<div class="p-6">
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-white border border-gray-200 rounded-lg p-6 card-hover">
<div class="text-center mb-4">
<i class="fas fa-server text-4xl text-blue-500 mb-3"></i>
<h3 class="text-xl font-semibold text-gray-800">服務器</h3>
</div>
<ul class="space-y-2 text-gray-600">
<li><i class="fas fa-microchip text-blue-500 mr-2"></i>型號：DAIC-YKT-SF</li>
<li><i class="fas fa-map-marker-alt text-green-500 mr-2"></i>部署：本地化部署</li>
<li><i class="fas fa-hdd text-purple-500 mr-2"></i>單位：台</li>
</ul>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-6 card-hover">
<div class="text-center mb-4">
<i class="fas fa-wifi text-4xl text-green-500 mb-3"></i>
<h3 class="text-xl font-semibold text-gray-800">網絡服務</h3>
</div>
<ul class="space-y-2 text-gray-600">
<li><i class="fas fa-calendar-alt text-green-500 mr-2"></i>付費方式：按年付費</li>
<li><i class="fas fa-sync-alt text-blue-500 mr-2"></i>服務類型：專線網絡</li>
</ul>
</div>
<div class="bg-white border border-gray-200 rounded-lg p-6 card-hover">
<div class="text-center mb-4">
<i class="fas fa-cogs text-4xl text-purple-500 mb-3"></i>
<h3 class="text-xl font-semibold text-gray-800">管理平台</h3>
</div>
<ul class="space-y-2 text-gray-600">
<li><i class="fas fa-cloud text-purple-500 mr-2"></i>服務類型：雲端服務</li>
<li><i class="fas fa-money-bill-wave text-green-500 mr-2"></i>付費方式：按年付費</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 開發與維護費用 -->
<section id="cost" class="mb-12">
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="gradient-bg px-6 py-4">
<h2 class="text-2xl font-bold text-white flex items-center">
<i class="fas fa-money-check-alt mr-3"></i>
開發與維護費用管理
</h2>
</div>
<div class="p-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-yellow-50 border border-yellow-200 rounded-lg p-6">
<h3 class="text-lg font-semibold text-yellow-800 mb-3">一次性開發費用</h3>
<div class="space-y-3">
<div class="flex justify-between items-center">
<span class="text-gray-700">LED顯示接口費</span>
<span class="font-semibold text-yellow-800">定製開發（一次性）</span>
</div>
</div>
</div>
<div class="bg-blue-50 border border-blue-200 rounded-lg p-6">
<h3 class="text-lg font-semibold text-blue-800 mb-3">年度維護費用</h3>
<div class="space-y-3">
<div class="flex justify-between items-center">
<span class="text-gray-700">系統年維護費</span>
<span class="font-semibold text-blue-800">按年付費</span>
</div>
</div>
</div>
</div>
</div>
</section> <!-- 系統統計圖表 -->
<section class="mb-12">
<div class="bg-white rounded-xl shadow-md p-6">
<h2 class="text-2xl font-bold text-gray-800 mb-6">設備部署統計</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<canvas id="deviceStatusChart" width="400" height="300"></canvas>
</div>
<div>
<canvas id="costDistributionChart" width="400" height="300"></canvas>
</div>
</div>
</div>
</section>
</main> <!-- 頁腳 -->
<footer class="bg-gray-800 text-white py-8">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="mb-4 md:mb-0">
<h3 class="text-lg font-semibold mb-2">多奧智能出入口管理系統</h3>
<p class="text-gray-400">專為隧道施工、礦區、企業設計的綜合解決方案</p>
</div>
<div class="flex space-x-6">
<a href="#" class="text-gray-400 hover:text-white transition-colors">技術支持</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors">文檔中心</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors">聯繫我們</a>
</div>
</div>
<div class="border-t border-gray-700 mt-6 pt-6 text-center text-gray-400">
<p>© 2025 多奧智能科技有限公司 - 內部車輛與人員出入口管理系統</p>
</div>
</div>
</footer> <script>
// 設備狀態統計圖表
const deviceStatusCtx = document.getElementById('deviceStatusChart').getContext('2d');
new Chart(deviceStatusCtx, {
type: 'doughnut',
data: {
labels: ['已配置', '待部署', '開發中', '待調試'],
datasets: [{
data: [2, 4, 3, 2],
backgroundColor: [
'#48bb78',
'#ed8936',
'#9f7aea',
'#ecc94b'
]
}]
},
options: {
responsive: true,
plugins: {
legend: {
position: 'bottom',
},
title: {
display: true,
text: '設備部署狀態分佈'
}
}
});
// 費用分佈圖表
const costDistributionCtx = document.getElementById('costDistributionChart').getContext('2d');
new Chart(costDistributionCtx, {
type: 'bar',
data: {
labels: ['硬件設備', '開發費用', '年度維護', '網絡服務'],
datasets: [{
label: '費用佔比 (%)',
data: [45, 25, 20, 10],
backgroundColor: [
'rgba(54, 162, 235, 0.8)',
'rgba(255, 99, 132, 0.8)',
'rgba(75, 192, 192, 0.8)',
'rgba(153, 102, 255, 0.8)'
],
borderColor: [
'rgba(54, 162, 235, 1)',
'rgba(255, 99, 132, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)'
],
borderWidth: 1
}]
},
options: {
responsive: true,
scales: {
y: {
beginAtZero: true,
max: 100
}
}
}
});
</script>
</body>
</html>