ihotel-h5/pages/liuchengManger/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="option_title">审批意见</view>
		<view class="request_list">
			<uni-easyinput type="textarea" v-model="option" placeholder="请输入审批意见" @input="input"></uni-easyinput>
			<text class="textsrea-txt" style="margin-left: 337px;">3/800</text>
		</view>
		<view class="submit-disagree" v-if="type==2">驳回</view>
		<view class="submit-agree" v-if="type==2">同意</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: '年龄只能输入数字'
						}]
					}
				},
				option:'',//审批意见
				type:'2',
			}
		},
		onLoad() {
		},
		mounted() {
		},
		methods: {
			//输入审批意见
			input(e){
				this.option=e
			},
		}
	}
</script>

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