|
@@ -7,28 +7,64 @@
|
|
|
label-width="100px"
|
|
|
v-loading="formLoading"
|
|
|
>
|
|
|
- <!-- <el-form-item label="学生id" prop="studentId">
|
|
|
- <el-input v-model="formData.studentId" placeholder="请输入学生id" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="学生名称" prop="studentName">
|
|
|
- <el-input v-model="formData.studentName" placeholder="请输入学生名称" />
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="日期" prop="date">
|
|
|
+ <el-date-picker
|
|
|
+ class="!w-full"
|
|
|
+ v-model="formData.date"
|
|
|
+ type="date"
|
|
|
+ value-format="x"
|
|
|
+ placeholder="选择日期"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="姓名" prop="studentName">
|
|
|
+ <el-input v-model="formData.studentName" placeholder="请输入姓名" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="学号" prop="userNumber">
|
|
|
+ <el-input v-model="formData.userNumber" placeholder="请输入学号" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="导师名称" prop="supervisor">
|
|
|
+ <el-input v-model="formData.supervisor" placeholder="请输入导师名称" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="学号" prop="userNumber">
|
|
|
- <el-input v-model="formData.userNumber" placeholder="请输入学号" />
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="工作间名称" prop="deptName">
|
|
|
+ <el-input v-model="formData.deptName" placeholder="请输入工作间名称" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="打卡类型" prop="clockInStatus">
|
|
|
+ <el-input v-model="clockInStatuE" value="请假" disabled />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <!-- <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="备注原因" prop="remark">
|
|
|
+ <el-input v-model="formData.remark" placeholder="请输入备注原因" />
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="工作间id" prop="deptId">
|
|
|
+ </el-col>
|
|
|
+ </el-row> -->
|
|
|
+
|
|
|
+ <!-- <el-form-item label="学生id" prop="studentId">
|
|
|
+ <el-input v-model="formData.studentId" placeholder="请输入学生id" />
|
|
|
+ </el-form-item> -->
|
|
|
+ <!-- <el-form-item label="工作间id" prop="deptId">
|
|
|
<el-input v-model="formData.deptId" placeholder="请输入工作间id" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="工作间名称" prop="deptName">
|
|
|
- <el-input v-model="formData.deptName" placeholder="请输入工作间名称" />
|
|
|
- </el-form-item> -->
|
|
|
- <!-- <el-form-item label="日期" prop="date">
|
|
|
- <el-date-picker
|
|
|
- v-model="formData.date"
|
|
|
- type="date"
|
|
|
- value-format="x"
|
|
|
- placeholder="选择日期"
|
|
|
- />
|
|
|
</el-form-item> -->
|
|
|
<!-- <el-form-item label="打卡时间" prop="clockInTime">
|
|
|
<el-date-picker
|
|
@@ -57,10 +93,7 @@
|
|
|
:value="option.value"
|
|
|
/>
|
|
|
</el-select>
|
|
|
- </el-form-item> -->
|
|
|
- <el-form-item label="备注原因" prop="remark">
|
|
|
- <el-input v-model="formData.remark" placeholder="请输入备注原因" />
|
|
|
- </el-form-item>
|
|
|
+ </el-form-item> -->
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
|
|
@@ -81,11 +114,13 @@ const dialogVisible = ref(false) // 弹窗的是否展示
|
|
|
const dialogTitle = ref('') // 弹窗的标题
|
|
|
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用
|
|
|
const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
|
|
+const clockInStatuE = ref('2') // 打卡状态
|
|
|
const formData = ref({
|
|
|
id: undefined,
|
|
|
studentId: undefined,
|
|
|
studentName: undefined,
|
|
|
userNumber: undefined,
|
|
|
+ supervisor: undefined,
|
|
|
deptId: undefined,
|
|
|
deptName: undefined,
|
|
|
date: undefined,
|
|
@@ -95,8 +130,13 @@ const formData = ref({
|
|
|
})
|
|
|
const formRules = reactive({
|
|
|
studentId: [{ required: true, message: '学生id不能为空', trigger: 'blur' }],
|
|
|
+ studentName: [{ required: true, message: '姓名不能为空', trigger: 'blur' }],
|
|
|
+ userNumber: [{ required: true, message: '学号不能为空', trigger: 'blur' }],
|
|
|
+ supervisor: [{ required: true, message: '导师名称不能为空', trigger: 'blur' }],
|
|
|
deptId: [{ required: true, message: '工作间id不能为空', trigger: 'blur' }],
|
|
|
+ deptName: [{ required: true, message: '工作间名称不能为空', trigger: 'blur' }],
|
|
|
date: [{ required: true, message: '日期不能为空', trigger: 'blur' }],
|
|
|
+
|
|
|
})
|
|
|
const formRef = ref() // 表单 Ref
|
|
|
|
|
@@ -126,6 +166,7 @@ defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
|
|
/** 提交表单 */
|
|
|
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
|
|
|
const submitForm = async () => {
|
|
|
+ formData.value.clockInStatus = clockInStatuE.value
|
|
|
// 校验表单
|
|
|
await formRef.value.validate()
|
|
|
// 提交请求
|
|
@@ -154,6 +195,7 @@ const resetForm = () => {
|
|
|
studentId: undefined,
|
|
|
studentName: undefined,
|
|
|
userNumber: undefined,
|
|
|
+ supervisor: undefined,
|
|
|
deptId: undefined,
|
|
|
deptName: undefined,
|
|
|
date: undefined,
|