From adc5fc42b9acd35076f5bbee5a3bb70ba22ec688 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Sat, 12 Apr 2025 11:28:08 +0800
Subject: [PATCH] feat: 巡检任务详情弹框数据显示优化，分页优化
---
src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue | 34 ++++++++++++++++------------------
1 files changed, 16 insertions(+), 18 deletions(-)
diff --git a/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue b/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue
index bd4d5ea..4a8ebf3 100644
--- a/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue
+++ b/src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue
@@ -72,10 +72,10 @@
</template>
</el-table-column>
<!-- 事件状态:0 =待处理，1=待分拨，2=待处理，3=处理中，4=已完成 5=已完结 -->
- <el-table-column prop="job_info_num" label="任务编号" />
- <el-table-column prop="name" label="任务名称" />
- <el-table-column prop="device_names" label="所属机巢" />
- <el-table-column prop="ai_type_str" label="关联算法" />
+ <el-table-column show-overflow-tooltip prop="job_info_num" label="任务编号" />
+ <el-table-column prop="name" show-overflow-tooltip label="任务名称" />
+ <el-table-column prop="device_names" show-overflow-tooltip label="所属机巢" />
+ <el-table-column show-overflow-tooltip prop="ai_type_str" label="关联算法" />
<el-table-column prop="status" label="任务状态">
<template #default="scope">
<span
@@ -105,7 +105,7 @@
</template>
</el-table-column>
<el-table-column prop="industry_type_str" label="任务类型" />
- <el-table-column prop="begin_time" label="任务时间" />
+ <el-table-column prop="begin_time" label="任务时间" width="150"/>
<el-table-column prop="event_number" label="关联事件">
<template #default="scope">
<span>{{ scope.row.event_number ? scope.row.event_number : '/' }}</span>
@@ -117,8 +117,8 @@
<!-- 分页 -->
<div class="pagination">
<el-pagination
- v-model:current-page="pageParams.page"
- v-model:page-size="pageParams.limit"
+ v-model:current-page="pageParams.current"
+ v-model:page-size="pageParams.size"
:page-sizes="[10, 20, 30, 50]"
background
layout=" prev, pager, next, jumper"
@@ -172,8 +172,8 @@
const total = ref(0)
// 分页参数
let pageParams = reactive({
- page: 1,
- limit: 10,
+ current: 1,
+ size: 10,
})
// 日期选择
const changeselect = () => {
@@ -198,19 +198,19 @@
}
// 查询
const handleSearch = () => {
- taskDetailParams.page = 1
- taskDetailParams.limit = 10
+ taskDetailParams.current = 1
+ taskDetailParams.size = 10
taskDetailParams.searchParams = searchForm
getJobList()
}
// 分页大小改变
const handleSizeChange = val => {
- pageParams.limit = val
+ taskDetailParams.size = val
getJobList()
}
// 页码改变
const handleCurrentChange = val => {
- pageParams.page = val
+ taskDetailParams.current = val
getJobList()
}
// 获取任务列表
@@ -336,11 +336,9 @@
}
}
:deep(.el-pagination) {
- position: absolute;
- left: 50%;
- transform: translateX(-50%);
- border-radius: 4px;
- bottom: 5px;
+display: flex;
+justify-content: center;
+margin-top: 10px;
}
:deep(.el-pagination button) {
background: center center no-repeat none !important;
--
Gitblit v1.9.3