salary
qsh
6 months ago
parent
de522af86f
commit
a557255b4a
@ -0,0 +1,45 @@ |
|||||||
|
import request from '@/config/axios' |
||||||
|
|
||||||
|
export interface FilePageReqVO extends PageParam { |
||||||
|
path?: string |
||||||
|
type?: string |
||||||
|
createTime?: Date[] |
||||||
|
} |
||||||
|
|
||||||
|
// 文件预签名地址 Response VO
|
||||||
|
export interface FilePresignedUrlRespVO { |
||||||
|
// 文件配置编号
|
||||||
|
configId: number |
||||||
|
// 文件上传 URL
|
||||||
|
uploadUrl: string |
||||||
|
// 文件 URL
|
||||||
|
url: string |
||||||
|
} |
||||||
|
|
||||||
|
// 查询文件列表
|
||||||
|
export const getFilePage = (params: FilePageReqVO) => { |
||||||
|
return request.get({ url: '/infra/file/page', params }) |
||||||
|
} |
||||||
|
|
||||||
|
// 删除文件
|
||||||
|
export const deleteFile = (id: number) => { |
||||||
|
return request.delete({ url: '/infra/file/delete?id=' + id }) |
||||||
|
} |
||||||
|
|
||||||
|
// 获取文件预签名地址
|
||||||
|
export const getFilePresignedUrl = (path: string) => { |
||||||
|
return request.get<FilePresignedUrlRespVO>({ |
||||||
|
url: '/infra/file/presigned-url', |
||||||
|
params: { path } |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
// 创建文件
|
||||||
|
export const createFile = (data: any) => { |
||||||
|
return request.post({ url: '/infra/file/create', data }) |
||||||
|
} |
||||||
|
|
||||||
|
// 上传文件
|
||||||
|
export const updateFile = (data: any) => { |
||||||
|
return request.upload({ url: '/admin-api/system/file/upload', data }) |
||||||
|
} |
||||||
@ -1,25 +1,25 @@ |
|||||||
import request from '@/config/axios' |
import request from '@/config/axios' |
||||||
// 查询列表
|
// 查询列表
|
||||||
export const getProductPage = async (params) => { |
export const getProductPage = async (params) => { |
||||||
return await request.get({ url: '/admin-api/crm/erp-product//page', params }) |
return await request.get({ url: '/admin-api/crm/erp-product/page', params }) |
||||||
} |
} |
||||||
|
|
||||||
// 查询详情
|
// 查询详情
|
||||||
export const getProduct = async (id) => { |
export const getProduct = async (id) => { |
||||||
return await request.get({ url: '/admin-api/crm/erp-product//get?id=' + id }) |
return await request.get({ url: '/admin-api/crm/erp-product/get?id=' + id }) |
||||||
} |
} |
||||||
|
|
||||||
// 新增
|
// 新增
|
||||||
export const createProduct = async (data) => { |
export const createProduct = async (data) => { |
||||||
return await request.post({ url: '/admin-api/crm/erp-product//create', data: data }) |
return await request.post({ url: '/admin-api/crm/erp-product/create', data: data }) |
||||||
} |
} |
||||||
|
|
||||||
// 修改
|
// 修改
|
||||||
export const updateProduct = async (params) => { |
export const updateProduct = async (params) => { |
||||||
return await request.put({ url: '/admin-api/crm/erp-product//update', data: params }) |
return await request.put({ url: '/admin-api/crm/erp-product/update', data: params }) |
||||||
} |
} |
||||||
|
|
||||||
// 删除
|
// 删除
|
||||||
export const deleteProduct = async (id) => { |
export const deleteProduct = async (id) => { |
||||||
return await request.delete({ url: '/admin-api/crm/erp-product//delete?id=' + id }) |
return await request.delete({ url: '/admin-api/crm/erp-product/delete?id=' + id }) |
||||||
} |
} |
||||||
|
|||||||
@ -0,0 +1,93 @@ |
|||||||
|
import * as FileApi from '@/api/infra/file' |
||||||
|
import CryptoJS from 'crypto-js' |
||||||
|
import { UploadRawFile, UploadRequestOptions } from 'element-plus/es/components/upload/src/upload' |
||||||
|
import axios from 'axios' |
||||||
|
|
||||||
|
export const useUpload = () => { |
||||||
|
// 后端上传地址
|
||||||
|
const uploadUrl = import.meta.env.VITE_UPLOAD_URL |
||||||
|
// 是否使用前端直连上传
|
||||||
|
const isClientUpload = UPLOAD_TYPE.CLIENT === import.meta.env.VITE_UPLOAD_TYPE |
||||||
|
// 重写ElUpload上传方法
|
||||||
|
const httpRequest = async (options: UploadRequestOptions) => { |
||||||
|
// 模式一：前端上传
|
||||||
|
if (isClientUpload) { |
||||||
|
// 1.1 生成文件名称
|
||||||
|
const fileName = await generateFileName(options.file) |
||||||
|
// 1.2 获取文件预签名地址
|
||||||
|
const presignedInfo = await FileApi.getFilePresignedUrl(fileName) |
||||||
|
// 1.3 上传文件（不能使用 ElUpload 的 ajaxUpload 方法的原因：其使用的是 FormData 上传，Minio 不支持）
|
||||||
|
return axios.put(presignedInfo.uploadUrl, options.file).then(() => { |
||||||
|
// 1.4. 记录文件信息到后端（异步）
|
||||||
|
createFile(presignedInfo, fileName, options.file) |
||||||
|
// 通知成功，数据格式保持与后端上传的返回结果一致
|
||||||
|
return { data: presignedInfo.url } |
||||||
|
}) |
||||||
|
} else { |
||||||
|
// 模式二：后端上传
|
||||||
|
// 重写 el-upload httpRequest 文件上传成功会走成功的钩子，失败走失败的钩子
|
||||||
|
return new Promise((resolve, reject) => { |
||||||
|
FileApi.updateFile({ file: options.file }) |
||||||
|
.then((res) => { |
||||||
|
if (res.code === 0) { |
||||||
|
resolve(res) |
||||||
|
} else { |
||||||
|
reject(res) |
||||||
|
} |
||||||
|
}) |
||||||
|
.catch((res) => { |
||||||
|
reject(res) |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
return { |
||||||
|
uploadUrl, |
||||||
|
httpRequest |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 创建文件信息 |
||||||
|
* @param vo 文件预签名信息 |
||||||
|
* @param name 文件名称 |
||||||
|
* @param file 文件 |
||||||
|
*/ |
||||||
|
function createFile(vo: FileApi.FilePresignedUrlRespVO, name: string, file: UploadRawFile) { |
||||||
|
const fileVo = { |
||||||
|
configId: vo.configId, |
||||||
|
url: vo.url, |
||||||
|
path: name, |
||||||
|
name: file.name, |
||||||
|
type: file.type, |
||||||
|
size: file.size |
||||||
|
} |
||||||
|
FileApi.createFile(fileVo) |
||||||
|
return fileVo |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 生成文件名称（使用算法SHA256） |
||||||
|
* @param file 要上传的文件 |
||||||
|
*/ |
||||||
|
async function generateFileName(file: UploadRawFile) { |
||||||
|
// 读取文件内容
|
||||||
|
const data = await file.arrayBuffer() |
||||||
|
const wordArray = CryptoJS.lib.WordArray.create(data) |
||||||
|
// 计算SHA256
|
||||||
|
const sha256 = CryptoJS.SHA256(wordArray).toString() |
||||||
|
// 拼接后缀
|
||||||
|
const ext = file.name.substring(file.name.lastIndexOf('.')) |
||||||
|
return `${sha256}${ext}` |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 上传类型 |
||||||
|
*/ |
||||||
|
enum UPLOAD_TYPE { |
||||||
|
// 客户端直接上传（只支持S3服务）
|
||||||
|
CLIENT = 'client', |
||||||
|
// 客户端发送到后端上传
|
||||||
|
SERVER = 'server' |
||||||
|
} |
||||||
@ -0,0 +1,50 @@ |
|||||||
|
<template> |
||||||
|
<el-form :model="form" ref="formRef" label-width="auto"> |
||||||
|
<el-form-item label="售后申请自动通过"> |
||||||
|
<el-radio-group v-model="form.autoAudiAfterSale"> |
||||||
|
<el-radio :label="0"> 是 </el-radio> |
||||||
|
<el-radio :label="1"> 否 </el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="发货自动发起采购"> |
||||||
|
<el-radio-group v-model="form.autoSend"> |
||||||
|
<el-radio :label="0"> 是 </el-radio> |
||||||
|
<el-radio :label="1"> 否 </el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="回款申请自动通过"> |
||||||
|
<el-radio-group v-model="form.autoAuditReturn"> |
||||||
|
<el-radio :label="0"> 是 </el-radio> |
||||||
|
<el-radio :label="1"> 否 </el-radio> |
||||||
|
</el-radio-group> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button type="primary" @click="onSubmit">保存</el-button> |
||||||
|
<el-button @click="getData">刷新</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup name="GeneralClue"> |
||||||
|
const message = useMessage() |
||||||
|
|
||||||
|
const form = ref({ |
||||||
|
autoAudiAfterSale: 0, |
||||||
|
autoSend: 0, |
||||||
|
autoAuditReturn: 0 |
||||||
|
}) |
||||||
|
|
||||||
|
function getData() { |
||||||
|
form.value = { |
||||||
|
autoAudiAfterSale: 0, |
||||||
|
autoSend: 0, |
||||||
|
autoAuditReturn: 0 |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
function onSubmit() { |
||||||
|
message.success('保存成功') |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped></style> |
||||||
Loading…
Reference in new issue