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

张含笑

2025-04-12 adc5fc42b9acd35076f5bbee5a3bb70ba22ec688

 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;