feat: 当前任务和历史任务分页传参改成地址后传参

chenyao

2025-04-14 3a8d7ebd8475106965081c1dde022ea3642e9d93

 src/views/Home/HomeLeft/MachineNestList.vue

@@ -16,27 +16,29 @@
            <div
               :class="[index % 2 === 1 ? 'table-itemeven' : 'table-item']"
               v-for="(item, index) in tableList"
               :key="index"
               :key="index" @click="signMachineNestClick(item)"
            >
               <img src="/src/assets/images/home/homeLeft/machinenestlist-sign.png" alt="" />
               <div class="middle">
                  <div class="title">{{ item.nickname }}</div>
                  <div class="number">
                     飞行次数：<span>{{ item.fly_count }}</span
                     >次 飞行里程：<span>{{ item.flight_mileage }}</span
                     >km
                     飞行次数：
                     <span>{{ item.fly_count }}</span>
                     次 飞行里程：
                     <span>{{ item.flight_mileage }}</span>
                     km
                  </div>
                  <div class="result">
                     任务成果：<span>{{ item.accumulate_data }}</span
                     >个 飞行时长：<span>{{ item.hour }}</span
                     >h
                     任务成果：
                     <span>{{ item.accumulate_data }}</span>
                     个 飞行时长：
                     <span>{{ item.hour }}</span>
                     h
                  </div>
               </div>
               <div
                  class="right"
                  :class="item.status === 'WORKING' ? 'atcive' : item.status === 'OFFLINE' ? 'offine' : 'freetime'"
                  @click="signMachineNestClick(item)"
               >
                  :class="item.status === 'WORKING' ? 'atcive' : item.status === 'OFFLINE' ? 'offine' : 'freetime'">
                  {{ item.status === 'OFFLINE' ? '离线中' : item.status === 'WORKING' ? '作业中' : '空闲中' }}
               </div>
            </div>
@@ -218,11 +220,11 @@
         }
         // 空闲中
         .freetime {
            color: #ffa768;
            color: #04f020;
         }
         // 作业中
         .atcive {
            color: #04f020;
            color: #ffa768;
            background: linear-gradient(90deg, rgba(12, 45, 92, 1) 0%, #154671 50%, rgba(12, 45, 92, 1) 100%),
               linear-gradient(90deg, rgba(12, 45, 92, 1) 0%, rgba(12, 45, 92, 1) 50%, rgba(12, 45, 92, 1) 100%);
         }