forked from drone/command-center-dashboard
src/views/Home/HomeLeft/InspectionRaskDetails/InspectionRaskDetailsDialog.vue
@@ -3,7 +3,7 @@ <el-dialog class="inspection-rask-details-dialog ztzf-dialog" v-model="isShowDetailsDialog" :width="pxToRem(1000)" :width="pxToRem(1500)" :close-on-click-modal="false" :destroy-on-close="true" > @@ -64,7 +64,7 @@ <el-table :data="taskDetailData" :row-class-name="tableRowClassName" :row-style="{ height: '54px', fontSize: '14px', 'text-align': 'center' }" :row-style="{ height: '45px', fontSize: '14px', 'text-align': 'center' }" :header-cell-style="{ 'text-align': 'center', height: '36px', fontSize: '14px' }" > <el-table-column label="序号" type="index" width="60"> @@ -115,7 +115,7 @@ </el-table> </div> <!-- 分页 --> <div style="display: flex; justify-content: center"> <div style="display: flex; justify-content: center;margin:15px 0;"> <el-pagination class="ztzf-pagination" v-model:current-page="pageParams.current" @@ -322,7 +322,7 @@ .tabledata { padding: 0 16px; overflow: hidden; height: 640px; // height: 640px; overflow-y: scroll !important; } @@ -343,9 +343,4 @@ color: #8cfea7; } </style> <style lang="scss"> .inspection-rask-details-dialog { width: 1270px; height: 856px; } </style>
@@ -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> src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceJob/DeviceJob.vue
@@ -12,8 +12,8 @@ :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' }" :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 }"> @@ -100,7 +100,7 @@ // 标题 .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 { @@ -121,15 +121,9 @@ // 表格 .devicelob-table { padding: 0 17px; // height: 280px; // overflow: hidden; // overflow-y: scroll !important; } // :deep(::-webkit-scrollbar) { // width: 0; // display: none; // background: none !important; // } // 分页 :deep(.el-pagination) { src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/MachineTableDetails.vue
@@ -70,12 +70,10 @@ <style lang="scss"> .machineTableDetails { width: 1270px; height: 856px; .el-pagination { text-align: left; padding: 20px 20px 0 20px; padding: 10px 20px 5px 10px; } .my-header { display: inline-block; @@ -90,7 +88,7 @@ display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; margin-bottom: 10px; font-size: 14px; color: #ffffff; .itemBox { @@ -115,7 +113,7 @@ margin: 0 24px; } .machineTableDetailsTitle { margin-bottom: 16px; margin-bottom: 10px; background: url('/src/assets/images/signMachineNest/machineRight/detailtitle.png') no-repeat center; background-size: 100% 100%; span {
