fix: delete tree-data
This commit is contained in:
somnetsak123
parent
0d072c820d
commit
456c00a5bd
1 changed files with 0 additions and 535 deletions
|
|
@ -1,535 +0,0 @@
|
||||||
import { ref } from 'vue'
|
|
||||||
import { defineStore } from 'pinia'
|
|
||||||
import { useLoader } from '@/stores/loader'
|
|
||||||
import axiosClient from '@/services/HttpService'
|
|
||||||
|
|
||||||
const apiEndpoint: string = import.meta.env.VITE_API_ENDPOINT
|
|
||||||
|
|
||||||
export interface EhrFolder {
|
|
||||||
pathname: string
|
|
||||||
name: string
|
|
||||||
createdAt: string
|
|
||||||
createdBy: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface EhrFile {
|
|
||||||
pathname: string
|
|
||||||
|
|
||||||
fileName: string
|
|
||||||
fileSize: string
|
|
||||||
fileType: string
|
|
||||||
|
|
||||||
title: string
|
|
||||||
description: string
|
|
||||||
category: string[]
|
|
||||||
keyword: string[]
|
|
||||||
|
|
||||||
updatedAt: string
|
|
||||||
updatedBy: string
|
|
||||||
createdAt: string
|
|
||||||
createdBy: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TreeDataFolder {
|
|
||||||
pathname: string
|
|
||||||
name: string
|
|
||||||
status: boolean
|
|
||||||
folder: TreeDataFolder[]
|
|
||||||
file?: EhrFile[]
|
|
||||||
}
|
|
||||||
|
|
||||||
export const useTreeDataStore = defineStore('changeCabinet', () => {
|
|
||||||
const loader = useLoader()
|
|
||||||
const data = ref<TreeDataFolder[]>([])
|
|
||||||
const currentFolder = ref<TreeDataFolder[]>([])
|
|
||||||
const currentFile = ref<EhrFile[]>([])
|
|
||||||
const currentPath = ref<string>('')
|
|
||||||
const currentDept = ref<number>(0)
|
|
||||||
const listDataFolder = ref<TreeDataFolder[]>([])
|
|
||||||
const listDataFile = ref<EhrFile[]>([])
|
|
||||||
async function getCabinet() {
|
|
||||||
const res = await axiosClient.get<EhrFolder[]>(`${apiEndpoint}cabinet`)
|
|
||||||
|
|
||||||
data.value = currentFolder.value = res.data.map((v) => ({
|
|
||||||
...v,
|
|
||||||
status: false,
|
|
||||||
folder: [],
|
|
||||||
}))
|
|
||||||
|
|
||||||
listDataFolder.value = data.value
|
|
||||||
}
|
|
||||||
|
|
||||||
async function getFolder(pathname: string, updateStatus = true) {
|
|
||||||
loader.show()
|
|
||||||
|
|
||||||
sessionStorage.setItem('currentPath', pathname)
|
|
||||||
|
|
||||||
const pathArray: string[] = pathname.split('/').filter(Boolean)
|
|
||||||
|
|
||||||
currentDept.value = pathArray.length
|
|
||||||
if (pathArray.length >= 4) {
|
|
||||||
currentFolder.value = []
|
|
||||||
|
|
||||||
await getFile(pathname)
|
|
||||||
|
|
||||||
let current: (typeof data.value)[number] | undefined
|
|
||||||
current = data.value.find((v) => v.name === pathArray[0])
|
|
||||||
|
|
||||||
if (current && updateStatus) current.status = true
|
|
||||||
current = current?.folder.find((v) => v.name === pathArray[1])
|
|
||||||
if (current && updateStatus) current.status = true
|
|
||||||
current = current?.folder.find((v) => v.name === pathArray[2])
|
|
||||||
if (current && updateStatus) current.status = true
|
|
||||||
current = current?.folder.find((v) => v.name === pathArray[3])
|
|
||||||
if (current && updateStatus) current.status = true
|
|
||||||
|
|
||||||
currentPath.value = pathname
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
let requestPath = 'cabinet'
|
|
||||||
if (pathArray.length >= 1) requestPath += `/${pathArray[0]}/drawer`
|
|
||||||
if (pathArray.length >= 2) requestPath += `/${pathArray[1]}/folder`
|
|
||||||
if (pathArray.length >= 3) requestPath += `/${pathArray[2]}/subfolder`
|
|
||||||
|
|
||||||
currentPath.value = pathname
|
|
||||||
|
|
||||||
const res = await axiosClient.get<EhrFolder[]>(
|
|
||||||
`${apiEndpoint}${requestPath}`,
|
|
||||||
)
|
|
||||||
|
|
||||||
const list = res.data.map((v) => ({
|
|
||||||
...v,
|
|
||||||
status: false,
|
|
||||||
folder: [],
|
|
||||||
}))
|
|
||||||
|
|
||||||
let current: (typeof data.value)[number] | undefined
|
|
||||||
|
|
||||||
if (pathArray.length >= 1) {
|
|
||||||
current = data.value.find((v) => v.name === pathArray[0])
|
|
||||||
if (current && updateStatus) {
|
|
||||||
current.status = true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (pathArray.length >= 2) {
|
|
||||||
current = current?.folder.find((v) => v.name === pathArray[1])
|
|
||||||
if (current && updateStatus) {
|
|
||||||
current.status = true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (pathArray.length >= 3) {
|
|
||||||
current = current?.folder.find((v) => v.name === pathArray[2])
|
|
||||||
if (current && updateStatus) {
|
|
||||||
current.status = true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (current) current.folder = list
|
|
||||||
|
|
||||||
currentFolder.value = list
|
|
||||||
|
|
||||||
await getFile(pathname)
|
|
||||||
|
|
||||||
listDataFolder.value = currentFolder.value
|
|
||||||
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
async function getFile(pathname: string) {
|
|
||||||
loader.show()
|
|
||||||
|
|
||||||
const pathArray: string[] = pathname.split('/').filter(Boolean)
|
|
||||||
|
|
||||||
if (pathArray.length <= 2) {
|
|
||||||
currentFile.value = []
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
let requestPath = `cabinet/${pathArray[0]}/drawer/${pathArray[1]}`
|
|
||||||
if (pathArray.length >= 3) requestPath += `/folder/${pathArray[2]}`
|
|
||||||
if (pathArray.length >= 4) requestPath += `/subfolder/${pathArray[3]}`
|
|
||||||
requestPath += '/file'
|
|
||||||
|
|
||||||
const res = await axiosClient.get<EhrFile[]>(`${apiEndpoint}${requestPath}`)
|
|
||||||
|
|
||||||
currentFile.value = res.data
|
|
||||||
|
|
||||||
listDataFile.value = currentFile.value
|
|
||||||
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
async function createFolder(name: string | undefined) {
|
|
||||||
loader.show()
|
|
||||||
|
|
||||||
if (!name) return loader.hide()
|
|
||||||
|
|
||||||
const pathArray: string[] = currentPath.value.split('/').filter(Boolean)
|
|
||||||
let requestPath = 'cabinet'
|
|
||||||
if (pathArray.length >= 1) requestPath += `/${pathArray[0]}/drawer`
|
|
||||||
if (pathArray.length >= 2) requestPath += `/${pathArray[1]}/folder`
|
|
||||||
if (pathArray.length >= 3) requestPath += `/${pathArray[2]}/subfolder`
|
|
||||||
|
|
||||||
await axiosClient.post(`${apiEndpoint}${requestPath}`, {
|
|
||||||
name,
|
|
||||||
})
|
|
||||||
|
|
||||||
if (currentDept.value === 0) await getCabinet()
|
|
||||||
else await getFolder(currentPath.value)
|
|
||||||
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
async function editFolder(name: string | undefined, pathname: string) {
|
|
||||||
loader.show()
|
|
||||||
|
|
||||||
if (!name) return loader.hide()
|
|
||||||
|
|
||||||
const pathArray: string[] = pathname.split('/').filter(Boolean)
|
|
||||||
|
|
||||||
let requestPath = 'cabinet'
|
|
||||||
if (pathArray.length >= 1) requestPath += `/${pathArray[0]}`
|
|
||||||
if (pathArray.length >= 2) requestPath += `/drawer/${pathArray[1]}`
|
|
||||||
if (pathArray.length >= 3) requestPath += `/folder/${pathArray[2]}`
|
|
||||||
if (pathArray.length >= 4) requestPath += `/subfolder/${pathArray[3]}`
|
|
||||||
|
|
||||||
await axiosClient.put(`${apiEndpoint}${requestPath}`, {
|
|
||||||
name: name,
|
|
||||||
})
|
|
||||||
|
|
||||||
if (currentDept.value === 0) await getCabinet()
|
|
||||||
else await getFolder(currentPath.value)
|
|
||||||
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
async function deleteFolder(pathname: string) {
|
|
||||||
loader.show()
|
|
||||||
|
|
||||||
const pathArray: string[] = pathname.split('/').filter(Boolean)
|
|
||||||
|
|
||||||
let requestPath = 'cabinet'
|
|
||||||
if (pathArray.length >= 1) requestPath += `/${pathArray[0]}`
|
|
||||||
if (pathArray.length >= 2) requestPath += `/drawer/${pathArray[1]}`
|
|
||||||
if (pathArray.length >= 3) requestPath += `/folder/${pathArray[2]}`
|
|
||||||
if (pathArray.length >= 4) requestPath += `/subfolder/${pathArray[3]}`
|
|
||||||
|
|
||||||
await axiosClient.delete(`${apiEndpoint}${requestPath}`)
|
|
||||||
|
|
||||||
if (currentDept.value === 0) await getCabinet()
|
|
||||||
else await getFolder(currentPath.value)
|
|
||||||
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
async function gotoParent() {
|
|
||||||
const pathname = currentPath.value.split('/').filter(Boolean)
|
|
||||||
|
|
||||||
pathname.pop()
|
|
||||||
|
|
||||||
if (pathname.length === 0) {
|
|
||||||
const cabinet = currentFolder.value.find((v) => v.status === true)
|
|
||||||
if (cabinet) {
|
|
||||||
cabinet.status = false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
await getFolder(pathname.join('/') + '/')
|
|
||||||
}
|
|
||||||
|
|
||||||
async function uploadFile(
|
|
||||||
pathname: string,
|
|
||||||
file: File,
|
|
||||||
newData: {
|
|
||||||
title: string
|
|
||||||
description: string
|
|
||||||
keyword: string[]
|
|
||||||
category: string[]
|
|
||||||
},
|
|
||||||
) {
|
|
||||||
loader.show()
|
|
||||||
|
|
||||||
const pathArray: string[] = pathname.split('/').filter(Boolean)
|
|
||||||
|
|
||||||
if (pathArray.length <= 2) return
|
|
||||||
|
|
||||||
let requestPath = 'cabinet'
|
|
||||||
if (pathArray.length >= 1) requestPath += `/${pathArray[0]}`
|
|
||||||
if (pathArray.length >= 2) requestPath += `/drawer/${pathArray[1]}`
|
|
||||||
if (pathArray.length >= 3) requestPath += `/folder/${pathArray[2]}`
|
|
||||||
if (pathArray.length >= 4) requestPath += `/subfolder/${pathArray[3]}`
|
|
||||||
requestPath += '/file'
|
|
||||||
|
|
||||||
const res = await axiosClient.post<EhrFile & { upload: string }>(
|
|
||||||
`${apiEndpoint}${requestPath}`,
|
|
||||||
{
|
|
||||||
file: file.name,
|
|
||||||
...newData,
|
|
||||||
},
|
|
||||||
)
|
|
||||||
|
|
||||||
if (res && res.data.upload) {
|
|
||||||
await fetch(res.data.upload, {
|
|
||||||
method: 'PUT',
|
|
||||||
body: file,
|
|
||||||
})
|
|
||||||
|
|
||||||
loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
if (currentDept.value === 0) {
|
|
||||||
await getCabinet()
|
|
||||||
} else await getFolder(currentPath.value)
|
|
||||||
|
|
||||||
await getFile(currentPath.value)
|
|
||||||
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
async function updateFile(
|
|
||||||
pathname: string,
|
|
||||||
newData: {
|
|
||||||
title: string
|
|
||||||
description: string
|
|
||||||
keyword: string[]
|
|
||||||
category: string[]
|
|
||||||
},
|
|
||||||
file?: File,
|
|
||||||
) {
|
|
||||||
loader.show()
|
|
||||||
|
|
||||||
const pathArray: string[] = pathname.split('/').filter(Boolean)
|
|
||||||
|
|
||||||
if (pathArray.length < 4) return loader.hide()
|
|
||||||
|
|
||||||
let requestPath = `cabinet/${pathArray[0]}/drawer/${pathArray[1]}`
|
|
||||||
if (pathArray.length >= 4) requestPath += `/folder/${pathArray[2]}`
|
|
||||||
if (pathArray.length >= 5) requestPath += `/subfolder/${pathArray[3]}`
|
|
||||||
requestPath += `/file/${pathArray.at(-1)}`
|
|
||||||
|
|
||||||
const res = await axiosClient.patch<{ upload: string }>(
|
|
||||||
`${apiEndpoint}${requestPath}`,
|
|
||||||
{ file: file?.name, ...newData },
|
|
||||||
)
|
|
||||||
|
|
||||||
if (res && res.data.upload) {
|
|
||||||
await fetch(res.data.upload, {
|
|
||||||
method: 'PUT',
|
|
||||||
body: file,
|
|
||||||
})
|
|
||||||
|
|
||||||
loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
if (currentDept.value === 0) {
|
|
||||||
await getCabinet()
|
|
||||||
} else await getFolder(currentPath.value)
|
|
||||||
|
|
||||||
await getFile(currentPath.value)
|
|
||||||
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
async function deleteFile(pathname: string) {
|
|
||||||
loader.show()
|
|
||||||
|
|
||||||
const pathArray: string[] = pathname.split('/').filter(Boolean)
|
|
||||||
|
|
||||||
if (pathArray.length < 4) return loader.hide()
|
|
||||||
|
|
||||||
let requestPath = `cabinet/${pathArray[0]}/drawer/${pathArray[1]}`
|
|
||||||
if (pathArray.length >= 4) requestPath += `/folder/${pathArray[2]}`
|
|
||||||
if (pathArray.length >= 5) requestPath += `/subfolder/${pathArray[3]}`
|
|
||||||
requestPath += `/file/${pathArray.at(-1)}`
|
|
||||||
|
|
||||||
await axiosClient.delete(`${apiEndpoint}${requestPath}`)
|
|
||||||
|
|
||||||
if (currentDept.value === 0) {
|
|
||||||
await getCabinet()
|
|
||||||
} else await getFolder(currentPath.value)
|
|
||||||
|
|
||||||
await getFile(currentPath.value)
|
|
||||||
|
|
||||||
currentFile.value = currentFile.value.filter((v) => v.pathname !== pathname)
|
|
||||||
listDataFile.value = currentFile.value
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
function checkFile(fileName: string) {
|
|
||||||
return currentFile.value.some((element) => element.fileName === fileName)
|
|
||||||
}
|
|
||||||
|
|
||||||
function checkFileName(fileName: string) {
|
|
||||||
return fileName.length >= 85
|
|
||||||
}
|
|
||||||
|
|
||||||
async function refaceFile(pathname: string) {
|
|
||||||
const pathArray: string[] = pathname.split('/').filter(Boolean)
|
|
||||||
|
|
||||||
if (pathArray.length <= 2) {
|
|
||||||
currentFile.value = []
|
|
||||||
return loader.hide()
|
|
||||||
}
|
|
||||||
|
|
||||||
let requestPath = `cabinet/${pathArray[0]}/drawer/${pathArray[1]}`
|
|
||||||
if (pathArray.length >= 3) requestPath += `/folder/${pathArray[2]}`
|
|
||||||
if (pathArray.length >= 4) requestPath += `/subfolder/${pathArray[3]}`
|
|
||||||
requestPath += '/file'
|
|
||||||
|
|
||||||
const res = await axiosClient.get<EhrFile[]>(`${apiEndpoint}${requestPath}`)
|
|
||||||
|
|
||||||
currentFile.value = res.data
|
|
||||||
|
|
||||||
listDataFile.value = currentFile.value
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateEditFolder(
|
|
||||||
data: TreeDataFolder[],
|
|
||||||
targetPathname: string,
|
|
||||||
|
|
||||||
newPath: string,
|
|
||||||
): TreeDataFolder[] {
|
|
||||||
return data.map((item) => {
|
|
||||||
if (item.pathname === targetPathname) {
|
|
||||||
const pathArray: string[] = newPath.split('/').filter(Boolean)
|
|
||||||
item.pathname = newPath
|
|
||||||
item.name = pathArray[pathArray.length - 1]
|
|
||||||
}
|
|
||||||
|
|
||||||
if (item.folder) {
|
|
||||||
return {
|
|
||||||
...item,
|
|
||||||
folder: updateEditFolder(item.folder, targetPathname, newPath),
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return item
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateDeleteFolder(
|
|
||||||
data: TreeDataFolder[],
|
|
||||||
targetPathname: string,
|
|
||||||
): TreeDataFolder[] {
|
|
||||||
return data
|
|
||||||
.filter((item) => item.pathname !== targetPathname)
|
|
||||||
.map((item) => {
|
|
||||||
if (item.folder) {
|
|
||||||
item.folder = updateDeleteFolder(item.folder, targetPathname)
|
|
||||||
if (item.folder.length === 0) item.folder = []
|
|
||||||
}
|
|
||||||
|
|
||||||
return item
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateCreateFolder(
|
|
||||||
data: TreeDataFolder[],
|
|
||||||
pathArrayLength: number,
|
|
||||||
pathfolder: string,
|
|
||||||
targetPathname: string,
|
|
||||||
newData: TreeDataFolder,
|
|
||||||
): TreeDataFolder[] {
|
|
||||||
let updatedData: TreeDataFolder[] = []
|
|
||||||
|
|
||||||
if (pathArrayLength === 1) {
|
|
||||||
updatedData.push(newData)
|
|
||||||
}
|
|
||||||
|
|
||||||
for (const item of data) {
|
|
||||||
if (item.pathname === pathfolder) {
|
|
||||||
updatedData.push({
|
|
||||||
...item,
|
|
||||||
folder: [...(item.folder || []), newData],
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
updatedData.push({
|
|
||||||
...item,
|
|
||||||
folder: item.folder
|
|
||||||
? updateCreateFolder(
|
|
||||||
item.folder,
|
|
||||||
pathArrayLength,
|
|
||||||
pathfolder,
|
|
||||||
targetPathname,
|
|
||||||
newData,
|
|
||||||
)
|
|
||||||
: [],
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return updatedData
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateDeleteFile(
|
|
||||||
data: EhrFile[],
|
|
||||||
targetPathname: string,
|
|
||||||
): EhrFile[] {
|
|
||||||
return data.filter((item) => item.pathname !== targetPathname)
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateNewFile(
|
|
||||||
data: EhrFile[],
|
|
||||||
targetPathname: string,
|
|
||||||
newData: EhrFile,
|
|
||||||
): EhrFile[] {
|
|
||||||
let isUpdated = false
|
|
||||||
|
|
||||||
const updatedData = data.map((item) => {
|
|
||||||
if (item.pathname === targetPathname) {
|
|
||||||
isUpdated = true
|
|
||||||
|
|
||||||
return {
|
|
||||||
...item,
|
|
||||||
pathname: newData.pathname,
|
|
||||||
fileName: newData.fileName,
|
|
||||||
fileSize: newData.fileSize,
|
|
||||||
fileType: newData.fileType,
|
|
||||||
title: newData.title,
|
|
||||||
description: newData.description,
|
|
||||||
category: newData.category,
|
|
||||||
keyword: newData.keyword,
|
|
||||||
updatedAt: newData.updatedAt,
|
|
||||||
updatedBy: newData.updatedBy,
|
|
||||||
createdAt: newData.createdAt,
|
|
||||||
createdBy: newData.createdBy,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return item
|
|
||||||
})
|
|
||||||
if (!isUpdated) {
|
|
||||||
updatedData.push(newData)
|
|
||||||
}
|
|
||||||
|
|
||||||
return updatedData
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
data,
|
|
||||||
currentFolder,
|
|
||||||
currentFile,
|
|
||||||
currentDept,
|
|
||||||
currentPath,
|
|
||||||
listDataFile,
|
|
||||||
listDataFolder,
|
|
||||||
getCabinet,
|
|
||||||
getFolder,
|
|
||||||
uploadFile,
|
|
||||||
updateFile,
|
|
||||||
deleteFile,
|
|
||||||
gotoParent,
|
|
||||||
createFolder,
|
|
||||||
deleteFolder,
|
|
||||||
editFolder,
|
|
||||||
checkFile,
|
|
||||||
checkFileName,
|
|
||||||
refaceFile,
|
|
||||||
updateEditFolder,
|
|
||||||
updateDeleteFolder,
|
|
||||||
updateCreateFolder,
|
|
||||||
updateDeleteFile,
|
|
||||||
updateNewFile,
|
|
||||||
}
|
|
||||||
})
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue