forked from drone/command-center-dashboard

chenyao
2025-04-16 67c3e5489fec7632f39fa510e371c50b5686bfd8
src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceEvent.vue
@@ -2,15 +2,19 @@
   <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') }}
@@ -40,7 +44,6 @@
      <el-pagination
      class="ztzf-pagination"
         background
         v-model:current-page="sizeParams.current"
         v-model:page-size="sizeParams.size"
         layout="prev, pager, next, jumper"
@@ -79,11 +82,7 @@
      const resData = res?.data?.data || {}
      list.value = resData.records
      total.value = resData.total
   })
}
const pageChange = val => {
   sizeParams.value.current = val
@@ -103,11 +102,10 @@
</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 {
@@ -128,14 +126,12 @@
// 表格
.deviceevent-table {
padding: 0 17px;
}
// 分页
:deep(.el-pagination) {
   display: flex;
   justify-content: center;
}
:deep(.el-pagination button) {
   background: center center no-repeat none !important;
@@ -143,22 +139,22 @@
}
// 待处理
.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>