| | |
| | | <div class="devicejob-container"> |
| | | <div class="machineTableDetailsTitle"> |
| | | <p> |
| | | 相关任务<span>{{ total }}</span |
| | | >次 |
| | | 相关任务 |
| | | <span>{{ total }}</span> |
| | | 次 |
| | | </p> |
| | | </div> |
| | | <div class="devicelob-table ztzf-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' }" |
| | | :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 }"> |
| | |
| | | <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([]) |
| | |
| | | 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 |
| | |
| | | // 标题 |
| | | .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 { |
| | |
| | | // 表格 |
| | | .devicelob-table { |
| | | padding: 0 17px; |
| | | |
| | | } |
| | | |
| | | |