Blame view

pages/work/daily/maintain/list.vue 2.74 KB
46b6767c   刘淇   init 提交到库
1
2
  <template>
  	<view class="container">
d8fce1e2   刘淇   页面onShow 加载
3
  		<z-paging ref="paging" v-model="dataList" @query="queryList" :auto="false">
46b6767c   刘淇   init 提交到库
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
  		<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>
d8fce1e2   刘淇   页面onShow 加载
28
  				<view class="fs-mt20 fs-align__right" v-if="!item.planStatus">
46b6767c   刘淇   init 提交到库
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
  					<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() {
d8fce1e2   刘淇   页面onShow 加载
52
      console.log('12312')
46b6767c   刘淇   init 提交到库
53
  	},
d8fce1e2   刘淇   页面onShow 加载
54
55
56
57
58
    onShow(){
      if (this.$refs.paging) {
        this.$refs.paging.refresh() // 重置到第一页并触发query事件
      }
    },
46b6767c   刘淇   init 提交到库
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
  	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>