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

52
src/views/zhinengxunjian/paidanjilu.vue
View File

@ -61,7 +61,7 @@
<div class="stat-label">本月派单总数</div>
<div class="stat-trend">较上月 <span class="trend-up">↑ 12%</span></div>
<div class="stat-icon">
<i class="el-icon-document"></i>
<img src="@/assets/images/paidan.png" alt="时间" class="stat-img" />
</div>
</div>
<div class="stat-card">
@ -69,7 +69,7 @@
<div class="stat-label">平均响应时间</div>
<div class="stat-trend">较上月 <span class="trend-down">↓ 5分钟</span></div>
<div class="stat-icon">
<i class="el-icon-clock"></i>
<img src="@/assets/images/shijian.png" alt="时间" class="stat-img" />
</div>
</div>
<div class="stat-card">
@ -77,7 +77,7 @@
<div class="stat-label">待接收工单</div>
<div class="stat-trend">较昨日 <span class="trend-up">↑ 2</span></div>
<div class="stat-icon warning">
<i class="el-icon-warning"></i>
<img src="@/assets/images/gongdan.png" alt="工单" class="stat-img" />
</div>
</div>
<div class="stat-card">
@ -85,7 +85,7 @@
<div class="stat-label">按时完成率</div>
<div class="stat-trend">较上月 <span class="trend-up">↑ 3%</span></div>
<div class="stat-icon success">
<i class="el-icon-check-circle"></i>
<img src="@/assets/images/wancheng.png" alt="完成" class="stat-img" />
</div>
</div>
</div>
@ -536,18 +536,25 @@ const handleInspectionManagement3 = () => {
.stat-card {
background-color: #fff;
border-radius: 8px;
padding: 20px;
border-radius: 12px;
padding: 24px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
position: relative;
overflow: hidden;
transition: all 0.3s ease;
}
.stat-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.stat-value {
font-size: 24px;
font-size: 28px;
font-weight: 600;
color: #1d2129;
margin-bottom: 8px;
line-height: 1.2;
}
.stat-label {
@ -571,27 +578,32 @@ const handleInspectionManagement3 = () => {
.stat-icon {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
border-radius: 8px;
top: 24px;
right: 24px;
width: 50px;
height: 50px;
border-radius: 12px;
background-color: #f0f7ff;
display: flex;
align-items: center;
justify-content: center;
color: #165dff;
font-size: 20px;
transition: all 0.3s ease;
}
.stat-icon.warning {
background-color: #fff7e6;
color: #fa8c16;
.stat-icon:hover {
transform: scale(1.05);
}
.stat-icon.success {
background-color: #f6ffed;
color: #52c41a;
/* 统计卡片图片样式 */
.stat-img {
width: 35px;
height: 35px;
object-fit: contain;
transition: all 0.3s ease;
}
.stat-icon:hover .stat-img {
transform: scale(1.1);
}
/* 表格样式 */