Blame view

pages/work/daily/maintain/list.vue 2.56 KB
46b6767c   刘淇   init 提交到库
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>