list.vue
2.56 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
<template>
<view class="container">
<z-paging ref="paging" v-model="dataList" @query="queryList">
<template #top>
<tui-tabs :tabs="tabsList" :currentTab="currentTab" :height="90" :padding="10" bold :scale="1.1" @change="change"></tui-tabs>
</template>
<view class="ul fs-p20">
<view class="li fs-bg__white fs-p30 fs-size__h4 fs-radius__sm fs-mt20" v-for="(item, index) in dataList">
<view @click="toDetails(item.planNo)">
<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-mt20">
<view class="fs-flex1">编码：{{item.planNo}}</view>
<view class="fs-flex1">周期：{{item.levelValue}}{{item.cycleName}}</view>
</view>
<view class="fs-flex fs-mt20">
<view class="fs-flex1">养护类型：{{item.maintainTypeName}}</view>
<view class="fs-flex1">养护等级：{{item.curingLevelName}}</view>
</view>
<view class="fs-flex__between fs-mt20">
<view class="fs-flex1">计划次数：{{item.planNum}}</view>
<view class="fs-flex1">完成次数：{{item.planFinishNum}}</view>
</view>
</view>
<view class="fs-mt20 fs-align__right">
<tui-tag type="primary" padding="12rpx 30rpx" shape="circle" plain @click="toSubList(item.planNo)">养护记录</tui-tag>
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script>
import { apiInspectionList } from '@/api/work'
export default {
data() {
return {
tabsList: [
{name: "全部", sign: ""},
{name: "已完成", sign: 1},
{name: "未完成", sign: 0}
],
currentTab: 0,
dataList: []
}
},
onLoad() {
},
methods: {
// 获取养护列表
queryList(pageNo, pageSize) {
const params = {
pageReq: {isAsc: 'desc', orderByColumn: 'id', pageNum: pageNo, pageSize: pageSize},
type: 2,
planStatus: this.tabsList[this.currentTab].sign
}
apiInspectionList({data:params}).then(res => {
this.$refs.paging.complete(res.rows)
})
},
// 切换菜单
change(e) {
this.currentTab = e.index
this.$refs.paging.reload()
},
// 跳转详情
toDetails(planNo) {
uni.$tui.href(`/pages/work/daily/maintain/details?planNo=${planNo}`)
},
// 跳转次数列表
toSubList(planNo) {
uni.$tui.href(`/pages/work/daily/maintain/subList?planNo=${planNo}`)
}
}
}
</script>
<style lang="scss" scoped>
.ul .li:first-child {
margin-top: 0;
}
</style>