北斗启航科技教育平台管理系统

src/components/addNewData/contest/choiceTopicForm/excleAdd.vue

@@ -0,0 +1,132 @@
+<template>
+  <UploadFile
+    ref="uploadFileRef"
+    :options="options"
+    :relatedRules="relatedRules"
+    :relatedOptions="relatedOptions"
+  />
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { ElMessage } from "element-plus";
+
+import UploadFile from "../../../operate/uploadFile.vue";
+
+const uploadFileRef = ref(null);
+const formClone = ref([]);
+
+const options = {
+  limit: 1,
+  accept: ".xlsx",
+  action: "",
+  multiple: false,
+  listType: "text",
+  autoUpload: false,
+};
+
+const relatedRules = {
+  topic: {
+    value: "",
+    label: "题目",
+  },
+  options_a: {
+    value: "",
+    label: "选项A",
+  },
+  options_b: {
+    value: "",
+    label: "选项B",
+  },
+  options_c: {
+    value: "",
+    label: "选项C",
+  },
+  options_d: {
+    value: "",
+    label: "选项D",
+  },
+  answer: {
+    value: "",
+    label: "答案",
+  },
+};
+
+const relatedOptions = [
+  {
+    value: "0",
+    label: "题目",
+    disabled: false,
+  },
+  {
+    value: "1",
+    label: "选项A",
+    disabled: false,
+  },
+  {
+    value: "1",
+    label: "选项B",
+    disabled: false,
+  },
+  {
+    value: "1",
+    label: "选项C",
+    disabled: false,
+  },
+  {
+    value: "1",
+    label: "选项D",
+    disabled: false,
+  },
+  {
+    value: "1",
+    label: "答案",
+    disabled: false,
+  },
+];
+
+const emit = defineEmits(["addChoiceTopic"]);
+
+const resetCheckForm = () => {
+  if (!uploadFileRef) return;
+  uploadFileRef.value.handleExceed();
+};
+
+const confirm = async () => {
+  if (!uploadFileRef) return;
+  formClone.value = [];
+  const length = uploadFileRef.value.loadData.length;
+  if (length == 0) return ElMessage.error("请先上传文件！");
+  const flag = await uploadFileRef.value.confirm();
+  if (!flag) return ElMessage.error("请先选择表格关联项！");
+  ElMessage({
+    message: `正在上传数据中，请稍等...`,
+    type: "success",
+  });
+  setTimeout(() => {
+    uploadFileRef.value.loadData.forEach((ExcleForm) => {
+      ExcleForm.forEach((worksheet) => {
+        let context = [...worksheet];
+        context.shift();
+        context.forEach((item) => {
+          if (item.length != 0) {
+            formClone.value.push({
+              topic: item[relatedRules.topic.value],
+              options_a: item[relatedRules.options_a.value],
+              options_b: item[relatedRules.options_b.value],
+              options_c: item[relatedRules.options_c.value],
+              options_d: item[relatedRules.options_d.value],
+              answer: item[relatedRules.answer.value],
+            });
+          }
+        });
+      });
+    });
+    emit("addChoiceTopic", formClone.value);
+  }, 3000);
+};
+
+defineExpose({ resetCheckForm, confirm, formClone });
+</script>
+
+<style scoped></style>