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

48
src/views/zhinengxunjian/baoxiujilu.vue
View File

@ -72,7 +72,7 @@
<p class="stat-trend up">较上月 +4.2%</p>
</div>
<div class="stat-icon">
<i class="el-icon-file-text"></i>
<img src="@/assets/images/baoxiu.png" alt="本月报修数" class="stat-image" />
</div>
</div>
@ -83,7 +83,7 @@
<p class="stat-trend down">较上月 -0.6小时</p>
</div>
<div class="stat-icon">
<i class="el-icon-clock"></i>
<img src="@/assets/images/baoxiushijian.png" alt="平均处理时长" class="stat-image" />
</div>
</div>
@ -94,7 +94,7 @@
<p class="stat-trend warning">需及时处理</p>
</div>
<div class="stat-icon warning">
<i class="el-icon-alarm-clock"></i>
<img src="@/assets/images/weibaoxiu.png" alt="待处理报修" class="stat-image" />
</div>
</div>
@ -105,7 +105,7 @@
<p class="stat-trend up">较上月 +2.1%</p>
</div>
<div class="stat-icon success">
<i class="el-icon-check-circle"></i>
<img src="@/assets/images/baoxiuwancheng.png" alt="完成率" class="stat-image" />
</div>
</div>
</div>
@ -113,22 +113,22 @@
<!-- 报修记录表格 -->
<div class="table-container">
<el-table :data="filteredRecords" 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="status" 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="90"></el-table-column>
<el-table-column align="center" prop="reportTime" label="报修时间" min-width="150"></el-table-column>
<el-table-column align="center" prop="handler" label="处理人员" min-width="90"></el-table-column>
<el-table-column align="center" prop="status" label="处理状态" min-width="90">
<template #default="scope">
<span :class="`status-tag ${scope.row.statusClass}`">{{ scope.row.status }}</span>
</template>
</el-table-column>
<el-table-column prop="handleTime" label="处理时间" width="160"></el-table-column>
<el-table-column prop="result" label="维修结果"></el-table-column>
<el-table-column label="操作" width="160">
<el-table-column align="center" prop="handleTime" label="处理时间" min-width="150"></el-table-column>
<el-table-column align="center" prop="result" label="维修结果" min-width="180"></el-table-column>
<el-table-column align="center" label="操作" min-width="140">
<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>
@ -539,25 +539,19 @@ const handleInspection7 = () => {
}
.stat-icon {
width: 48px;
height: 48px;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #e8f3ff;
display: flex;
align-items: center;
justify-content: center;
color: #165dff;
font-size: 24px;
}
.stat-icon.warning {
background-color: #fff7e6;
color: #fa8c16;
}
.stat-icon.success {
background-color: #f6ffed;
color: #52c41a;
.stat-image {
width: 45px;
height: 45px;
object-fit: contain;
}
/* 表格样式 */