a

src/views/professional/professionalteachercertificaterelation/form.vue

@@ -0,0 +1,303 @@
+<template>
+  <el-dialog v-model="visible" title="编辑教师资格证" width="800px" append-to-body :close-on-click-modal="false" destroy-on-close>
+    <div v-if="showForm">
+      <el-form
+        ref="formRef"
+        :model="dataForm"
+        :rules="formRules"
+        label-width="120px"
+      >
+        <el-form-item label="类型" prop="certificateConfId">
+          <el-select
+            v-model="dataForm.certificateConfId"
+            filterable
+            clearable
+            placeholder="请选择类型"
+            style="width: 100%"
+          >
+            <el-option
+              v-for="item in teacherCertificateList"
+              :key="item.id"
+              :label="item.cretificateName || item.certificateName"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="取证时间" prop="certificateTime">
+          <el-date-picker
+            v-model="dataForm.certificateTime"
+            type="date"
+            placeholder="请选择取证时间"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD HH:mm:ss"
+            style="width: 100%"
+          />
+        </el-form-item>
+
+        <el-form-item label="证书编号" prop="certificateNumber">
+          <el-input
+            v-model="dataForm.certificateNumber"
+            placeholder="请输入证书编号"
+            clearable
+          />
+        </el-form-item>
+
+        <el-form-item label="材料1" prop="materialA">
+          <el-upload
+            :headers="headers"
+            style="width:3.5cm;height:5.3cm;"
+            :limit="1"
+            :action="url"
+            :file-list="fileList"
+            :on-success="materiaUploadSuccess"
+            :accept="'.jpg,.jpeg,.png,.pdf'"
+          >
+            <el-button size="small" type="primary">点击上传</el-button>
+            <template #tip>
+              <el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
+            </template>
+          </el-upload>
+        </el-form-item>
+
+        <el-form-item label="材料2" prop="materialB">
+          <el-upload
+            :headers="headers"
+            style="width:3.5cm;height:5.3cm;"
+            :limit="1"
+            :action="url"
+            :file-list="fileListB"
+            :on-success="materiaUploadSuccessB"
+            :accept="'.jpg,.jpeg,.png,.pdf'"
+          >
+            <el-button size="small" type="primary">点击上传</el-button>
+            <template #tip>
+              <el-tag>仅支持jpg,jpeg,png,pdf后缀的文件上传</el-tag>
+            </template>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+    </div>
+    
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="visible = false">取消</el-button>
+        <el-button type="primary" @click="dialogSubmit" :loading="submitLoading">确定</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, computed } from 'vue'
+import { Session } from '/@/utils/storage'
+import { useMessage } from '/@/hooks/message'
+import { getAllInfoAboutList } from '/@/api/professional/teacherbase'
+import { putObj } from '/@/api/professional/professionaluser/professionalteachercertificaterelation'
+import { getTeacherCertificateList } from '/@/api/professional/rsbase/professionalteachercertificateconf'
+
+// Props
+const props = defineProps<{
+  visible?: boolean
+}>()
+
+// Emits
+const emit = defineEmits<{
+  (e: 'update:visible', value: boolean): void
+  (e: 'refreshData'): void
+}>()
+
+// 消息提示
+const message = useMessage()
+
+// 表单引用
+const formRef = ref()
+const submitLoading = ref(false)
+
+// 对话框显示状态
+const visible = computed({
+  get: () => props.visible || false,
+  set: (val) => emit('update:visible', val)
+})
+
+// 表单数据
+const dataForm = reactive({
+  certificateConfId: '',
+  certificateTime: '',
+  certificateNumber: '',
+  materialA: '',
+  materialB: '',
+  evidenceA: '',
+  evidenceB: '',
+  state: '',
+  teacherNo: '',
+  id: ''
+})
+
+// 表单验证规则
+const formRules = {
+  certificateConfId: [
+    { required: true, message: '请选择类型', trigger: 'change' }
+  ],
+  certificateTime: [
+    { required: true, message: '请选择取证时间', trigger: 'change' }
+  ],
+  certificateNumber: [
+    { required: true, message: '请输入证书编号', trigger: 'blur' }
+  ]
+}
+
+// 教师资格证列表
+const teacherCertificateList = ref<any[]>([])
+
+// 基础信息
+const baseInfoAbout = reactive<{
+  stationTypeList: any[]
+  atStationList: any[]
+  teacherTypeList: any[]
+  employmentNatureList: any[]
+  stationLevelList: any[]
+  stationDutyLevelList: any[]
+  workTypeList: any[]
+  proTitleList: any[]
+  majorStationList: any[]
+  qualificationList: any[]
+  partBranchList: any[]
+}>({
+  stationTypeList: [],
+  atStationList: [],
+  teacherTypeList: [],
+  employmentNatureList: [],
+  stationLevelList: [],
+  stationDutyLevelList: [],
+  workTypeList: [],
+  proTitleList: [],
+  majorStationList: [],
+  qualificationList: [],
+  partBranchList: []
+})
+
+// 上传相关
+const url = ref('')
+const fileList = ref<any[]>([])
+const fileListB = ref<any[]>([])
+
+// 请求头
+const headers = computed(() => {
+  return {
+    "Authorization": 'Bearer ' + Session.getToken()
+  }
+})
+
+// 显示表单标志
+const showForm = ref(false)
+
+// 初始化字典数据
+const initDicData = async () => {
+  try {
+    const [response, certResponse] = await Promise.all([
+      getAllInfoAboutList(),
+      getTeacherCertificateList()
+    ])
+    
+    const map = response.data.data
+    baseInfoAbout.stationTypeList = map['stationTypeList'] || []
+    baseInfoAbout.atStationList = map['atStationList'] || []
+    baseInfoAbout.teacherTypeList = map['teacherTypeList'] || []
+    baseInfoAbout.employmentNatureList = map['employmentNatureList'] || []
+    baseInfoAbout.stationLevelList = map['stationLevelList'] || []
+    baseInfoAbout.stationDutyLevelList = map['stationDutyLevelList'] || []
+    baseInfoAbout.workTypeList = map['workTypeList'] || []
+    baseInfoAbout.proTitleList = map['proTitleList'] || []
+    baseInfoAbout.majorStationList = map['majorStationList'] || []
+    baseInfoAbout.qualificationList = map['qualificationList'] || []
+    baseInfoAbout.partBranchList = map['partBranchList'] || []
+    
+    // 获取教师资格证列表
+    if (certResponse && certResponse.data) {
+      teacherCertificateList.value = Array.isArray(certResponse.data) 
+        ? certResponse.data 
+        : (certResponse.data.records || certResponse.data.list || [])
+    }
+    
+    visible.value = true
+  } catch (error) {
+    // 获取字典数据失败
+  }
+}
+
+// 文件上传成功 - 材料A
+const materiaUploadSuccess = (response: any) => {
+  if (response.data && response.data.code === "-1") {
+    message.error("当前不允许上传文件")
+    return
+  }
+  dataForm.evidenceA = response.data.url
+}
+
+// 文件上传成功 - 材料B
+const materiaUploadSuccessB = (response: any) => {
+  if (response.data && response.data.code === "-1") {
+    message.error("当前不允许上传文件")
+    return
+  }
+  dataForm.evidenceB = response.data.url
+}
+
+// 打开对话框
+const openDialog = (row: any) => {
+  url.value = `/professional/file/teacherAboutInfoUpload?teacherNo=${row.teacherNo}&type=0`
+  fileList.value = []
+  fileListB.value = []
+  Object.assign(dataForm, {
+    certificateConfId: row.certificateConfId || '',
+    certificateTime: row.certificateTime || '',
+    certificateNumber: row.certificateNumber || '',
+    materialA: row.materialA || '',
+    materialB: row.materialB || '',
+    evidenceA: row.evidenceA || '',
+    evidenceB: row.evidenceB || '',
+    state: row.state || '',
+    teacherNo: row.teacherNo || '',
+    id: row.id || ''
+  })
+  showForm.value = true
+  initDicData()
+}
+
+// 提交表单
+const dialogSubmit = async () => {
+  if (!formRef.value) return
+  
+  await formRef.value.validate(async (valid: boolean) => {
+    if (valid) {
+      submitLoading.value = true
+      try {
+        dataForm.state = '0'
+        await putObj(dataForm)
+        message.success("操作成功")
+        visible.value = false
+        emit('refreshData')
+      } catch (error: any) {
+        message.error(error?.msg || '操作失败')
+      } finally {
+        submitLoading.value = false
+      }
+    }
+  })
+}
+
+// 初始化方法（保持兼容性）
+const init = () => {
+  // 新版本不再需要初始化配置
+}
+
+// 暴露方法
+defineExpose({
+  openDialog,
+  init
+})
+</script>
+
+<style scoped>
+</style>