| | |
| | | <template> |
| | | <div class="home-container"> |
| | | <div style="height: 100%"> |
| | | <div style="height: 100%;display: flex;flex-direction: column;align-items: stretch;"> |
| | | <el-row class="homeCard"> |
| | | <div class="basic-line"> |
| | | <span>任务类型:</span> |
| | |
| | | </div> |
| | | <div class="basic-line"> |
| | | <span>任务状态:</span> |
| | | <el-select v-model="tableData.params.taskStatus" clearable filterable class="input-box" placeholder="执行班组"> |
| | | <el-select v-model="tableData.params.taskStatus" clearable filterable class="input-box" placeholder="任务状态"> |
| | | <el-option v-for="item in taskStatusList" :key="item.id" :label="item.name" :value="item.id"></el-option> |
| | | </el-select> |
| | | </div> |
| | |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="execClassgroupId" label="巡检班组"> |
| | | <template #default="scope"> |
| | | <span> |
| | | {{ parseNumber(scope.row.execClassgroupId, '巡检班组') }} |
| | | </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="execClassgroupName" label="巡检班组"/> |
| | | <el-table-column property="frequency" label="检查频次"> |
| | | <template #default="scope"> |
| | | <span> |
| | |
| | | </el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="taskClaimTime" label="认领时间"> |
| | | <template #default="scope"> |
| | | {{scope.row.taskClaimTime?scope.row.taskClaimTime:'--'}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="reportTime" label="填报时间"> |
| | | <template #default="scope"> |
| | | {{scope.row.reportTime?scope.row.reportTime:'--'}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="taskTimeConsuming" label="巡检耗时"> |
| | | <template #default="scope"> |
| | | {{scope.row.taskTimeConsuming?scope.row.taskTimeConsuming:'--'}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column property="resultStatus" label="巡检结果"> |
| | | <template #default="scope"> |
| | | <span> |
| | |
| | | pageSize: 10, |
| | | taskName: null, |
| | | taskType: null, |
| | | taskStatus: 2, |
| | | taskStatus: null, |
| | | execUserId: null, |
| | | execClassgroupId: null, |
| | | execDepId: null, |
| | |
| | | height: calc(100vh - 144px); |
| | | box-sizing: border-box; |
| | | overflow: hidden; |
| | | position: relative; |
| | | .homeCard { |
| | | width: 100%; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | background: #fff; |
| | | border-radius: 4px; |
| | | flex: 0 auto; |
| | | |
| | | .main-card { |
| | | width: 100%; |
| | |
| | | } |
| | | } |
| | | .pageBtn { |
| | | position: absolute; |
| | | width: 100%; |
| | | z-index: 99; |
| | | bottom: 0; |
| | | right: 0; |
| | | height: 60px; |
| | | border-radius: 0 0 4px 4px; |
| | | padding-right: 20px; |
| | | background: #fff; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: right; |
| | |
| | | } |
| | | } |
| | | } |
| | | &:last-of-type { |
| | | height: calc(100% - 100px); |
| | | &:last-of-type{ |
| | | flex: 1; |
| | | } |
| | | } |
| | | .el-row { |