| | |
| | | <div class="eventTickets" :style="{ paddingTop: topMargin + 'px' }"> |
| | | |
| | | <div class="searchTop"> |
| | | <up-search placeholder="请输入关键字搜索" :animation="true" v-model="listParams.keyword" :show-action="false"></up-search> |
| | | <up-search placeholder="请输入关键字搜索" :animation="true" v-model="listParams.keyword" :show-action="false" @search="handleSearch"></up-search> |
| | | </div> |
| | | <div class="listBox"> |
| | | <div class="tabs-container"> |
| | |
| | | name: '全部工单', |
| | | key: 'all', |
| | | badge: { |
| | | value: 0 |
| | | value: 0, |
| | | showZero: true |
| | | }, |
| | | status: null |
| | | |
| | | }, |
| | | { |
| | | name: '我的工单', |
| | | key: 'myTickets', |
| | | badge: { |
| | | value: 0 |
| | | value: 0, |
| | | showZero: true |
| | | } |
| | | } |
| | | |
| | |
| | | return dayjs(dateString).format('MM/DD HH:mm'); |
| | | }; |
| | | const listParams = ref({ |
| | | status: null, |
| | | |
| | | current: 1, |
| | | size: 12, |
| | | source: 1, |
| | |
| | | const params = { |
| | | current: listParams.value.current, |
| | | size: listParams.value.size, |
| | | // event_name:listParams.value.keyword, |
| | | keyword:listParams.value.keyword, |
| | | onlyMine:currentTab.value=== 'myTickets' ? 1 : 0 |
| | | } |
| | | getGdList(params).then(res => { |
| | |
| | | loading.value = false |
| | | }) |
| | | } |
| | | |
| | | |
| | | |
| | | const getstatusCountData=()=>{ |
| | | getstatusCount().then(res=>{ |
| | | const params={ |
| | | keyword:listParams.value.keyword, |
| | | } |
| | | getstatusCount(params).then(res=>{ |
| | | const response = res.data.data |
| | | const { totalCount,myCount } = response |
| | | tabList.value.forEach(tab=>{ |
| | | |
| | | if(tab.key === 'all'){ |
| | | tab.badge.value = totalCount || 0 |
| | | tab.badge.showZero = true |
| | | |
| | | }else if(tab.key === 'myTickets'){ |
| | | tab.badge.value = myCount || 0 |
| | | }else{ |
| | | tab.badge.value=statusCount[String(tab.status)] || 0 |
| | | tab.badge.showZero = true |
| | | } |
| | | }) |
| | | |
| | |
| | | |
| | | const handleClick = (item) => { |
| | | currentTab.value = item.key |
| | | listParams.value.status = item.status |
| | | |
| | | listParams.value.current = 1 |
| | | hasMore.value = true |
| | | dataList.value = [] |
| | |
| | | url: `/subPackages/workDetail/index?id=${val.id}`, |
| | | }) |
| | | } |
| | | |
| | | // 搜索功能 |
| | | const handleSearch = () => { |
| | | listParams.value.current = 1 |
| | | hasMore.value = true |
| | | dataList.value = [] |
| | | getDataList() |
| | | getstatusCountData() |
| | | } |
| | | const topMargin = getStatusBarHeight() |
| | | onShow(() => { |
| | | listParams.value.current = 1 |