InspectionCleaning/pages/tab_list.vue

73 lines
1.7 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="content">
<z-paging ref="paging" v-model="dataList" @query="queryList">
<template #top>
<z-tabs :list="tabList" @change="tabChange" />
</template>
<!-- 如果希望其他view跟着页面滚动可以放在z-paging标签内 -->
<view class="" v-for="(item,index) in dataList" :key="index" @click="itemClick(item)">
<u-card :title="item.store_name" :sub-title="item.status" >
<view class="" slot="body">
<view class="content"><strong>申请:</strong>{{item.master_id}}</view>
<view class="content"><strong>时间:</strong>{{item.addtime}}</view>
<view class="content"><strong>数量</strong>{{item.total_nums}}</view>
</view>
</u-card>
</view>
</z-paging>
</view>
</template>
<script>
import {toast, clearStorageSync, setStorageSync, getStorageSync, useRouter} from '@/utils/utils.js'
export default {
data() {
return {
dataList: [],
tabList: ['全部','已审核','待审核'],
tabIndex: 0,
}
},
onLoad(op) {
//this.id = op.id
},
onShow() {
},
onReady() {
},
methods: {
tabChange(index) {
this.tabIndex = index;
this.$refs.paging.reload(true);
},
queryList(pageNo, pageSize) {
const params = {
page: pageNo,
limit: pageSize,
type: this.tabIndex + 1
}
this.$api.outList(params).then(res => {
if (res.code == 1) {
//将请求的结果数组传递给z-paging
this.$refs.paging.complete(res.data);
}else{
this.$refs.paging.complete(false);
}
})
},
itemClick(item) {
//console.log(item)
uni.navigateTo({
url:'./detail?id='+item.id
});
}
}
}
</script>
<style lang="scss" scoped>
page{background:#f2f2f2}
.content{padding: 20rpx;}
</style>