feat: 机巢详情分页优化

张含笑

2025-04-12 b7cf0a445d23575f4b71997ba5da9ee757e08436

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

@@ -6,6 +6,7 @@
      :width="pxToRem(1500)"
      :close-on-click-modal="false"
      :destroy-on-close="true"
		
   >
      <template #header="{ titleId, titleClass }">
         <div class="my-header">
@@ -17,7 +18,7 @@
         <div class="machineTableDetailsTitle"><span>详情</span></div>
         <div class="infoBox">
            <div class="itemBox" v-for="(item, index) in infoList" :key="index">
               <div class="itemTitle">{{ item.name }}:</div>
               <div class="itemTitle">{{ item.name }} : </div>
               <div
                  :class="{
                     active: item.value === 'WORKING',
@@ -28,7 +29,7 @@
               >
                  {{ item.value === 'OFFLINE' ? '离线中' : item.value === 'WORKING' ? '作业中' : '空闲中' }}
               </div>
               <div class="itemValue" v-else>{{ item.value }}</div>
               <div class="itemValue" v-else> {{ item.value }}</div>
            </div>
         </div>
      </div>
@@ -67,7 +68,8 @@

<style lang="scss">
.machineTableDetails {
   height: 1002px;
width: 1270px;
   height: 856px;
   background: #0f1929;
   box-shadow: inset 0px -50px 50px 0px rgba(27, 148, 255, 0.13);
   border-radius: 20px 0px 0px 0px;
@@ -84,13 +86,14 @@
      2 2;
   .el-pagination {
      text-align: left;
      padding: 20px;
      padding: 20px 20px 0 20px;
   }
   .my-header {
      display: inline-block;
      vertical-align: middle;
      margin-left: 12px;
   }

   /* 头部 */
   .el-dialog__header {
      width: 1270px;
@@ -129,16 +132,20 @@
</style>

<style lang="scss" scoped>

.infoBox {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 24px;
   margin-bottom: 14px;
   font-size: 14px;
   color: #ffffff;
   .itemBox {
      display: flex;
      align-items: center;
      .itemTitle {
      margin-right: 5px;
      }
   }

   .flystatus {