From bb90b0e68be4614931aaf8a493af31f3cf28b21a Mon Sep 17 00:00:00 2001
From: AprilWind <2100166581@qq.com>
Date: Mon, 2 Dec 2024 18:25:09 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=BD=BF=E7=94=A8element-plus?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PartUpload/index.vue | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/components/PartUpload/index.vue b/src/components/PartUpload/index.vue
index d1bd99b..b86a24c 100644
--- a/src/components/PartUpload/index.vue
+++ b/src/components/PartUpload/index.vue
@@ -1,15 +1,16 @@
 <template>
   <div>
-    <a href='https://gitee.com/dromara/RuoYi-Vue-Plus/pulls/522'>分支地址</a>
-    <Progress :status='uploadStatus' :percent='percent' />
-    <input type='file' @change='handleFileChange' />
+    <a href="https://gitee.com/dromara/RuoYi-Vue-Plus/pulls/522">分支地址</a>
+    <!-- 使用 element-plus 的 Progress 组件 -->
+    <el-progress :status="uploadStatus" :percentage="percent" />
+    <input type="file" @change="handleFileChange" />
   </div>
 </template>
 
-<script setup lang='ts'>
+<script setup lang="ts">
 import { md5 } from 'hash-wasm';
 import { httpInstance, multipartUpload, type PartUploadList } from '@/utils/partUpload';
-import { message, Progress } from 'ant-design-vue';
+import { ElMessage, ElProgress } from 'element-plus'; // 引入 element-plus 的组件
 import { computed, ref } from 'vue';
 
 /**
@@ -31,7 +32,7 @@ async function handleFileChange(e: any) {
 
   const fileSize = file.size;
   if (fileSize <= CHUNK_SIZE) {
-    message.error('文件大小不能小于5MB');
+    ElMessage.error('文件大小不能小于5MB'); // 使用 element-plus 的 ElMessage 显示错误
     return;
   }
 
@@ -59,14 +60,8 @@ async function handleFileChange(e: any) {
   const partUploadList: PartUploadList[] = [];
   for (let i = 0; i < chunks.length; i++) {
     const chunk = chunks[i];
-    // const uint8array = new Uint8Array(await chunk.arrayBuffer());
-    // const md5Digest = await md5(uint8array);
     const uploadResp = await multipartUpload({
       ossStatus: 'upload',
-      /***
-       * 大坑 这里不能传md5 否则上传失败
-       */
-      // md5Digest,
       uploadId,
       partNumber: i + 1
     });
@@ -76,7 +71,6 @@ async function handleFileChange(e: any) {
     const minioResp = await httpInstance.put(privateUrl, chunk, {
       headers: {
         'Content-Type': 'application/octet-stream'
-        // 'Content-MD5': md5Digest,
       }
     });
 
@@ -99,6 +93,10 @@ async function handleFileChange(e: any) {
     partUploadList
   });
 
-  message.success('上传成功');
+  ElMessage.success('上传成功'); // 使用 element-plus 的 ElMessage 显示成功信息
 }
 </script>
+
+<style scoped>
+/* 你可以在这里添加一些样式 */
+</style>