| | |
| | | <!-- 巡检任务 --> |
| | | <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> |
| | | <web-view ref="sWebViewRef" :src="`${viewUrl}`" /> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import {onShow} from "@dcloudio/uni-app"; |
| | | import {getJobListApi} from "@/api/inspectionTask.js"; |
| | | import TaskDetails from "@/pages/inspectionTask/TaskDetails/TaskDetails.vue"; |
| | | import { useUserStore } from "@/store/index.js"; |
| | | |
| | | 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() |
| | | }) |
| | | const sWebViewRef = ref(null); |
| | | const userStore = useUserStore(); |
| | | const viewUrl = `http://192.168.1.178:5173/drone-app-web-view/#/webViewWrapper/inspectionTask?params=${JSON.stringify(userStore?.userInfo)}`; |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | |
| | | </style> |