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

0918

Browse Source
This commit is contained in:
dhr
2025-09-18 19:56:24 +08:00
parent 834b0ab161
commit 93d9d71c25
18 changed files with 154 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/views/zhinengxunjian/qiangxiujilu.vue
View File

@ -79,7 +79,7 @@
<p class="stat-trend up">较上月 +8.7%</p>
</div>
<div class="stat-icon">
<i class="el-icon-warning-outline"></i>
<img src="@/assets/images/qiangxiu.png" alt="本月抢修总数" class="stat-image" />
</div>
</div>
@ -90,7 +90,7 @@
<p class="stat-trend down">较上月 -2.5分钟</p>
</div>
<div class="stat-icon">
<i class="el-icon-clock"></i>
<img src="@/assets/images/qiangxiushijian.png" alt="平均抢修时长" class="stat-image" />
</div>
</div>
@ -101,7 +101,7 @@
<p class="stat-trend warning">需要尽快处理</p>
</div>
<div class="stat-icon warning">
<i class="el-icon-alarm"></i>
<img src="@/assets/images/weiqiangxiu.png" alt="待处理抢修" class="stat-image" />
</div>
</div>
@ -112,7 +112,7 @@
<p class="stat-trend up">较上月 +2.4%</p>
</div>
<div class="stat-icon success">
<i class="el-icon-check-circle"></i>
<img src="@/assets/images/qiangxiuwancheng.png" alt="按时完成率" class="stat-image" />
</div>
</div>
</div>
@ -120,26 +120,26 @@
<!-- 抢修记录表格 -->
<div class="table-container">
<el-table :data="repairRecords" border style="width: 100%" class="record-table">
<el-table-column prop="reportNo" label="抢修单号" width="140"></el-table-column>
<el-table-column prop="content" label="抢修内容"></el-table-column>
<el-table-column prop="reporter" label="报修人" width="100"></el-table-column>
<el-table-column prop="reportTime" label="报修时间" width="160"></el-table-column>
<el-table-column prop="handler" label="抢修人员" width="100"></el-table-column>
<el-table-column prop="priority" label="紧急程度" width="100">
<el-table-column align="center" prop="reportNo" label="抢修单号" min-width="120"></el-table-column>
<el-table-column align="center" prop="content" label="抢修内容" min-width="200"></el-table-column>
<el-table-column align="center" prop="reporter" label="报修人" min-width="80"></el-table-column>
<el-table-column align="center" prop="reportTime" label="报修时间" min-width="140"></el-table-column>
<el-table-column align="center" prop="handler" label="抢修人员" min-width="80"></el-table-column>
<el-table-column align="center" prop="priority" label="紧急程度" min-width="80">
<template #default="scope">
<span :class="`priority-tag ${scope.row.priorityClass}`">{{ scope.row.priority }}</span>
</template>
</el-table-column>
<el-table-column prop="status" label="处理状态" width="100">
<el-table-column align="center" prop="status" label="处理状态" min-width="80">
<template #default="scope">
<span :class="`status-tag ${scope.row.statusClass}`">{{ scope.row.status }}</span>
</template>
</el-table-column>
<el-table-column prop="duration" label="处理时长" width="100"></el-table-column>
<el-table-column label="操作" width="140">
<el-table-column align="center" prop="duration" label="处理时长" min-width="80"></el-table-column>
<el-table-column align="center" label="操作" min-width="120">
<template #default="scope">
<el-button type="text" size="small" class="detail-btn" @click="handleDetail(scope.row)"> 详情 </el-button>
<el-button type="text" size="small" :class="scope.row.actionClass" @click="handleAction(scope.row)">
<el-button type="text" class="detail-btn" @click="handleDetail(scope.row)"> 详情 </el-button>
<el-button type="text" :class="scope.row.actionClass" @click="handleAction(scope.row)">
{{ scope.row.actionText }}
</el-button>
</template>
@ -535,28 +535,20 @@ const handleInspectionManagement2 = () => {
}
.stat-icon {
width: 48px;
height: 48px;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #ffebe6;
display: flex;
align-items: center;
justify-content: center;
color: #ff4d4f;
font-size: 24px;
}
.stat-icon.warning {
background-color: #fff7e6;
color: #fa8c16;
.stat-image {
width: 45px;
height: 45px;
object-fit: contain;
}
.stat-icon.success {
background-color: #f6ffed;
color: #52c41a;
}
/* 表格样式 */
.table-container {
background-color: #fff;
border-radius: 8px;