|
@ -25,47 +25,53 @@ |
|
|
:columns="column" |
|
|
:columns="column" |
|
|
:loading="loading" |
|
|
:loading="loading" |
|
|
:data-source="dataSource" |
|
|
:data-source="dataSource" |
|
|
:pagination="pagination"> |
|
|
:pagination="pagination" |
|
|
|
|
|
:bordered="true" |
|
|
|
|
|
:rowClassName=" |
|
|
|
|
|
() => { |
|
|
|
|
|
return 'rowClass'; |
|
|
|
|
|
} |
|
|
|
|
|
"> |
|
|
<template #bodyCell="{ record, column }"> |
|
|
<template #bodyCell="{ record, column }"> |
|
|
<template v-if="column.dataIndex === 'switch'"> |
|
|
<template v-if="column.dataIndex === 'switch'"> |
|
|
<a-tag |
|
|
<a-tag |
|
|
style="background-color: rgba(0, 0, 0, 0.5); width: 50px" |
|
|
style="background-color: rgba(0, 0, 0, 0.5); width: 50px; border-radius: 2px" |
|
|
:style="{ |
|
|
:style="{ |
|
|
border: { |
|
|
border: { |
|
|
'1': '1px solid rgba(0, 255, 210, 1)', //2 |
|
|
'1': '1px solid rgba(0, 255, 210, 1)', //2 |
|
|
'0': '1px solid rgba(191, 205, 226, 1)', //关闭 |
|
|
'0': '1px solid rgba(191, 205, 226, 1)', //关闭 |
|
|
}[record.switchStatus.value], |
|
|
}[record?.switchStatus?.value], |
|
|
color: { |
|
|
color: { |
|
|
'1': 'rgba(0, 255, 210, 1)', //正常 |
|
|
'1': 'rgba(0, 255, 210, 1)', //正常 |
|
|
'0': 'rgba(191, 205, 226, 1)', //关闭 |
|
|
'0': 'rgba(191, 205, 226, 1)', //关闭 |
|
|
}[record.switchStatus.value], |
|
|
}[record?.switchStatus?.value], |
|
|
}" |
|
|
}" |
|
|
>{{ { '1': '开启', '0': '关闭' }[record.switchStatus.value] }}</a-tag |
|
|
>{{ { '1': '开启', '0': '关闭' }[record?.switchStatus?.value] }}</a-tag |
|
|
> |
|
|
> |
|
|
</template> |
|
|
</template> |
|
|
<template v-if="column.dataIndex === 'state'"> |
|
|
<template v-if="column.dataIndex === 'state'"> |
|
|
<a-tag |
|
|
<a-tag |
|
|
style="background-color: rgba(0, 0, 0, 0.5); width: 50px" |
|
|
style="background-color: rgba(0, 0, 0, 0.5); width: 50px; border-radius: 2px" |
|
|
:style="{ |
|
|
:style="{ |
|
|
border: { |
|
|
border: { |
|
|
'0': '1px solid rgba(0, 255, 210, 1)', //正常 |
|
|
'0': '1px solid rgba(0, 255, 210, 1)', //正常 |
|
|
'1': '1px solid rgba(255, 118, 54, 1)', //故障 |
|
|
'1': '1px solid rgba(255, 118, 54, 1)', //故障 |
|
|
'2': '1px solid rgba(255, 188, 70, 1)', //维修 |
|
|
'2': '1px solid rgba(255, 188, 70, 1)', //维修 |
|
|
'3': '1px solid rgba(243, 97, 99, 1)', //告警 |
|
|
'3': '1px solid rgba(243, 97, 99, 1)', //告警 |
|
|
}[record.runStatus.value], |
|
|
}[record?.runStatus?.value], |
|
|
color: { |
|
|
color: { |
|
|
'0': 'rgba(0, 255, 210, 1)', //正常 |
|
|
'0': 'rgba(0, 255, 210, 1)', //正常 |
|
|
'1': 'rgba(255, 118, 54, 1)', //故障 |
|
|
'1': 'rgba(255, 118, 54, 1)', //故障 |
|
|
'2': 'rgba(255, 188, 70, 1)', //维修 |
|
|
'2': 'rgba(255, 188, 70, 1)', //维修 |
|
|
'3': 'rgba(243, 97, 99, 1)', //告警 |
|
|
'3': 'rgba(243, 97, 99, 1)', //告警 |
|
|
}[record.runStatus.value], |
|
|
}[record?.runStatus?.value], |
|
|
}" |
|
|
}" |
|
|
>{{ record.runStatus.label }}</a-tag |
|
|
>{{ record?.runStatus?.label }}</a-tag |
|
|
> |
|
|
> |
|
|
</template> |
|
|
</template> |
|
|
<template v-if="column.dataIndex === 'lift'"> |
|
|
<template v-if="column.dataIndex === 'lift'"> |
|
|
<a-tag |
|
|
<a-tag |
|
|
style="background-color: rgba(0, 0, 0, 0.5); width: 50px" |
|
|
style="background-color: rgba(0, 0, 0, 0.5); width: 50px; border-radius: 2px" |
|
|
:style="{ |
|
|
:style="{ |
|
|
border: { |
|
|
border: { |
|
|
'0': '1px solid rgba(0, 255, 210, 1)', //上行 |
|
|
'0': '1px solid rgba(0, 255, 210, 1)', //上行 |
|
@ -73,16 +79,16 @@ |
|
|
'2': '1px solid rgba(255, 188, 70, 1)', //暂停 |
|
|
'2': '1px solid rgba(255, 188, 70, 1)', //暂停 |
|
|
'3': '1px solid rgba(243, 97, 99, 1)', //急停 |
|
|
'3': '1px solid rgba(243, 97, 99, 1)', //急停 |
|
|
'4': '1px solid rgba(167, 66, 255, 1)', //未知 |
|
|
'4': '1px solid rgba(167, 66, 255, 1)', //未知 |
|
|
}[record.runMode.value], |
|
|
}[record?.runMode?.value], |
|
|
color: { |
|
|
color: { |
|
|
'0': 'rgba(0, 255, 210, 1)', //上行 |
|
|
'0': 'rgba(0, 255, 210, 1)', //上行 |
|
|
'1': 'rgba(0, 255, 210, 1)', //下行 |
|
|
'1': 'rgba(0, 255, 210, 1)', //下行 |
|
|
'2': 'rgba(255, 188, 70, 1)', //暂停 |
|
|
'2': 'rgba(255, 188, 70, 1)', //暂停 |
|
|
'3': 'rgba(243, 97, 99, 1)', //急停 |
|
|
'3': 'rgba(243, 97, 99, 1)', //急停 |
|
|
'4': 'rgba(167, 66, 255, 1)', //未知 |
|
|
'4': 'rgba(167, 66, 255, 1)', //未知 |
|
|
}[record.runMode.value], |
|
|
}[record?.runMode?.value], |
|
|
}" |
|
|
}" |
|
|
>{{ record.runMode.label }}</a-tag |
|
|
>{{ record?.runMode?.label }}</a-tag |
|
|
> |
|
|
> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
@ -191,16 +197,16 @@ |
|
|
} |
|
|
} |
|
|
:deep(.ant-table-thead > tr > th) { |
|
|
:deep(.ant-table-thead > tr > th) { |
|
|
background-color: #1a2230; |
|
|
background-color: #1a2230; |
|
|
border: 1px solid rgba(163, 192, 243, 0.8); |
|
|
// border: 1px solid rgba(163, 192, 243, 0.8); |
|
|
color: white; |
|
|
color: white; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
font-weight: normal !important; |
|
|
|
|
|
padding: 12px !important; |
|
|
padding: 12px !important; |
|
|
|
|
|
font-weight: 600; |
|
|
} |
|
|
} |
|
|
:deep(.ant-table-tbody > tr > td) { |
|
|
:deep(.ant-table-tbody > tr > td) { |
|
|
background-color: rgba(0, 0, 0, 0.9) !important; |
|
|
background-color: rgba(0, 0, 0, 0.9) !important; |
|
|
color: white; |
|
|
color: white; |
|
|
border: 1px solid rgba(163, 192, 243, 0.8); |
|
|
// border: 1px solid rgba(163, 192, 243, 0.8); |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
padding: 12px !important; |
|
|
padding: 12px !important; |
|
|
} |
|
|
} |
|
@ -243,18 +249,18 @@ |
|
|
:deep(.anticon) { |
|
|
:deep(.anticon) { |
|
|
color: rgba(12, 140, 246, 1) !important; |
|
|
color: rgba(12, 140, 246, 1) !important; |
|
|
} |
|
|
} |
|
|
:deep(.ant-table-pagination) { |
|
|
// :deep(.ant-table-pagination) { |
|
|
display: flex; |
|
|
// display: flex; |
|
|
position: absolute; |
|
|
// position: absolute; |
|
|
bottom: 0; |
|
|
// bottom: 0; |
|
|
right: 0; |
|
|
// right: 0; |
|
|
} |
|
|
// } |
|
|
:deep(.ant-spin-container) { |
|
|
// :deep(.ant-spin-container) { |
|
|
height: 95% !important; |
|
|
// height: 95% !important; |
|
|
} |
|
|
// } |
|
|
:deep(.ant-spin-nested-loading) { |
|
|
// :deep(.ant-spin-nested-loading) { |
|
|
height: 95% !important; |
|
|
// height: 95% !important; |
|
|
} |
|
|
// } |
|
|
//分页 在右边 取消 |
|
|
//分页 在右边 取消 |
|
|
// :deep(.ant-table-pagination-right) { |
|
|
// :deep(.ant-table-pagination-right) { |
|
|
// justify-content: normal !important; |
|
|
// justify-content: normal !important; |
|
@ -283,4 +289,35 @@ |
|
|
:deep(.ant-empty-description) { |
|
|
:deep(.ant-empty-description) { |
|
|
color: white !important; |
|
|
color: white !important; |
|
|
} |
|
|
} |
|
|
|
|
|
:deep(.rowClass > td) { |
|
|
|
|
|
border-right: 1px solid #abd1f5 !important; |
|
|
|
|
|
border-bottom: 1px solid #abd1f5 !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
:deep(.rowClass > td:first-child) { |
|
|
|
|
|
border-bottom: 1px solid #abd1f5 !important; |
|
|
|
|
|
} |
|
|
|
|
|
:deep(.ant-table-thead > tr > th) { |
|
|
|
|
|
border-bottom: 1px solid #abd1f5 !important; |
|
|
|
|
|
} |
|
|
|
|
|
:deep(.ant-table.ant-table-bordered > .ant-table-container) { |
|
|
|
|
|
border-left: 1px solid #abd1f5 !important; |
|
|
|
|
|
} |
|
|
|
|
|
:deep( |
|
|
|
|
|
.ant-table.ant-table-bordered |
|
|
|
|
|
> .ant-table-container |
|
|
|
|
|
> .ant-table-content |
|
|
|
|
|
> table |
|
|
|
|
|
> thead |
|
|
|
|
|
> tr |
|
|
|
|
|
> th |
|
|
|
|
|
) { |
|
|
|
|
|
border-right: 1px solid #abd1f5 !important; |
|
|
|
|
|
} |
|
|
|
|
|
:deep( |
|
|
|
|
|
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table, |
|
|
|
|
|
.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table |
|
|
|
|
|
) { |
|
|
|
|
|
border-top: 1px solid #abd1f5 !important; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
|
|