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">2023.11.04  12:00</view>
			<view class="type_zhuang">审批通过</view>
			<!-- <view class="type_zhuang2">审批通过</view>
			<view class="type_zhuang3">审批通过</view> -->
		</view>
		<!-- 申请内容 -->
		<view class="request_detail">
			<uni-forms ref="valiForm" :rules="rules" :modelValue="baseFormData">
				<uni-forms-item label="类型" name="companyName" required>
						<view class="uni-input">
							111
						</view>
				</uni-forms-item>
				<view class="form-line"></view>
				<uni-forms-item label="开始时间" name="companyName" required>
					<view class="uni-input">
						111
					</view>
				</uni-forms-item>
				<view class="form-line"></view>
				<uni-forms-item label="结束时间" name="companyName" required>
					<view class="uni-input">
						111
					</view>
				</uni-forms-item>
				<view class="form-line"></view>
				<uni-forms-item label="申请部门" name="companyName" required>
					<view class="uni-input">
						111
					</view>
				</uni-forms-item>
				<view class="form-line"></view>
				<uni-forms-item label="换课老师" name="companyName" required>
					<view class="uni-input">
						111
					</view>
				</uni-forms-item>
			</uni-forms>
		</view>
		<!-- 申请备注 -->
		<view class="request_remark">
			<uni-forms-item label="备注" name="companyName" required>
			</uni-forms-item>
			<view class="liyou">{{shanchang}}</view>
			<text class="textsrea-txt">1/200</text>
		</view>
		<!-- 审批记录 -->
		<view class="request_list">
			<view class="list_title">审批记录</view>
			<!-- 几级审批 -->
			<view style="position: absolute;margin-top: 110rpx;">
			<view v-for="(item,index) in list" :key="index">
				<image class="item_image"></image>
				<view class="item_title">{{item.title}}</view>
				<view class="item_name">{{item.name}}</view>
				<view class="item_time">{{item.time}}</view>
				<view class="item_line" v-if="index<(list.length-1)"></view>
			</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{title:'提交申请',name:'我',time:'2023.11.07  09:00'},
					{title:'提交申请',name:'我',time:'2023.11.07  09:00'},
					{title:'提交申请',name:'我',time:'2023.11.07  09:00'},
					{title:'提交申请',name:'我',time:'2023.11.07  09:00'},
				],
				//表单数据
				baseFormData:{
					submittype:['住院医师','主任医师','副主任医师','主治医师'],//职称
					indextype:0,
					startTime:'',
					endTime:'',
					remark:'',//备注
				},
				// 校验规则
				rules: {
					indextype: {
						rules: [{
							required: true,
							errorMessage: '类型不能为空'
						}]
					},
					age: {
						rules: [{
							required: true,
							errorMessage: '年龄不能为空'
						}, {
							format: 'number',
							errorMessage: '年龄只能输入数字'
						}]
					}
				},
			}
		},
		onLoad() {
		},
		mounted() {
		},
		methods: {
		}
	}
</script>

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