workOrder.vue
3.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<template>
<view class="container">
<z-paging ref="paging" v-model="dataList" @query="queryList" :auto="false" >
<view class="ul fs-p20">
<view class="li fs-bg__white fs-p30 fs-size__h4 fs-radius__sm fs-mt20 cad-box-shadow" v-for="(item, index) in dataList" :key="'planName'+item.hotlinenumber">
<view @click="toReport(item)">
<!-- <view class="fs-flex__between">-->
<!-- <view class="fs-weight__bold fs-flex1 fs-ellipsis">{{item.planName}}</view>-->
<!-- <tui-text v-if="item.planStatus" text="已完成" type="success"></tui-text>-->
<!-- <tui-text v-else text="未完成" type="danger"></tui-text>-->
<!-- </view>-->
<view class="fs-flex fs-flex__between fs-mt20">
<view class="fs-flex1 fs-ellipsis">编码：{{item.hotlinenumber}}</view>
<view class="" style="color: #f00">待派单</view>
</view>
<view class="fs-flex fs-mt20">
<view class="fs-flex1 fs-ellipsis">所在街道：{{item.streetVo}}</view>
</view>
<view class="fs-flex fs-mt20">
<view class="fs-flex1 fs-ellipsis">详细地址：{{item.address}}{{item.address}}{{item.address}}</view>
</view>
<view class="fs-flex__between fs-mt20">
<view class="fs-flex1 fs-ellipsis">截止日期：{{item.endTime}}</view>
</view>
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script>
// const QQMapWX = require('./utils/qqmap-wx-jssdk.js')
// 实例化API核心类
// let qqMap = new QQMapWX({
// key: 'H77BZ-RVOKL-UOXPH-EXMFC-5XSGT-YDFIC'
// });
import { hotlinecaseList } from '@/api/work'
import { useCounterStore } from '@/stores/counter'
export default {
data() {
return {
dataList: [],
qqmapsdk:null
}
},
onLoad() {
// this.qqmapsdk = new QQMapWX({
// key: 'H77BZ-RVOKL-UOXPH-EXMFC-5XSGT-YDFIC'
// })
},
onShow(){
if (this.$refs.paging) {
this.$refs.paging.refresh() // 重置到第一页并触发query事件
}
const address = '北京市海淀区中关村大街'
// this.qqmapsdk.geocoder({
// address: address,
// success: (res) => {
// if (res.status === 0) {
// this.location = res.result.location
// console.log('解析成功：', res.result.location)
// } else {
// console.error('解析失败：', res.message)
// }
// },
// fail: (err) => {
// console.error('接口调用失败：', err)
// }
// })
},
methods: {
// 获取巡检列表
queryList(pageNo, pageSize) {
const useCounter = useCounterStore()
console.log(useCounter.userInfo.userId)
const params = {
dispperson:useCounter.userInfo.userId,
taskstate:'gdtype02',
pageReq: {pageNum: pageNo, pageSize: pageSize},
}
hotlinecaseList({data:params}).then(res => {
this.$refs.paging.complete(res.rows)
})
},
// 跳转详情
toReport(i) {
// uni.$tui.href(`/pages/work/daily/work/reporting?hotlinenumber=${hotlinenumber}`)
console.log(i)
uni.navigateTo({
url:`/pages/work/daily/reporting?hotlinenumber=${i.hotlinenumber}`, // B页面路径
// 1. （可选）监听B页面的回调（如需双向通信）
events: {
sendBackData: (data) => {
console.log('B页面回传的数据：', data);
}
},
// 2. 向B页面传递数据
success: (res) => {
// 通过 eventChannel 发送数据，key 可自定义（如 "largeDataFromA"）
res.eventChannel.emit('largeDataFromWorkOrder', i);
}
});
},
}
}
</script>
<style lang="scss" scoped>
.ul .li:first-child {
margin-top: 0;
}
</style>