feat: 飞行建议

张含笑

2025-04-12 0f2e9f548f1ca150c612834d5e96cabdadced2ab

 src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceEvent.vue

@@ -2,14 +2,14 @@
   <div class="deviceevent-container">
      <div class="machineTableDetailsTitle">
         <p>
            相关事件 <span>{{ total }}</span
            相关事件<span>{{ total }}</span
            >件
         </p>
      </div>
      <div class="deviceevent-table">
         <el-table :data="list" :row-class-name="tableRowClassName"
         style="width: 100%;"
         :row-style="{ height: '48px', fontSize: '14px', 'text-align': 'center' }"
         :row-style="{ height: '38px', fontSize: '14px', 'text-align': 'center' }"
         :header-cell-style="{ 'text-align': 'center', height: '36px', fontSize: '14px' }">
         <el-table-column label="序号" type="index" width="60">
               <template #default="{ $index }">
@@ -32,11 +32,12 @@
            </template>
         </el-table-column>

         <el-table-column label="操作">
            <template #default="scope">
               <el-button type="primary" link @click="examine(scope.row)">审核</el-button>
               <el-button type="primary" link @click="distribution(scope.row)">分拨</el-button>
            </template>
         <el-table-column label="操作" width="80">
            <div class="view">查看</div>
            <!-- <template #default="scope" >
               <el-button type="success" link @click="examine(scope.row)">审核</el-button>
               <el-button type="primary" link @click="distribution(scope.row)">查看</el-button>
            </template> -->
         </el-table-column>
      </el-table>
      </div>
@@ -144,9 +145,7 @@
}
</style>
<style scoped lang="scss">
.deviceevent-container {
margin-top: 50px;
}

// 标题
.machineTableDetailsTitle {
   margin: 0 24px;
@@ -210,11 +209,9 @@
}
// 分页
:deep(.el-pagination) {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   border-radius: 4px;
   margin-top: 15px;
   display: flex;
   justify-content: center;

}
:deep(.el-pagination button) {
   background: center center no-repeat none !important;
@@ -251,4 +248,20 @@
:deep(.el-input__inner) {
   color: #fff !important;
}
:deep(.el-tag){
background: none !important;
border:none !important
}
.view {
   width: 53px;
   height: 27px;
   background: #001f4e;
   border-radius: 0px 0px 0px 0px;
   border: 1px solid #51a8ff;
   font-size: 14px;
   color: #ffffff;
   text-align: center;
   line-height: 27px;
   cursor: pointer;
}
</style>