<!-- 巡检任务 -->
|
<template>
|
<TaskDetails v-model:active="active" v-if="active"/>
|
<view v-else v-for="(item, index) in list" :key="index">
|
<view @click="taskClick(item)">{{item.name}} - {{item.status}}</view>
|
</view>
|
</template>
|
|
<script setup>
|
import {onShow} from "@dcloudio/uni-app";
|
import {getJobListApi} from "@/api/inspectionTask.js";
|
import TaskDetails from "@/pages/inspectionTask/TaskDetails/TaskDetails.vue";
|
|
const pagingRef = ref(null);
|
|
const dataList = ref([]);
|
|
const urls = [
|
"https://picsum.photos/100/100?random=1",
|
"https://picsum.photos/100/100?random=2",
|
"https://picsum.photos/100/100?random=3",
|
"https://picsum.photos/100/100?random=4",
|
"https://picsum.photos/100/100?random=5",
|
"https://picsum.photos/100/100?random=6",
|
"https://picsum.photos/100/100?random=7",
|
"https://picsum.photos/100/100?random=8",
|
"https://picsum.photos/100/100?random=9",
|
"https://picsum.photos/100/100?random=10",
|
];
|
|
function queryList(pageNo, pageSize) {
|
console.log("[ pageNo ] >", pageNo);
|
console.log("[ pageSize ] >", pageSize);
|
// 这里的pageNo和pageSize会自动计算好,直接传给服务器即可
|
// 这里的请求只是演示,请替换成自己的项目的网络请求,并在网络请求回调中通过pagingRef.value.complete(请求回来的数组)将请求结果传给z-paging
|
setTimeout(() => {
|
// 1秒之后停止刷新动画
|
const list = [];
|
for (let i = 0; i < 30; i++)
|
list.push(urls[uni.$u.random(0, urls.length - 1)]);
|
|
pagingRef.value?.complete(list);
|
}, 1000);
|
}
|
|
const params = ref({
|
device_sn: null,
|
order_by_create_time: false,
|
})
|
const sizeParams = ref({
|
current: 1,
|
size: 100,
|
})
|
const list = ref([])
|
function getJobList() {
|
getJobListApi(params.value,sizeParams.value).then(res =>{
|
list.value = res.data.data.records
|
})
|
}
|
|
const active = ref(null)
|
function taskClick(row) {
|
active.value = row
|
// uni.redirectTo({
|
// url: '/pages/inspectionTask/taskDetails/index'
|
// })
|
}
|
|
onShow(()=>{
|
getJobList()
|
})
|
</script>
|