<template>
	<view class="hasfixedbottom">
		<view class="h3-padding">审核记录</view>
		<view class="wBox">
			<view class="stepItem" v-for="(n,index) in list">
				<view class="time">{{n.handleDate||'待审批'}}</view>
				<view class="content">
					<view class="status">
						<text v-if="n.auditStatus==0" class="text-primary">审核中</text>
						<text v-if="n.auditStatus==1" class="text-success">审核通过</text>
						<text v-if="n.auditStatus==2" class="text-danger">审核拒绝</text>
						<text v-if="n.auditStatus==3" class="text-warning">已撤回</text>
						<text v-if="n.auditStatus==100" class="text-primary">审核中</text>
					</view>
					<!-- <view class="name">第 {{index+1}} 步</view> -->
					<view class="deptName">{{n.handlerDeptName}}</view>
					<view v-if="n.reason">
						备注：{{n.reason}}
					</view>
				</view>
			</view>
		</view>


	</view>
</template>

<script setup>
	import * as api from '@/common/api.js'
	import config from '@/config.js'
	import {
		onMounted,
		ref
	} from 'vue'
	import {
		onLoad
	} from '@dcloudio/uni-app'
	const app = getApp();
	const list = ref([])
	const total = ref(0)
	const deptType = ref()
	let certId = ''
	onLoad((option) => {
		certId = option.certId
		if (app.globalData.isLogin) {
			init()
		} else {

			app.firstLoadCallback = () => {
				init()
			};
		}

	})

	function init() {
		deptType.value = app.globalData.deptType
		getList()
	}

	function getList() {
		uni.showLoading({
			title: '加载中'
		})
		api.getGroupHistoryByRelateId(certId).then(res => {
			uni.hideLoading()
			list.value = res.data
		})
	}
</script>

<style scoped lang="scss">
	.wBox {
		width: 700rpx;
		padding: 30rpx;
		margin: 20rpx auto 0;
		background: #FFFFFF;
		box-shadow: 0rpx 12rpx 116rpx 0rpx rgba(196, 203, 214, 0.1);
		border-radius: 15rpx;

		.tt {
			color: #0A1629;
			font-size: 30rpx;
		}
	}

	.userlist {
		.item {
			border-bottom: 1px dashed #e5e5e5;
			position: relative;

			.date {
				margin-top: 10rpx;
			}

			.name {
				text {
					margin-left: 1em;
					color: #4C5359;
					font-size: 26rpx;
				}
			}

			.nian {
				position: absolute;
				right: 0;
				font-size: 30rpx;
				color: #AD181F;
			}
		}
	}

	.info {
		display: flex;
		margin: 30rpx 0 20rpx;
		font-size: 28rpx;

		view {
			color: #7D8592;
			margin-right: 20rpx;
		}
	}

	.fixedBottom {
		justify-content: center;

		button {
			margin: 0 20rpx;
			width: 286rpx;
		}

		.btn-red {
			width: 286rpx;
		}
	}
</style>