招生

src/views/recruit/backSchoolCheckin/stu-check-in.vue

@@ -0,0 +1,159 @@
+<template>
+  <div>
+    <el-dialog v-model="newStuCheckInDialog" width="40%">
+      <el-form :model="form" :rules="rules" ref="formRef" label-width="120px" class="demo-ruleForm">
+        <el-form-item label="姓名" prop="name">
+          <el-input v-model="form.name" disabled style="width: 80%" />
+        </el-form-item>
+
+        <el-form-item label="性别" prop="gender">
+          <el-select v-model="form.gender" placeholder="请选择性别" disabled style="width: 80%">
+            <el-option
+              v-for="item in genderData"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="身份证号" prop="idNumber">
+          <el-input v-model="form.idNumber" disabled style="width: 80%" />
+        </el-form-item>
+
+        <el-form-item label="报到状态" prop="backSchoolState">
+          <el-select v-model="form.backSchoolState" filterable placeholder="请选择报到状态" style="width: 80%">
+            <el-option
+              v-for="item in checkInStatusData"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="回校备注" prop="backSchoolRemark">
+          <el-input v-model="form.backSchoolRemark" :rows="2" style="width: 80%" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="checkIn" :loading="submitLoading">确定</el-button>
+          <el-button @click="newStuCheckInDialog = false">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup lang="ts" name="backSchoolCheckin-stu-check-in">
+import { ref, reactive } from 'vue'
+import { useMessage } from '/@/hooks/message'
+import { useDict } from '/@/hooks/dict'
+import { putBackObj } from '/@/api/recruit/recruitstudentsignup'
+
+// 消息提示 hooks
+const message = useMessage()
+
+// 字典
+const { getTypeValue } = useDict()
+
+// 定义 emits
+const emit = defineEmits(['reload'])
+
+// 引用
+const formRef = ref()
+
+// 状态
+const newStuCheckInDialog = ref(false)
+const checkInStatusData = ref<any[]>([])
+const submitLoading = ref(false)
+const page = ref<any>({})
+
+// 固定数据
+const genderData = [
+  { label: '女', value: '2' },
+  { label: '男', value: '1' }
+]
+
+// 表单数据
+const form = reactive({
+  id: '',
+  name: '',
+  backSchoolState: '',
+  gender: '',
+  idNumber: '',
+  backSchoolRemark: ''
+})
+
+// 表单验证规则
+const rules = reactive({
+  name: [
+    { required: true, message: '请输入姓名', trigger: ['blur', 'change'] }
+  ],
+  gender: [
+    { required: true, message: '请输入性别', trigger: ['blur', 'change'] }
+  ],
+  idNumber: [
+    { required: true, message: '请输入身份证号', trigger: ['blur', 'change'] }
+  ],
+  backSchoolState: [
+    { required: true, message: '请输入报到状态', trigger: ['blur', 'change'] }
+  ]
+})
+
+// 初始化表单
+const initForm = () => {
+  form.id = ''
+  form.name = ''
+  form.backSchoolState = ''
+  form.gender = ''
+  form.idNumber = ''
+  form.backSchoolRemark = ''
+}
+
+// 初始化
+const init = async (formData: any, pageData: any) => {
+  initForm()
+  page.value = pageData
+  submitLoading.value = false
+  newStuCheckInDialog.value = true
+  checkInStatusData.value = []
+  
+  try {
+    const data = await getTypeValue('check_in_status')
+    checkInStatusData.value = data.data.data || []
+  } catch (error) {
+    console.error('获取字典数据失败', error)
+  }
+  
+  Object.assign(form, formData)
+}
+
+// 报到
+const checkIn = async () => {
+  if (!formRef.value) return
+  
+  try {
+    await formRef.value.validate()
+    submitLoading.value = true
+    await putBackObj(form)
+    message.success('报到成功')
+    emit('reload')
+    newStuCheckInDialog.value = false
+  } catch (error: any) {
+    if (error !== false) {
+      message.error(error.msg || '报到失败')
+    }
+  } finally {
+    submitLoading.value = false
+  }
+}
+
+// 暴露方法
+defineExpose({
+  init
+})
+</script>
+
+<style scoped>
+
+</style>