feat: 巡检任务详情弹框数据显示优化，分页优化

张含笑

2025-04-12 adc5fc42b9acd35076f5bbee5a3bb70ba22ec688

feat: 巡检任务详情弹框数据显示优化，分页优化

 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;