feat:增加投票题干图片上传

src/components/vote/VoteQuestionItem.vue

@@ -7,45 +7,34 @@
           <div class="inname">选项</div>
         </div>
         <div class="in">
-          <a-input
-              v-model:value="formData.optionName"
-              show-count
-              :maxlength="30"
-              style="border-radius: 8px"
-          />
+          <a-input v-model:value="formData.optionName" show-count :maxlength="30" style="border-radius: 8px" />
         </div>
       </div>
       <div class="delete" @click="handleDel">删除</div>
     </div>
     <div class="name uploadContent">
-      <a-upload
-          v-show="!formData.imgVal"
-          class="in uploadBtn"
-          :show-upload-list="false"
-      >
-        <div class="addimg">+添加图片{{ index }}</div>
+      <a-upload v-show="!formData.imgVal" class="in uploadBtn" :show-upload-list="false" :before-upload="beforeUpload">
+        <div class="addimg">+添加图片</div>
       </a-upload>
       <div v-show="formData.optionPictureAddress" class="picture" style="position: relative">
-        <img class="pictureimg" :src="formData.optionPictureAddress"/>
+        <img class="pictureimg" :src="formData.optionPictureAddress" />
         <div class="picturename" v-show="hasImgName">{{ hasImgName }}</div>
-        <img
-            style="
-            cursor: pointer;
-            width: 20px;
-            height: 20px;
-            position: absolute;
-            right: 0;
-            top: 0;
-          "
-            src="../../assets/images/basicinfo/close.png"
-            @click="handleCancel"
-        />
+        <img style="
+                                cursor: pointer;
+                                width: 20px;
+                                height: 20px;
+                                position: absolute;
+                                right: 0;
+                                top: 0;
+                              " src="../../assets/images/basicinfo/close.png" @click="handleCancel" />
       </div>
     </div>
   </div>
 </template>
 <script setup>
-import {defineEmits, defineProps, ref} from "vue";
+import { defineEmits, defineProps, ref } from "vue";
+import { message } from "ant-design-vue";
+import { fileUp } from "../../api/indexEval";
 
 const props = defineProps({
   item: {},
@@ -55,6 +44,36 @@ const emit = defineEmits(['del'])
 
 const formData = ref(props.item)
 
+const beforeUpload = (file) => {
+  const isJpgOrPng =
+    file.type === "image/jpg" ||
+    file.type === "image/jpeg" ||
+    file.type === "image/png" ||
+    file.type === "image/svg" ||
+    file.type === "image/bmp" ||
+    file.type === "image/gif";
+  if (!isJpgOrPng) {
+    message.error("仅支持jpg、gif、png、jpeg、svg、bmp格式!");
+    return false;
+  }
+
+  let isLt1M = file.size / 10240 / 10240 <= 1;
+  if (!isLt1M) {
+    this.$message.error("图片大小超过10MB!");
+    return false;
+  }
+
+  const formDatas = new FormData();
+  formDatas.append("file", file);
+  fileUp(formDatas).then((res) => {
+    if (res.data.code === 200) {
+      console.log(res.data.data, 45);
+      formData.value.optionPictureAddress = process.env.VUE_APP_FILE_PATH + res.data.data;
+    }
+  });
+  return false;
+};
+
 function handleDel() {
   emit('del', props.index)
 }
@@ -334,8 +353,7 @@ function handleDel() {
           //line-height: 24px;
         }
 
-        .ant-radio-wrapper {
-        }
+        .ant-radio-wrapper {}
 
         .ant-input {
           border-radius: 5px;