Blame view

pages/work/daily/workOrder.vue 3.8 KB
e2ea09c3   刘淇   12345工单
1
2
3
4
5
  <template>
    <view class="container">
      <z-paging ref="paging" v-model="dataList" @query="queryList" :auto="false" >
  
        <view class="ul fs-p20">
d0f9ccb8   刘淇   12345工单 问题上报
6
7
8
9
10
11
12
13
14
15
          <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>
e2ea09c3   刘淇   12345工单
16
17
              </view>
              <view class="fs-flex fs-mt20">
d0f9ccb8   刘淇   12345工单 问题上报
18
                <view class="fs-flex1 fs-ellipsis">所在街道:{{item.streetVo}}</view>
e2ea09c3   刘淇   12345工单
19
20
              </view>
              <view class="fs-flex fs-mt20">
d0f9ccb8   刘淇   12345工单 问题上报
21
                <view class="fs-flex1 fs-ellipsis">详细地址:{{item.address}}{{item.address}}{{item.address}}</view>
e2ea09c3   刘淇   12345工单
22
23
              </view>
              <view class="fs-flex__between fs-mt20">
d0f9ccb8   刘淇   12345工单 问题上报
24
                <view class="fs-flex1 fs-ellipsis">截止日期:{{item.endTime}}</view>
e2ea09c3   刘淇   12345工单
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
              </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: {
      // 获取巡检列表
d0f9ccb8   刘淇   12345工单 问题上报
78
      queryList(pageNo, pageSize) {
e2ea09c3   刘淇   12345工单
79
80
81
82
        const useCounter = useCounterStore()
        console.log(useCounter.userInfo.userId)
        const params = {
          dispperson:useCounter.userInfo.userId,
d0f9ccb8   刘淇   12345工单 问题上报
83
84
          taskstate:'gdtype02',
          pageReq: {pageNum: pageNo, pageSize: pageSize},
e2ea09c3   刘淇   12345工单
85
86
87
88
89
90
91
        }
        hotlinecaseList({data:params}).then(res => {
          this.$refs.paging.complete(res.rows)
        })
      },
  
      // 跳转详情
d0f9ccb8   刘淇   12345工单 问题上报
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
      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);
          }
        });
  
e2ea09c3   刘淇   12345工单
110
      },
d0f9ccb8   刘淇   12345工单 问题上报
111
  
e2ea09c3   刘淇   12345工单
112
113
114
115
116
117
118
119
120
    }
  }
  </script>
  
  <style lang="scss" scoped>
  .ul .li:first-child {
    margin-top: 0;
  }
  </style>