forked from drone/command-center-dashboard

张含笑
2025-04-12 0f2e9f548f1ca150c612834d5e96cabdadced2ab
src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceJob/DeviceJob.vue
@@ -2,7 +2,7 @@
   <div class="devicejob-container">
      <div class="machineTableDetailsTitle">
         <p>
            相关任务 <span>{{ total }}</span
            相关任务<span>{{ total }}</span
            >次
         </p>
      </div>
@@ -11,7 +11,7 @@
            :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">
@@ -25,9 +25,11 @@
            <el-table-column prop="ai_type_str" label="关联算法" />
            <el-table-column prop="event_number" label="事件工单" />
            <el-table-column label="操作">
            <el-table-column label="操作" width="80">
               <template #default="scope">
                  <el-button type="primary" link @click="viewJob(scope.row)">查看</el-button>
                  <div class="view" @click="viewJob(scope.row)">查看</div>
                  <!-- <el-button type="warning" link @click="viewJob(scope.row)">查看</el-button> -->
               </template>
            </el-table-column>
         </el-table>
@@ -142,7 +144,7 @@
// 标题
.machineTableDetailsTitle {
   margin: 0 24px;
   margin-bottom: 16px;
   // margin-bottom: 16px;
   background: url('/src/assets/images/signMachineNest/machineRight/detailtitle.png') no-repeat center;
   background-size: 100% 100%;
   p {
@@ -202,11 +204,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;
@@ -243,4 +243,16 @@
:deep(.el-input__inner) {
   color: #fff !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>