JCSS / yl_miniapp

Blame view

pages/work/daily/workOrder.vue 3.06 KB
Edit Raw Normal View History
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
 
              </view>
            </view>
  
          </view>
        </view>
      </z-paging>
    </view>
  </template>
  
  <script>
49a45f56   刘淇   地址解析为经纬度 
35
e2ea09c3   刘淇   12345工单 
36
37
38
39
40
41
42
43
44
45
 
  import { hotlinecaseList } from '@/api/work'
  import { useCounterStore } from '@/stores/counter'
  export default {
    data() {
      return {
        dataList: [],
        qqmapsdk:null
      }
    },
    onLoad() {
49a45f56   刘淇   地址解析为经纬度 
46
e2ea09c3   刘淇   12345工单 
47
48
49
50
51
 
    },
    onShow(){
      if (this.$refs.paging) {
        this.$refs.paging.refresh() // 重置到第一页并触发query事件
      }
e2ea09c3   刘淇   12345工单 
52
53
54
55
 
  
    },
    methods: {
      // 获取巡检列表
d0f9ccb8   刘淇   12345工单 问题上报 
56
 
      queryList(pageNo, pageSize) {
e2ea09c3   刘淇   12345工单 
57
58
59
60
 
        const useCounter = useCounterStore()
        console.log(useCounter.userInfo.userId)
        const params = {
          dispperson:useCounter.userInfo.userId,
d0f9ccb8   刘淇   12345工单 问题上报 
61
62
 
          taskstate:'gdtype02',
          pageReq: {pageNum: pageNo, pageSize: pageSize},
e2ea09c3   刘淇   12345工单 
63
64
65
66
67
68
69
 
        }
        hotlinecaseList({data:params}).then(res => {
          this.$refs.paging.complete(res.rows)
        })
      },
  
      // 跳转详情
d0f9ccb8   刘淇   12345工单 问题上报 
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
 
      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工单 
88
 
      },
d0f9ccb8   刘淇   12345工单 问题上报 
89
e2ea09c3   刘淇   12345工单 
90
91
92
93
94
95
96
97
98
 
    }
  }
  </script>
  
  <style lang="scss" scoped>
  .ul .li:first-child {
    margin-top: 0;
  }
  </style>