ParkApp/pages/index/staffAudit/item1.vue

<template>
	<MeScroll  :up="up" :down="down" @up="upFn" :fixed="false" @down="downFn" @init="initMeScroll">
		<u-modal :show-cancel-button="true" @cancel="filterReset" cancel-text="重置" cancel-color="#000000"  @confirm="filterConfirm" title="筛选" :mask-close-able="true" v-model="filterShow" >
			<view class="slot-content" style="margin: 20rpx;">
				<u-form label-width="150"  ref="uForm">
					<u-form-item label="姓名"><u-input v-model="realName" /></u-form-item>
					<u-form-item :border-bottom="false" label="手机号"><u-input type="number"  v-model="phone" /></u-form-item>
				</u-form>
			</view>
		</u-modal>
		<card @pass="pass" @fail="fail" :list="list" ></card>
	</MeScroll>
</template>
<script>
	import MeScroll from '@/components/mescroll-body/mescroll-uni.vue'
	import card from './card.vue'
	var app=getApp()
	export default {
		components:{
			MeScroll,card
		},
		props: {
			refresh:Boolean,
			type: Number,
			i: Number,
			fireType: Number,
			item:Object
		},
		data() {
			return {
				realName:'',
				phone:'',
				filterShow:false,
				
				//审核不通过时展示
				modelShow:false,
				//审核不通过的原因
				opinion:'',
				dataDetail:{},
				
				//所属公司
				enterpriseId:'',
				//登录类型
				loginType:'',
				//园区id
				agencyId:'',
				
				isInit: false, // 是否初始化
				list: [], // 列表数据
				mescroll: null, // mescroll 对象
				// 上拉配置参数
				up: {
					noMoreSize: 2, 
					auto: true,
					page: {
						page: 0,
						size: 10
					}
				},
				// 下拉配置参数
				down: {
					use: true, 
					auto: false
				}
			}
		},
		created() {
			this.enterpriseId= this.$cache.get('enterpriseId')
			this.loginType=this.$cache.get('loginType')
			this.agencyId=this.$cache.get('agencyId')
		},
		watch:{
			refresh() {
				console.log("我要刷新了");
				this.mescroll.resetUpScroll()
			},
			type(val) {
				if(!this.isInit && val === this.i) {
					this.mescroll.resetUpScroll()
				}
			}
		},
		mounted() {
			if(!this.isInit && this.i === 0) {
				this.mescroll.resetUpScroll()
			}
		},
		methods: {
			show(){
				this.filterShow=!this.filterShow
			},
			filterConfirm(){
				this.mescroll.resetUpScroll()
			},
			filterReset(){
				this.realName=''
				this.phone=''
				this.mescroll.resetUpScroll()
			},
			/**
			 * 通过审核
			 */
			pass(item){
				let that=this
				this.$showModel("确定审核通过该员工信息吗？").then(res=>{
					item.examine=1
					item.auditTime=this.$createDateTime()
					this.$api.enterprisestaff.submit(item).then(res=>{
						that.$u.toast(res.msg)
						let msgData={
							openId:item.openId,
							content:"审核已通过",
							remarks:"已审核",
							enterpriseName:item.enterpriseName
						}
						that.send(msgData)
						that.mescroll.resetUpScroll()
					})
				})
			},
			/**
			 * 审核不通过
			 * @param {Object}
			 */
			submitFailAudit(){
				let item=this.dataDetail
				let that=this
				item.examine=2
				item.opinion=that.opinion
				item.auditTime=this.$createDateTime()
				this.$api.enterprisestaff.submit(item).then(res=>{
					let msgData={
						openId:item.openId,
						content:"审核不通过",
						remarks:that.opinion || '审核不通过',
						enterpriseName:item.enterpriseName
					}
					that.send(msgData)
					that.$u.toast(res.msg)
					that.mescroll.resetUpScroll()
				})
			},
			/**
			 * 显示审核不通过的意见框
			 * @param {Object} item
			 */
			fail(item){
				this.dataDetail=item
				this.modelShow=true
			},
			async send(msgData){
				let tokenData={
					grantType:this.$api.wxData.subscribe_grant_type,
					appId:this.$api.wxData.appId,
					secret:this.$api.wxData.secret
				}
				let res=await this.$api.wxApi.getAccessToken(tokenData)
				let token=JSON.parse(res.data).access_token
				let subscribeData={
					accessToken:token,
					touser:msgData.openId,
					lang:"zh_CN",
					page:'/pages/index/index',
					miniprogramState:this.$miniprogramState.FORMAL,
				    templateId: this.$tmplIds[0],
					  "data": {
						  "thing13": {
							  "value": msgData.enterpriseName
						  },
						  "thing9":{
							  "value": "员工认证信息审核"
						  },
						  "phrase2": {
							  "value": msgData.content
						  },
						  "thing3": {
							  "value": msgData.remarks
						  },
						}
				}
				this.$api.wxApi.subscribe(subscribeData).then(res=>{
					console.log(res);
				}).catch(err=>{
					console.error(err);
				})
			},
			/**
			 * @param {Object} mescroll 初始化组件
			 */
			initMeScroll(mescroll) {
				this.mescroll = mescroll
			},
			/**
			 * @param {Object} mescroll 上拉回调
			 */
			upFn(mescroll) {
				let that=this
				let obj={
					realName:this.realName,
					phone:this.phone,
					current:mescroll.num,
					size:mescroll.size
				}
				if (this.loginType==this.$loginType.ENTERPRISE) {
					//企业登录
					obj.enterpriseId=this.enterpriseId
					
				}else if(this.loginType==this.$loginType.AGENCY){
					//园区管理员登陆
					obj.agencyId=this.agencyId
				}
				
				
				if (this.item.value!=-1) {
					//不是查询全部就传examine
					obj.examine=this.item.value
				}
				try{
					this.$api.enterprisestaff.page(obj).then(res=>{
						let data=res.data.records
						let length=data.length
						let total=res.data.total
						mescroll.endBySize(length, total);
						if(mescroll.num == 1) that.list = []; //如果是第一页需手动制空列表
						that.list=that.list.concat(data); //追加新数据
					})
				}catch(e){
					mescroll.endErr();
				}
			},
			/**
			 * 下拉回调
			 * */
			downFn(mescroll) {
				setTimeout(()=>{
					this.phone=''
					this.realName=''
					this.list=[]
					this.mescroll.resetUpScroll()
				},1500)
			},
		}
	}
</script>

<style lang="scss" scoped>
	view{
		box-sizing: border-box;
	}
</style>