zhihuixiaoyuan2-ui/work/pages/order/index.vue

<template>
  <view class="zhbox">
	  <view class="pfixed">
		  <tab-list :tablist='tablist' :tabbtn="tabbtn" :tabidx="tabidx" @getCheck="goCheck"></tab-list>
		</view>
		<y-list :datype='datype' :roles="roles" :datalist="list" :wtdt="wtdt" @getDel="getDel" @getPass="getPass" @getSefuse='getSefuse'></y-list>
		<pop-up :type="type" :shyjflag='shyjflag' @getyjSubmit="getyjSubmit" @getClose="getClose"></pop-up>
		<view class="addbtn" @click="getAdd">添加预约</view>
  </view>
</template>

<script>
	import tabList from "@/components/toptab/tab.vue"
	import popUp from "@/components/popup/popup.vue"
	import yList from "@/work/components/list/list.vue"
	import {getReservatList,getReservatSh,getReservatDel} from '@/api/mine/order.js'
  export default {
	  components:{
		  tabList,popUp,yList
	  },
	data(){
		return{
			sucimg:require("@/mine/static/mine/success.png"),
			tabbtn:false,
			tabidx:0,
			tablist:[{tit:'全部',val:0},{tit:'未审',val:1},{tit:'已审',val:3},{tit:'已拒',val:2},],
			list:[],
			pageSize: 10,
			pageNum: 1,
			reachflag:true,
			type:0,
			wtdt:'',
			datype:1,//
			reservatId:'',//选择的哪个，
			visitPhone:'',
			roles:'',
			shyjflag:false
		}
	},
	onUnload() {
		uni.$off('refreshdatalist')
	},
	onLoad: function() {
		this.roles=this.$store.state.user.choseroles;
		this.getDataFn()
		uni.$on('refreshdatalist',(e) => {
			this.reachflag=true;
			this.pageNum=1;
			this.list=[];
			this.getDataFn();
		})
	},
	onReachBottom() {
		if (this.reachflag) {
			this.pageNum++
			this.getDataFn()
		}
	},
	methods:{
		 goCheck(data){
		 	this.tabidx=data;
		 	this.reachflag=true;
		 	this.pageNum=1;
		 	this.list=[];
		 	this.getDataFn()
		 },
		 getAdd(){
			this.$tab.navigateTo('/work/pages/order/addorde') 
		 },
		 getClose(){
			 this.type=0
		 },
		 getPass(data){
			 var params={
				 reservatId:data.reservatId,
				 visitType:3,
				 visitPhone:data.visitPhone,
				 shyj:''
			 }
			 var that=this;
			getReservatSh(params).then(res=>{
				if(res.code==200){
					this.$toast('审核成功')
					setTimeout(function(){
						that.pageNum=1;
						that.reachflag=true;
						that.list=[];
						that.type=0;
						that.getDataFn()	
					},1500)
				}else{
					this.$toast(res.msg)
				}
			})
		 },
		 getDel(data){
			 var that=this;
			 var id=data.reservatId
			getReservatDel(id).then(res=>{
				 if(res.code==200){
				 	that.$toast('删除成功')
				 	setTimeout(function(){
				 		that.pageNum=1;
				 		that.reachflag=true;
				 		that.list=[];
				 		that.getDataFn()	
				 	},1500)
				 }else{
				 	that.$toast(res.msg)
				 }
			 })
		 },
		 getSefuse(data){
			 this.type=6;
			 this.reservatId=data.reservatId;
			 this.visitPhone=data.visitPhone;
		 },
		 getyjSubmit(e){
			 var params={
			 	 reservatId:this.reservatId,
			 	 visitType:2,
			 	 shyj:e,
				 visitPhone:this.visitPhone
			  }
			  var that=this;
			 getReservatSh(params).then(res=>{
			 	if(res.code==200){
			 		this.$toast('审核成功')
			 		setTimeout(function(){
			 			that.pageNum=1;
			 			that.reachflag=true;
			 			that.list=[];
						that.type=0;
			 			that.getDataFn()	
			 		},1500)
			 	}else{
			 		that.$toast(res.msg)
			 	}
			 })
		 },
		getDataFn(){
			var params={
				pageSize:this.pageSize,
				pageNum: this.pageNum,
			}
			if(this.tabidx>0){
				params.visitType=this.tabidx
			}
			getReservatList(params).then(res=>{
				if(res.code==200){
					if (res.rows.length < this.pageSize) {
						this.reachflag = false
						this.wtdt = '到底了~';
					} else {
						var num = parseInt(res.rows.length) + parseInt(this.pageSize) * parseInt(this.pageNum -	1)
						if (num < res.total) {
							this.reachflag = true
							this.wtdt = '上拉加载更多'
						} else {
							this.reachflag = false
							this.wtdt = '到底了~';
						}
					}
					if (this.pageNum == 1) {
						this.list = res.rows;
					} else {
						this.list = this.list.concat(res.rows)
					}
				}else{
					this.$toast(res.msg)
				}
			}) 
			
		},
	},
	
  }
</script>

<style lang="scss" scoped>
.zhbox{padding:132rpx 36rpx 112rpx;}
.addbtn{width:100%;
height: 100rpx;
background: #1f57e6;position: fixed;left: 0;right: 0;bottom: 0;z-index: 1;font-size: 34rpx;font-weight: 500;
color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
</style>