forked from drone/command-center-dashboard

罗广辉
2025-04-21 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7
src/views/SignMachineNest/MachineRight/MachineStatus/MachineTableDetails/DeviceJob/DeviceJob.vue
@@ -2,8 +2,9 @@
   <div class="devicejob-container">
      <div class="machineTableDetailsTitle">
         <p>
            相关任务<span>{{ total }}</span
            >次
            相关任务
            <span>{{ total }}</span>
            次
         </p>
      </div>
      <div class="devicelob-table ztzf-table">
@@ -11,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 }">
@@ -32,23 +33,27 @@
            </el-table-column>
         </el-table>
      </div>
      <!-- <el-pagination
      <el-pagination
      class="ztzf-pagination"
         background
         :page-sizes="[10, 20, 30, 50]"
         v-model:current-page="sizeParams.current"
         v-model:page-size="sizeParams.size"
         layout=" prev, pager, next,sizes, jumper"
         layout=" prev, pager, next, jumper"
         :total="total"
         @change="pageChange"
      /> -->
      />
   </div>
   <DeviceJobDetails v-model:show="deviceJobDetailsShow" />
   <DeviceJobDetails
      v-if="deviceJobDetailsShow"
      v-model:show="deviceJobDetailsShow"
      :wayLineJodInfoId="wayLineJodInfoId"
   />
</template>
<script setup>
import { useStore } from 'vuex'
import DeviceJobDetails from './DeviceJobDetails/DeviceJobDetails.vue'
import DeviceJobDetails from '@/components/DeviceJobDetails/DeviceJobDetails.vue'
import { getDeviceJobList } from '@/api/home/task'
const list = ref([])
@@ -57,14 +62,13 @@
})
const sizeParams = ref({
   current: 1,
   size: 99999,
   size: 5,
})
const store = useStore()
const device_sn = computed(() => store.state.home.singleUavHome.device_sn)
const total = ref(0)
const deviceJobDetailsShow = ref(false)
const wayLineJodInfoId = ref(null)
provide('wayLineJodInfoId', wayLineJodInfoId)
const viewJob = row => {
   wayLineJodInfoId.value = row.id
   deviceJobDetailsShow.value = true
@@ -99,7 +103,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 {
@@ -120,15 +124,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) {