'考试管理人员管理'

src/views/securityManagement/personnelManagement/applicantPersonnel/components/uploadDataDialog.vue

@@ -0,0 +1,82 @@
+<template>
+  <el-dialog class="dialogWerapper" width="30%" v-model="modelValue" :title="title" @close="handleClose">
+    <form-message ref="FormRef" :disabled="disabled" v-model="formData" :rules="rules" :formList="formList" />
+
+    <template #footer>
+      <el-button type="primary" v-if="!disabled" :loading="loading" @click="handleSubmit">确定</el-button>
+      <el-button @click="handleClose">取消</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { computed, ref, reactive, getCurrentInstance } from 'vue';
+import FormMessage from '@/components/aboutTable/FormMessage.vue'
+import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
+
+const { proxy } = getCurrentInstance();
+const { D_BAXX_DWLX } = proxy.$dict("D_BAXX_DWLX")
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+})
+
+const emits = defineEmits(['update:modelValue', 'refresh'])
+
+const visible = computed({
+  get() {
+    return props.modelValue
+  },
+  set(val) {
+    emits('update:modelValue', val)
+  }
+})
+
+const title = ref('上传资料')
+const loading = ref(false)
+const disabled = ref(false)
+const FormRef = ref(null)
+const formData = ref({})
+
+const formList = reactive([
+  [
+    { label: "上传资料", prop: "zl",  type: "upload", limit: 3 },
+  ],
+])
+
+const rules = {
+  zl: [{ required: true, message: "请上传资料", trigger: "change" }],
+}
+
+const open = (row = {}, type = 'updata') => {
+  visible.value = true
+  disabled.value = false
+  formData.value = { ...row }
+}
+
+const handleClose = () => {
+  FormRef.value?.reset()
+  visible.value = false
+}
+
+const handleSubmit = async () => {
+  try {
+    loading.value = true
+    await FormRef.value.submit(async () => {
+      await qcckPost({ ...formData.value  }, `/mosty-base/baxx/basq/edit`)
+      proxy.$message.success('上传资料成功')
+      emits('refresh')
+      visible.value = false
+    })
+  } catch (error) {
+    console.log(error)
+    proxy.$message.error('上传资料失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+defineExpose({ open })
+</script>