ihotel-h5/pages/liuchengO/detail/teach_detail.vue

<template>
	<view class="content">
		<!-- 申请类型 -->
		<view class="request_type">
			<view class="type_title">临时人员</view>
			<view class="type_time">{{list.submissionTime}}</view>
			<view class="type_zhuang2" v-if="list.status==0">已拒绝</view>
			<view class="type_zhuang3" v-if="list.status==1">待审批</view>
			<view class="type_zhuang3" v-if="list.status==2">处理中</view>
			<view class="type_zhuang" v-if="list.status==3">审批通过</view>
		</view>
		<!-- 申请内容 -->
		<view class="request_detail">
			<uni-forms ref="valiForm">
				<uni-forms-item label="类型" name="companyName" required>
						<view class="uni-input">
							临时人员
						</view>
				</uni-forms-item>
				<view class="form-line"></view>
				<uni-forms-item label="开始时间" name="companyName" required>
					<view class="uni-input">
						{{list.startTime}}
					</view>
				</uni-forms-item>
				<view class="form-line"></view>
				<uni-forms-item label="结束时间" name="companyName" required>
					<view class="uni-input">
						{{list.endTime}}
					</view>
				</uni-forms-item>
				<view class="form-line"></view>
				<uni-forms-item label="申请部门" name="companyName" required>
					<view class="uni-input">
						<template v-if="list.department=='0'">其他</template>
						<template v-if="list.department=='1'">学生</template>
						<template v-if="list.department=='4'">教职工</template>
						<template v-if="list.department=='5'">校友</template>
						<template v-if="list.department=='6'">访客</template>
						<template v-if="list.department=='7'">临时人员</template>
					</view>
				</uni-forms-item>
				<view class="form-line"></view>
			</uni-forms>
		</view>
		<!-- 申请备注 -->
		<view class="request_remark">
			<uni-forms-item label="备注" name="companyName" required>
			</uni-forms-item>
			<view class="liyou">{{list.reasonApplication}}</view>
			<text class="textsrea-txt">{{zishunum}}</text>
		</view>
		<!-- 审批记录 -->
		<view class="request_list">
			<view class="list_title">审批记录</view>
			<!-- 几级审批 -->
			<view style="position: absolute;margin-top: 110rpx;">
			<view>
				<image class="item_image"></image>
				<view class="item_title">提交申请</view>
				<view class="item_name">{{list.usersName}}</view>
				<view class="item_time">{{list.submissionTime}}</view>
				<view class="item_line" v-if="list.approverUserName || list.secondaryApproverName"></view>
			</view>
			<view v-if="list.secondaryApproverName">
				<image class="item_image"></image>
				<view class="item_title">{{list.secondaryExamineAndApproveRemark}}</view>
				<view class="item_name">{{list.secondaryApproverName}}</view>
				<view class="item_time">{{list.secondaryExamineAndApproveTime}}</view>
				<view class="item_line" v-if="list.approverName"></view>
			</view>
			<view v-if="list.approverName">
				<image class="item_image"></image>
				<view class="item_title">{{list.examineAndApproveRemark}}</view>
				<view class="item_name">{{list.approverName}}</view>
				<view class="item_time">{{list.examineAndApproveTime}}</view>
			</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getlistXiang
	} from '../../../utils/api_hotel.js'
	export default {
		data() {
			return {
				list:{},
				id:'',
				department:'',//身份
				zishunum:0,
			}
		},
		onLoad(option) {
			this.id=option.id
			this.department=option.department
			this.getXiang()
		},
		mounted() {
		},
		methods: {
			// 临时人员提交记录
			getXiang(){
				let _self = this
				// adminMenuId身份类型，4为教职工，7为临时人员localStorage.getItem('department')
				// 状态，0:已拒绝，1:待审批，2:处理中，3:已同意
				var data="?department="+_self.department+"&id="+_self.id
				getlistXiang(data).then((res) => {
					if (res.success) {
						this.list=res.data
						this.zishunum=res.data.reasonApplication.length
						return;
					} else {
						uni.showToast({
							title: '获取记录详情失败'
						})
					}
				}).catch((err) => {
					uni.showToast({
						title: err.message
					})
				});
			},
		}
	}
</script>

<style>
	@import url("./teach_detail.css");
</style>