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 }">
@@ -28,7 +29,6 @@
            <el-table-column label="操作" width="80">
               <template #default="scope">
                  <div class="ztzf-view" @click="viewJob(scope.row)">查看</div>
                  <!-- <el-button type="warning" link @click="viewJob(scope.row)">查看</el-button> -->
               </template>
            </el-table-column>
         </el-table>
@@ -36,7 +36,7 @@
      <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, jumper"
@@ -45,11 +45,15 @@
      />
   </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([])
@@ -65,7 +69,6 @@
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
@@ -96,17 +99,11 @@
   getList()
})
</script>
<style lang="scss">
.devicejob-container {
   // 表格
}
</style>
<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 {
@@ -127,6 +124,7 @@
// 表格
.devicelob-table {
   padding: 0 17px;
}