taoge_xiaodi/maintenance_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0917

Browse Source
This commit is contained in:
dhr
2025-09-17 20:03:00 +08:00
parent 31a2b405db
commit 834b0ab161
10 changed files with 642 additions and 777 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/views/zhinengxunjian/cheliangzhuangtai.vue
View File

@ -29,37 +29,36 @@
<div class="search-container">
<!-- 左侧统计数据和车辆图片组合 -->
<div class="stats-and-image">
<!-- 车辆统计区域 -->
<div class="vehicle-stats">
<div class="stats-container">
<div class="vehicle-stats">
<!-- 总车辆数 -->
<div class="stat-item">
<div class="stat-label">总车辆数</div>
<div class="stat-value">{{ totalVehicles }}</div>
<div class="stat-desc">所有运维车辆总数</div>
</div>
<!-- 可用车辆 -->
<div class="stat-item">
<div class="stat-label">可用车辆</div>
<div class="stat-value">{{ availableVehicles }}</div>
<div class="stat-desc available">可立即调度</div>
</div>
<!-- 使用中 -->
<div class="stat-item">
<div class="stat-label">使用中</div>
<div class="stat-value">{{ inUseVehicles }}</div>
<div class="stat-desc in-use">执行任务中</div>
</div>
<!-- 维修/保养 -->
<div class="stat-item">
<div class="stat-label">维修/保养</div>
<div class="stat-value">{{ maintenanceVehicles }}</div>
<div class="stat-desc maintenance">预计2天后可用</div>
</div>
<img src="@/assets/images/car.png" class="img-car" alt="车辆图片" />
</div>
<!-- 总车辆数 -->
<div class="stat-item">
<div class="stat-label">总车辆数</div>
<div class="stat-value">{{ totalVehicles }}</div>
<div class="stat-desc">所有运维车辆总数</div>
</div>
<!-- 可用车辆 -->
<div class="stat-item">
<div class="stat-label">可用车辆</div>
<div class="stat-value">{{ availableVehicles }}</div>
<div class="stat-desc available">可立即调度</div>
</div>
<!-- 使用中 -->
<div class="stat-item">
<div class="stat-label">使用中</div>
<div class="stat-value">{{ inUseVehicles }}</div>
<div class="stat-desc in-use">执行任务中</div>
</div>
<!-- 维修/保养 -->
<div class="stat-item">
<div class="stat-label">维修/保养</div>
<div class="stat-value">{{ maintenanceVehicles }}</div>
<div class="stat-desc maintenance">预计2天后可用</div>
</div>
</div>
<!-- 车辆图片 -->
<img src="@/assets/images/car.png" class="img-car" alt="车辆图片" />
</div>
<!-- 右侧搜索区域 -->
@ -399,12 +398,10 @@ const handleInspectionManagement3 = () => {
}
.search-box {
background-color: rgba(255, 255, 255, 0.95);
border-radius: 12px;
padding: 20px 24px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.5);
}
.search-label {
@ -416,18 +413,11 @@ const handleInspectionManagement3 = () => {
.stat-item {
flex: 1;
background-color: rgba(255, 255, 255, 0.95);
padding: 20px 28px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
min-width: 160px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.5);
}
.stat-item:hover {
transform: translateY(-5px) scale(1.02);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
border-color: rgba(255, 255, 255, 0.8);
}
.stat-value {
@ -446,7 +436,7 @@ const handleInspectionManagement3 = () => {
}
.stat-desc {
font-size: 13px;
font-size: 12px;
color: #606266;
opacity: 0.9;
}
@ -632,8 +622,8 @@ const handleInspectionManagement3 = () => {
color: #fff;
}
.img-car {
max-width: 350px;
max-height: 350px;
max-width: 400px;
max-height: 200px;
}
/* 导航栏样式 */
.navigation-tabs {