| | |
| | | <div class="deviceevent-container"> |
| | | <div class="machineTableDetailsTitle"> |
| | | <p> |
| | | 相关事件<span>{{ total }}</span |
| | | >件 |
| | | 相关事件 |
| | | <span>{{ total }}</span> |
| | | 件 |
| | | </p> |
| | | </div> |
| | | <div class="deviceevent-table ztzf-table" > |
| | | <el-table :data="list" :row-class-name="tableRowClassName" |
| | | style="width: 100%;" |
| | | :row-style="{ height: '38px', fontSize: '14px', 'text-align': 'center' }" |
| | | :header-cell-style="{ 'text-align': 'center', height: '36px', fontSize: '14px' }"> |
| | | <el-table |
| | | :data="list" |
| | | :row-class-name="tableRowClassName" |
| | | style="width: 100%" |
| | | :row-style="{ height: '35px', fontSize: '14px', 'text-align': 'center' }" |
| | | :header-cell-style="{ 'text-align': 'center', height: '30px', fontSize: '14px' }" |
| | | > |
| | | <el-table-column label="序号" type="index" width="60"> |
| | | <template #default="{ $index }"> |
| | | {{ ($index + 1).toString().padStart(2, '0') }} |
| | |
| | | <el-pagination |
| | | class="ztzf-pagination" |
| | | background |
| | | |
| | | v-model:current-page="sizeParams.current" |
| | | v-model:page-size="sizeParams.size" |
| | | layout="prev, pager, next, jumper" |
| | |
| | | const resData = res?.data?.data || {} |
| | | list.value = resData.records |
| | | total.value = resData.total |
| | | |
| | | }) |
| | | |
| | | |
| | | |
| | | } |
| | | const pageChange = val => { |
| | | sizeParams.value.current = val |
| | |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | | |
| | | // 标题 |
| | | .machineTableDetailsTitle { |
| | | margin: 0 24px; |
| | | margin-bottom: 16px; |
| | | margin-bottom: 10px; |
| | | background: url('/src/assets/images/signMachineNest/machineRight/detailtitle.png') no-repeat center; |
| | | background-size: 100% 100%; |
| | | p { |
| | |
| | | // 表格 |
| | | .deviceevent-table { |
| | | padding: 0 17px; |
| | | |
| | | } |
| | | |
| | | // 分页 |
| | | :deep(.el-pagination) { |
| | | display: flex; |
| | | justify-content: center; |
| | | |
| | | } |
| | | :deep(.el-pagination button) { |
| | | background: center center no-repeat none !important; |
| | |
| | | } |
| | | // 待处理 |
| | | .pending{ |
| | | color: #FF7411; |
| | | color: #ff7411; |
| | | } |
| | | // 待审核 |
| | | .reviewed{ |
| | | color: #8CFEA7; |
| | | color: #8cfea7; |
| | | } |
| | | // 处理中 |
| | | .processing{ |
| | | color: #FFC398; |
| | | color: #ffc398; |
| | | } |
| | | // 已完成 |
| | | .done{ |
| | | color: #AFD9FB; |
| | | color: #afd9fb; |
| | | } |
| | | // 已完结 |
| | | .ended{ |
| | | color: #11C4FF; |
| | | color: #11c4ff; |
| | | } |
| | | </style> |