uodate
parent
c738606731
commit
9d87e7db9d
|
|
@ -27,6 +27,7 @@ declare module 'vue' {
|
|||
NInputNumber: typeof import('naive-ui')['NInputNumber']
|
||||
NModal: typeof import('naive-ui')['NModal']
|
||||
NPopconfirm: typeof import('naive-ui')['NPopconfirm']
|
||||
NProgress: typeof import('naive-ui')['NProgress']
|
||||
NQrCode: typeof import('naive-ui')['NQrCode']
|
||||
NRadio: typeof import('naive-ui')['NRadio']
|
||||
NRadioGroup: typeof import('naive-ui')['NRadioGroup']
|
||||
|
|
|
|||
|
|
@ -87,6 +87,7 @@ const listParams = ref({
|
|||
...props.params,
|
||||
pageNumber: 1,
|
||||
pageSize: 20,
|
||||
isCollect:1,
|
||||
});
|
||||
function initPageNUm() {
|
||||
listParams.value.pageNumber = 1;
|
||||
|
|
|
|||
|
|
@ -79,7 +79,6 @@ const paymentStatus = ref(1);
|
|||
const paymentParams = ref({
|
||||
amount: props.info[0].unitPrice,
|
||||
productId: props.info[0].id,
|
||||
promotionId: 0,
|
||||
type: "member",
|
||||
});
|
||||
async function getQrCode() {
|
||||
|
|
@ -100,6 +99,7 @@ async function getQrCode() {
|
|||
message.success("支付成功!");
|
||||
onPaymentSuccess();
|
||||
emit("closePayment");
|
||||
window.location.reload();
|
||||
} else if (res2.data === 4) {
|
||||
paymentStatus.value = 4;
|
||||
clearTimeout(pollingTimer);
|
||||
|
|
@ -130,8 +130,12 @@ async function handleActivityChange(value: number) {
|
|||
async function changeCurrentNeedPayment(index: number) {
|
||||
currentNeedPayment.value = index;
|
||||
paymentParams.value.productId = props.info[index].id;
|
||||
let url = `/member/calculatePayment?memberLevelId=${paymentParams.value.productId}&`
|
||||
if(paymentParams.value.promotionId){
|
||||
url += `promotionId=${paymentParams.value.promotionId}`
|
||||
}
|
||||
const res1 = await request.get(
|
||||
`/member/calculatePayment?promotionId=${paymentParams.value.promotionId}&memberLevelId=${paymentParams.value.productId}`
|
||||
url
|
||||
);
|
||||
if (res1.code === 200) {
|
||||
paymentParams.value.amount = res1.data;
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@ const commentHeight = ref(200);
|
|||
//点赞
|
||||
async function onLike() {
|
||||
try {
|
||||
const res = await request.get(`/image/imageLike?id=${props.item.id}`);
|
||||
const res = await request.get(`/image/imageLike?id=${props.item.modelImageId || props.item.id}`);
|
||||
if (res.code === 200) {
|
||||
// emit('updateLike')
|
||||
if (dataInfo.value.isLike === 1) {
|
||||
|
|
|
|||
|
|
@ -90,7 +90,8 @@ const listParams = ref({
|
|||
...props.params,
|
||||
pageNumber: 1,
|
||||
pageSize: 20,
|
||||
name:modalStore.searchQuery
|
||||
name:modalStore.searchQuery,
|
||||
isCollect:1,
|
||||
});
|
||||
function initPageNUm() {
|
||||
listParams.value.pageNumber = 1;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,476 @@
|
|||
<template>
|
||||
<div class="upload-container">
|
||||
<div class="fileUpload">
|
||||
<div class="item-upload">
|
||||
<!-- <span v-if="required" class="required">*</span> -->
|
||||
<!-- <n-button type="success" @click="triggerFileSelect"> 文件选择 </n-button> -->
|
||||
<input
|
||||
type="file"
|
||||
ref="fileInputRef"
|
||||
class="file2"
|
||||
style="display: none"
|
||||
@change="selectFile"
|
||||
/>
|
||||
</div>
|
||||
<!-- <div v-if="showFileName" class="item-info">
|
||||
{{ fileName }}
|
||||
</div>
|
||||
<div v-else class="item-info">支持{{ getAcceptType() }}文件格式</div>
|
||||
<div v-if="progress > 0" class="item-cancel">
|
||||
<n-button type="success" style="margin-top: 5px" @click="cancelUploadInfo">
|
||||
X
|
||||
</n-button>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="item-process" v-if="progress > 0">
|
||||
<n-progress
|
||||
type="line"
|
||||
:percentage="progress"
|
||||
indicator-placement="inside"
|
||||
processing
|
||||
/>
|
||||
</div>
|
||||
<div v-if="requiredValid" class="item-valid">请上传文件</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { MessageReactive, useMessage } from "naive-ui";
|
||||
import SparkMD5 from 'spark-md5';
|
||||
import { onMounted, ref } from "vue";
|
||||
const messageReactive: MessageReactive | null = null;
|
||||
// const { calculateHash } = useFileHash();
|
||||
// const { calculateHash, isCalculating } = useFileHash()
|
||||
// debugger
|
||||
// Props 定义
|
||||
const props = defineProps({
|
||||
accept: {
|
||||
type: Array as PropType<string[]>,
|
||||
default: () => ["doc", "docx", "pdf", "safetensors", "ckpt"],
|
||||
},
|
||||
required: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
fileSize: {
|
||||
type: Number,
|
||||
default: 2000,
|
||||
},
|
||||
verifyHash: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
verifyName: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: "model",
|
||||
},
|
||||
});
|
||||
|
||||
// 响应式状态
|
||||
const fileInputRef = ref<HTMLInputElement | null>(null);
|
||||
const file = ref<File | null>(null);
|
||||
const fileName = ref("");
|
||||
const fileSize = ref(0);
|
||||
const progress = ref(0);
|
||||
const objectKey = ref("");
|
||||
const chunkSize = ref(3 * 1024 * 1024);
|
||||
const totalChunks = ref(0);
|
||||
const currentChunk = ref(1);
|
||||
const uploadId = ref("");
|
||||
const partArr = ref([]);
|
||||
const showFileName = ref(false);
|
||||
const bucketName = ref("");
|
||||
const objectKeyName = ref("");
|
||||
const requiredValid = ref(false);
|
||||
const hashCode = ref("");
|
||||
const message = useMessage();
|
||||
const currentFileSize = ref(0)
|
||||
// 触发文件选择
|
||||
const triggerFileSelect = () => {
|
||||
fileInputRef.value?.click();
|
||||
};
|
||||
|
||||
// 获取接受的文件类型
|
||||
const getAcceptType = () => {
|
||||
return props.accept.join(",");
|
||||
};
|
||||
|
||||
// 添加计算hash的函数
|
||||
const calculateFileHash = (file: File): Promise<string> => {
|
||||
return new Promise((resolve, reject) => {
|
||||
const reader = new FileReader();
|
||||
reader.readAsArrayBuffer(file);
|
||||
|
||||
reader.onload = (event) => {
|
||||
try {
|
||||
const buffer = event.target?.result as ArrayBuffer;
|
||||
const spark = new SparkMD5.ArrayBuffer();
|
||||
spark.append(buffer);
|
||||
const hash = spark.end();
|
||||
resolve(hash);
|
||||
} catch (error) {
|
||||
reject(error);
|
||||
}
|
||||
};
|
||||
|
||||
reader.onerror = () => {
|
||||
reject(new Error('Failed to read file'));
|
||||
};
|
||||
});
|
||||
};
|
||||
// const calculateFileHash = (file: File): Promise<string> => {
|
||||
// return new Promise((resolve, reject) => {
|
||||
// const reader = new FileReader();
|
||||
// reader.readAsArrayBuffer(file);
|
||||
|
||||
// reader.onload = async (event) => {
|
||||
// try {
|
||||
// const buffer = event.target?.result as ArrayBuffer;
|
||||
// const hashBuffer = await window.crypto.subtle.digest("SHA-256", buffer);
|
||||
// const hashArray = Array.from(new Uint8Array(hashBuffer));
|
||||
// const hashHex = hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
|
||||
// resolve(hashHex);
|
||||
// } catch (error) {
|
||||
// reject(error);
|
||||
// }
|
||||
// };
|
||||
|
||||
// reader.onerror = () => {
|
||||
// reject(new Error("Failed to read file"));
|
||||
// };
|
||||
// });
|
||||
// };
|
||||
// 生成唯一ID
|
||||
const guid = () => {
|
||||
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
|
||||
const r = (Math.random() * 16) | 0;
|
||||
const v = c === "x" ? r : (r & 0x3) | 0x8;
|
||||
return v.toString(16);
|
||||
});
|
||||
};
|
||||
|
||||
// 初始化参数
|
||||
const initParam = () => {
|
||||
file.value = null;
|
||||
objectKey.value = "";
|
||||
totalChunks.value = 0;
|
||||
currentChunk.value = 1;
|
||||
uploadId.value = "";
|
||||
partArr.value = [];
|
||||
requiredValid.value = false;
|
||||
};
|
||||
|
||||
function getOssDefaultPath(name, uuid) {
|
||||
const now = new Date();
|
||||
const year = now.getFullYear(); // 获取当前年份
|
||||
const month = String(now.getMonth() + 1).padStart(2, "0"); // 获取当前月份，确保两位
|
||||
const day = String(now.getDate()).padStart(2, "0"); // 获取当前日期，确保两位
|
||||
|
||||
return `${year}/${month}/${day}/${uuid}/${name}`; // 拼接路径
|
||||
}
|
||||
// 选择文件处理
|
||||
const selectFile = async (event: Event) => {
|
||||
const target = event.target as HTMLInputElement;
|
||||
if (!target.files?.length) return;
|
||||
|
||||
file.value = target.files[0];
|
||||
target.value = "";
|
||||
|
||||
if (file.value?.size) {
|
||||
currentFileSize.value = file.value?.size
|
||||
// 文件大小检查
|
||||
const calculatedFileSize = Math.round((file.value.size / 1024 / 1024) * 100) / 100;
|
||||
if (calculatedFileSize > props.fileSize) {
|
||||
message.warning(`文件大小超过上限${props.fileSize}MB`);
|
||||
return;
|
||||
}
|
||||
fileSize.value = calculatedFileSize;
|
||||
|
||||
// 文件类型检查
|
||||
const selectedFileName = file.value.name;
|
||||
const fileType = selectedFileName.split(".").pop()?.toLowerCase();
|
||||
if (!fileType || !props.accept.includes(fileType)) {
|
||||
message.warning("文件类型不支持");
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
// 继续上传流程
|
||||
progress.value = 0;
|
||||
fileName.value = file.value.name;
|
||||
showFileName.value = true;
|
||||
|
||||
// 计算文件hash
|
||||
if (props.verifyHash) {
|
||||
message.info("正在校验文件hash...");
|
||||
try {
|
||||
hashCode.value = await calculateFileHash(file.value);
|
||||
} catch (err) {
|
||||
message.warning(err)
|
||||
hashCode.value = ''
|
||||
}finally{
|
||||
// messageReactive.destroy();
|
||||
// messageReactive = null;
|
||||
}
|
||||
// hashCode.value = await calculateHash(file.value)
|
||||
// hashCode.value = await calculateFileHash(file.value);
|
||||
// 检查文件是否已存在
|
||||
try {
|
||||
const hashRes = await request.get(
|
||||
`/file/selectHash?hashCode=${hashCode.value}&type=${
|
||||
props.type === "model" ? 0 : 1
|
||||
}`
|
||||
);
|
||||
if (hashRes.data !== 1) {
|
||||
message.warning("文件已存在");
|
||||
return;
|
||||
}
|
||||
} finally {
|
||||
if (messageReactive) {
|
||||
// messageReactive.destroy();
|
||||
// messageReactive = null;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 校验名称
|
||||
if (props.verifyName) {
|
||||
message.info("正在校验文件名...");
|
||||
// 检查文件是否已存在
|
||||
// 上传文件前先校验是否存在 存在为0 不存在为1
|
||||
try {
|
||||
const res = await request.get(
|
||||
`/file/selectFile?type=${props.type}&name=${fileName.value}`
|
||||
);
|
||||
if (res.data !== 1) {
|
||||
message.warning("文件名已存在");
|
||||
return;
|
||||
}
|
||||
} finally {
|
||||
if (messageReactive) {
|
||||
// messageReactive.destroy();
|
||||
// messageReactive = null;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
totalChunks.value = Math.ceil(file.value.size / chunkSize.value);
|
||||
objectKey.value = `${getOssDefaultPath(fileName.value, guid())}`;
|
||||
// 获取上传ID
|
||||
const res = await request.get(`/file/getUploadId?objectKey=${objectKey.value}`);
|
||||
uploadId.value = res.data;
|
||||
progress.value = 1;
|
||||
uploadFile();
|
||||
} catch (error) {
|
||||
console.error("文件处理失败:", error);
|
||||
message.error("文件处理失败");
|
||||
initParam();
|
||||
}
|
||||
}
|
||||
// const target = event.target as HTMLInputElement;
|
||||
// if (!target.files?.length) return;
|
||||
|
||||
// file.value = target.files[0];
|
||||
// target.value = "";
|
||||
|
||||
// if (file.value?.size) {
|
||||
// const calculatedFileSize = Math.round((file.value.size / 1024 / 1024) * 100) / 100;
|
||||
// if (calculatedFileSize > props.fileSize) {
|
||||
// message.warning(`文件大小超过上限${props.fileSize}MB`);
|
||||
// return;
|
||||
// }
|
||||
// fileSize.value = calculatedFileSize;
|
||||
|
||||
// const selectedFileName = file.value.name;
|
||||
// const fileType = selectedFileName.split(".").pop()?.toLowerCase();
|
||||
|
||||
// if (!fileType || !props.accept.includes(fileType)) {
|
||||
// message.warning("文件类型不支持");
|
||||
// return;
|
||||
// }
|
||||
|
||||
// progress.value = 0;
|
||||
// fileName.value = file.value.name;
|
||||
// showFileName.value = true;
|
||||
// totalChunks.value = Math.ceil(file.value.size / chunkSize.value);
|
||||
// objectKey.value = `${getOssDefaultPath(fileName.value, guid())}`;
|
||||
// try {
|
||||
// const res = await request.get(`/file/getUploadId?objectKey=${objectKey.value}`);
|
||||
// uploadId.value = res.data;
|
||||
// progress.value = 1;
|
||||
// uploadFile();
|
||||
// } catch (error) {
|
||||
// message.error("获取上传ID失败");
|
||||
// }
|
||||
// }
|
||||
};
|
||||
|
||||
// 文件上传
|
||||
const uploadFile = async () => {
|
||||
if (!file.value) return;
|
||||
|
||||
const index = currentChunk.value - 1;
|
||||
const start = index * chunkSize.value;
|
||||
const end = Math.min((index + 1) * chunkSize.value, file.value.size);
|
||||
|
||||
const formData = new FormData();
|
||||
formData.append("file", file.value.slice(start, end));
|
||||
formData.append("chunk", String(currentChunk.value));
|
||||
formData.append("objectKey", objectKey.value);
|
||||
formData.append("uploadId", uploadId.value);
|
||||
|
||||
try {
|
||||
const res = await request.post("/file/chunk", formData, {
|
||||
headers: { "Content-Type": "multipart/form-data" },
|
||||
});
|
||||
|
||||
partArr.value.push(res.data);
|
||||
currentChunk.value++;
|
||||
progress.value = Math.floor((currentChunk.value / totalChunks.value) * 100);
|
||||
|
||||
if (currentChunk.value <= totalChunks.value) {
|
||||
uploadFile();
|
||||
} else {
|
||||
progress.value = 99;
|
||||
complete();
|
||||
}
|
||||
} catch (error) {
|
||||
initParam();
|
||||
console.error("切片上传失败：", error);
|
||||
message.warning("文件上传异常或上传已取消");
|
||||
}
|
||||
};
|
||||
|
||||
// 完成上传
|
||||
const complete = async () => {
|
||||
try {
|
||||
const res = await request.post(
|
||||
`/file/completeUpload?objectKey=${objectKey.value}&uploadId=${uploadId.value}`,
|
||||
partArr.value
|
||||
);
|
||||
|
||||
bucketName.value = res.data.bucketName;
|
||||
objectKeyName.value = res.data.objectKey;
|
||||
progress.value = 100;
|
||||
|
||||
// 发送上传成功事件
|
||||
emit("upload-success", {
|
||||
objectKey: objectKeyName.value,
|
||||
objectUrl: res.data.objectUrl, // 假设后端返回了文件路径
|
||||
fileName: fileName.value,
|
||||
currentFileSize: currentFileSize.value,
|
||||
hashCode: hashCode.value,
|
||||
});
|
||||
|
||||
initParam();
|
||||
} catch (error) {
|
||||
console.error("文件上传失败：", error);
|
||||
message.warning("文件上传失败");
|
||||
}
|
||||
};
|
||||
|
||||
// 定义上传完成后发送的事件
|
||||
const emit = defineEmits<{
|
||||
"upload-success": [
|
||||
{
|
||||
objectKey: string;
|
||||
objectUrl: string;
|
||||
fileName: string;
|
||||
currentFileSize: number;
|
||||
hashCode: number;
|
||||
}
|
||||
];
|
||||
}>();
|
||||
|
||||
// 取消上传
|
||||
const cancelUploadInfo = async () => {
|
||||
if (progress.value !== 100) {
|
||||
try {
|
||||
await request.post("/file/cancelUpload", {
|
||||
objectKey: objectKey.value,
|
||||
uploadId: uploadId.value,
|
||||
});
|
||||
} catch (error) {
|
||||
message.error("取消上传失败");
|
||||
}
|
||||
}
|
||||
progress.value = 0;
|
||||
showFileName.value = false;
|
||||
initParam();
|
||||
};
|
||||
|
||||
// 校验是否已上传
|
||||
const validRequired = () => {
|
||||
if (bucketName.value && objectKeyName.value) {
|
||||
requiredValid.value = false;
|
||||
return true;
|
||||
}
|
||||
requiredValid.value = true;
|
||||
return false;
|
||||
};
|
||||
|
||||
// 获取上传信息
|
||||
const getUploadInfo = () => {
|
||||
return {
|
||||
bucketName: bucketName.value,
|
||||
fileName: objectKeyName.value,
|
||||
fileSize: fileSize.value,
|
||||
};
|
||||
};
|
||||
|
||||
// 初始化
|
||||
onMounted(() => {
|
||||
progress.value = 0;
|
||||
});
|
||||
|
||||
// 明确暴露方法
|
||||
defineExpose({
|
||||
triggerFileSelect,
|
||||
validRequired,
|
||||
getUploadInfo,
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.upload-container {
|
||||
.fileUpload {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 0px 8px;
|
||||
.item-upload {
|
||||
width: 100px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.required {
|
||||
color: red;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
}
|
||||
.item-info {
|
||||
flex: 1;
|
||||
padding-top: 12px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.item-cancel {
|
||||
width: 30px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
.item-process {
|
||||
margin-top: 10px;
|
||||
/* padding: 0px 23px; */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.item-valid {
|
||||
color: red;
|
||||
padding: 0px 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,6 +1,5 @@
|
|||
<script setup lang="ts">
|
||||
import { commonApi } from "@/api/common";
|
||||
import { uploadFileBatches } from "@/utils/uploadImg.ts";
|
||||
import { cloneDeep } from "lodash-es";
|
||||
import { Asterisk, Trash } from "lucide-vue-next";
|
||||
import type { FormInst } from "naive-ui";
|
||||
|
|
@ -18,6 +17,22 @@ const props = defineProps({
|
|||
const emit = defineEmits(["update:modelValue", "nextStep", "prevStep"]);
|
||||
const acceptTypes =
|
||||
".safetensors,.ckpt,.pt,.bin,.pth,.zip,.json,.flow,.lightflow,.yaml,.yml,.onnx,.gguf,.sft";
|
||||
const acceptTypesList = [
|
||||
"safetensors",
|
||||
"ckpt",
|
||||
"pt",
|
||||
"bin",
|
||||
"pth",
|
||||
"zip",
|
||||
"json",
|
||||
"flow",
|
||||
"lightflow",
|
||||
"yaml",
|
||||
"yml",
|
||||
"onnx",
|
||||
"gguf",
|
||||
"sft",
|
||||
];
|
||||
const modelVersionItem = {
|
||||
objectKey: null,
|
||||
isEncrypt: 0, //0不加密
|
||||
|
|
@ -126,48 +141,38 @@ async function nextStep() {
|
|||
}
|
||||
}
|
||||
|
||||
// 获取上文件的信息
|
||||
const uploadRef = ref<InstanceType<typeof FileUpload> | null>(null);
|
||||
// const getFileInfo = () => {
|
||||
// if (uploadRef.value[0].validRequired()) {
|
||||
// const fileInfo = uploadRef.value[0].getUploadInfo()
|
||||
// console.log(fileInfo)
|
||||
// }
|
||||
// }
|
||||
|
||||
const handleUploadSuccess = (fileInfo: {
|
||||
objectKey: string;
|
||||
objectUrl: string;
|
||||
fileName: string;
|
||||
currentFileSize: number;
|
||||
hashCode:string
|
||||
}) => {
|
||||
localForm.value.modelVersionList[uploadFileIndex.value].filePath = fileInfo.objectUrl;
|
||||
localForm.value.modelVersionList[uploadFileIndex.value].objectKey = fileInfo.objectKey;
|
||||
localForm.value.modelVersionList[uploadFileIndex.value].fileName = fileInfo.fileName;
|
||||
localForm.value.modelVersionList[uploadFileIndex.value].fileSize = fileInfo.currentFileSize;
|
||||
localForm.value.modelVersionList[uploadFileIndex.value].fileHash = fileInfo.hashCode;
|
||||
// message.success('文件上传成功')
|
||||
// 这里可以处理文件上传成功后的逻辑
|
||||
// 比如更新表单数据等
|
||||
};
|
||||
|
||||
// 上传文件
|
||||
const uploadFileIndex = ref(0);
|
||||
const fileInput = ref<HTMLInputElement | null>(null);
|
||||
function triggerFileInput(index: number) {
|
||||
(fileInput.value as HTMLInputElement)?.click();
|
||||
async function triggerFileInput(index: number) {
|
||||
uploadRef.value[0].triggerFileSelect()
|
||||
uploadFileIndex.value = index;
|
||||
}
|
||||
async function handleFileChange(event: Event) {
|
||||
const target = event.target as HTMLInputElement;
|
||||
const files = target.files;
|
||||
|
||||
if (files && files.length > 0) {
|
||||
const { name, size } = files[0] as { name: string; size: number };
|
||||
try {
|
||||
// 上传文件前先校验是否存在 存在为0 不存在为1
|
||||
const res1 = await request.get(`/file/selectFile?type=model&name=${name}`);
|
||||
if (res1.code == 200) {
|
||||
if (res1.data === 1) {
|
||||
try {
|
||||
loading.value = true;
|
||||
const res = await uploadFileBatches(files);
|
||||
localForm.value.modelVersionList[uploadFileIndex.value].filePath =
|
||||
res[0].path;
|
||||
localForm.value.modelVersionList[uploadFileIndex.value].objectKey =
|
||||
res[0].objectKey;
|
||||
localForm.value.modelVersionList[uploadFileIndex.value].fileName = name;
|
||||
localForm.value.modelVersionList[uploadFileIndex.value].fileSize = size;
|
||||
} catch (err) {
|
||||
console.log(err);
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
} else {
|
||||
message.warning("该模型名称已存在");
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
console.log(err);
|
||||
}
|
||||
}
|
||||
target.value = "";
|
||||
}
|
||||
|
||||
function prevStep() {
|
||||
emit("prevStep");
|
||||
|
|
@ -193,6 +198,14 @@ function onDelete(index: number) {
|
|||
if (computedDelFlag().length === 1) return;
|
||||
localForm.value.modelVersionList[index].delFlag = "2";
|
||||
}
|
||||
|
||||
function handledeleteFile(item:any){
|
||||
item.filePath = ''
|
||||
item.fileKey = ''
|
||||
item.fileName = ''
|
||||
item.fileSize = ''
|
||||
item.hashCode = ''
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
@ -253,7 +266,7 @@ function onDelete(index: number) {
|
|||
<div>
|
||||
<Trash
|
||||
class="cursor-pointer"
|
||||
@click="(item.fileName = ''), (item.filePath = '')"
|
||||
@click="handledeleteFile(item)"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -274,6 +287,16 @@ function onDelete(index: number) {
|
|||
.safetensors/.ckpt/.pt/.bin/.pth/.zip/.json/.flow/.lightflow/.yaml/.yml/.onnx/.gguf/.sft
|
||||
</div>
|
||||
</div>
|
||||
<fileUpload
|
||||
ref="uploadRef"
|
||||
:verify-hash="true"
|
||||
:verify-name="true"
|
||||
type="model"
|
||||
:accept="acceptTypesList"
|
||||
@upload-success="handleUploadSuccess"
|
||||
:required="true"
|
||||
:file-size="5000"
|
||||
></fileUpload>
|
||||
</div>
|
||||
</n-spin>
|
||||
</div>
|
||||
|
|
@ -305,8 +328,6 @@ function onDelete(index: number) {
|
|||
<n-select v-model:value="item.modelVersionType" multiple :options="baseModelTypeList" />
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
|
||||
</n-form>
|
||||
<div v-if="item.isPublic === 1">
|
||||
<div class="mt-4 mb-1 text-gray-400 text-[12px]">付费设置</div>
|
||||
|
|
@ -427,13 +448,6 @@ function onDelete(index: number) {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<input
|
||||
ref="fileInput"
|
||||
type="file"
|
||||
class="hidden"
|
||||
:accept="acceptTypes"
|
||||
@change="handleFileChange"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
<script setup lang="ts">
|
||||
import { uploadFileBatches } from "@/utils/uploadImg.ts";
|
||||
import { cloneDeep } from "lodash-es";
|
||||
import { Asterisk, Trash } from "lucide-vue-next";
|
||||
import type { FormInst } from "naive-ui";
|
||||
|
|
@ -12,6 +11,11 @@ const props = defineProps({
|
|||
required: true,
|
||||
},
|
||||
});
|
||||
|
||||
const acceptTypesList = [
|
||||
'json','zip'
|
||||
];
|
||||
|
||||
const emit = defineEmits(["update:modelValue", "nextStep", "preStep"]);
|
||||
const loading = ref(false)
|
||||
const localForm = computed({
|
||||
|
|
@ -104,48 +108,30 @@ async function nextStep() {
|
|||
function preStep() {
|
||||
emit("preStep");
|
||||
}
|
||||
// 上传文件
|
||||
|
||||
const uploadRef = ref<InstanceType<typeof FileUpload> | null>(null);
|
||||
|
||||
const handleUploadSuccess = (fileInfo: {
|
||||
objectKey: string;
|
||||
objectUrl: string;
|
||||
fileName: string;
|
||||
currentFileSize: number;
|
||||
hashCode:string
|
||||
}) => {
|
||||
localForm.value.workFlowVersionList[uploadFileIndex.value].filePath = fileInfo.objectUrl;
|
||||
localForm.value.workFlowVersionList[uploadFileIndex.value].objectKey = fileInfo.objectKey;
|
||||
localForm.value.workFlowVersionList[uploadFileIndex.value].fileName = fileInfo.fileName;
|
||||
localForm.value.workFlowVersionList[uploadFileIndex.value].fileSize = fileInfo.currentFileSize;
|
||||
localForm.value.workFlowVersionList[uploadFileIndex.value].fileHash = fileInfo.hashCode;
|
||||
// message.success('文件上传成功')
|
||||
};
|
||||
|
||||
const uploadFileIndex = ref(0);
|
||||
const fileInput = ref<HTMLInputElement | null>(null);
|
||||
function triggerFileInput(index: number) {
|
||||
(fileInput.value as HTMLInputElement)?.click();
|
||||
async function triggerFileInput(index: number) {
|
||||
uploadRef.value[0].triggerFileSelect()
|
||||
uploadFileIndex.value = index;
|
||||
}
|
||||
async function handleFileChange(event: Event) {
|
||||
const target = event.target as HTMLInputElement;
|
||||
const files = target.files;
|
||||
|
||||
if (files && files.length > 0) {
|
||||
const { name, size } = files[0] as { name: string; size: number };
|
||||
try {
|
||||
const res1 = await request.get(`/file/selectFile?type=workflow&name=${name}`);
|
||||
if (res1.code == 200) {
|
||||
if (res1.data === 1) {
|
||||
//存在为0 不存在为1
|
||||
try {
|
||||
loading.value = true
|
||||
const res = await uploadFileBatches(files);
|
||||
localForm.value.workFlowVersionList[uploadFileIndex.value].filePath =
|
||||
res[0].path;
|
||||
localForm.value.workFlowVersionList[uploadFileIndex.value].objectKey =
|
||||
res[0].objectKey;
|
||||
localForm.value.workFlowVersionList[uploadFileIndex.value].fileName = name;
|
||||
localForm.value.workFlowVersionList[uploadFileIndex.value].fileSize = size;
|
||||
} catch (err) {
|
||||
console.log(err);
|
||||
}finally{
|
||||
loading.value = false
|
||||
}
|
||||
} else {
|
||||
message.error("该工作流名称已存在");
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
console.log(err);
|
||||
}
|
||||
}
|
||||
target.value = "";
|
||||
}
|
||||
|
||||
function computedDelFlag() {
|
||||
return localForm.value.workFlowVersionList.filter((item: any) => item.delFlag === "0");
|
||||
|
|
@ -222,6 +208,16 @@ function onDelete(index: number) {
|
|||
<div class="my-3">点击上传文件</div>
|
||||
<div class="text-[#999999] text-xs">.json/.zip</div>
|
||||
</div>
|
||||
<fileUpload
|
||||
ref="uploadRef"
|
||||
:verify-hash="true"
|
||||
:verify-name="true"
|
||||
type="workflow"
|
||||
:accept="acceptTypesList"
|
||||
@upload-success="handleUploadSuccess"
|
||||
:required="true"
|
||||
:file-size="5000"
|
||||
></fileUpload>
|
||||
</div>
|
||||
</n-spin>
|
||||
</div>
|
||||
|
|
@ -244,14 +240,6 @@ function onDelete(index: number) {
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<input
|
||||
ref="fileInput"
|
||||
type="file"
|
||||
class="hidden"
|
||||
:accept="acceptTypes"
|
||||
@change="handleFileChange"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,57 @@
|
|||
// composables/useFileHash.ts
|
||||
import { ref } from 'vue'
|
||||
|
||||
export const useFileHash = () => {
|
||||
const isCalculating = ref(false)
|
||||
const error = ref<Error | null>(null)
|
||||
|
||||
const calculateHash = async (file: File): Promise<string> => {
|
||||
try {
|
||||
if (!process.client) {
|
||||
throw new Error('This function can only run in browser')
|
||||
}
|
||||
|
||||
if (!window.crypto || !window.crypto.subtle) {
|
||||
throw new Error('Crypto API is not supported in this browser')
|
||||
}
|
||||
|
||||
isCalculating.value = true
|
||||
|
||||
return await new Promise((resolve, reject) => {
|
||||
const reader = new FileReader()
|
||||
reader.readAsArrayBuffer(file)
|
||||
|
||||
reader.onload = async (event) => {
|
||||
try {
|
||||
const buffer = event.target?.result as ArrayBuffer
|
||||
if (!buffer) {
|
||||
throw new Error('Failed to read file buffer')
|
||||
}
|
||||
|
||||
const hashBuffer = await window.crypto.subtle.digest('SHA-256', buffer)
|
||||
const hashArray = Array.from(new Uint8Array(hashBuffer))
|
||||
const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('')
|
||||
resolve(hashHex)
|
||||
} catch (err) {
|
||||
reject(err)
|
||||
}
|
||||
}
|
||||
|
||||
reader.onerror = () => {
|
||||
reject(new Error('Failed to read file'))
|
||||
}
|
||||
})
|
||||
} catch (err) {
|
||||
error.value = err as Error
|
||||
throw err
|
||||
} finally {
|
||||
isCalculating.value = false
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
calculateHash,
|
||||
isCalculating,
|
||||
error
|
||||
}
|
||||
}
|
||||
|
|
@ -260,7 +260,7 @@ async function getActivity(item) {
|
|||
class="w-full bg-[#f2d5bc] text-[#6b4f3f] rounded-full py-2.5 mt-8 font-medium cursor-pointer"
|
||||
@click="showPayment(1)"
|
||||
>
|
||||
开通会员
|
||||
{{ isMember.result === "1" ? '立即续费' : '开通会员'}}
|
||||
</button>
|
||||
|
||||
<!-- 兑换会员链接 -->
|
||||
|
|
|
|||
|
|
@ -112,8 +112,8 @@ async function getAttention() {
|
|||
|
||||
// 举报/编辑/删除
|
||||
const isDelete = ref(false);
|
||||
async function handleSelect(type) {
|
||||
// event.stopPropagation(); // 阻止事件冒泡
|
||||
async function handleSelect(event, type) {
|
||||
event.stopPropagation(); // 阻止事件冒泡
|
||||
if (type === "report") {
|
||||
isVisibleReport.value = true;
|
||||
// await request.get(`/WorkFlow/report?id=${id}`) // 举报
|
||||
|
|
@ -251,17 +251,17 @@ function handleTabChange(id) {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
async function addCollect(){
|
||||
try {
|
||||
const params = {
|
||||
"productId": versionByWorkInfo.value[currentTabsIndex.value].id,
|
||||
"productType": 0,
|
||||
"productType": detailsInfo.value.modelType,
|
||||
collectType:0
|
||||
}
|
||||
const res = await request.post("/collect/addCollect", params);
|
||||
if (res.code === 200) {
|
||||
versionByWorkInfo.value[currentTabsIndex.value].isCollect = res.data
|
||||
if(res.data === 0){
|
||||
if(res.data === 1){
|
||||
message.success("已加入模型库, 可通过在线生图使用");
|
||||
}else{
|
||||
message.success("已从模型库中移除");
|
||||
|
|
@ -533,14 +533,14 @@ async function handelDown(){
|
|||
>
|
||||
<component
|
||||
:is="
|
||||
versionByWorkInfo[currentTabsIndex].isCollect === 1
|
||||
versionByWorkInfo[currentTabsIndex].isCollect === 0
|
||||
? SquarePlus
|
||||
: SquareCheck
|
||||
"
|
||||
class="h-[20px] w-[20px] text-black menu-icon m-1 text-[#969798]"
|
||||
/>
|
||||
<span class="mr-1">
|
||||
{{ versionByWorkInfo[currentTabsIndex].isCollect === 1 ? '加入模型库' : '已加入'}}
|
||||
{{ versionByWorkInfo[currentTabsIndex].isCollect === 0 ? '加入模型库' : '已加入'}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -654,9 +654,14 @@ async function handelDown(){
|
|||
.n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active {
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
font-size: 24px;
|
||||
font-size: 24px !important;
|
||||
}
|
||||
|
||||
.n-tabs-tab--active{
|
||||
font-size: 24px !important;
|
||||
}
|
||||
// .n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--active, .n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active{
|
||||
// font-size: 20px;
|
||||
// }
|
||||
.n-tabs .n-tabs-bar {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
|
|
|||
|
|
@ -670,13 +670,13 @@ const closeBindingModal = () =>{
|
|||
</div>
|
||||
<div class="production-state-item mr-5">
|
||||
<span class="production-state-number font-bold">{{
|
||||
selectUserInfo.download ? selectUserInfo.download : 0
|
||||
selectUserInfo.modelDownloadNum + selectUserInfo.modelRunNum
|
||||
}}</span>
|
||||
作品被使用次数
|
||||
</div>
|
||||
<div class="production-state-item">
|
||||
<span class="production-state-number font-bold">{{
|
||||
selectUserInfo.likeCount ? selectUserInfo.likeCount : 0
|
||||
selectUserInfo.imageLikeNum + selectUserInfo.modelLikeNum
|
||||
}}</span>
|
||||
作品被点赞次数
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,323 @@
|
|||
<template>
|
||||
<div class="upload-container">
|
||||
<div class="fileUpload">
|
||||
<div class="item-upload">
|
||||
<span v-if="required" class="required">*</span>
|
||||
<n-button type="success" onclick="document.getElementById('fpfileName').click()">
|
||||
文件选择
|
||||
</n-button>
|
||||
<!-- <el-button type="primary" οnclick="document.getElementById('fpfileName').click()">文件选择</el-button> -->
|
||||
<input
|
||||
type="file"
|
||||
id="fpfileName"
|
||||
class="file2"
|
||||
style="display: none"
|
||||
@change="selectFile"
|
||||
/>
|
||||
</div>
|
||||
<div v-if="showFileName" class="item-info">
|
||||
{{ fileName }}
|
||||
</div>
|
||||
<div v-else class="item-info">支持{{ getAcceptType() }}文件格式</div>
|
||||
<div v-if="progress > 0" class="item-cancel">
|
||||
<n-button type="success" style="margin-top: 5px" @click="cancelUploadInfo">
|
||||
X
|
||||
</n-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-process" v-if="progress > 0">
|
||||
<n-progress
|
||||
type="line"
|
||||
:percentage="progress"
|
||||
indicator-placement="inside"
|
||||
processing
|
||||
/>
|
||||
<!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="progress"/> -->
|
||||
</div>
|
||||
<div v-if="requiredValid" class="item-valid">请上传文件</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
// import { message } from 'element-plus';
|
||||
// import { request } from "http";
|
||||
import { defineComponent, onMounted, reactive, toRefs } from "vue";
|
||||
export default defineComponent({
|
||||
name: "file-upload",
|
||||
props: {
|
||||
//文件接受类型
|
||||
accept: {
|
||||
type: Array,
|
||||
default: ["doc", "docx", "pdf", "safetensors", "ckpt"],
|
||||
},
|
||||
//是否必填
|
||||
required: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
//文件限制大小
|
||||
fileSize: {
|
||||
type: Number,
|
||||
default: 2000,
|
||||
},
|
||||
},
|
||||
setup(props) {
|
||||
const data = reactive({
|
||||
file: null,
|
||||
fileName: "",
|
||||
fileSize: 0,
|
||||
progress: 0,
|
||||
objectKey: "",
|
||||
chunkSize: 5 * 1024 * 1024,
|
||||
totalChunks: 0,
|
||||
currentChunk: 1,
|
||||
uploadId: "",
|
||||
partArr: [],
|
||||
showFileName: false,
|
||||
bucketName: "",
|
||||
objectKeyName: "",
|
||||
required: props.required,
|
||||
requiredValid: false,
|
||||
});
|
||||
const message = useMessage();
|
||||
|
||||
// 选择文件
|
||||
const selectFile = async (event) => {
|
||||
data.file = event.target.files[0];
|
||||
event.target.value = "";
|
||||
if (data?.file?.size) {
|
||||
const fileSize = Math.round((data?.file?.size / 1024 / 1024) * 100) / 100;
|
||||
if (fileSize > props.fileSize) {
|
||||
message.warning("文件大小超过上限" + props.fileSize + "MB");
|
||||
return;
|
||||
}
|
||||
data.fileSize = fileSize;
|
||||
console.log(data.fileSize);
|
||||
const fileName = data.file.name;
|
||||
const index = fileName.lastIndexOf(".");
|
||||
const fileType = fileName.substring(index + 1, fileName.length);
|
||||
if (!props.accept.includes(fileType)) {
|
||||
message.warning("文件类型不支持");
|
||||
return;
|
||||
}
|
||||
data.progress = 0;
|
||||
data.fileName = data.file.name;
|
||||
data.showFileName = true;
|
||||
data.totalChunks = Math.ceil(data.file.size / data.chunkSize);
|
||||
data.objectKey = guid() + "." + fileType;
|
||||
const res = await request.get("/file/getUploadId/" + data.objectKey);
|
||||
data.uploadId = res.data;
|
||||
data.progress = 1;
|
||||
uploadFile();
|
||||
// getUploadId(data.objectKey).then((res)=>{
|
||||
// data.uploadId = res.data
|
||||
// data.progress = 1;
|
||||
// uploadFile();
|
||||
// })
|
||||
}
|
||||
};
|
||||
|
||||
// 文件上传
|
||||
const uploadFile = async () => {
|
||||
const index = data.currentChunk - 1;
|
||||
const start = index * data.chunkSize;
|
||||
const end = Math.min((index + 1) * data.chunkSize, data.file.size);
|
||||
const formData = new FormData();
|
||||
formData.append("file", data.file.slice(start, end));
|
||||
formData.append("chunk", data.currentChunk);
|
||||
formData.append("objectKey", data.objectKey);
|
||||
formData.append("uploadId", data.uploadId);
|
||||
// 调用后端接口上传切片数据
|
||||
try {
|
||||
const res = await request.post("/file/chunk", formData, {
|
||||
headers: {
|
||||
"Content-Type": "multipart/form-data",
|
||||
},
|
||||
});
|
||||
data.partArr.push(res.data);
|
||||
console.log(data.progress);
|
||||
data.currentChunk++;
|
||||
data.progress = Math.floor((data.currentChunk / data.totalChunks) * 100);
|
||||
if (data.currentChunk <= data.totalChunks) {
|
||||
uploadFile();
|
||||
} else {
|
||||
// 所有切片上传完成
|
||||
data.progress = 99;
|
||||
console.log(data.progress);
|
||||
complete();
|
||||
}
|
||||
} catch (err) {
|
||||
initParam();
|
||||
console.error("切片上传失败：", error);
|
||||
message.warning("文件上传异常或上传已取消");
|
||||
}
|
||||
// uploadFileInfo(formData).then((res) => {
|
||||
// data.partArr.push(res.data)
|
||||
// console.log(data.progress)
|
||||
// data.currentChunk++;
|
||||
// data.progress = Math.floor((data.currentChunk / data.totalChunks) * 100);
|
||||
// if (data.currentChunk <= data.totalChunks) {
|
||||
// uploadFile();
|
||||
// } else {
|
||||
// // 所有切片上传完成
|
||||
// data.progress = 99;
|
||||
// console.log(data.progress)
|
||||
// complete();
|
||||
// }
|
||||
// }).catch((error) => {
|
||||
// initParam()
|
||||
// console.error('切片上传失败：', error);
|
||||
// message.warning("文件上传异常或上传已取消")
|
||||
// });
|
||||
};
|
||||
|
||||
// 上传完成并合并分段上传
|
||||
const complete = async () => {
|
||||
try {
|
||||
const res = await request.post(
|
||||
`/file/completeUpload?objectKey=${data.objectKey}&uploadId=${data.uploadId}`,
|
||||
data.partArr
|
||||
);
|
||||
console.log("文件上传完成");
|
||||
console.log(res);
|
||||
data.bucketName = res.data.bucketName;
|
||||
data.objectKeyName = res.data.objectKey;
|
||||
data.progress = 100;
|
||||
initParam();
|
||||
} catch (err) {
|
||||
console.error("文件上传失败：", error);
|
||||
message.warning('"文件上传失败"');
|
||||
}
|
||||
// completeUpload(data.partArr,data.objectKey,data.uploadId).then((res) => {
|
||||
// console.log('文件上传完成');
|
||||
// console.log(res);
|
||||
// data.bucketName = res.data.bucketName
|
||||
// data.objectKeyName = res.data.objectKey
|
||||
// data.progress = 100;
|
||||
// initParam()
|
||||
// }).catch((error) => {
|
||||
// console.error('文件上传失败：', error);
|
||||
// message.error("文件上传失败")
|
||||
// });
|
||||
};
|
||||
|
||||
// 取消上传
|
||||
const cancelUploadInfo = () => {
|
||||
if (data.progress !== 100) {
|
||||
cancelUpload(data.objectKey, data.uploadId).then(() => {
|
||||
data.progress = 0;
|
||||
data.showFileName = false;
|
||||
initParam();
|
||||
});
|
||||
} else {
|
||||
data.progress = 0;
|
||||
data.showFileName = false;
|
||||
initParam();
|
||||
}
|
||||
};
|
||||
|
||||
const getAcceptType = () => {
|
||||
let str = "";
|
||||
if (props.accept) {
|
||||
for (let item of props.accept) {
|
||||
str += item + ",";
|
||||
}
|
||||
}
|
||||
return str.substr(0, str.length - 1);
|
||||
};
|
||||
|
||||
// 构建uuid
|
||||
const guid = () => {
|
||||
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
|
||||
var r = (Math.random() * 16) | 0,
|
||||
v = c == "x" ? r : (r & 0x3) | 0x8;
|
||||
return v.toString(16);
|
||||
});
|
||||
};
|
||||
|
||||
// 初始化参数
|
||||
const initParam = () => {
|
||||
data.file = null;
|
||||
data.objectKey = "";
|
||||
data.totalChunks = 0;
|
||||
data.currentChunk = 1;
|
||||
data.uploadId = "";
|
||||
data.partArr = [];
|
||||
data.requiredValid = false;
|
||||
};
|
||||
|
||||
// 必传校验
|
||||
const validRequired = () => {
|
||||
if (data.bucketName && data.objectKeyName) {
|
||||
data.requiredValid = false;
|
||||
return true;
|
||||
} else {
|
||||
data.requiredValid = true;
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
// 返回上传结果 桶名称、文件名、文件大小
|
||||
const getUploadInfo = () => {
|
||||
return {
|
||||
bucketName: data.bucketName,
|
||||
fileName: data.objectKeyName,
|
||||
fileSize: data.fileSize,
|
||||
};
|
||||
};
|
||||
|
||||
// 初始化
|
||||
onMounted(() => {
|
||||
data.progress = 0;
|
||||
});
|
||||
|
||||
return {
|
||||
...toRefs(data),
|
||||
selectFile,
|
||||
uploadFile,
|
||||
getAcceptType,
|
||||
validRequired,
|
||||
getUploadInfo,
|
||||
cancelUploadInfo,
|
||||
};
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<style scoped>
|
||||
.upload-container {
|
||||
.fileUpload {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 0px 8px;
|
||||
.item-upload {
|
||||
width: 100px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.required {
|
||||
color: red;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
}
|
||||
.item-info {
|
||||
flex: 1;
|
||||
padding-top: 12px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.item-cancel {
|
||||
width: 30px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
.item-process {
|
||||
margin-top: 5px;
|
||||
padding: 0px 23px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.item-valid {
|
||||
color: red;
|
||||
padding: 0px 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -133,6 +133,7 @@ const showWalletModal = ref(false);
|
|||
const showModal = () => {
|
||||
showWalletModal.value = true;
|
||||
};
|
||||
const message = useMessage();
|
||||
const closeWalletModal = () => {
|
||||
showWalletModal.value = false;
|
||||
needWalletNum.value = 0
|
||||
|
|
@ -156,6 +157,7 @@ getIntegralGold();
|
|||
const needWalletNum = ref(0)
|
||||
const handleWallet = async() =>{
|
||||
if(isAmount(needWalletNum.value)){
|
||||
if(needWalletNum.value > integralGold.value.wallet) return message.warning('可提现金额不足')
|
||||
try {
|
||||
const res = await request.get(`/ali/pay/fetch?amount=${needWalletNum.value}`);
|
||||
if (res.code === 200) {
|
||||
|
|
|
|||
|
|
@ -103,7 +103,8 @@ async function getAttention() {
|
|||
|
||||
// 举报/编辑/删除
|
||||
const isDelete = ref(false)
|
||||
async function handleSelect(type) {
|
||||
async function handleSelect(event,type) {
|
||||
event.stopPropagation(); // 阻止事件冒泡
|
||||
if (type === 'report') {
|
||||
// await request.get(`/WorkFlow/report?id=${id}`) // 举报
|
||||
isVisibleReport.value = true;
|
||||
|
|
@ -243,12 +244,12 @@ async function addCollect(){
|
|||
try {
|
||||
const params = {
|
||||
"productId": versionByWorkInfo.value[currentTabsIndex.value].id,
|
||||
"productType": 1,
|
||||
"collectType": 1,
|
||||
}
|
||||
const res = await request.post("/collect/addCollect", params);
|
||||
if (res.code === 200) {
|
||||
versionByWorkInfo.value[currentTabsIndex.value].isCollect = res.data
|
||||
if(res.data === 0){
|
||||
if(res.data === 1){
|
||||
message.success("已加入收藏");
|
||||
}else{
|
||||
message.success("已取消收藏");
|
||||
|
|
@ -525,14 +526,14 @@ async function handelDown(){
|
|||
>
|
||||
<component
|
||||
:is="
|
||||
versionByWorkInfo[currentTabsIndex].isCollect === 1
|
||||
versionByWorkInfo[currentTabsIndex].isCollect === 0
|
||||
? SquarePlus
|
||||
: SquareCheck
|
||||
"
|
||||
class="h-[20px] w-[20px] text-black menu-icon m-1 text-[#969798]"
|
||||
/>
|
||||
<span class="mr-1">
|
||||
{{ versionByWorkInfo[currentTabsIndex].isCollect === 1 ? '加入收藏' : '已收藏'}}
|
||||
{{ versionByWorkInfo[currentTabsIndex].isCollect === 0 ? '加入收藏' : '已收藏'}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ export function handleError(error: any) {
|
|||
message.error('请求地址不存在')
|
||||
break
|
||||
case 500:
|
||||
message.error('服务器内部错误')
|
||||
message.error(error)
|
||||
break
|
||||
default:
|
||||
message.error(`请求失败: ${error.message}`)
|
||||
|
|
|
|||
|
|
@ -112,9 +112,9 @@ class RequestHttp {
|
|||
case 404:
|
||||
message.error('请求的资源不存在')
|
||||
break
|
||||
// case 500:
|
||||
// message.error('服务器错误')
|
||||
// break
|
||||
case 500:
|
||||
message.error('服务器错误')
|
||||
break
|
||||
default:
|
||||
message.error('未知错误')
|
||||
}
|
||||
|
|
@ -171,7 +171,7 @@ class RequestHttp {
|
|||
|
||||
const request = new RequestHttp({
|
||||
baseURL: import.meta.env.VITE_NUXT_ENV || '/api',
|
||||
timeout: 15000,
|
||||
timeout: 20000,
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
|
|
|
|||
|
|
@ -0,0 +1,751 @@
|
|||
(function (factory) {
|
||||
if (typeof exports === 'object') {
|
||||
// Node/CommonJS
|
||||
module.exports = factory();
|
||||
} else if (typeof define === 'function' && define.amd) {
|
||||
// AMD
|
||||
define(factory);
|
||||
} else {
|
||||
// Browser globals (with support for web workers)
|
||||
var glob;
|
||||
|
||||
try {
|
||||
glob = window;
|
||||
} catch (e) {
|
||||
glob = self;
|
||||
}
|
||||
|
||||
glob.SparkMD5 = factory();
|
||||
}
|
||||
}(function (undefined) {
|
||||
|
||||
'use strict';
|
||||
|
||||
/*
|
||||
* Fastest md5 implementation around (JKM md5).
|
||||
* Credits: Joseph Myers
|
||||
*
|
||||
* @see http://www.myersdaily.org/joseph/javascript/md5-text.html
|
||||
* @see http://jsperf.com/md5-shootout/7
|
||||
*/
|
||||
|
||||
/* this function is much faster,
|
||||
so if possible we use it. Some IEs
|
||||
are the only ones I know of that
|
||||
need the idiotic second function,
|
||||
generated by an if clause. */
|
||||
var add32 = function (a, b) {
|
||||
return (a + b) & 0xFFFFFFFF;
|
||||
},
|
||||
hex_chr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'];
|
||||
|
||||
|
||||
function cmn(q, a, b, x, s, t) {
|
||||
a = add32(add32(a, q), add32(x, t));
|
||||
return add32((a << s) | (a >>> (32 - s)), b);
|
||||
}
|
||||
|
||||
function md5cycle(x, k) {
|
||||
var a = x[0],
|
||||
b = x[1],
|
||||
c = x[2],
|
||||
d = x[3];
|
||||
|
||||
a += (b & c | ~b & d) + k[0] - 680876936 | 0;
|
||||
a = (a << 7 | a >>> 25) + b | 0;
|
||||
d += (a & b | ~a & c) + k[1] - 389564586 | 0;
|
||||
d = (d << 12 | d >>> 20) + a | 0;
|
||||
c += (d & a | ~d & b) + k[2] + 606105819 | 0;
|
||||
c = (c << 17 | c >>> 15) + d | 0;
|
||||
b += (c & d | ~c & a) + k[3] - 1044525330 | 0;
|
||||
b = (b << 22 | b >>> 10) + c | 0;
|
||||
a += (b & c | ~b & d) + k[4] - 176418897 | 0;
|
||||
a = (a << 7 | a >>> 25) + b | 0;
|
||||
d += (a & b | ~a & c) + k[5] + 1200080426 | 0;
|
||||
d = (d << 12 | d >>> 20) + a | 0;
|
||||
c += (d & a | ~d & b) + k[6] - 1473231341 | 0;
|
||||
c = (c << 17 | c >>> 15) + d | 0;
|
||||
b += (c & d | ~c & a) + k[7] - 45705983 | 0;
|
||||
b = (b << 22 | b >>> 10) + c | 0;
|
||||
a += (b & c | ~b & d) + k[8] + 1770035416 | 0;
|
||||
a = (a << 7 | a >>> 25) + b | 0;
|
||||
d += (a & b | ~a & c) + k[9] - 1958414417 | 0;
|
||||
d = (d << 12 | d >>> 20) + a | 0;
|
||||
c += (d & a | ~d & b) + k[10] - 42063 | 0;
|
||||
c = (c << 17 | c >>> 15) + d | 0;
|
||||
b += (c & d | ~c & a) + k[11] - 1990404162 | 0;
|
||||
b = (b << 22 | b >>> 10) + c | 0;
|
||||
a += (b & c | ~b & d) + k[12] + 1804603682 | 0;
|
||||
a = (a << 7 | a >>> 25) + b | 0;
|
||||
d += (a & b | ~a & c) + k[13] - 40341101 | 0;
|
||||
d = (d << 12 | d >>> 20) + a | 0;
|
||||
c += (d & a | ~d & b) + k[14] - 1502002290 | 0;
|
||||
c = (c << 17 | c >>> 15) + d | 0;
|
||||
b += (c & d | ~c & a) + k[15] + 1236535329 | 0;
|
||||
b = (b << 22 | b >>> 10) + c | 0;
|
||||
|
||||
a += (b & d | c & ~d) + k[1] - 165796510 | 0;
|
||||
a = (a << 5 | a >>> 27) + b | 0;
|
||||
d += (a & c | b & ~c) + k[6] - 1069501632 | 0;
|
||||
d = (d << 9 | d >>> 23) + a | 0;
|
||||
c += (d & b | a & ~b) + k[11] + 643717713 | 0;
|
||||
c = (c << 14 | c >>> 18) + d | 0;
|
||||
b += (c & a | d & ~a) + k[0] - 373897302 | 0;
|
||||
b = (b << 20 | b >>> 12) + c | 0;
|
||||
a += (b & d | c & ~d) + k[5] - 701558691 | 0;
|
||||
a = (a << 5 | a >>> 27) + b | 0;
|
||||
d += (a & c | b & ~c) + k[10] + 38016083 | 0;
|
||||
d = (d << 9 | d >>> 23) + a | 0;
|
||||
c += (d & b | a & ~b) + k[15] - 660478335 | 0;
|
||||
c = (c << 14 | c >>> 18) + d | 0;
|
||||
b += (c & a | d & ~a) + k[4] - 405537848 | 0;
|
||||
b = (b << 20 | b >>> 12) + c | 0;
|
||||
a += (b & d | c & ~d) + k[9] + 568446438 | 0;
|
||||
a = (a << 5 | a >>> 27) + b | 0;
|
||||
d += (a & c | b & ~c) + k[14] - 1019803690 | 0;
|
||||
d = (d << 9 | d >>> 23) + a | 0;
|
||||
c += (d & b | a & ~b) + k[3] - 187363961 | 0;
|
||||
c = (c << 14 | c >>> 18) + d | 0;
|
||||
b += (c & a | d & ~a) + k[8] + 1163531501 | 0;
|
||||
b = (b << 20 | b >>> 12) + c | 0;
|
||||
a += (b & d | c & ~d) + k[13] - 1444681467 | 0;
|
||||
a = (a << 5 | a >>> 27) + b | 0;
|
||||
d += (a & c | b & ~c) + k[2] - 51403784 | 0;
|
||||
d = (d << 9 | d >>> 23) + a | 0;
|
||||
c += (d & b | a & ~b) + k[7] + 1735328473 | 0;
|
||||
c = (c << 14 | c >>> 18) + d | 0;
|
||||
b += (c & a | d & ~a) + k[12] - 1926607734 | 0;
|
||||
b = (b << 20 | b >>> 12) + c | 0;
|
||||
|
||||
a += (b ^ c ^ d) + k[5] - 378558 | 0;
|
||||
a = (a << 4 | a >>> 28) + b | 0;
|
||||
d += (a ^ b ^ c) + k[8] - 2022574463 | 0;
|
||||
d = (d << 11 | d >>> 21) + a | 0;
|
||||
c += (d ^ a ^ b) + k[11] + 1839030562 | 0;
|
||||
c = (c << 16 | c >>> 16) + d | 0;
|
||||
b += (c ^ d ^ a) + k[14] - 35309556 | 0;
|
||||
b = (b << 23 | b >>> 9) + c | 0;
|
||||
a += (b ^ c ^ d) + k[1] - 1530992060 | 0;
|
||||
a = (a << 4 | a >>> 28) + b | 0;
|
||||
d += (a ^ b ^ c) + k[4] + 1272893353 | 0;
|
||||
d = (d << 11 | d >>> 21) + a | 0;
|
||||
c += (d ^ a ^ b) + k[7] - 155497632 | 0;
|
||||
c = (c << 16 | c >>> 16) + d | 0;
|
||||
b += (c ^ d ^ a) + k[10] - 1094730640 | 0;
|
||||
b = (b << 23 | b >>> 9) + c | 0;
|
||||
a += (b ^ c ^ d) + k[13] + 681279174 | 0;
|
||||
a = (a << 4 | a >>> 28) + b | 0;
|
||||
d += (a ^ b ^ c) + k[0] - 358537222 | 0;
|
||||
d = (d << 11 | d >>> 21) + a | 0;
|
||||
c += (d ^ a ^ b) + k[3] - 722521979 | 0;
|
||||
c = (c << 16 | c >>> 16) + d | 0;
|
||||
b += (c ^ d ^ a) + k[6] + 76029189 | 0;
|
||||
b = (b << 23 | b >>> 9) + c | 0;
|
||||
a += (b ^ c ^ d) + k[9] - 640364487 | 0;
|
||||
a = (a << 4 | a >>> 28) + b | 0;
|
||||
d += (a ^ b ^ c) + k[12] - 421815835 | 0;
|
||||
d = (d << 11 | d >>> 21) + a | 0;
|
||||
c += (d ^ a ^ b) + k[15] + 530742520 | 0;
|
||||
c = (c << 16 | c >>> 16) + d | 0;
|
||||
b += (c ^ d ^ a) + k[2] - 995338651 | 0;
|
||||
b = (b << 23 | b >>> 9) + c | 0;
|
||||
|
||||
a += (c ^ (b | ~d)) + k[0] - 198630844 | 0;
|
||||
a = (a << 6 | a >>> 26) + b | 0;
|
||||
d += (b ^ (a | ~c)) + k[7] + 1126891415 | 0;
|
||||
d = (d << 10 | d >>> 22) + a | 0;
|
||||
c += (a ^ (d | ~b)) + k[14] - 1416354905 | 0;
|
||||
c = (c << 15 | c >>> 17) + d | 0;
|
||||
b += (d ^ (c | ~a)) + k[5] - 57434055 | 0;
|
||||
b = (b << 21 |b >>> 11) + c | 0;
|
||||
a += (c ^ (b | ~d)) + k[12] + 1700485571 | 0;
|
||||
a = (a << 6 | a >>> 26) + b | 0;
|
||||
d += (b ^ (a | ~c)) + k[3] - 1894986606 | 0;
|
||||
d = (d << 10 | d >>> 22) + a | 0;
|
||||
c += (a ^ (d | ~b)) + k[10] - 1051523 | 0;
|
||||
c = (c << 15 | c >>> 17) + d | 0;
|
||||
b += (d ^ (c | ~a)) + k[1] - 2054922799 | 0;
|
||||
b = (b << 21 |b >>> 11) + c | 0;
|
||||
a += (c ^ (b | ~d)) + k[8] + 1873313359 | 0;
|
||||
a = (a << 6 | a >>> 26) + b | 0;
|
||||
d += (b ^ (a | ~c)) + k[15] - 30611744 | 0;
|
||||
d = (d << 10 | d >>> 22) + a | 0;
|
||||
c += (a ^ (d | ~b)) + k[6] - 1560198380 | 0;
|
||||
c = (c << 15 | c >>> 17) + d | 0;
|
||||
b += (d ^ (c | ~a)) + k[13] + 1309151649 | 0;
|
||||
b = (b << 21 |b >>> 11) + c | 0;
|
||||
a += (c ^ (b | ~d)) + k[4] - 145523070 | 0;
|
||||
a = (a << 6 | a >>> 26) + b | 0;
|
||||
d += (b ^ (a | ~c)) + k[11] - 1120210379 | 0;
|
||||
d = (d << 10 | d >>> 22) + a | 0;
|
||||
c += (a ^ (d | ~b)) + k[2] + 718787259 | 0;
|
||||
c = (c << 15 | c >>> 17) + d | 0;
|
||||
b += (d ^ (c | ~a)) + k[9] - 343485551 | 0;
|
||||
b = (b << 21 | b >>> 11) + c | 0;
|
||||
|
||||
x[0] = a + x[0] | 0;
|
||||
x[1] = b + x[1] | 0;
|
||||
x[2] = c + x[2] | 0;
|
||||
x[3] = d + x[3] | 0;
|
||||
}
|
||||
|
||||
function md5blk(s) {
|
||||
var md5blks = [],
|
||||
i; /* Andy King said do it this way. */
|
||||
|
||||
for (i = 0; i < 64; i += 4) {
|
||||
md5blks[i >> 2] = s.charCodeAt(i) + (s.charCodeAt(i + 1) << 8) + (s.charCodeAt(i + 2) << 16) + (s.charCodeAt(i + 3) << 24);
|
||||
}
|
||||
return md5blks;
|
||||
}
|
||||
|
||||
function md5blk_array(a) {
|
||||
var md5blks = [],
|
||||
i; /* Andy King said do it this way. */
|
||||
|
||||
for (i = 0; i < 64; i += 4) {
|
||||
md5blks[i >> 2] = a[i] + (a[i + 1] << 8) + (a[i + 2] << 16) + (a[i + 3] << 24);
|
||||
}
|
||||
return md5blks;
|
||||
}
|
||||
|
||||
function md51(s) {
|
||||
var n = s.length,
|
||||
state = [1732584193, -271733879, -1732584194, 271733878],
|
||||
i,
|
||||
length,
|
||||
tail,
|
||||
tmp,
|
||||
lo,
|
||||
hi;
|
||||
|
||||
for (i = 64; i <= n; i += 64) {
|
||||
md5cycle(state, md5blk(s.substring(i - 64, i)));
|
||||
}
|
||||
s = s.substring(i - 64);
|
||||
length = s.length;
|
||||
tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
|
||||
for (i = 0; i < length; i += 1) {
|
||||
tail[i >> 2] |= s.charCodeAt(i) << ((i % 4) << 3);
|
||||
}
|
||||
tail[i >> 2] |= 0x80 << ((i % 4) << 3);
|
||||
if (i > 55) {
|
||||
md5cycle(state, tail);
|
||||
for (i = 0; i < 16; i += 1) {
|
||||
tail[i] = 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Beware that the final length might not fit in 32 bits so we take care of that
|
||||
tmp = n * 8;
|
||||
tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
|
||||
lo = parseInt(tmp[2], 16);
|
||||
hi = parseInt(tmp[1], 16) || 0;
|
||||
|
||||
tail[14] = lo;
|
||||
tail[15] = hi;
|
||||
|
||||
md5cycle(state, tail);
|
||||
return state;
|
||||
}
|
||||
|
||||
function md51_array(a) {
|
||||
var n = a.length,
|
||||
state = [1732584193, -271733879, -1732584194, 271733878],
|
||||
i,
|
||||
length,
|
||||
tail,
|
||||
tmp,
|
||||
lo,
|
||||
hi;
|
||||
|
||||
for (i = 64; i <= n; i += 64) {
|
||||
md5cycle(state, md5blk_array(a.subarray(i - 64, i)));
|
||||
}
|
||||
|
||||
// Not sure if it is a bug, however IE10 will always produce a sub array of length 1
|
||||
// containing the last element of the parent array if the sub array specified starts
|
||||
// beyond the length of the parent array - weird.
|
||||
// https://connect.microsoft.com/IE/feedback/details/771452/typed-array-subarray-issue
|
||||
a = (i - 64) < n ? a.subarray(i - 64) : new Uint8Array(0);
|
||||
|
||||
length = a.length;
|
||||
tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
|
||||
for (i = 0; i < length; i += 1) {
|
||||
tail[i >> 2] |= a[i] << ((i % 4) << 3);
|
||||
}
|
||||
|
||||
tail[i >> 2] |= 0x80 << ((i % 4) << 3);
|
||||
if (i > 55) {
|
||||
md5cycle(state, tail);
|
||||
for (i = 0; i < 16; i += 1) {
|
||||
tail[i] = 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Beware that the final length might not fit in 32 bits so we take care of that
|
||||
tmp = n * 8;
|
||||
tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
|
||||
lo = parseInt(tmp[2], 16);
|
||||
hi = parseInt(tmp[1], 16) || 0;
|
||||
|
||||
tail[14] = lo;
|
||||
tail[15] = hi;
|
||||
|
||||
md5cycle(state, tail);
|
||||
|
||||
return state;
|
||||
}
|
||||
|
||||
function rhex(n) {
|
||||
var s = '',
|
||||
j;
|
||||
for (j = 0; j < 4; j += 1) {
|
||||
s += hex_chr[(n >> (j * 8 + 4)) & 0x0F] + hex_chr[(n >> (j * 8)) & 0x0F];
|
||||
}
|
||||
return s;
|
||||
}
|
||||
|
||||
function hex(x) {
|
||||
var i;
|
||||
for (i = 0; i < x.length; i += 1) {
|
||||
x[i] = rhex(x[i]);
|
||||
}
|
||||
return x.join('');
|
||||
}
|
||||
|
||||
// In some cases the fast add32 function cannot be used..
|
||||
if (hex(md51('hello')) !== '5d41402abc4b2a76b9719d911017c592') {
|
||||
add32 = function (x, y) {
|
||||
var lsw = (x & 0xFFFF) + (y & 0xFFFF),
|
||||
msw = (x >> 16) + (y >> 16) + (lsw >> 16);
|
||||
return (msw << 16) | (lsw & 0xFFFF);
|
||||
};
|
||||
}
|
||||
|
||||
// ---------------------------------------------------
|
||||
|
||||
/**
|
||||
* ArrayBuffer slice polyfill.
|
||||
*
|
||||
* @see https://github.com/ttaubert/node-arraybuffer-slice
|
||||
*/
|
||||
|
||||
if (typeof ArrayBuffer !== 'undefined' && !ArrayBuffer.prototype.slice) {
|
||||
(function () {
|
||||
function clamp(val, length) {
|
||||
val = (val | 0) || 0;
|
||||
|
||||
if (val < 0) {
|
||||
return Math.max(val + length, 0);
|
||||
}
|
||||
|
||||
return Math.min(val, length);
|
||||
}
|
||||
|
||||
ArrayBuffer.prototype.slice = function (from, to) {
|
||||
var length = this.byteLength,
|
||||
begin = clamp(from, length),
|
||||
end = length,
|
||||
num,
|
||||
target,
|
||||
targetArray,
|
||||
sourceArray;
|
||||
|
||||
if (to !== undefined) {
|
||||
end = clamp(to, length);
|
||||
}
|
||||
|
||||
if (begin > end) {
|
||||
return new ArrayBuffer(0);
|
||||
}
|
||||
|
||||
num = end - begin;
|
||||
target = new ArrayBuffer(num);
|
||||
targetArray = new Uint8Array(target);
|
||||
|
||||
sourceArray = new Uint8Array(this, begin, num);
|
||||
targetArray.set(sourceArray);
|
||||
|
||||
return target;
|
||||
};
|
||||
})();
|
||||
}
|
||||
|
||||
// ---------------------------------------------------
|
||||
|
||||
/**
|
||||
* Helpers.
|
||||
*/
|
||||
|
||||
function toUtf8(str) {
|
||||
if (/[\u0080-\uFFFF]/.test(str)) {
|
||||
str = unescape(encodeURIComponent(str));
|
||||
}
|
||||
|
||||
return str;
|
||||
}
|
||||
|
||||
function utf8Str2ArrayBuffer(str, returnUInt8Array) {
|
||||
var length = str.length,
|
||||
buff = new ArrayBuffer(length),
|
||||
arr = new Uint8Array(buff),
|
||||
i;
|
||||
|
||||
for (i = 0; i < length; i += 1) {
|
||||
arr[i] = str.charCodeAt(i);
|
||||
}
|
||||
|
||||
return returnUInt8Array ? arr : buff;
|
||||
}
|
||||
|
||||
function arrayBuffer2Utf8Str(buff) {
|
||||
return String.fromCharCode.apply(null, new Uint8Array(buff));
|
||||
}
|
||||
|
||||
function concatenateArrayBuffers(first, second, returnUInt8Array) {
|
||||
var result = new Uint8Array(first.byteLength + second.byteLength);
|
||||
|
||||
result.set(new Uint8Array(first));
|
||||
result.set(new Uint8Array(second), first.byteLength);
|
||||
|
||||
return returnUInt8Array ? result : result.buffer;
|
||||
}
|
||||
|
||||
function hexToBinaryString(hex) {
|
||||
var bytes = [],
|
||||
length = hex.length,
|
||||
x;
|
||||
|
||||
for (x = 0; x < length - 1; x += 2) {
|
||||
bytes.push(parseInt(hex.substr(x, 2), 16));
|
||||
}
|
||||
|
||||
return String.fromCharCode.apply(String, bytes);
|
||||
}
|
||||
|
||||
// ---------------------------------------------------
|
||||
|
||||
/**
|
||||
* SparkMD5 OOP implementation.
|
||||
*
|
||||
* Use this class to perform an incremental md5, otherwise use the
|
||||
* static methods instead.
|
||||
*/
|
||||
|
||||
function SparkMD5() {
|
||||
// call reset to init the instance
|
||||
this.reset();
|
||||
}
|
||||
|
||||
/**
|
||||
* Appends a string.
|
||||
* A conversion will be applied if an utf8 string is detected.
|
||||
*
|
||||
* @param {String} str The string to be appended
|
||||
*
|
||||
* @return {SparkMD5} The instance itself
|
||||
*/
|
||||
SparkMD5.prototype.append = function (str) {
|
||||
// Converts the string to utf8 bytes if necessary
|
||||
// Then append as binary
|
||||
this.appendBinary(toUtf8(str));
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Appends a binary string.
|
||||
*
|
||||
* @param {String} contents The binary string to be appended
|
||||
*
|
||||
* @return {SparkMD5} The instance itself
|
||||
*/
|
||||
SparkMD5.prototype.appendBinary = function (contents) {
|
||||
this._buff += contents;
|
||||
this._length += contents.length;
|
||||
|
||||
var length = this._buff.length,
|
||||
i;
|
||||
|
||||
for (i = 64; i <= length; i += 64) {
|
||||
md5cycle(this._hash, md5blk(this._buff.substring(i - 64, i)));
|
||||
}
|
||||
|
||||
this._buff = this._buff.substring(i - 64);
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Finishes the incremental computation, reseting the internal state and
|
||||
* returning the result.
|
||||
*
|
||||
* @param {Boolean} raw True to get the raw string, false to get the hex string
|
||||
*
|
||||
* @return {String} The result
|
||||
*/
|
||||
SparkMD5.prototype.end = function (raw) {
|
||||
var buff = this._buff,
|
||||
length = buff.length,
|
||||
i,
|
||||
tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
ret;
|
||||
|
||||
for (i = 0; i < length; i += 1) {
|
||||
tail[i >> 2] |= buff.charCodeAt(i) << ((i % 4) << 3);
|
||||
}
|
||||
|
||||
this._finish(tail, length);
|
||||
ret = hex(this._hash);
|
||||
|
||||
if (raw) {
|
||||
ret = hexToBinaryString(ret);
|
||||
}
|
||||
|
||||
this.reset();
|
||||
|
||||
return ret;
|
||||
};
|
||||
|
||||
/**
|
||||
* Resets the internal state of the computation.
|
||||
*
|
||||
* @return {SparkMD5} The instance itself
|
||||
*/
|
||||
SparkMD5.prototype.reset = function () {
|
||||
this._buff = '';
|
||||
this._length = 0;
|
||||
this._hash = [1732584193, -271733879, -1732584194, 271733878];
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Gets the internal state of the computation.
|
||||
*
|
||||
* @return {Object} The state
|
||||
*/
|
||||
SparkMD5.prototype.getState = function () {
|
||||
return {
|
||||
buff: this._buff,
|
||||
length: this._length,
|
||||
hash: this._hash.slice()
|
||||
};
|
||||
};
|
||||
|
||||
/**
|
||||
* Gets the internal state of the computation.
|
||||
*
|
||||
* @param {Object} state The state
|
||||
*
|
||||
* @return {SparkMD5} The instance itself
|
||||
*/
|
||||
SparkMD5.prototype.setState = function (state) {
|
||||
this._buff = state.buff;
|
||||
this._length = state.length;
|
||||
this._hash = state.hash;
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Releases memory used by the incremental buffer and other additional
|
||||
* resources. If you plan to use the instance again, use reset instead.
|
||||
*/
|
||||
SparkMD5.prototype.destroy = function () {
|
||||
delete this._hash;
|
||||
delete this._buff;
|
||||
delete this._length;
|
||||
};
|
||||
|
||||
/**
|
||||
* Finish the final calculation based on the tail.
|
||||
*
|
||||
* @param {Array} tail The tail (will be modified)
|
||||
* @param {Number} length The length of the remaining buffer
|
||||
*/
|
||||
SparkMD5.prototype._finish = function (tail, length) {
|
||||
var i = length,
|
||||
tmp,
|
||||
lo,
|
||||
hi;
|
||||
|
||||
tail[i >> 2] |= 0x80 << ((i % 4) << 3);
|
||||
if (i > 55) {
|
||||
md5cycle(this._hash, tail);
|
||||
for (i = 0; i < 16; i += 1) {
|
||||
tail[i] = 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Do the final computation based on the tail and length
|
||||
// Beware that the final length may not fit in 32 bits so we take care of that
|
||||
tmp = this._length * 8;
|
||||
tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
|
||||
lo = parseInt(tmp[2], 16);
|
||||
hi = parseInt(tmp[1], 16) || 0;
|
||||
|
||||
tail[14] = lo;
|
||||
tail[15] = hi;
|
||||
md5cycle(this._hash, tail);
|
||||
};
|
||||
|
||||
/**
|
||||
* Performs the md5 hash on a string.
|
||||
* A conversion will be applied if utf8 string is detected.
|
||||
*
|
||||
* @param {String} str The string
|
||||
* @param {Boolean} [raw] True to get the raw string, false to get the hex string
|
||||
*
|
||||
* @return {String} The result
|
||||
*/
|
||||
SparkMD5.hash = function (str, raw) {
|
||||
// Converts the string to utf8 bytes if necessary
|
||||
// Then compute it using the binary function
|
||||
return SparkMD5.hashBinary(toUtf8(str), raw);
|
||||
};
|
||||
|
||||
/**
|
||||
* Performs the md5 hash on a binary string.
|
||||
*
|
||||
* @param {String} content The binary string
|
||||
* @param {Boolean} [raw] True to get the raw string, false to get the hex string
|
||||
*
|
||||
* @return {String} The result
|
||||
*/
|
||||
SparkMD5.hashBinary = function (content, raw) {
|
||||
var hash = md51(content),
|
||||
ret = hex(hash);
|
||||
|
||||
return raw ? hexToBinaryString(ret) : ret;
|
||||
};
|
||||
|
||||
// ---------------------------------------------------
|
||||
|
||||
/**
|
||||
* SparkMD5 OOP implementation for array buffers.
|
||||
*
|
||||
* Use this class to perform an incremental md5 ONLY for array buffers.
|
||||
*/
|
||||
SparkMD5.ArrayBuffer = function () {
|
||||
// call reset to init the instance
|
||||
this.reset();
|
||||
};
|
||||
|
||||
/**
|
||||
* Appends an array buffer.
|
||||
*
|
||||
* @param {ArrayBuffer} arr The array to be appended
|
||||
*
|
||||
* @return {SparkMD5.ArrayBuffer} The instance itself
|
||||
*/
|
||||
SparkMD5.ArrayBuffer.prototype.append = function (arr) {
|
||||
var buff = concatenateArrayBuffers(this._buff.buffer, arr, true),
|
||||
length = buff.length,
|
||||
i;
|
||||
|
||||
this._length += arr.byteLength;
|
||||
|
||||
for (i = 64; i <= length; i += 64) {
|
||||
md5cycle(this._hash, md5blk_array(buff.subarray(i - 64, i)));
|
||||
}
|
||||
|
||||
this._buff = (i - 64) < length ? new Uint8Array(buff.buffer.slice(i - 64)) : new Uint8Array(0);
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Finishes the incremental computation, reseting the internal state and
|
||||
* returning the result.
|
||||
*
|
||||
* @param {Boolean} raw True to get the raw string, false to get the hex string
|
||||
*
|
||||
* @return {String} The result
|
||||
*/
|
||||
SparkMD5.ArrayBuffer.prototype.end = function (raw) {
|
||||
var buff = this._buff,
|
||||
length = buff.length,
|
||||
tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
|
||||
i,
|
||||
ret;
|
||||
|
||||
for (i = 0; i < length; i += 1) {
|
||||
tail[i >> 2] |= buff[i] << ((i % 4) << 3);
|
||||
}
|
||||
|
||||
this._finish(tail, length);
|
||||
ret = hex(this._hash);
|
||||
|
||||
if (raw) {
|
||||
ret = hexToBinaryString(ret);
|
||||
}
|
||||
|
||||
this.reset();
|
||||
|
||||
return ret;
|
||||
};
|
||||
|
||||
/**
|
||||
* Resets the internal state of the computation.
|
||||
*
|
||||
* @return {SparkMD5.ArrayBuffer} The instance itself
|
||||
*/
|
||||
SparkMD5.ArrayBuffer.prototype.reset = function () {
|
||||
this._buff = new Uint8Array(0);
|
||||
this._length = 0;
|
||||
this._hash = [1732584193, -271733879, -1732584194, 271733878];
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
/**
|
||||
* Gets the internal state of the computation.
|
||||
*
|
||||
* @return {Object} The state
|
||||
*/
|
||||
SparkMD5.ArrayBuffer.prototype.getState = function () {
|
||||
var state = SparkMD5.prototype.getState.call(this);
|
||||
|
||||
// Convert buffer to a string
|
||||
state.buff = arrayBuffer2Utf8Str(state.buff);
|
||||
|
||||
return state;
|
||||
};
|
||||
|
||||
/**
|
||||
* Gets the internal state of the computation.
|
||||
*
|
||||
* @param {Object} state The state
|
||||
*
|
||||
* @return {SparkMD5.ArrayBuffer} The instance itself
|
||||
*/
|
||||
SparkMD5.ArrayBuffer.prototype.setState = function (state) {
|
||||
// Convert string to buffer
|
||||
state.buff = utf8Str2ArrayBuffer(state.buff, true);
|
||||
|
||||
return SparkMD5.prototype.setState.call(this, state);
|
||||
};
|
||||
|
||||
SparkMD5.ArrayBuffer.prototype.destroy = SparkMD5.prototype.destroy;
|
||||
|
||||
SparkMD5.ArrayBuffer.prototype._finish = SparkMD5.prototype._finish;
|
||||
|
||||
/**
|
||||
* Performs the md5 hash on an array buffer.
|
||||
*
|
||||
* @param {ArrayBuffer} arr The array buffer
|
||||
* @param {Boolean} [raw] True to get the raw string, false to get the hex one
|
||||
*
|
||||
* @return {String} The result
|
||||
*/
|
||||
SparkMD5.ArrayBuffer.hash = function (arr, raw) {
|
||||
var hash = md51_array(new Uint8Array(arr)),
|
||||
ret = hex(hash);
|
||||
|
||||
return raw ? hexToBinaryString(ret) : ret;
|
||||
};
|
||||
|
||||
return SparkMD5;
|
||||
}));
|
||||
|
|
@ -64,3 +64,57 @@ export async function uploadFileBatches(files, batchSize = 3) {
|
|||
}
|
||||
return uploadResults
|
||||
}
|
||||
// 定义进度类型
|
||||
interface UploadProgress {
|
||||
fileName: string
|
||||
progress: number
|
||||
status: 'pending' | 'uploading' | 'success' | 'error'
|
||||
}
|
||||
|
||||
export async function uploadFile(
|
||||
file: File,
|
||||
onProgress?: (progress: UploadProgress) => void
|
||||
) {
|
||||
const progressData: UploadProgress = {
|
||||
fileName: file.name,
|
||||
progress: 0,
|
||||
status: 'pending'
|
||||
}
|
||||
|
||||
try {
|
||||
const formData = new FormData()
|
||||
formData.append('file', file)
|
||||
|
||||
progressData.status = 'uploading'
|
||||
onProgress?.(progressData)
|
||||
|
||||
const res = await request.post<ApiResponse<{ url: string }>>(
|
||||
'/file/fileUpload',
|
||||
formData,
|
||||
{
|
||||
headers: {
|
||||
'Content-Type': 'multipart/form-data',
|
||||
},
|
||||
onUploadProgress: (progressEvent:any) => {
|
||||
if (progressEvent.total) {
|
||||
const percent = Math.round(
|
||||
(progressEvent.loaded * 100) / progressEvent.total
|
||||
)
|
||||
progressData.progress = percent
|
||||
onProgress?.(progressData)
|
||||
}
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
progressData.status = 'success'
|
||||
progressData.progress = 100
|
||||
onProgress?.(progressData)
|
||||
return res.data
|
||||
|
||||
} catch (error) {
|
||||
progressData.status = 'error'
|
||||
onProgress?.(progressData)
|
||||
throw new Error('文件上传失败!')
|
||||
}
|
||||
}
|
||||
|
|
@ -85,7 +85,7 @@ export default defineNuxtConfig({
|
|||
'/api': {
|
||||
// target: 'http://1.13.246.108:8080', // 线上
|
||||
target: 'http://192.168.2.10:8080', // 代
|
||||
// target: 'http://192.168.2.7:8080', // 嗨
|
||||
// target: 'http://192.168.2.5:8080', // 嗨
|
||||
// target: 'https://2d1a399f.r27.cpolar.top', // 嗨
|
||||
changeOrigin: true,
|
||||
prependPath: true,
|
||||
|
|
|
|||
|
|
@ -26,6 +26,7 @@
|
|||
"lucide-vue-next": "^0.471.0",
|
||||
"naive-ui": "^2.41.0",
|
||||
"pinia-plugin-persistedstate": "^4.2.0",
|
||||
"spark-md5": "^3.0.2",
|
||||
"wangeditor": "^4.7.15",
|
||||
"zipson": "^0.2.12"
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue